.reset { clear:both; height:0; }
.clear { clear:both; }




body {
	margin:0 0 0 45px;
	font: 9pt 	'trebuchet ms', Verdana, sans-serif;
	color:#333;
	background-color: #352222;
}

a { color: #333; text-decoration: underline;}
a:hover { text-decoration: none;}



#wrapper {
	width:700px;
	background-color:#fff;
	border-left: 20px solid #3F2A2A;
	border-right: 20px solid #3F2A2A;
}
 
#top { 
	background: #EDEADB url(/images/shade_top.gif) bottom repeat-x;
	height: 30px;
	}

#header { 
	position: relative; 
	background:#EDEADB url(/images/header_1.jpg) repeat-y left top;
	width: 700px; 
	height: 180px;
	border: 0px dotted red;
	}
/*	
#logo a, #logo a:hover {
	position: absolute;
	display:block;
	top: 60px;
	left: 10px;
	width:189px;
	height:59px;
	margin: 0;
	padding: 0;
	background: url(/images/logo_yellow.gif) no-repeat left top;
}
*/
#logo a, #logo a:hover {
	position: absolute;
	display:block;
	top: 48px;
	left: 3px;
	width:194px;
	height:91px;
	margin: 0;
	padding: 0;
	background: url(/images/logo_blue.gif) no-repeat left top;
}

/* main nav ----------------------------- */
#navwrap {
	position: absolute;
	width: 494px;
	bottom: 0px;
	right: 0px;
	margin: 0;
	padding: 0;
	background-color: #3C3535;
}
#navcontainer ul {
	padding: 0;
	margin: 0;
	background-color: #3C3535;
	color: #fff;
	display: inline;
	font: 8pt 'trebuchet ms', tahoma, helvetica, sans-serif;
	}
#navlist { float: right;}
#navcontainer ul li { display: inline; }
#navcontainer ul li a {
	padding: 0.6em 1.2em;
	background-color: #3C3535;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right: 0px solid #fff;
	}
#navcontainer ul li a:hover {
	background-color: #4F4545;
	color: #EDEADB;
	text-decoration: none;
	}
#navlist #active a {background-color: #4F4545;}

/* ----------------------------- */









#titleA {
	color: #3D3434;
	font-size: 14pt;	
	font-weight: bold;
	border: 0px dotted red;
}
#titleB {
	color: #9B9B9B;
	font-size: 11pt;
	font-weight: bold;
	border: 0px dotted red;
}
#titleC {
	color: #606060;
	font-size: 8pt;
	font-family: 'trebuchet ms';
	font-weight: bold;
	border: 0px dotted red;
}


#copy { 
line-height: 160%; 
padding: 20px 15px 40px 15px; 
margin: 0;}
	
#imgSm { border: 1px solid #D7AFB8; }
#imgBlock { width: 160px; margin: 15px 0; border: 1px solid #fff; }


#footer { 
	border: 0px dotted green;
	color: #fff;
	background-color: #3C3535;
	height: 30px;
	}
	
	
#contactbar {
	background: #fff;
	text-align: left;
	margin: 0px;
	padding: 20px 10px 30px 20px;  }
		
	
	
	
/* home */
#home #content { 
	border: 0px dotted green;
	background-color: #fff;
	background: #fff url(/images/bk_content_a.gif) repeat-y;
	}
	
#home #panelA {
float: left;
	width: 206px;	
	padding: 0px;
	margin: 0;
	border: 0px dotted blue;	
}
#home #panelB {
	width: 494px;
	float: right;
	padding: 0;
	margin: 0;
	border: 0px dotted red;	
}

#home #sidebar {background: #960625 url(/images/shading.gif) bottom repeat-x;
	border-top: 4px solid #78051E;
	color: #fff;
	text-align: left;
	margin: 0px;
	padding: 20px 10px 30px 20px;  }
	
#home #sidebar a { color: #fff; text-decoration: none;}
#home #sidebar a:hover { text-decoration: underline;}
	
