/*
Title: Cornerstone MLS Master Stylesheet
*/

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; } 
ol, ul { list-style: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {	border-collapse: collapse; border-spacing: 0; }

/* Basic Elements  */
html{font-size:100%;}
body {background: #f4f3ee;font-size: 62.5%;font-family: "Lucida Grande", "Lucida Sans", Arial, Sans-serif; line-height: 1.33; color: #555; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
:focus { outline: 1px; }
strong{ font-weight:800; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
a img { border: none }
.clear { clear: both; height: 0; line-height: 0; }

/* Links */
a:link, a:visited, a:active { color: #666;text-decoration: none; }
a:hover { color: #666; text-decoration:underline }

/* Typography */
h1 { font-size: 3.0em; margin: 0 0 0.4em; color: #333; }
h2 { font-size: 1.9em; margin: 0 0 1em; color: #000; }
h3 { font-size: 1.8em; margin: 1.5em 0 0.2em; color: #333; }
h4 { font-size: 1.2em; margin: 0 0 1em; }
h5 { font-size: 1.5em; color: #638734; font-weight: 800; }
p {font-size:1.2em; margin: 0 0 1em 0; }

/* Site Structure */
#wrap { width: 868px; margin: 0 auto; }

/* Header */
#header { background: #fff; position: relative; border-bottom: 4px solid #638734;}
#header .inner { width: 868px; margin: 0 auto; position: relative; height: 8.5em;}
h1#logo { width: 262px; height: 65px;font-size: 1em; overflow: hidden; position: relative; float: left; margin: 12px 0 0 26px; display: inline; }
h1#logo span{ background: url('/images/cornerstone-mls.png') no-repeat 0 0;display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
h1#logo a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Main Navigation */
#nav { position: absolute; bottom: 0; right: 0; height: 37px; }
#nav li { display: inline; }
#nav li a { background: url('/images/nav-tab.png') no-repeat left top; color: #fff; display: block; font-size: 1.3em; margin: 0 0 0 4px; text-align: center; position: relative; text-decoration: none; float:left; height: 37px; cursor: pointer; font-weight: 800; }
#nav li a span { background: url('/images/nav-tab.png') no-repeat right top; margin-left: 11px; padding: 9px 11px 0 0; float: left; }
#nav li.active a, #nav li a:hover { background: url(/images/nav-tab-on.png) no-repeat left top; color: #ffffcc; }
#nav li.active a span, #nav li a:hover span { background: url('/images/nav-tab-on.png') no-repeat right top; color: #ffffcc; }

/* Footer */
#footer { clear: both; padding: 20px 0 5em 10px;}
#footer p { color: #999; font-size: 1em; }
#footer p a { color: #666; }

/* Main column */

.main { width: 567px; background: url('/images/main-mid.png') repeat-y; float: left; margin: 8px 0 0;}
.main-top { background: url('/images/main-top.png') no-repeat; height: 9px; font-size: 0; line-height: 0; }
.main-btm { background: url('/images/main-btm.png') no-repeat; height: 9px; font-size: 0; line-height: 0; }
.main .inner { padding: 10px 25px 3em; }

.main ul, .main ol { padding: 1.5em 0 0 10px; }
.main ul li, .main ol li { font-size: 1.2em; color: #333; font-weight: 800; background: url('/images/bullet.gif') no-repeat 0 2px; margin: 0 0 1.3em; padding: 0 0 0 20px; }
.main ul.nostrong li, .main ol.nostrong li {font-weight: normal;}

.main ul.questions {margin-bottom: 20px;}
.main ul.questions li { font-size: 1.2em; color: #333; font-weight: 800; background: url('/images/icn_question.gif') no-repeat 0 2px; margin: 0 0 5px 0; padding: 0 0 0 20px; }
.main ul.questions li a {color: #638734;}

.main ul.allquestions {margin: 0 0 25px 0;}
.main ul.allquestions li {font-size: 1.2em; font-weight: 800; background: url('/images/icn_question.gif') no-repeat 0 2px; margin: 0 0 5px 0; padding: 0 0 0 20px; }
.main ul.allquestions li span {display: block; color: #638734; cursor: pointer; cursor: hand; font-size: 14px;}
.main ul.allquestions li div.qhidden {display: none; font-weight: normal; margin-bottom: 15px; font-size: 12px;}
.main ul.allquestions li div.qvisible {display: block; font-weight: normal; margin-bottom: 15px; font-size: 12px;}

.main p { line-height: 1.17; }
.main p.center {text-align: center;}
.main input#homevalue {background: url('/images/bg_dollarsign.gif') no-repeat 5px 5px; text-align: right; padding: 3px; border: 1px solid #696969; width: 75px; }
.main cite {display: block; font-size: 10px; color: #999; margin-top: 50px;}
#content .main h5 a{ color: #638734; }
.main img.right { padding-left: 7px; }

.main form {padding: 25px 0 25px 0;}
.main form div {clear: left; padding-bottom: 5px;}
.main form label {font-weight: bold; text-align: right; padding: 5px;}
.main form label.first {float: left; width: 125px; margin-bottom: 0;}
.main form input, .main form select {border: 1px solid #696969; padding: 3px; margin-bottom: 5px; font-size: 12px;}
.main form input#submit {border: 0px; margin-top: 20px;}
.main .img {border: 1px solid #999; margin: 0 0 15px 15px;}

/* Savings Table */
#savings-tbl { border: 1px solid #bcd49d; font-size: 1.3em; margin: 0 0 2em;}
#savings-tbl td { padding: 5px 0; color: #333; }
#savings-tbl tr#tbl-top td{ background: #bcd49d; font-size: 0.85em; font-weight: 800; }
#savings-tbl tr.tbl-mid td{ padding-bottom: 15px;  }
#savings-tbl tr.tbl-fees td { padding-top: 15px; }
#savings-tbl tr#tbl-total td{ background: #eef4e6;  font-weight: 800; }
#savings-tbl tr#tbl-btm td { vertical-align: middle; padding: 1px; color: #ff6600; font-size: 1.31em; font-weight: 800; }
#savings-tbl tr#tbl-btm td img { display: block; }
#savings-tbl td.text-right { text-align: right; padding-right: 36px; }

/* Side column */
.sidebox { width: 285px; float: right; background: url('/images/sidebox-mid.png') repeat-y; margin: 20px 0 0; }
.sidebox-top { background: url('/images/sidebox-top.png') no-repeat; height: 17px; font-size: 0; line-height: 0; }
.sidebox-btm { background: url('/images/sidebox-btm.png') no-repeat; height: 17px; font-size: 0; line-height: 0; }
.sidebox .inner { padding: 5px 20px 10px 30px; }

.sidebox h3 {margin-top: 0;}

#local-search p { margin: 0 0 0.75em; }
#local-search input.input-text { border: 1px solid #696969; padding: 7px 5px; font-size: 1.08em; color: #333; }

#questions { padding: 10px 0 0; margin: 2.5em 0 15px 0; width: 100%;}
#questions.standalone { margin-top: 0; }
#questions .phone {float:left;width:150px;margin: 0 0 0 10px;}
#questions .phone h4 { font-size: 2.1em; color: #336600; margin: 0; }
#questions .phone .ask-our-experts { font-size: 1.4em; color: #666;}
#questions .phone p { font-size: 1.9em; color: #000; margin: 0;}

#acquisition {float: left; background: #f4f3ee; padding: 50px 30px 0 30px;}
#acquisition p.quote {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; margin: 30px 0 5px 0;}

/* IE6 Fix */
* html #nav { bottom: -1px; }
/* general stuff */
td.formlabel {padding:5px; font-size: 1.2em; font-weight:bold; color:#666666; text-align:right;}
td.formlabelleft {padding:5px; font-size: 1.2em; font-weight:bold; color:#666666; text-align:right; width:120px;}
input.textfield {border: 1px solid #696969; padding: 3px; font-size: 12px; width:80px;}
select.selectfield {border: 1px solid #696969; font-size: 12px;}
div.formdivider {height:2px; background-color:#f4f3ee; margin-top:16px; margin-bottom:16px;}
div.errors {color:#ff0000;font-size: 1em;font-weight:bold;}
div.errors ul {color:#666666;font-size: 1em;font-weight:normal;}
div.errors ul li {color:#666666;font-size: 1em;font-weight:normal;margin: 0 0 0.2em;}
a.standard {color:#638734; text-decoration:none;}
a.standard:hover {text-decoration:underline;}
ol.standard {list-style-type:decimal; margin:20px; padding:0px;}
ol.standard li { font-size: 1.2em; color: #333; font-weight:normal; background-image: none; margin: 0 0 1em 10px; padding: 0 0 0 0px; }
ol.standard li p {font-size: 1.0em;margin-top:10px;margin-bottom:10px;}
ol.standard li ul {color:#333333;font-size: 1em;font-weight:normal;padding:5px 5px 5px 10px;}
ol.standard li ul li {background: url('/images/bullet.gif') no-repeat 0 2px; color:#333333;font-size: 1em;font-weight:normal;margin: 0 0 0.2em 0.5em;padding: 0 0 0 15px;}
div.inset {margin:20px; display:block; font-size:1.2em;}

#mp{}
#mp .map{margin: 0 0 0 30px;position:relative;top:-80px;height:250px;width:470px;}
#mp .states{}
#mp .links{float:left;margin-right:40px;}
#mp .states li{margin:0px;}

.state-links {margin-left: 20px;}

.triplecolumn ul {float:left;width:30%;}
.triplecolumn ul li {margin:0px;}

.house-for-sale {margin-bottom:10px;border: #eae5d9 5px solid;}

img.arrow { left: 0px; position: relative; top: -10px;z-index: 2; }