/* <![ Global [ -----------------------------------------------------------*/


/*NOTES:
Image pathing needs to be as follows.

url(/images/img.jpg);

This can be developed any way you wish, but must be changed before upload.

*/

/* ----------------- Globals ---------------------*/
html {
	height:100%}
	
.body{	
	margin:0; 
	padding:0; 
	background:#252525;
	font:12px/14px Tahoma, Arial, Helvetica, sans-serif;
	text-align:left;
	behavior:url(/scripts/csshover.htc);}
	
a {	
	color:#1477a5;
	text-decoration:underline}
p{
	margin:1em 0 1em 0;
}
	
input, select, textarea{	
	border:solid #000000;
	border-width:1px 1px 1px 1px;}	
	
legend	{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#000;}
	
hr{
	height:1px;
	color:#cbcbcb;
	margin:5px 0px;
	padding:0px;}

h1{	
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	margin:0px;
	color:#6b1414;}
	
h2{	
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;}
	
h3{	
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;}
	
a:hover {	
	color:#737373;
	text-decoration:none;}	
	
/* -----------------------------Containers and alignment--------------------------*/		

#container {
	margin:0px auto 0 auto;
	text-align:left;
	width:864px;
}
	
#main{
	padding:0;
	margin:0;
}
#address{
	text-align:left;
	padding:0 0 4px 100px;
	margin:0;
	font-size:12px;
	padding:0 0 4px 100px;
	clear: both;
	background:url(../images/bg_mid-bot.gif) bottom left no-repeat;
	}
#top{
	position:relative;
	background: #6c6a66;
	height: 316px;
	border-bottom: 4px solid #FFF;
	}	
#mainphoto{
	width:415px;
	height:381px;
	background:url(../images/img_sanfran.jpg) top left no-repeat;
	position: absolute;
	top: -64px;
	left: 388px;
	}
#left{
	border:solid #FFFFFF;
	float:left;
}

/*	<![ Navigation [ -----------------------------------------------------------*/

#mainnav{
	margin:0;
	padding:52px 24px 0 0;
	width:364px;
	height:264px;
	color:#FFFFFF;
	position:relative;
	font-size:14px;
	background:#bfbfbf;
	border:solid #FFFFFF;
	border-width:0 0px 1px 0;
	font:13px Tahoma, Arial, Helvetica, sans-serif;
	}
#mainnav ul{
	margin: 0 0 0 191px;
	padding: 0;
	list-style: none;
}
#mainnav ul li{
	display:block;
	width: 167px;
	padding: 2px;
	text-align:right;
	position:relative;
	margin-bottom: 1px;
}

#mainnav ul li a{
	color:#252525;
	text-decoration:none;
	padding-right: 35px;
	background:url(../images/bg_mainnav.gif) top right no-repeat;
}

#mainnav ul li a:hover{
 	color:#6b1414;
}

/*	<![ Layout [ -----------------------------------------------------------*/

#header{
	height:124px;
	background:#c6b692;
	border-top: 6px solid #6b1414;
	border-bottom: 4px solid #FFF;
	position: relative;
}
#header h1{
	font:normal 25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#6b1414;
}
#header h2{
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#252525;
	text-align:right;
	display:block;
	width:365px;
	background:url(../images/bullet_white.gif) top right no-repeat;
	border-bottom:1px solid #FFF;
	padding:0 15px 0 0;
	line-height:10px;
}
#header #phone{
	float:right;
	background:url(../images/bullet_white.gif) 0px 6px no-repeat;
	padding:0 0 0 15px;
	font:normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#6b1414;
	margin:43px 68px 0 0;
	line-height: 22px;
	}
#header #firmname{
	position: absolute;
	left: 0px;
	top: 64px;
	width: 382px;

	}
#mid {
	padding:0;
	margin:0;
	background:url(../images/bg_mid.gif) top right repeat-y;
	clear:both;
}
#contact { /* replace "mid" with contact in order to change the layout removing the left minicontact area*/
	padding:0;
	margin:0;
	background:#FFF;
	clear:both;
}
	
#content {
	float:left;
	margin:0;
	padding:0px 20px 20px 20px;
	width:580px; /*= 614 - padding20 - 4 cause IE is dumb*/
}
#contentheader h1{
	font:normal 22px Tahoma, Arial, Helvetica, sans-serif;
	margin:0px;
	color:#6b1414;
	background:url(../images/bg_h1.gif) top left no-repeat;
	padding:30px 0 0 21px;
	display:block;
	height: 22px;
}
	
#contact #content{
	float:left;
	width:710px;
	margin:0;
	padding:0px;
	border-left:none;
}
#url{
	font:18px "Times New Roman", Times, serif;
	text-transform:uppercase;
	text-align:center;
	height:24px;
	line-height:24px;
	background:#34547b;
	color:#FFFFFF;
	padding:0 0 0 0;
	margin:0 0 15px 0;
	}
