/* ========== GLOBAL STYLES ========== */

body {
	background: url('/img/bg.gif') repeat-x #eeedeb;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
	
div {
	margin: 0;
	padding: 0;
	}	
	
img {
	border: none;
	margin: 0;
	padding: 0;
	outline: none;
	}
	
img a:link, img a:visited { outline: none; }

/* ========== TEXT ========== */

p, ul {
	font: normal 11px Verdana;
	line-height: 16px;
	color: #786a55;
	margin: 0 0 8px 0;
	padding: 0;
	}
	
h1 {
	color: #112e5a;
	font: normal 24px Verdana;
	line-height: 32px;
	padding: 0 0 8px 0;
	margin: 0;
	}
	
h2 {
	color: #112e5a;
	font: bold 12px Arial;
	line-height: 16px;
	padding: 0px 0px 10px 0px;
	margin: 0;
	text-transform: uppercase;
	}

/* ========== LINKS ========== */

a, a:visited {
	font: bold 11px Verdana;
	color: #786a55;
	text-decoration: underline;
	}

a:hover {
	color: #786a55;
	text-decoration: none;
	}
	
/* ========== LIST STYLES ========== */

ul {
	padding:0;
	margin:0;
	}

ul.list {
	padding: 0px 10px -10px 10px;
	} 


ul.list {
	padding: 0px 10px 10px 10px;
	} 
		
ul.list li {
	list-style-type:none;
	background: url('/img/bullet.gif') 0 4px no-repeat;
	padding:0 0 3px 15px;
	}
	
ul.list2 {
	padding: 5px 0 0 15px;
	} 
	
ul.list2 li {
	list-style-type:none;
	background: url('/img/bullet2.gif') 0 4px no-repeat;
	padding:0 0 0px 15px;
	}

/* ========== OVERALL STYLES ========== */

#wrapper {
	margin: 0 auto 8px auto !important;
	padding: 66px 0 20px 53px;
	background: url('/img/logo.gif') no-repeat 0% 0%;
	width: 816px;
	display: block;
	}

#content {
	width: 801px;
	padding: 40px 0 20px 0;
	background: #FFF url('/img/pagelogo.gif') no-repeat bottom right;
	border-left: 1px solid #b8b1a7;
	border-right: 1px solid #b8b1a7;
	text-align: left;
	}
	
#pageCap {
	background: url('/img/bottomcapwlogo.png') no-repeat bottom left;
	height:21px;
	width:803px;
	}
	
#footer {
	background: url('/img/footerbg.gif') no-repeat top right;
	height: 37px;
	width: 803px;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	font: normal 10px Verdana;
	color: #FFF;
	}

#footer a:link, #footer a:visited {
	font: normal 10px Verdana;
	text-decoration: none;
	color: #FFF;
	line-height: 16px;
	}
	
#footer a:hover {
	text-decoration: underline;
	}

/* ========== HOME PAGE CONTENT ========== */

.residential {
	background: #f6f3ef url('/img/tab-residential.gif') no-repeat bottom left;
	margin: 0;
	padding: 8px 20px 0 8px;
	height: 325px;
	width: 773px;
	border-left: 1px solid #b8b1a7;
	border-right: 1px solid #b8b1a7;
	text-align: left;
	}

.commercial {
	background: #f6f3ef url('/img/tab-commercial.gif') no-repeat bottom left;
	margin: 0;
	padding: 8px 20px 0 8px;
	height: 325px;
	width: 773px;
	border-left: 1px solid #b8b1a7;
	border-right: 1px solid #b8b1a7;
	text-align: left;
	}

/* ======= NAV LIST ITEMS ======= */

#navcontainer{ 
	background: url('/img/navright.gif') no-repeat top right;
	width: 803px;
	height: 67px;
	margin: 0;
	padding: 0;
	}

#navlist {
	margin: 0;
	padding: 0;
	}

#navlist ul {
	margin: 0;
	padding: 0;
	}

ul#navlist {
	padding: 40px 0 0 48px
}

#navlist li.mainlink {
	margin: 0;
	padding: 0 12px 0 0;
	display: inline;
	list-style-type: none;
	float: left;
	color: #FFF;
	font: normal 15px Tahoma;
	}

#navlist li a { 
	margin: 0;
	padding: 0;
	}

#navlist li a:link, #navlist li a:visited {
	font: normal 16px Tahoma;
	color: #FFF;
	display: block;   /* VERY IMPORTANT FOR CORRECT DROP DOWN POSITIONING IN IE7 */
	margin: 0;
	padding: 0 0 8px 0;
	text-decoration: none;
	}

