@charset "UTF-8";
/* CSS Document */

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address {
	margin: 0; padding: 0; text-indent: 0;
	border: none; outline: none;
	text-decoration: none; font-size: 100%; font-weight: normal; font-style: normal;
	list-style: none;
}
table, td, tr, tbody, thead, th, caption {
	border-spacing: 0; border: none; border-collapse: separate;
	vertical-align: top; text-align: left;
	font-weight: normal;
}

/* typography */
body { font-size: 0.75em; background: url(/design/bckgrnd.gif) repeat-x #31513d; color: #efe8c3; font-family: Georgia, serif; margin: 0 auto; }

p, ul, ol { margin-bottom: 20px; }
p a { font-family: Arial, sans-serif}
h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 5px; }
h1 { font-size: 1.25em; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.15em; }
h4, h5, h6 { font-size: 1em; }

a, a:visited {
	color: #d65326; text-decoration: none;
}
a:hover, a:active {
	color: #d65326; text-decoration: underline;
}

#container { width: 936px; margin: 0 0 0 20px; position: relative }

#header { display: block; height: 187px; background: url(/design/head-left.jpg) left bottom no-repeat}
#branding { display: block; height: 187px; background: url(/design/head-right.jpg) right bottom no-repeat; min-width: 1000px; position: relative; }
#branding h1 { margin: 0; padding: 0; display: block; width: 404px; height: 78px; position: absolute; top: 20px; left: 50px }
#branding h1 a { text-indent: -9999px; background: url(/design/logo.png);display: block; width: 404px; height: 78px; }
#branding p { position:  relative; left:  550px; top: 25px; display: block; width: 380px; text-align: right; font-family: Times New Roman, "Times", serif; color: #000; font-size: 2.5em; }
#branding p span { display: block; margin: 10px 0; color:  #000; font-size: 0.45em; font-family: Georgia, serif; }
#branding p a { color:  #ff0; text-decoration: underline; }

#nav { display: block; text-align: center; margin: 0 auto; background: #bba46a; font-family: Times New Roman, Times, serif; font-weight: bold; margin-bottom: 20px }
#nav ul, #nav li { display: block; margin: 0; padding: 0; text-indent: 0; float: left; clear: none; }
#nav a, #nav a:visited { display: block; color: #fff; line-height: 28px; padding: 0 13px 0 12px; background:  url(/design/seperator.gif) right center no-repeat; }
#nav a:hover, #nav a:active,
.home #nav-home a,
.about #nav-about a,
.appraisals #nav-appraisals a,
.calculator #nav-calc a,
.title-services #nav-title-services a, .pandc #nav-pandc a, .contact #nav-contact a, .home #nav-home a:visited, .about #nav-about a:visited, .realestate #nav-realestate a:visited, .landtitle #nav-landtitle a:visited, .pandc #nav-panc a:visited, .contact #nav-contact a:visited
{ background: #31513d !important; text-decoration: none; }

#nav ul li {
position:relative;
}
#nav ul ul {
background: #bba46a;
display:none;
height: 30px;
left: 0px;
padding: 0;
position: absolute;
top: 28px;
z-index: 99;
width: 180px;
}
#nav li:hover ul, #nav li.hover ul {
display:block;
}
#nav li.drop ul * {
clear:both;
float:none;
width: auto; white-space: nowrap; background: none;
background: #bba46a;
text-align: left;
}
#nav li.drop ul li { display: inline; }
#nav ul ul a, #nav ul ul a:active, #nav li.drop a:hover { background:  url(/design/seperator.gif) right center no-repeat; color: #fff; overflow: hidden; }
#nav li.drop ul a, #nav li.drop ul a:visited { background: #bba46a !important; }
#nav li.drop ul a:hover, #nav li.drop ul a:active { background: #bba46a !important; color: #31513d; }

.leftcol, .midcol, .rightcol { float: left; clear: none; width: 272px; display: inline; margin-right: 40px; }
.leftcol.two { width: 584px; }
.leftcol.three { width: 896px; }

#footer {  padding: 15px; font: 90%; background: #e1d1a9; color: #31513d; line-height: 1.5em;  }
#footer p { margin: 0; }
#footer a { color: #31513d; text-decoration: underline; }


#calc {position: absolute; right: 30px;}
#intro {width: 500px; margin-bottom: 50px;}

/* * * =forms * * * * * * * * * * * * * * * * * * * * * * * * * * */
form, fieldset, input { margin : 0; padding : 0; }

form {
	width: 38em;
	margin-left: 5px;
}

form p {
	font-size: 100%;
	padding: 2px;
	margin: 0;
}

/* fieldset styling */
fieldset {
	margin: 1em 0; /*  space out the fieldsets a little*/
	padding: 1em;
	border : 1px solid #bba46a;
}

/* legend styling */
legend {
	font-weight: bold;
	color: #d65326;
}

/* style for  labels */
label {
	float: left;
	width: 14em;
}

/* style for required labels */
label .required {
	font-size: 0.9em;
	font-style: normal;
	color: red;
}

label.error, input.submit { color: #F00; margin: 5px 0 0 0; }

input {
	width: 225px;
}

input.radio, input.submit {
	width: auto;
}

textarea {
	width: 225px;
	height: 100px;
	padding:0;
} 

/* submit */

form div input {
	width: 100px;
	margin-top:5px;
	margin-left: 170px;
	padding: 0 .25em;
	background-color: #d65326;
	color: #fff;
	text-transform: uppercase;
	font-size: 90%;
}

/* apply style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */
.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.group { zoom: 1; display: block; }