/*  clearing */

*
{
	font-size: 100.01%;
	padding: 0;
	line-height: 120%;
	margin: 0;
}




html,
body {
    height:100%; 
    }

* html body {
  height:100%;
}

body
{
	width: 100%;
        min-width: 1000px;
	height: 100%;
	min-height:100%;
	color: #09252E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	//font-size: 68.5%;
	position:relative;
}



img
{
	border: none;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset
{
	border: none;
}

ul li {
	list-style: none;
}





/*  tags  */

h1 {
	font-size: 2em;
	font-weight: normal;
	color: #09252E;
	margin-bottom: 1em;
        margin-right: 30px;
	padding: 0 10px 5px 0;
	background:  url(/img/line-dot.gif) 0 100%  repeat-x;  

}

h2 {
	font-size: 1.5em;
	font-weight: normal;
	color: #09252E;
	margin: 5px 0;
}

p {
	font-size: 1.2em;
	margin: 1em 1em 1em 0;
}

a {
	color: #333;
}



/*  main-layouts */

#header-content {
    	position:relative;
	min-height:100%; 
	background: #fff url(/img/bg.gif) repeat-y;
    }

* HTML #header-content {
    	height:100%; 
    }


#content {        
	border-top: 4px solid #fff;
	padding: 10px 0 70px 50px; 
//padding: 10px 0 70px 0; 
	min-height: 510px;
    }
#footer {
	clear:both;
    	position:relative;
margin:-50px 0 0; 
	background:  url(/img/bg-footer.gif) top left repeat-x;
	width: 100%;
    }



/*layouts */

#header {
	background: url(/img/bg-top.gif);  
	height: 156px;
	padding:0;
	width: 100%;	
}

#logo {
	color: #fff; 
	font-weight: bold; 
	position: absolute;
	top: 0px; 
	left: 0px;  
	font-size: 1,2em;
}

#logo img {float: left; margin: 20px 20px;}
#logo div { padding: 30px 0px; width: 500px;}
#logo div span {color: #5ab278; }
#logo div span.phone {font-weight: bold; font-size: 2em; color:#fff}
#logo div span.phone span {font-size: 0.6em; color:#fff;}


.slogan {
	float: right;
	padding-top: 0px; 
	margin-right: 100px; 
	color: #fff; 
	font-size: 3em;
        font-family: Helios, verdana, sans-serif
}
.slogan span {padding-top: 10px;
padding-left: 100px;}

#email {
	float: right;
	background: #5ab278;
	height: 40px;
	width: 70px;
	margin-top: 35px;
	text-align: center;
}

#email img {
	margin: 15px 10px;}


#top-nav 
{
	height:40px;
	background:#25424A;
	position: absolute;
	top: 116px;
	left: 20px;
	/*margin-left:-130px;*/
}

#top-nav li {
	float: left;
	font-size: 1.4em;
	font-weight: normal;	
	padding: 0 5px;

}

#top-nav li:hover {  
	background: #9AC0CD;
	height:40px;}

#top-nav li a {
	color: #fff;
    	display:block; 
    	position:relative; 
        padding: 0 5px;
	text-decoration: none;
        display:block; 
	line-height:40px;
	}
#top-nav li a:hover {
	display:block;
	cursor:pointer;
	background: #9AC0CD;
}
#nav {	
	float: left;
       	width: 330px;
	padding: 5px 0 50px 20px;  
        height: 520px;
}

#nav ul li {
	background: url(/img/bullet.gif) 0% 10% no-repeat;
	margin: 10px;
	padding: 0 0 0 40px;
	font-size: 1.2em;
}

.b-prod {
	background: url(/img/b-prod.gif) 0 0 no-repeat;
	height: 82px;
	width:285px;	
}

.b-prod img {
	float: left;
	padding: 5px;
//padding: 0 10px 0 0;
}

.b-prod a {color: #fff;
	font-size: 1.7em;
	font-weight: normal;
	text-decoration: none;
	position:relative;
	top: 20px;
	left: 10px;
}


#content ul  {
	font-size: 1.2em;
	margin: 1em 0;
}

#content ul li {
	background: url(/img/li.gif) 0% 20% no-repeat;
	margin: 5px 0;
	padding: 0 0 0 10px;
	font-size: 1em;
}