a.nav1:link, a.nav1:visited { margin:0; padding:0; }
a.nav1:hover	{ margin:0; padding:0; }

a.nav2:link, a.nav2:visited { margin:0; padding:0; }
a.nav2:hover	{ margin:0; padding:0; }

a.nav3:link, a.nav3:visited { margin:0; padding:0; }
a.nav3:hover	{ margin:0; padding:0; }

a.nav4:link, a.nav4:visited { margin:0; padding:0; }
a.nav4:hover	{ margin:0; padding:0; }

a.nav5:link, a.nav5:visited { margin:0; padding:0; }
a.nav5:hover	{ margin:0; padding:0; }

a.nav6:link, a.nav6:visited { margin:0; padding:0; }
a.nav6:hover	{ margin:0; padding:0; }

/* CSS DROP DOWN NAVIGATION CONTROLS */
/*  DROP DOWN NAVIGATION  */ 

#navlist li ul {
	position: absolute;
	left: -999em;
	height: auto;
	margin: 0;
	padding: 0;
	background: #e9e9e6;
	border: 1px solid #b8b2a8;
	opacity: .90; 
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9;
	list-style-type: none;
}

#navlist li ul li { padding: 0; margin: 0; }

#navlist li ul a:link, #navlist li ul a:visited  { 
	font: normal 11px Tahoma;
	color: #1d3f6f !important; 
	text-decoration: none; 
	display: block !important;
	line-height: 22px;
	padding: 0px 20px 2px 10px;	
	text-align: left;
	}
	
#navlist li ul a:hover 	{ 
	background: #112e5a;
	color: #FFF !important;
	text-decoration: none;
	}

#navlist li:hover ul {
	left: auto;
}

#navlist li:hover ul, #navlist li.sfhover ul {
	left: auto;
}

/* FIXES IE7 STICKY */
#navlist li:hover, #navlist li.hover {
    position: static;
}

/* Second Nav List Styles */

#secnavlist {
	margin: 0px;
	padding: 0px;
	}

#secnavlist ul {
	background: url("/img/navtop.gif") no-repeat top left;
	margin: 0px;
	padding: 0px;
	width: 168px;
	padding-top:10px;
	}

#secnavlist li {
	list-style-type:none;
	font-size: 11px;
	border-top: 1px solid #FFF;
	line-height: 43px;
	background: #dfdbd5;
	display: block;
	float: left;
	width: 168px;
	}
	
#secnavlist li.title {
	background: url("/img/navtitle.gif") repeat-x top left;
	height: 28px;
	padding-top: 8px;
	padding-left: 15px;
	width: 153px;
	font: normal 15px Tahoma;
	color: #FFF;
	border-left: none;
	}
	
/* nav style of double for two liner */
#secnavlist li.double {
	height: 56px;
	}
	
a.secnav1:link, a.secnav1:visited { color: #1d3f6f; text-decoration: none; border-left: 15px solid #b8b2a8; padding: 15px 0 15px 10px;  }
a.secnav1:hover { text-decoration: underline; border-left: 15px solid #112e5a; }

a.secnav2:link, a.secnav2:visited { color: #1d3f6f; text-decoration: none; border-left: 15px solid #b8b2a8; padding: 15px 0 15px 10px;  }
a.secnav2:hover { text-decoration: underline; border-left: 15px solid #112e5a; }

a.secnav3:link, a.secnav3:visited { color: #1d3f6f; text-decoration: none; border-left: 15px solid #b8b2a8; padding: 15px 0 15px 10px;  }
a.secnav3:hover { text-decoration: underline; border-left: 15px solid #112e5a; }

a.secnav4:link, a.secnav4:visited { color: #1d3f6f; text-decoration: none; border-left: 15px solid #b8b2a8; padding: 15px 0 15px 10px;  }
a.secnav4:hover { text-decoration: underline; border-left: 15px solid #112e5a; }

a.secnav5:link, a.secnav5:visited { color: #1d3f6f; text-decoration: none; border-left: 15px solid #b8b2a8; padding: 15px 0 15px 10px;  }
a.secnav5:hover { text-decoration: underline; border-left: 15px solid #112e5a; }

a.secnav6:link, a.secnav6:visited { color: #1d3f6f; text-decoration: none; border-left: 15px solid #b8b2a8; padding: 15px 0 15px 10px;  }
a.secnav6:hover { text-decoration: underline; border-left: 15px solid #112e5a; }

#secnavlist a:link, #secnavlist a:visited { font: normal 11px Verdana !important; display: block; float: left; margin: 0px; outline: none; }