#rightbar{
	width:216px; /*= 205 - padding 25*/
	margin:25px 0 0 0;
	padding:0;
	float:right;
}
#contact #rightbar{
	display:none;
	width:710px;
	visibility:hidden;
	display:none;
}
#rightbar h2{
	color:#000000;
	text-align:center;
	height:24px;
	padding:0 0 0 0;
	line-height:24px;
	margin:0;
	font:normal 20px Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	border-bottom: 1px solid #b49679;
	}
#awards{
}
#awards p{
	padding:0 0 5px 5px;
	border-bottom:1px solid #94a4b9;
	font-size:10px;
	}
#awards .last_child{
	border-bottom:none;
}
#contact #leftbar{
	display:none;
	visibility:hidden;
}
/*----------------------------------------Footer and bottom decorations------------------------*/
#bottom{
 	padding:5px 0 0 0;
 	clear:both;
 }
#bottom .links{
	margin:0;
	padding:0;
	font-size:12px;
	height:25px;
	color:#FFFFFF;
	position:relative;
}
#bottom .links ul{
	margin:0;
	padding:0;
	position: absolute;
	width: 607px;
	left: 131px;
	top: 8px;
}
#bottom .links ul li{
	display:inline;
	margin:0;
	padding:0;
}

#bottom .links ul li a{
	color:#FFF;
	text-decoration:none;
	float:left;
	font-size:10px;
	padding:2px 5px 2px 5px;
	display:block;
	border-right:1px solid #FFF;
}
#bottom .links ul li a:hover{
	color:#b49679;
}
#bottom .links ul .last_child a{
	border-right:none;
}

#disclaimer{
	text-align:left;
	height:60px;
	color:#ececec;
	padding:10px;
	margin:0 auto 0 auto;
	font-size: 10px;
}
#disclaimer img{
	float:left;
	margin:10px;
}
#disclaimer p{
	margin:0;
	padding:15px 10px 0 0;
}
#disclaimer a{
	color:#6B1414;
}
	
	
/*-----------------------------Extra Classes---------------------------------------*/	

/*	<![ Quick Contact [ -----------------------------------------------------------*/
form{
padding:0;
margin:10px 0 10px 0;
}
.contactmini {
	text-align:left;
	padding:0 0 0 16px;
	color:#d7c8a5;
	font-size:10px;
	}
.contactmini p{
	font-size:12px;
	}	
.contactmini .form-pct { 
	width:180px; 
	height:20px;
	margin:0 0 4px 0;
	background:#FFFFFF;}

.contactmini .msg-pct { 
	width:180px; 
	height:53px;
	margin:0;
	background:#FFFFFF;
	overflow:auto;}

.contactmini .submitarea{
	width:180px;
	text-align:left;
	height:35px;
	padding:0;}

.contactmini .submitarea .submit {
	float:right;
	display:block;
	width:60px;
	margin:10px 0 5px 0;
	padding:0;
	height:25px;
	text-align:center;
	background:url(../images/bg_submit.gif) top left repeat-x #000000;
	color:#000000;
	text-decoration:none;
	border: none;
}
	
.contactmini .submitarea .submit:hover {	
	background: #000;	
	text-decoration:none;
	color:#FFFFFF;}

.disclaimlink{
	float:left;
	color:#383833;
	}	
.disclaimlink:hover{
	color:#561e32;
	text-decoration:none;
	}	
/*	<![ Site 9 Styles [ --------------------------------------------------------*/
.qctable {
	}
	
.qchead {
	}	

.PAD_form_itm {
	padding:0px;
	font:bold;}
	
.form-pct { 
	width:200px; 
	height:15px;}

.msg-pct { 
	width:500px; 
	height:70px;
	overflow:auto;
	}

.submit {
	display:block;
	height:16px;
	width:52px;
	padding:2px 0px 0px 0px;
	background: #ccc;
	color:#000;
	text-decoration:none;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;}
	
.submit:hover {	
	background: #000;	
	text-decoration:none;
	color:#fff;}

/* Directions Page Styles (Google Maps Default)

/* [ Outer div ] --------- */
#directionsForm{
}

/* div that wraps form */
#directionsInput {
padding:0px 0px 15px 0px;
}

#fromAddress{
width:300px;
border:1px solid #adab93;}

#directionsLocale{
padding:0px 0px 15px 0px;
}

#locale{
width:300px;
border:1px solid #adab93;}

#directionsSubmit{
padding:0px 0px 25px 0px;
}

#map{
border:1px solid #adab93;}

#addressNotFound{
}

#directions{
}