body { font: small "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #fff; background-repeat: repeat-y; background-attachment: scroll; background-position: center top; margin:0; padding:0; }
* html body {font-size:80%;}

body * {margin:0;padding:0;}


#wrap { margin:0 auto; background:white; position:relative; width: 1010px; padding-bottom: 0; }

/* Main Nav */

#mainNavSkin { width:1020px; margin-top: 0; padding-top: 0; }

#MainNav { list-style:none; float:left; background:#fff url(../images/nav/NavOver.jpg) no-repeat left top; width:960px; margin-left:27px; display:inline; z-index:2; position:relative; margin-top: 0; padding-top: 0; }

#MainNav li {
float:left;
position:relative;

}

#MainNav li a {
width:240px;
display:block;
float:left;
color:#0065b3;
padding:0;
background:#000;
font:800 135%/50px "Franklin Gothic Medium", Helvetica, Sans-Serif;
text-decoration:none;
text-indent:-1000px;
}


/* hover states for main nav */

#MainNav li a.Residential {color:#fff;background:transparent url(../images/nav/residential.jpg) top left no-repeat;}
#MainNav li a.Residential:hover {background-image: url(../images/nav/residential_o.gif);}

#MainNav li a.Corporate {color:#fff;background:transparent url(../images/nav/commercial.jpg) top left no-repeat;}
#MainNav li a.Corporate:hover {background-image: url(../images/nav/commercial_o.gif);}
#MainNav li a.Storage {color:#fff;background:transparent url(../images/nav/storage.jpg) top left no-repeat;}
#MainNav li a.Storage:hover {background-image:url(../images/nav/storage_o.gif)}

#MainNav li a.Portable {color:#fff;background:transparent url(../images/nav/port_containers.jpg) top left no-repeat;}
#MainNav li a.Portable:hover {background-image: url(../images/nav/port_containers_o.gif);}

#MainNav li a.noBackground {background-image:none;}


/* style sub ul  */
#MainNav ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: 50px;
	width:240px;/* needed fo ie5 */
	background:transparent;
	}


#MainNav ul li { list-style:none; }

#MainNav ul li a
{
	font-size: 95%;
	padding: 0.4em 10px 0.4em 5px;
	background: #f4df42;
	line-height: 1.2em;
	border-bottom: 1px solid #fff;
	width: 220px;
	font-style: normal;
	text-indent:0;
}


#MainNav ul li a:hover {color:#000;background:#f4ae28;}

/* MainNav DropDown */

/* Hide sub-menus initially */

#MainNav li ul,
#MainNav li ul ul { display: none; } 

/* displays submenus when hover */

#MainNav li:hover ul,
#MainNav li li:hover ul,
#MainNav li li li:hover ul,
#MainNav li.over ul,
#MainNav li li.over ul,
#MainNav li li li.over ul { display: block; } /* make it work */





#subNav { text-align: center; position: relative; list-style:none; float:left; width:700px; margin-top: 1em; margin-right: 0; margin-bottom: 2em; display:inline; }

#subNav li { text-align: center; float:left; position:relative; list-style:none; }

#subNav li a
{ width: 75px; display: block; float: left; text-align: center; text-decoration: none; color:#000; font-size:95%; }
#subNav li a.wide {width:120px;}



#subNav li a:hover {color:#0065b3;text-decoration:underline;}

/* Hide sub-menus initially */
#subNav li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: 12px;
	display: none;
	background: #d7ecff;
	width:120px;
	margin:0;
	}
#subNav li ul li a {width:120px;padding:0.5em 0;border-bottom:1px solid #fff;float:none;}

/* displays submenus when hover */
#subNav li:hover ul, #subNav li.over ul   { display: block; } /* The magic */


#content
{ width: 960px; float: left; background: #fff; margin-left: 25px; display: inline; }
#contentindex { background: #fff; display: inline; width: 960px; float: left; margin: auto auto auto 25px; }
.bullets { text-align: justify; margin-left: 35px; padding-right: 12px; padding-left: 12px; list-style-type: square; }
.bullets li { line-height: 1.5em; }
#content h1, #content h2, #content h4,#footer h1 { margin-left: 12px; padding-top: 1em; padding-right: 0; padding-bottom: 0.7em; }

#content  img { padding:5px; margin:1em; border: solid 1px gray; }
#content img.noborder { margin: 0; padding: 0; border-width: 0; }
#content h1,#footer h1 {color:#F90;font-size:175%;}
#content h2,#content strong { color:#014785; font-size: 130%; }
#content h3 { color: black; font-size: 110%; font-weight: bold; padding-top: 1em; padding-bottom: 1em; padding-left: 15px; }
#maincontent { width: 735px; font-size:100%; line-height:1.3em; vertical-align: text-top; margin-left: 12px; }
#contentindex p { margin-left: 12px; padding-right: 10px; padding-bottom: 1em; }
#maincontent p { margin-left: 12px; padding-right: 10px; padding-bottom: 1em; }
#requestform { color: #014785; font-size: 10px; font-family: arial, helvetica, sans-serif; }
#field { text-align: right; margin: 0 10px 0 0; }
#sidebar { font-size: 97%; font-family: arial, helvetica, sans-serif; line-height: 1.3em; background-color: #e5e5e5; width: 242px; border-right: 0 dotted gray; border-left: 2px dotted gray; }
#sidebar a { border-width: 0; outline-width: 0; }
#sidebar p { vertical-align: text-top; margin-right: 1em; margin-left: 15px; padding-bottom: 1em; border-bottom: 1px dotted gray; }
#footer { font-size: 90%; line-height: 1.3em; text-align: center; width: 960px; clear: both; margin: 0 auto 0 27px; padding: 10px 0 5px; }

/* FORM */

#estimateform { background: url(../images/img-estimate-bg.gif) no-repeat left bottom; margin: 0 0 0 5px; padding: 0; width: 235px; }
	#estimateform form { background: url(../images/img-estimate2-bg.gif) left top no-repeat; margin: 0; padding: 12px 15px 15px; }
	#estimateform table { border: none; border-collapse: collapse; width: 99%; }
		#estimateform table td { padding: 0; }
	#estimateform p { margin: 5px 0 0 0; padding: 0; }
	#estimateform .from-td { width: 50%; }
		#estimateform .from-td input.text { width: 90%; }
	#estimateform label { color: #333; font-size: 10px; font-weight: bold; padding-left: 3px; }
	#estimate #request { margin: 10px 0 0 25px; line-height: 1em; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 175px; height: 15px; padding: 0; text-indent: -9999px; }

