/*
AUI Contractors StyleSheet
*/

body
	{
	background: #A2A5A7;
	margin: 0;
	font-family: Helvetica;
	color: #4C4C4E;
	font-size: 11px;	
	text-align:center;	
	height:100%;
	}
html
	{			
	scrollbar-3dlight-color: #08130F;
	scrollbar-arrow-color: #62080A;
	scrollbar-base-color: #08130F;
	scrollbar-darkshadow-color: #08130F;
	scrollbar-face-color: #FFF;
	scrollbar-highlight-color: #08130F;
	scrollbar-shadow-color: #08130F;
	scrollbar-track-color: #FFF;
	height:100%;
	}
ul
	{
	list-style:url(images/logos/greybullet.gif);
	}
	
/* styles for the hmpg only */	
#hmpgContainer
	{
	 width:585px;
	 margin:0 auto;
	 text-align:left;
	 position:relative;	 	
	}	
#hmpgtopheader
	{
	position:relative;
	height:54px;	 
	}	
#hmpglines
	{
	position:absolute;
	right:190px;
	bottom:-2px;
	margin:0;	
	}	
#hmpgcornernav
	{
	position:absolute;
	right:0px;
	bottom:0px;
	width:177px;
	height:17px;
	background-color:#2F2F2F;
	text-align:center;
	padding-top:4px;
	}	
#hmpgnavheader
	{
	margin-top:11px;
	margin-bottom:11px;	
	height:39px;
	}	
#hmpgnav
	{
	padding: 0; 
	margin: 0; 
	}	
#hmpgflashheader
	{
	width:537px;
	height:310px;
	padding:11px 11px 11px 11px;
	text-align:center;
	background-color:#FFFFFF;
	border-bottom:1px solid #2D2E2E;	
	}	
#hmpgcopyright
	{
	width:585px;
	text-align:right;
	}	
/* end hmpg styles */	


#container
	{
	position:relative;
	background: url(../images/bkgrd/greylines.gif) top repeat;
	width:740px;
	padding:0px 0px 0px 26px;
	border-bottom: 1px solid #787878;
	margin:0 auto;
	text-align:left;
	}	
#subcontainer
	{
	width:739px;
	margin:0px 1px 0px 0px;
	background: url(../images/bkgrd/clouds2.gif) left repeat;
	}
#mainbody
	{
	position:relative;
	width:739px;
	background: url(../images/bkgrd/roofclouds.gif) bottom no-repeat;	
	margin:0;
	padding:0;
	}	
#contentwrapper
	{
	width:739px;
	margin:0;
	padding:0;
	}	
#myfooter
	{
	height:151px;
	background: url(../images/bkgrd/bldgroof2.gif) right bottom no-repeat;
	position:relative;
	bottom:0;
	clear:both;
	}	
#flash
	{
	position:absolute;
	top:0px;
	left:26px;
	width:282px;
	height:627px;
	overflow:hidden;
	z-index:1001;
	}		
#vertbar
	{
	position:absolute;
	width:3px;
	height:68px;
	background-color:#62080A;
	top:17px;
	left:22px;
	}		
#needinfobox
	{
	width:416px;
	height:69px;
	background: url(../images/bkgrd/needinfobox.gif) bottom no-repeat;	
	margin:0px 0px 2px 0px;
	}
#needinfo
	{
	margin:10px 0px 5px 6px;
	}
#quotebox
	{
	width:240px;
	background-color:#D6E2EB;
	margin-top:20px;
	margin-bottom:20px;
	padding: 15px;
	}
#quotebox2
	{
	width:240px;
	background-color:#E3E4E4;
	margin-top:20px;
	margin-bottom:20px;
	padding: 15px;
	}					
#navbar
	{
	position:relative;
	width:476px;
	height:127px;
	margin-left:263px;
	background: url(../images/bkgrd/nav.gif) top repeat-x;		
	}
#cornernav
	{
	position:absolute;
	right:0px;
	top:0px;
	background-color:#2F2F2F;
	color:#FFFFFF;
	width:177px;
	height:17px;
	text-align:center;
	padding-top:4px;
	z-index:1000;
	}	
#leftCol
	{
	float:left;
	width:292px;	
	}		
#cubeProps
	{
	height:490px;
	width:282px;	
	}			
#contentArea
	{
	margin:0 0 0 292px;
	width:430px;
	}	
#content
	{
	margin:10px;
	}		
.contentX
	{
	margin:10px;	
	}	
#footer
	{
	width:275px;
	padding-left:7px;
	}
#newnav
	{
	padding: 0px 0px 0px 7px; 
	margin: 0px; 
	}	

/* Forms */
.contactFrm
	{
	border:1px solid #ABABAB;
	color: #4C4C4E;
	font-size: 10px;
	width:100px;
	}
Select.contactFrm
	{
	border:1px solid #ABABAB;
	color: #4C4C4E;
	font-size: 9px;
	width:110px;
	}	
	
a
	{
	color: #4C4C4E;
	text-decoration:underline;
	}	
a.sm
	{
	font-size:10px;
	color: #4C4C4E;
	text-decoration:underline;
	}	
a.red
	{
	color: #62080A;
	text-decoration:none;	
	}	
a.redlink
	{
	color: #62080A;
	text-decoration:underline;	
	}	
	
.sitemap
	{
	line-height:18px;
	}	
.infotxt
	{
	font-size:10px;	
	}	

/*  Styles for Project Details Popup */
#projDet
	{
	width:500px;
	background-color:#4C4C4D;
	margin: 6px 11px 9px 5px;
	}	
.projDetItems
	{
	margin:4px 10px 4px 15px;	
	}
.bg1
	{
	background-color:#74747F;
	}		
.whtTitle
	{
	font-size:10px;
	color: #FFFFFF;
	}	
.prevnav
	{
	font-size:10px;
	color: #FFFFFF;
	}	
.nextnav
	{
	font-size:10px;
	color: #FFFFFF;
	}	
.whtNav
	{
	font-size:10px;
	color: #FFFFFF;
	}		
#projDetTitle
	{
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	color:#88898A;
	margin-bottom:10px;
	margin-top:5px;
	text-transform:lowercase;
	text-align:center;
	width:484px;
	}	
	

/* *********  Drop Down Styles ********* */
.ddsmoothmenu{/* background: #414141;background of menu bar (default state)*/width: 100%;height:39px;}
.ddsmoothmenu ul{z-index:100;margin:0;padding:0;list-style-type: none;}
/*Top level list items*/
.ddsmoothmenu ul li{position: relative;display: inline;float: left;}
/*Top level menu link items style*/
.ddsmoothmenu ul li a{display: block;background: #C2C5C6; /*background of menu items (default state)*/color: white;padding: 0;/*border-right: 1px solid #778; */color: #2d2b2b;text-decoration: none;}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color: white;}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/background: #A2A5A7;color: white;}
.ddsmoothmenu ul li a:hover{background: #A2A5A7; /*background of menu items during onmouseover (hover state)*/color: white;}
/*1st sub level menu*/
.ddsmoothmenu ul li ul{position: absolute;left: 0;display: none; /*collapse all sub menus to begin with*/visibility: hidden;}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{display: list-item;float: none;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{top: 0;}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{width: 160px; /*width of sub menus*/padding:2px 0 2px 5px;margin: 0;border-top-width: 0;/* border-bottom: 1px solid gray; */}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{position: absolute;top: 12px;right: 7px;}
.rightarrowclass{position: absolute;top: 6px;right: 5px;}
/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;}
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/opacity: 0.8;}