* {
padding: 0;
margin: 0;
}
body {
color:#564B47;
font-family:"Lucida Grande",Verdana,Arial,sans-serif;
font-size:12px;
line-height:17px;
font-style:normal;
font-variant:normal;
text-align:justify;
}

html, body {
height: 100%;
}

#container {
background:url(img/bg2.png) repeat-x fixed left bottom #FFFFFF;
min-height:100%;
width: 100%;
margin: 0 auto;
padding-top: 100px;
padding-bottom: 55px;
}

* html #container {
height: 100%;
}

#col {
    margin: auto;
    width: 900px;
}

#bottom_bar {
background-color:#000000;
border-top:2px solid #f49100;
bottom:0px;
font-family:verdana,arial,sans-serif;
height:40px;
left:0px;
margin:0px;
padding:0px;
position:fixed;
right:0px;
z-index:10;
}
#top_bar {
background-color:#000000;
border-bottom:2px solid #f49100;
font-family:verdana,arial,sans-serif;
height:70px;
left:0px;
margin:0px;
padding:0px;
position:fixed;
right:0px;
text-align:right;
top:0px;
z-index:10;
min-width: 800px;
}

#logo {
    background:url(img/resized_logo.png) no-repeat;
    height:80px;
    width:100px;
    position:fixed;
    right:15px;
    bottom:15px;
    z-index:12;
}

#pinguin {
    background:url(img/pinguin.png) no-repeat;
    height:229px;
    width:350px;
    position:fixed;
    right:0px;
    bottom:0px;
    z-index:8;
}
#tuxservices {
    background:url(img/tuxservices.png) no-repeat;
    position:fixed;
    width: 300px;
    height: 60px;
    top:15px;
    z-index:11;
}
/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:900px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-bottom:0.5em; /* spacing under dialog */
}

.content {
    width: 860px;
    padding-right: 20px;
    padding-left: 20px;
}
.dialog .content{
    background: transparent url(img/content-bg.png) repeat-y left;
    min-height: 143px;

}

.dialog .t {
 background:transparent url(img/t-bg.png) no-repeat top left;
}

.dialog .b
 {
 background:transparent url(img/b-bg.png) no-repeat top left;
}
.dialog .content {
 position:relative;
}

.dialog .b {
 position:relative;
 width:100%;
 height: 385px;
}

.dialog .t{
  height:75px; 
 font-size:1px;
}

.dialog .b
{
 height:385px; /* height of bottom cap/shade */
 font-size:1px;

}


.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:10000px;
}

.dialog h1,
.dialog p {
 margin-top:0px; /* margins will blow out backgrounds, leaving whitespace. */

}

h1, h2 {
color:#353434;
font-family:"Lucida Grande",Verdana,Arial,sans-serif;
font-size:14px;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:100%;
position:relative;
margin-bottom: 10px;
margin-top: 5px;
}

h1 {
    border-bottom: 1px solid #ccff00;
    margin-bottom: 14px;
}
h2 {
color:#f49100;
font-size:13px;
}
h1 span, h2 span {
background:transparent url(img/gradient-white.png) repeat-x scroll 0%;
display:block;
height:13px;
position:absolute;
top:3px;
width:100%;
}
h2 span {
background:transparent url(img/gradient-white.png) repeat-x scroll 0%;
height:12px;
top:0px;
}

textarea {
	width:650px;
	height: 400px;
}

label {
	float: left;clear: left;
}

#anim-photos img{
     border:    0px;
     right: 0px;
     z-index:10;
}
.anim-icons
{
	list-style:				none;
	margin:					0;
       
}
 
.anim-icons li
{
	float:					left;
	padding:				5px;
	width:					100px;
	height:					100px;
	text-align:				center;
}

#content-main {
position: relative;
z-index:1;
}
#id_content_tbl {
 width:650px;
}

.form-row label{
	width: 200px;
}

#menu {
top:70px;
left: 0px;
position: fixed;
z-index:1; 
margin: 0px;
padding: 0px;
width: 100%;
}

.info_left {
	float: left;
}
.info_right {
	width: 100%;
	text-align: right;
}

.info_right img{
vertical-align: middle;
margin: 1px;
}

#top_bar span{
font: bold 12px/28px verdana;
color: #FFFFFF;
margin-right: 10px;
vertical-align: middle;
}

#top_bar span.white {
	color: #ccff00;	
	margin: 2px;
}

#top_bar a:link, #top_bar a:visited {
	color: #FFFFFF;
}

#top_bar a:hover {
color:#ccff00;
text-decoration:none;
}

#navigation a:link, #navigation a:visited {
	color: #FFFFFF;
	font-size:12px;
font-weight:bold;

}

#navigation a:hover {
color:#ccff00;
text-decoration:none;
}

#navigation {
	width: 100%;
	background: #555555;
	color: #fff;
	border: 1px solid white;
	border-left: 0px;
	border-bottom:2px solid #f49100;
	font-size:12px;

}

#navigation td, th {
	border: 0px;
	font-family:"Lucida Grande",Verdana,Arial,sans-serif;
	font-size:14px;
	line-height:13px;
	padding:5px;
	vertical-align:top;
}

#navigation table {
	width: 100%;
	border: 0px;
}

#navigation ul { list-style-image: url(img/folder_orange_open.png); padding-left: 16px; margin-left: 20px;}

ul {
	padding-left: 35px;
}


#top_bar strong {
	color: #ccff00;
}

#navigation h1 {
	color: white;
	font-size:14px;

}

.td-center {
	text-align:center;
}

#toggle {
color:#f49100;
font-size:13px;
font-weight:bold;
background-color: white;
}