#home #sidebar #titleB { color: #fff; }
#home #sidebar #titleC { color: #D88D8D; }	
		
#home #footer { 
	background-color: #960625;
	border-bottom: 4px solid #BA0A2F;
	color: #fff;
	height: 30px;
	}
			
			
/* services */
#services #content { 
	border: 0px dotted green;
	background-color: #fff;
	background: #fff url(/images/bk_content_a.gif) repeat-y;
	}
	
#services #panelA {
float: left;
	width: 206px;	
	padding: 0px;
	margin: 0;
	border: 0px dotted blue;	
}
#services #panelB {
	width: 494px;
	float: right;
	padding: 0;
	margin: 0;
	border: 0px dotted red;	
}

#services #sidebar {background: #D3B425 url(/images/shading.gif) bottom repeat-x;
	border-top: 4px solid #BFA322;
	color: #fff;
	text-align: left;
	margin: 0px;
	padding: 20px 10px 30px 20px;  }

#services #sidebar #titleB { color: #fff; }
#services #sidebar #titleC { color: #eeeca4; }
	
#services #sidebar a { color: #fff; text-decoration: none;}
#services #sidebar a:hover { text-decoration: underline;}
	
#services #footer { 
	background-color: #D3B425;
	border-bottom: 4px solid #E9CF57;
	color: #fff;
	height: 30px;
	}		
	
/* portfolio */
#portfolio #content { 
	border: 0px dotted green;
	background-color: #fff;
	background: #fff url(/images/bk_content_a.gif) repeat-y;
	}
	
#portfolio #panelA {
float: left;
	width: 206px;	
	padding: 0px;
	margin: 0;
	border: 0px dotted blue;	
}
#portfolio #panelB {
	width: 280px;
	float: left;
	padding: 0;
	margin: 0;
	border: 0px dotted red;	
}

#portfolio #panelB ul {
	border: 0px dotted red;	
	margin-top: 4px; 
}

#portfolio #panelC {
	background-color: #CFCBB4;
	width: 200px;
	float: right;
	padding: 40px 0 40px 0;
	margin: 0;
	border: 0px dotted green;	

	
}


#portfolio #sidebar {background: #960625 url(/images/shading.gif) bottom repeat-x;
	border-top: 4px solid #78051E;
	color: #fff;
	text-align: left;
	margin: 0px;
	padding: 20px 10px 30px 20px;  }
	
#portfolio #sidebar a { color: #fff; text-decoration: none;}
#portfolio #sidebar a:hover { text-decoration: underline;}

#portfolio #sidebar #titleB { color: #fff; }
#portfolio #sidebar #titleC { color: #D88D8D; }

#portfolio #footer { 
	background-color: #960625;
	border-bottom: 4px solid #BA0A2F;
	color: #fff;
	height: 30px;
	}		

	


/* about */
#about #content { 
	border: 0px dotted green;
	background-color: #fff;
	background: #fff url(/images/bk_content_a.gif) repeat-y;
	}
	
#about #panelA {
float: left;
	width: 206px;	
	padding: 0px;
	margin: 0;
	border: 0px dotted blue;	
}
#about #panelB {
	width: 494px;
	float: right;
	padding: 0;
	margin: 0;
	border: 0px dotted red;	
}

#about #sidebar {background: #719A21 url(/images/shading.gif) bottom repeat-x;
	border-top: 4px solid #688D1D;
	color: #fff;
	text-align: left;
	margin: 0px;
	padding: 20px 10px 30px 20px;  }

#about #sidebar #titleB { color: #fff; }
#about #sidebar #titleC { color: #9DC84B; }
	
#about #sidebar a { color: #fff; text-decoration: underline;}
#about #sidebar a:hover { text-decoration: none;}

#about #footer { 
	background-color: #719A21;
	border-bottom: 4px solid #688D1D;
	color: #fff;
	height: 30px;
	}	