﻿/************ 
Styles
*************/
html{
	overflow:-moz-scrollbars-vertical;
}
body{
	background: #F6FCE8 url('images/header.gif') repeat-x;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
strong{
	font-size: 14pt;
}
small{
	
}
em{
	color: #638A2D;
}
em.req{
	color: red;
}
.limit{
	width: 960px;
	margin: 0 auto;
}
.content a{
	color: #638A2D ;
	font-weight: bold;
	border-bottom: 1px #638A2D dotted;
}
.content a:hover{
	border-bottom: 1px #638A2D solid;
}
a.more{
	border: none;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
a:hover.more{
	border: none;
}
b{
	color: #80b534;
}
h1, h2, h4, h5{
	color: #2e2e2e;
	font-family: Georgia,"Times New Roman", Times, serif;
}
h2{
	margin-bottom: 7px;
}
h2.home{
	color: #638A2D;
	padding-bottom: 4px;
	border-bottom: 2px #638A2D solid;
	margin-bottom: 7px;
}
h3,h6{
	color: #638A2D;
	font-family: Georgia,"Times New Roman", Times, serif;
}
h1{
	font-size: 28pt;
	background: transparent url('images/headBar.gif') no-repeat left bottom;
	margin-bottom: 20px;
}
h1.desc{
	padding-bottom: 4px;
}
h2{
	 font-size: 24pt;
}
h3{
	font-size: 20pt;
	border-bottom: 1px #638A2D solid;
	padding-bottom: 3px;
	margin-bottom: 5px;
}
h3.odd{
	text-align: right;
}
h4{
	font-size: 16pt;
}
h5{
	font-size: 14pt;
	border-bottom: 2px #80b534 solid;
	padding-bottom: 2px;
	margin-bottom: 7px;
	font-variant: small-caps;
/*
	font-style:italic;
*/
}
h6{
	margin: 7px 0 5px;
	font-size: 13pt;
	border-bottom: 1px #2e2e2e solid;
}
.content p{
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.5em;
}
.right p, tbody{
	line-height: 1.4em;
	font-size: 13px;
}
.content ul{
	list-style-image: url('images/list.gif');
	list-style-position: outside;
	margin-left: 40px;
}
.content ul li{
	padding-left: 10px;
	margin-bottom: 5px;
}
.content ul li p{
	vertical-align: text-top;
}
.content p{
	/*text-indent: 20px;*/
	margin-bottom: 10px;
}
.bumpR{
	margin-right: 10px;
}
/************ 
Structures
*************/

/* Top Strip*/
.topStrip{
	height: 27px;
	text-align: right;
	vertical-align: middle;
	padding-top: 5px;
	position: relative;
}
.topStrip .title{
	background: url('images/GemValleyAppraisal.gif') no-repeat;
	float:left; 
	height: 32px;
	width: 146px;
	position: absolute; 
	top: 0; 
	left: 0;
}
.topStrip .title h1{
	display: none;
}
.topStrip a{
	font-size: 8pt;
}
.topStrip a, .footContent a{
	color: #F6FCE8;
	margin-left: 20px;
}
.topStrip a:hover, .footContent a:hover{
	color: #80b534;
}

/* header*/
.header{
	height: 140px;
}
.header .logo{
	margin-top: 22px;
}
.header .nav{
	float: right;
}
.header .nav li{
	float: left;
	display: inline;
	margin-left: 10px;
	text-align: center;
	vertical-align: middle;
}
.header .nav li a{
	display: block;
	width: 118px;
	height: 53px;
	background: #e8e7c6;
	padding-top: 27px;
	color: #2e2e2e;
}
.header .nav li a:hover, .header .nav li a.here{
	background: transparent url('images/navHov.gif') no-repeat;
	height: 58px;
	width: 118px;
	color: #F6FCE8;
}

/* MidStrip*/
.midHome{
	background: #F6FCE8 url('images/bigStrip.gif') repeat-x;
	height: 306px;
	margin-bottom: 60px;
}
.midImage{
	width: 991px;
	height: 340px;
	margin: 0 auto;
	position: relative;
}
.midImage #Qfade{
	width: 411px;
	height: 340px;
	top: 0px;
	right: 0px;
	background: url('images/bg.png') no-repeat;
	position:absolute;
	overflow: hidden;
}

.midStrip{
	background: transparent url('images/midStrip.gif') repeat-x;
	height: 51px;
	margin-bottom: 20px;
}

/* tables */
table, td{
	width: 100%;
}
thead th{
	font-family: Georgia,"Times New Roman", Times, serif;
	color: #638A2D;
	padding-bottom: 4px;
	border-bottom: 1px #638A2D solid;
}


/* Main Content*/
.content{/* still need to figure out height issue*/
	margin-bottom: 40px;
}
.left{
	border-right: 1px #2e2e2e solid;
	padding-right: 40px;
	padding-bottom: 20px;
	float: left;
	width: 649px;
	min-height: 400px;	
	margin-right: 20px;		
}
.right{
	width: 250px;
	display: inline;
	float: right;	
}
.box{
	width: 300px;
	float: left;
	
	overflow: hidden;
	padding-bottom: 40px;
	height: 320px;
	position: relative;
}
.box.mid{
	margin: 0 30px;
}
.col{
	width: 203px;
	float: left;
}
.col.mid{
	margin: 0 20px; 
}
.subServices{
	margin: 0px 0 20px 20px;
}
.subServices h3{
	font-size: 16pt;
	margin-bottom: 10px;
}
.ContenImg{
	float: left; margin-right: 10px; margin-top:3px;
}
/* Contact page*/
p.address{
	margin: 10px 0 20px 0;
	font-size: 14pt;
}
span.contact{
	display: block;
	font-size: 14pt;
	margin-bottom: 20px;
}
span.contact img{
	vertical-align: middle;
	margin-right: 20px;
}
#GMap{
	margin-top: 20px;
	display: none;
	width: 550px;
}
.edQuote{
	font-size: 18pt;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center; 
}
#clients img{
	border: 1px #2e2e2e solid;
}
.port{
	background: #e8e7c6; 
	border: 1px #2e2e2e solid;
	padding: 10px; 
	height: 350px; 
	width: 284px; 
	
	float:left; 
	margin-bottom: 20px; 
	overflow: auto;
}
.port.cen{
	margin: 0 21px;
}
.port p{
	font-size: 10pt;
	line-height: 1.3;
}
/* Inquiry page*/
textarea{
	overflow:auto;
}
.txt{
	border: none;
	display: block;
	background: #e8e7c6;
	padding: 3px;
	width: 250px;
	border: 1px #80b534 solid;
	border-left: 3px #80b534 solid;
}
.txt:hover, .txt:focus{
	border-left-color: #2e2e2e;
}
.but{
	border: 1px #80b534 solid;
	border-left: 3px #80b534 solid;
	background: #e8e7c6;
	padding: 3px;
	cursor: pointer;
}
.but:hover{
	border-left-color: #2e2e2e;
}
.memo{
	width: 350px;
	height: 150px;
}
label{
	display: block;
	margin-bottom: 10px;
}
label span{
	margin-bottom: 2px;
	display: block;
}
.errormsg{
	display: block;
	padding: 10px;
	background: #FBE3E4;
	border: 2px #FBC2C4 solid;
	margin: 10px 0;
}
.sent{
	display: block;
	margin: 10px 0;
	padding: 10px;
	background: #E6EFC2;
	border: 2px #C6D880 solid;
}
/* Footer*/
.footer{
	margin-top: 40px;
	background: transparent url('images/footer.gif') repeat-x;
}
.footContent{
	height: 78px;
	background: transparent url('images/botLogo.gif') no-repeat;
	text-align: right;
	padding-top: 28px;
	font-size: 10pt;
}
.footContent span{
	margin-left: 20px;
	font-size: 15pt;
	vertical-align:-2px;
}
.rights{
	margin-top: 28px;
	text-align: right;
	font-size: 8pt;
	color: #F6FCE8;
}
.rights a{
	display: inline-block;
	margin-left: 0px;
	color: #80b534;
	border-bottom: 1px #80b534 dotted;
}
.rights a:hover{
	border-bottom: 1px #80b534 solid;
}

/* Sticky Begin*/
.wrapper {
	min-height: 100%;
}
.push{
	padding: 0 0 106px;
}
.footer {
	height: 106px; /* .push must be the same height as .footer */
	margin:-106px auto 0; /* -80px sucks it back in & auto centers it */
}
/* Sticky End*/