/*-------------------------------------------
	TITLE: Associated Building Inspections
	CREATED: 4/1/2008

--
	LAYOUT
	- BODY, LINKS, MENUS
	- HOMEPAGE
	- SUBPAGES
	- FOOTER
--

-------------------------------------------*/



/*-------------------------------------------
	- BODY, LINKS, MENUS
-------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	background-image:url(../images/body_bg.jpg);
	background-repeat: repeat-x;
}

#pagewidth{ 
    width:900px;
	height:auto; 
    text-align:left;  
    margin-left:auto; 
    margin-right:auto;
	background-color:#FFFFFF;
} 

#header {
	margin: 0px;
	position:relative;
	width: 900px;
	height: 306px;
	background-image:url(../images/header.jpg);
	background-position: center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

h1 {
	margin: 0px;
	padding:0px;
	text-indent: -9999px;
	}

#topmenu {
	width:192px;
	height:20px;
	background-color:#FFFFFF;
	margin:5px 0px 0px 650px;
	padding:7px 0px 0px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#11215c;
	text-transform:uppercase;
	}
	
#topmenu a {
	color:#11215c;
	text-decoration:none;
	}
	
#topmenu a:hover {
	color:#930000;
	text-decoration:none;
	}



/*-------------------------------------------
	HOME PAGE
/*------------------------------------------*/

#homepagecontainer {
	width:900px;
	height:auto;
	margin-top:-1px;
	background-image:url(../images/pagewidth_bg.jpg);
	background-repeat:no-repeat;
	}
	
#homepagecontent {
	width:856px;
	height:650px;
	margin:0px 22px 25px 22px;
	padding-top:1px;
	background-image:url(../images/main_content_bg2.png);
	background-repeat:no-repeat;
	}


#homepagecontent .bio {
	width:820px;
	height:auto;
	margin:10px 18px 10px 18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	text-align:left;
	font-weight:normal;
	}

#homepagecontent .bottom {
	width:820px;
	height:auto;
	_margin:-25px 18px 10px 18px;
	margin:25px 18px 10px 18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	text-align:left;
	font-weight:normal;
	}

#homepagecontent .bottom ul {
	margin-left:255px;
	_margin-left:300px;
	}


#homepagecontent .bottom li {
	list-style-type:none;
	float:left;
	margin:0px 25px 0px 0px;
}


#homepagecontent #residential {
	width:330px;
	height:400px;
	margin:40px 0px 0px 50px;
	_margin:40px 0px 0px 25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	text-align:center;
	font-weight:bold;
	color:#11215c;
	float:left;
	}

#homepagecontent .commercial {
	width:330px;
	height:400px;
	margin:40px 65px 0px 0px;
	_margin:40px 22px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	text-align:center;
	font-weight:bold;
	color:#11215c;
	float:right;
	}

/*-------------------------------------------
	SUBPAGES
	-Residential Header
	-Commercial Header
-------------------------------------------*/
#residentialheader {
	margin: 0px;
	position:relative;
	width: 900px;
	height: 304px;
	background-image:url(../images/residential_header.jpg);
	background-position: center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

#residentialheader h1 {
	margin: 0px;
	padding:0px;
	text-indent: -9999px;
	}


#commercialheader {
	margin: 0px;
	position:relative;
	width: 900px;
	height: 304px;
	background-image: url(../images/commercial_header.jpg);
	background-position: center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

#commercialheader h1 {
	margin: 0px;
	padding:0px;
	text-indent: -9999px;
	}

#subpagecontainer {
	width:900px;
	height:auto;
	margin-top:-1px;
	background-image:url(../images/pagewidth_bg.jpg);
	background-repeat:no-repeat;
	}
	
#subpagecontent {
	width:857px;
	margin:0px 22px 25px 22px;
	padding-top:1px;
	background-image:url(../images/subpage_content_bg2.png);
	}

#subpageleftcol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:225px;
	height:100%;
	margin:15px 15px 15px 0px;
	_margin:15px 15px 15px 15px;
	float:left;
	}

#subpageleftcol ul {
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	_padding: 0px 0px 0px 0px;
	}
	
#subpageleftcol li {
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	list-style-type: square;
	list-style-position:inside;
	color:#11215c;
	text-transform:capitalize;
	margin-bottom:12px;
	}
	
#subpageleftcol a {
	color:#11215c;
	text-decoration:none;
	}
	
#subpageleftcol a:hover {
	color:#930000;
	text-decoration:none;
	}	

#subpagerightcol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:545px;
	margin:15px 0px 15px 15px;
	padding-right:25px;
	float:right;
	}

#subpagerightcol p {
	font-size:12px;
	line-height:16px;
	color:#11215c;
	font-weight: normal;
	text-transform:none;
	}

#subpagerightcol blockquote {
	font-size:12px;
	line-height:16px;
	color:#11215c;
	font-weight: normal;
	text-transform:none;
	}


#subpagerightcol h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#930000;
	line-height:18px;
	border-bottom:1px #d3d3d3 solid;
	margin-top:-2px;
	_margin-top:0px;
	}

#subpagerightcol h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#930000;
	line-height:16px;
	border-bottom:1px #d3d3d3 solid;
	margin:4px 0px -6px 0px;
	_margin:6px 0px -10px 0px;
	
	}

#subpagerightcol ul {
	margin:0px 0px 0px 0px;
	}
	
#subpagerightcol li {
	font-size:13px;
	line-height:24px;
	font-weight:bold;
	list-style:none;
	color:#11215c;
	text-transform:capitalize;
	}

#subpagerightcol li.style2 {
	font-size:12px;
	line-height:16px;
	color:#11215c;
	font-weight: normal;
	list-style-type:disc;
	_margin-left:35px;
	margin-bottom:8px;
	}

#subpagerightcol li.style3 {
	font-size:12px;
	line-height:16px;
	color:#11215c;
	font-weight: normal;
	list-style-type: circle;
	margin-bottom:5px;
	}

#subpagerightcol li.style4 {
	font-size:12px;
	line-height:16px;
	color:#11215c;
	font-weight: normal;
	list-style-type: none;
	text-transform:none;
	margin-bottom:5px;
	}


	
#subpagerightcol a {
	color:#11215c;
	text-decoration:underline;
	}
	
#subpagerightcol a:hover {
	color:#930000;
	text-decoration:none;
	}	

#muni_table td {
	font-size:11px;
	line-height:12px;
	color:#FFFFFF;
	font-weight: bold;
	}

#muni_table a {
	color:#FFFFFF;
	text-decoration:none;
	}
	
#muni_table a:hover {
	color: #CCCCCC;
	text-decoration:none;
	}

#inspector_table td {
	font-size:10px;
	line-height:12px;
	color:#11215c;
	}

#inspector_table a {
	color:#11215c;
	text-decoration:none;
	}
	
#inspector_table a:hover {
	color: #930000;
	text-decoration:none;
	}

/*-------------------------------------------
	- FOOTER
-------------------------------------------*/

#footer{
	width: 900px;
    height:45px;
	margin-top:25px;
    margin-left:auto; 
    margin-right:auto;
	text-align:center;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-align: center;
	line-height:15px;
 }

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

#footer a:hover {
color: #666666;
border-bottom: 1px solid #666666;
}