body{background:url(../images/bluegradient.png) fixed;
	color:#000000;
	font-family: arial , helvetica , sans serif;
	font-size:13px;
	}
h1{color:#396b84;
	font-size:26px;
	font-family: arial , helvetica , sans serif;
	font-weight:bold;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:10px;}
h2{color:#396b84;
	font-size:22px;
	font-family: arial , helvetica , sans serif;
	font-weight:bold;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:10px;}
h3{font-size:20px;
	font-weight:bold;
	color:#000000;}
.red{color:#ff0000;}
h4{color:#ABC07D;
        font-family:Georgia , Garamond , Serif;
        font-size:18px;}
h5{font-size:14px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:4px;}
h6{font-size:12px;
	color:#ffffff;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:4px;}
p.main{width:500px;margin-left:auto;margin-right:auto;margin-top:20px;font-size:14px;}
p.mainlist{width:500px;margin-left:auto;margin-right:auto;margin-top:5px;font-size:14px;}
.mainbullet{margin-left:40px;}
.centered{display:block;margin-left:auto;margin-right:auto;}
p.excerpt{background:#F5F5DC;
        padding:10px;
        display:block;
        width:70%;
        margin: auto auto auto auto;
        color:#396B84;}
a{color:#396B84;}
a.light{color:#abd6e7;
	text-decoration:none;}
a.light:hover{text-decoration:underline;}
li.terms{padding-bottom:10px;}
#container{min-width:780px;
	max-width:984px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	display:block;
	background:url(../images/pageshadowbg.png);}
#topsection{position:relative;
	top:0px;
	left:0px;
	width:100%;
	background:#ffffff;
	display:inline-block;}

	#logo{float:left;
	width:341px;
	height:150px;
	background:url(../images/comanco_logo_10.png);}

	#logo_sub{}
	
	#logo_sub a {position:absolute;
	top:100px;
	height:25px;
	width:75px;
	text-decoration:none;}

	#logo_sub a i{visibility:hidden;}
	
	#safety{left:46px;}
	a#safety:hover{background:url(../images/comanco_safety_hover.png);}
	#quality{left:134px;}
	a#quality:hover{background:url(../images/comanco_quality_hover.png);}
	#service{left:222px;}
	a#service:hover{background:url(../images/comanco_service_hover.png);}

	#officelocation{float:right;
	margin-right:180px;
	border:none;}

	#toplinkbar{position:absolute;
		top:0px;
		right:0px;
		padding-right:30px;
		padding-top:5px;
		text-align:right;}
	a.toplinks{color:#7da141;
		text-decoration:none;
		font-size:11px;}
	a.toplinks:hover{text-decoration:underline;}
	#logo{float:left;}

