/* -----------------  page styles -------------------------------------------------------*/

body { padding:0; margin:0; font:11px Verdana, sans-serif; line-height: 17px; background:#f4f4f4 url(../images/bodybg.gif) center repeat-y; color: #555; }
#wrapper { margin:2px auto; width:900px;  padding:0; background:#fff;}

/* -----------------  general styles  -------------------------------------------------------*/

a { color:#D66227;}
a:hover { color:#894e4e; background:none;}
p { margin:0;padding-top:2px;}
h2 { font-weight:bold; font-size:12px; padding:0px 0 4px 0px; margin: 0 0 2px 0; color:#444; background:none; border-bottom: 2px}
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0;}
h4 {font: 30px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif; margin:0;}
.pic{margin-top:8px;}
/* -----------------  top info  -------------------------------------------------------*/

#header { clear:both; width:900px; height:80px; background: url(../images/header_new.jpg) no-repeat; margin:0;}
#title {float:right; width:250px; padding: 20px 0 10px 60px; font-size:20px;}
#title h3 {font-size:20px; padding:5px 0 0 0; margin:0; color:#022F58;}
#hright {float:right; width:540px; height: 60px; margin:15px 0 0 0;}
#hrighttop {width: 220px;margin: 0 2px 0 0; padding: 0 8px 2px 0; float:right; text-align: middle;}
#title p {font-size: 12px; color: #8DCF0B; padding: 0; background: inherit;}
#menu { width: 540px; float:right; margin:2px 0 0 0; padding:0; text-align:right;}
#menu li { display:inline; }
#menu li a {  color:#FFFFFF; text-decoration:none; padding:1px 8px 1px 1px; height:20px; background:none;}
#menu li a:hover { background: none;color:#FFFFFF;} 

/* ----------------- Main content -------------------------------------------------------*/

#homepic {width:900px; height:250px; margin:3px 0 5px 0;background: url(../images/home1.jpg) no-repeat;}
#contact {width:900px; height:250px; margin:3px 0 5px 0;background: url(../images/contact.jpg) no-repeat;}
#services {width:900px; height:250px; margin:3px 0 5px 0;background: url(../images/services_main.jpg) no-repeat;}
#green {width:900px; height:250px; margin:3px 0 5px 0;background: url(../images/green_main.jpg) no-repeat;}
#about {width:900px; height:250px; margin:3px 0 5px 0;background: url(../images/about_main.jpg) no-repeat;}
#quote {width:900px; height:250px; margin:3px 0 5px 0;background: url(../images/quote_main.jpg) no-repeat;}
#careers {width:900px; height:250px; margin:3px 0 5px 0;background: url(../images/careers_main.jpg) no-repeat;}
#homepic a {color:#fff;}
#homepic:hover {background: url(../images/homepichover.jpg) no-repeat;}
.message{ position:absolute;  width:360px; float:left; margin:70px 0px 0px 165px; color:#fff;}
#bottomcontenttop{width:900px;height:10px;background: url(../images/b_contenttop.jpg) no-repeat;}
#bottomcontent{width:898px; height:360px;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentabout{width:898px; height:550px;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentquote{width:898px; height:680px;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentservices{width:898px; height:550px;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentgreen{width:898px; height:550px;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentcareers{width:898px; height:700px;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentcontact{width:898px; height:400px;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentsupp{width:898px; height:720px;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentbtm{width:900px;height:10px;background: url(../images/b_contentbtm.jpg) no-repeat;}
.left {float: left;width: 270px;margin: 0 6px 5px 0; padding:5px;}
.lefts {float: left;width: 500px;margin: 0 6px 5px 0; padding:5px; background-color:#A01E20;}
.lefta {float: left;width: 630px;margin: 0 6px 5px 0; padding:5px; background-color:#326495;}
.lefta2 {float: left;width: 210px;margin: 0 6px 5px 0; padding:5px; background-color:#90BD60;}
.leftahome {float: left;width: 150px;margin: 0 6px 5px 0; padding:5px; background-color:#90BD60;}
.lefts2 {float: left;width: 500px;margin: 0 6px 5px 0; padding:5px;}
.leftquote {float: left;width: 550px;margin: 0 50px 20px 0; padding:5px;}
.leftquoteg {float: left;width: 500px; height:500px; margin: 0 50px 20px 0; padding:5px;}
.leftquotesupp {float: left;width: 500px; height:550px; margin: 0 50px 20px 0; padding:5px;}
.leftquotes {float: left;width: 550px; height:500px; margin: 0 50px 20px 0; padding:5px;}
.leftquotec {float: left;width: 500px;margin: 0 50px 20px 0; padding:5px;}
.leftcontact {float: left;width: 500px;margin: 0 60px 50px 0; padding:5px;}
.middle {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px;}
.right {float: right;width: 250px;margin: 0 6px 5px 0; padding:10px;}
.righta {float: right;width: 210px;margin: 0 6px 5px 0; padding:10px;}
.rightj {float: right;width: 300px;margin: 0 6px 5px 0; padding:10px;}

/* ----------------- Bottom content -------------------------------------------------------*/

/* footer area */
#footer {
position:relative;
margin:0 auto;
margin-top:15px;
padding:5px 5px 15px 5px;
width:770px;
color:#999999;
text-align:center;
clear:both;
}

#footer p {
font-size:12;
}

#footer a {
color:#DC9F85;
}

#footer a:hover {
color:#cccccc;
text-decoration:none;
}

#footer a:visted {
color:#DC9F85;
}

/* Side Bar */
#sidebar {
float:left;
position:relative;
margin:0 0 0 5px;
padding:5px 5px 5px 10px;
width:600px;
background-color:#ffffff;
border-left:1px solid #000000;
}

#sidebar p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#555;
}

		/*TOPBAR */
#topbar {
width: 900px;
height: 143px;
margin: 0 auto;
padding: 0;
overflow: hidden;
background: #fff url(../images/header_new.jpg);
color: #000;
}
#topbar img a {
margin: 0;
border: none;
}
#topbarright {
float: left;
width: 300px;
text-align: left;
margin: 0;
padding: -3px;
}
#topbarright li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
#topbarright ul {
margin: 0;
padding: 0;
}
#topbarright a, #topbarright a:visited {
color: #fff;
font-size: 120%;
font-weight: bold;
margin: 0;
padding: 6px 10px 6px 10px;
text-decoration: none;
}
#topbarright a:hover {
color: #666;
font-weight: bold;
text-decoration: underline;
}

/* ---------------------- MENU ---------------------- */
#dolphincontainer{
	position:center;
	height:37px;
	color:#E0E0E0;
	background:#143D55;
	width:900px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	}

#dolphinnav{
	position:relative;
	height:33px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background:#fff url(../images/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(../images/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:#326495 url(../images/dolphin_left-ON.gif) no-repeat top left;
	line-height:275%;
	}

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