.bottom {
	height: 71px;
	margin:0;
	padding: 10px 0px 0 350px;
	color: #fff;
	background: url(/img/bottom.gif) top left no-repeat;}

.bottom a {
	color: #fff;
	font-weight: bold;
}

.copy {
	position: relative; 
	top: -25px; 
	right: 30px; 
	//top: -15px;
	text-align: right;
}



table#p {
	width: 80%;
	border-collapse:separate;
	border-spacing:0;
	margin:0 1em 1em 1em;
	color: #2b3500;
	}
table#p a {
	color:#523A0B;
	text-decoration:none;
	
	}
table#p a:visited {
	color:#444;
	font-weight:normal;
	}
table#p a:visited:after {
	content:"\00A0\221A";
	}

thead th,
thead td,
tfoot th,
tfoot td {
	border:1px solid #45443e;
	border-width:1px 0;
	background:#b0ae9e;
color: #fff;
	}
table#p th {
	font-weight:bold;
	line-height:normal;
	padding:0.25em 0.5em;
	text-align:left;
	}
table#p tbody th,
table#p td {
	padding:0.25em 0.5em;
	text-align:left;
	vertical-align:top;
	}
table#p tbody th {
	font-weight:normal;
	white-space:nowrap;
	}
table#p tbody th a:link,
table#p tbody th a:visited {
	font-weight:bold;
	}
table#p tbody td,
table#p tbody th {
	border:1px solid #fff;
	border-width:1px 0;
	}
table#p tbody tr.odd th,
table#p tbody tr.odd td {
	border-color:#EBE5D9;
	background:#F7F4EE;
	}
table#p tbody tr:hover td
 {	
	background:#ffffee;
	border-color:#45443e;
	}


div.illustrations-popup-large div.ill-large {
position: absolute; display: none; top: 20%; left: 50%;}

div.illustrations-popup-large div.ill-large div.shifter {
position: absolute; left: -300px;
width: 600px;}

div.illustrations-popup-large div.ill-large div.shadow {
position: absolute; top: -2px; left: -22px; 
width: 642px; 
height: 418px; 
background: url('/img/ill-shadow.png') no-repeat; 
background: expression('none'); 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/ill-shadow.png', sizingMethod='crop'); 
z-index: 1;}

div.illustrations-popup-large div.ill-large div.myimage {
position: relative;
z-index: 2; 
background-color: #f1f0e3; 
width:600px; 
height: 330px; 
text-align:center;}

div.illustrations-popup-large div.ill-large img.close {
position: absolute; 
top: 10px; 
right: 13px; 
z-index: 3; 
cursor: pointer; 
cursor: hand;}
div.illustrations-popup-large div.ill-large div.caption {
background-color: #f5f5ea; 
position: relative; 
font-size: 1em; 
z-index: 4; 
min-height: 46px; 
//height: 46px;}
div.illustrations-popup-large div.ill-large div.caption div {
padding: 0.5em 1em;}





#dolphinnav
{position:relative;
height:33px;
font-weight:bold;
background:#fff url(/img/dolphin_bg.gif) repeat-x bottom left;
padding:0 0 0 20px;}

#dolphinnav ul
{
margin:0;
padding:0;
list-style-type:none;
width:auto;
float:left;}

#dolphinnav ul li
{display:block;
float:left;
margin:0 1px;}

#dolphinnav ul li a
{display:block;
float:left;
color:#EAF3F8;
text-decoration:none;
padding:0 0 0 20px;
height:33px;}

#dolphinnav ul li a span{
padding:12px 20px 0 0;
height:21px;
float:left;}

#dolphinnav ul li a:hover{
color:#fff;
background:transparent url(/img/dolphin_bg-OVER.gif) repeat-x bottom left;}

#dolphinnav ul li a:hover span
{display:block;
width:auto;
cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{
color:#fff;
background:#1D6893 url(/img/dolphin_left-ON.gif) no-repeat top left;l
ine-height:275%;}

#dolphinnav ul li a.current span
{display:block;
padding:0 20px 0 0;
width:auto;
background:#1D6893 url(/img/dolphin_right-ON.gif) no-repeat top right;
height:33px;}