#midsection{clear:both;
	position:relative;
	display:inline-block;
	left:0px;
	top:0px;
	width:100%;
	margin-top:-6px;
	margin-bottom:0px;
	padding-bottom:0px;}

	img.menu{border:none;}

	.navbg{width:100%;background:#ffffff;}

	.slogan{margin-top:-69px;float:right;}

	#incharge{margin-left:7px;
		margin-bottom:0px;
		padding-bottom:0px;
		margin-top:-15px;
		border:0px;}

	.bannerpic{margin-left:7px;
		margin-bottom:0px;
		padding-bottom:0px;
		margin-top:-15px;
		border:0px;}
	
	.bannerpic_scroll{margin-bottom:0px;
		padding-bottom:0px;
		margin-top:-15px;
		border:0px;}
		
    ul#portfolio{margin:0px;
            margin-left:7px;
            padding:0px;}

	#leftbox{position:relative;
		left:7px;
		top:0px;
		width:350px;
		margin-top:0px;
		padding-top:0px;
		background:#ffffff url(../images/whiteshadowbg9.png) repeat-y;}
		
		.leftpad{margin-right:36px;
			margin-left:20px;
			padding-top:20px;
			padding-bottom:20px;}
		.leftwhite{color:#ffffff;}
		.lefttext{font-size:12px;
		           color:#ffffff;}
		.lefthead{color:#ABC07D;
		            font-size:16px;
		            font-weight:bold;}

		.marketpic{border:solid #000000 1px;
			margin-top:5px;
			margin-bottom:5px;
			margin-left:5px;}
			
		.tip_pic_right{float:right;
			position:relative;
			top:0px;
			right:0px;
			margin:5px;}
		.relatedlinks{width:260px;display:inline-block;margin-left:auto;margin-right:auto;}
		#unrelatedlinks{width:280px;display:inline-block;margin-left:auto;margin-right:auto;}
		a.related{text-decoration:none;
			display:block;
			background:#f9f9f9;
			padding-left:10px;
			padding-top:2px;
			padding-bottom:2px;
			border-left:solid #abd6e7 6px;
			border-bottom:solid #abd6e7 1px;
			margin-bottom:1px;
			font-family:arial;
			font-size:10px;
			text-transform:uppercase;}
		a.related:hover{border-left:solid #7da141 6px;
				color:#7da141;}
		a.altrelated{text-decoration:none;
			display:block;
			color:#7da141;
			background:#f9f9f9;
			padding-left:10px;
			padding-top:2px;
			padding-bottom:2px;
			border-left:solid #7da141 6px;
			border-bottom:solid #abd6e7 1px;
			margin-bottom:1px;
			font-family:arial;
			font-size:10px;
			text-transform:uppercase;}
		a.altrelated:hover{text-decoration:none;
			display:block;
			color:#396B84;
			background:#f9f9f9;
			padding-left:10px;
			padding-top:2px;
			padding-bottom:2px;
			border-left:solid #396B84 6px;
			border-bottom:solid #abd6e7 1px;
			margin-bottom:1px;
			font-family:arial;
			font-size:10px;
			text-transform:uppercase;}
		.nonrelated{text-decoration:none;
			display:block;
			background:#f9f9f9;
			padding-left:10px;
			padding-top:2px;
			padding-bottom:2px;
			border-left:solid #abd6e7 6px;
			border-bottom:solid #abd6e7 1px;
			margin-bottom:1px;
			font-family:arial;
			font-size:10px;
			text-transform:uppercase;}
		li.listrelated{text-decoration:none;
			display:block;
			background:#f9f9f9;
			padding-left:10px;
			padding-top:2px;
			padding-bottom:2px;
			border-left:solid #abd6e7 6px;
			border-bottom:solid #abd6e7 1px;
			margin-bottom:1px;
			font-family:arial;
			font-size:10px;
			text-transform:uppercase;
			list-style-type:none;}
		.leafnoderelate{
		    font-family:Arial;
		    font-size:10px;
		    text-transform:uppercase;
		    display:block;
		    color:#7da141;
		    text-decoration:none;
		    position:relative;
		    left:-8px;}
		 .leafnoderelate_hover{color:#f9f9f9;}

				
		.testimony{font-size:11px;
		           color:#ffffff;}
		.client{font-size:11px;
		        color:#ABC07D;
		        float:right;}
		
		img.thumb{border:solid #000000 1px;}
	
	#centerbox{position:relative;
	           left:9px;
	           top:0px;
	           width:922px;
	           background:#ffffff;}
	    .empform{text-align:right;
	             display:inline-block;
	             width:200px;
	             float:left;
	             font-size:16px;
	             margin-right:10px;
	             background:#ABD6E7;
	             padding:5px;}
	    .empform2{text-align:right;
	             display:inline-block;
	             width:400px;
	             float:left;
	             font-size:16px;
	             margin-right:10px;
	             background:#ABD6E7;
	             padding:5px;}
	     .inputbox{font-size:16px;}
	   
/* SURVEY FORM */
    .lblquestions{display:inline-block;width:400px;}
    .lblPreFill{display:inline-block;
                width:110px;
                background:#ABD6E7;
                padding:2px;
                margin:1px;
                font-weight:bold;}
    .lblboxes{font-weight:bold;
                display:inline-block;
                margin-bottom:5px;}
    .vishidden{visibility:hidden;}
    table.emailtable{border:solid #b2b2b2 1px;}
    table.emailtable td {border:solid #b2b2b2 1px;}


	    legend{color:#396b84;
	            font-size:22px;
	            font-family: arial , helvetica , sans serif;
	            font-weight:bold;
	            margin-left:20px;
	            margin-top:20px;
	            margin-bottom:10px;}
	     legend.subleg{}
	     
	     .news_entry{margin:20px 50px 10px 50px;
	                display:block;
	                }
	     .news_pic{border:solid #E1E1E1 20px;
	                margin: 0px 50px 25px 0px;
	                float:left;}
	     .news_text{display:block;}
	     .news_break{clear:both;
	                display:block;
	                border-top:solid #000000 1px;
	                width:80%;
	                margin-left:auto;
	                margin-right:auto;}
	     
	     
	
	
	#rightbox{position:absolute;
		left:357px;
		top:283px;
		width:572px;
		background:#ffffff;}

	#cookie{font-family:arial;font-size:10px;margin-left:20px;}
	
	#estimatebox{width:250px;
	             padding-top:15px;
	             padding-bottom:15px;
	             margin-left:auto;
	             margin-right:auto;
	             text-align:center;
	             text-transform:uppercase;
	             font-weight:bold;
                 background:#ABD6E7;
	             border:solid #396B84 2px;}
	             
    img.forsale_gallery{border:solid #000000 1px;
            vertical-align:middle;
            margin-right:20px;}
    
    img.picofitemforsale{border:solid #000000 1px;
            margin-left:10px;
            margin-right:10px;
            float:left;}
    /* This is the individual item box descriptions */
    .forsale-a{border-bottom:solid #ffffff 2px;
            padding:5px;
            font-weight:bold;
            border-right:solid #ffffff 2px;}
    .forsale-b{border-bottom:solid #ffffff 2px;
            padding:5px;}
    .forsale-ab{padding:5px;font-weight:bold;border-right:solid #ffffff 2px;}
    .forsale-bb{padding:5px;}

    /* This is the big table of many items and their characteristics */

        table.forsale_table{border:solid #000000 1px;
                        width:100%;}
        table.forsale_table th{background-color:#396B84;
                        color:#ffffff;
                        font-weight:bold;}
        .tdreg {border-right:solid #000000 1px;
                        background-color:#ABD6E7;
                        padding-left:5px;
                        }
        .tdalt{background-color:#ffffff;
                        border-right:solid #000000 1px;
                        padding-left:5px;
                        }
     /* This is for navigation of numbered pages */
     .pagenums{text-align:right;}
     .thispage{border:solid #000000 1px;padding:0px 2px 0px 2px;}
     a.otherpage{border:solid #396B84 1px;padding:0px 2px 0px 2px;
                text-decoration:none;
                color:#396B84;}
     a.otherpage:hover{background-color:#ABD6E7;}
     a.page_advance{text-decoration:none;
                    color:#396B84;}
     a.page_advance:hover{color:#ABC07D;}
     a.page_back{text-decoration:none;
                    color:#396B84;}
     a.page_back:hover{color:#ABC07D;}

#bottomsection{clear:both;
	position:relative;
	width:930px;
	top:0px;
	left:0px;
	height:180px;
	margin-top:0px;
	padding-top:0px;
	display:inline-block;}

	#projectspot{position:relative;
		clear:both;
		left:8px;
		top:0px;
		width:928px;
		height:100%;
		background:url(../images/litegreenbg.png)}
	#etc{position:absolute;
		left:707px;
		top:0px;
		height:100%;
		width:228px;
		border-left:solid #8eb35f 1px;
		background:url(../images/litegreenbg.png)}
.etcpic{	height:50px;
	border:solid #000000 1px;}
.spotpic{float:left;
	border:solid #000000 1px;
	margin-left:20px;
	margin-right:30px;
	margin-top:10px;}

.pad00100010{padding-top:10px;padding-bottom:10px;}
.pad10001000{margin-left:10px;margin-right:10px;}
.pad00100510{padding-top:10px;padding-bottom:10px;margin-left:5px;}
	
	#quotebubble{position:relative;
	    margin-left:auto;
	    margin-right:auto;
		width:450px;
		height:180px;
		background:url(../images/blurbbg.png);
		color:#000000;
		margin-bottom:0px;
		display:block;}
	#pullquote{width:380px;
		height:100px;
		margin-left:auto;
		margin-right:auto;
		font-family:georgia , garamond , serif;
		font-size:14px;
		padding-top:30px;}

#footer{text-align:right;
	font-size:10px;
	margin-right:45px;
	background:#000000;
	margin-left:7px;
	color:#ffffff;
	padding:6px;
	clear:both;}
	
	
/* oil spill main page */
.oil{margin-left:30px;margin-right:30px;font-family:Franklin Gothic Book;font-size:14px;}
.oilbold{margin-left:30px;margin-right:30px;font-family:Franklin Gothic Medium;font-size:28px;}
.oilsemibold{font-family:Franklin Gothic Medium;font-size:18px;margin:5px;}
a.pdflink{text-decoration:none;font-family:Franklin Gothic Medium;font-size:14px;}




/* This is code for LightBox effect */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; background: url(../images/prevlabel.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right; background: url(../images/nextlabel.gif) right 15% no-repeat;}


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }














/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop10.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav {padding:0 0 0 20px; margin:0; list-style:none; height:43px; width:924px; font-family:verdana, arial, sans-serif; font-size:12px; background:#ffffff url(../images/back.png) repeat-x;border-top:1px solid #d1e9fb;}
#nav li {float:left; width:108px; height:43px;}
#nav li a {display:block; float:left; width:108px; height:43px; line-height:35px; text-decoration:none; color:#000;}
#nav li a span {display:block; height:35px; width:100px; float:left; text-align:center; background:transparent;}
#nav li a b.p0 {display:block; width:8px; height:35px; background:transparent; float:left;}
#nav li a b.p1 {clear:left; float:left; display:block; height:8px; width:100px; background:transparent; font-size:1px;}
#nav li a b.p2 {display:block; float:left; height:8px; width:8px; background:transparent; font-size:1px;}

#nav li a:hover {position:relative; visibility:visible; cursor:pointer; line-height:32px;}

#nav li:hover {position:relative;z-index:500;}
#nav li:hover > a {line-height:33px;z-index:500;}

#nav li:hover a b.p0 {background:url(../images/right2.png);}
#nav li:hover a b.p1 {background:url(../images/bottom2.png);}
#nav li:hover a b.p2 {background:url(../images/corner2.png);}

#nav li a:hover span {background:url(../images/greytab.png);}
#nav li:hover > a span {background:url(../images/greytab.png);}


#nav ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; width:0; height:0; border-top:0;}

#nav table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; border:0;}

#nav :hover ul {left:0; top:35px; width:150px; z-index:500; background:url(trans.gif);}
#nav :hover ul ul {position:absolute; left:-9999px;}

#nav :hover ul :hover ul {left:110px; top:0;}

#nav :hover ul li {height:25px; width:180px;}
#nav :hover ul li.pad1 {height:8px; width:180px; background:transparent;}
#nav :hover ul li.pad2 {height:8px; width:180px; background:transparent;}
#nav :hover ul li.pad1 b.p3 {display:block; width:8px; height:8px; font-size:1px; float:right; background:url(../images/right2.png);}
#nav :hover ul li b.p4 {display:block; width:8px; height:25px; float:right; background:url(../images/side2.png);}
#nav :hover ul li.pad2 b.p5 {display:block; width:171px; height:8px; font-size:1px; float:left; background:url(../images/bottom2.png);}
#nav :hover ul li.pad2 b.p6 {display:block; width:8px; height:8px; font-size:1px; float:left; background:url(../images/corner2.png);}
    /* This is the top piece for when you are changing the width of the flyout */
#nav :hover ul li.pad1 b.p7 {display:block; width:171px; height:7px; font-size:1px; float:left; background:#58a6cd; border-top:1px solid #a9cfe2; border-left:1px solid #a9cfe2;}
    /*This is the one that makes a submenu bigger */
#nav :hover ul li a {height:25px; line-height:15px; padding-left:10px; width:161px; background:#58a6cd; border-left:1px solid #a9cfe2;}
#nav :hover ul li a.fly {background:#58a6cd url(../images/arrow.png) no-repeat 120px 5px;}

#nav :hover ul.green li.pad1 b.p7 {background:#85c226; border-top:1px solid #c5e98d; border-left:1px solid #c5e98d;}
#nav :hover ul.green li a {background:#85c226; border-left:1px solid #c5e98d;}

#nav :hover ul.pink li.pad1 b.p7 {background:#f19abd; border-top:1px solid #f9d0e0; border-left:1px solid #f9d0e0;}
#nav :hover ul.pink li a {background:#f19abd; border-left:1px solid #f9d0e0;}

#nav :hover ul li a:hover {color:#fff;}
#nav :hover ul li:hover > a {color:#fff;}

#nav :hover ul :hover ul li.pad1 b.p7 {background:#ABD6E7; border-top:1px solid #e1deed; border-left:1px solid #e1deed;}
#nav :hover ul :hover ul li a {background:#ABD6E7; border-left:1px solid #e1deed;}

#nav :hover ul :hover ul.orange li.pad1 b.p7 {background:#ef9a5a; border-top:1px solid #f8cfb1; border-left:1px solid #f8cfb1;}
#nav :hover ul :hover ul.orange li a {background:#ef9a5a; border-left:1px solid #f8cfb1;}

.beach {margin-top:-8px;}


<!--[if lte IE 6]>

#nav li a:hover b.p0 {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/right2.png', sizingMethod='crop');
}
#nav li a:hover b.p1 {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bottom2.png', sizingMethod='crop');
}
#nav li a:hover b.p2 {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/corner2.png', sizingMethod='crop');
}
#nav li a:hover ul li.pad1 b.p3 {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/right2.png', sizingMethod='crop');
}
#nav li a:hover ul li b.p4  {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/side2.png', sizingMethod='crop');
}
#nav li a:hover ul li.pad2 b.p5  {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bottom2.png', sizingMethod='crop');
}
#nav li a:hover ul li.pad2 b.p6  {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/corner2.png', sizingMethod='crop');
}

<![endif]-->