@font-face {
    font-family: 'OptimusPrincepsRegular';
    src: url('type/optimusprinceps.eot');
    src: url('type/optimusprinceps.eot?#iefix') format('embedded-opentype'),
         url('type/optimusprinceps.woff') format('woff'),
         url('type/optimusprinceps.ttf') format('truetype'),
         url('type/optimusprinceps.svg#OptimusPrincepsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@charset "utf-8"; 

/* - - - - - BASE STRUCTURE - - - - - */
* {margin:0; padding:0; outline:none;}
html, body {width:100%; height:100%; margin:0px auto;}
body {font:14px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333; background:url(/images/bg.jpg) repeat center top;}
#wrapper {width:1000px; margin:auto; background:url(/images/wrapperbg.png) repeat-y;}
#content { width:900px; margin:auto; }
#content p { margin-bottom:10px; line-height:18px; padding-bottom:20px;}
#content strong {font-weight:normal;}
#flash {float:left; margin-left:30px; background:#808080; width:480px; height:325px;}
.bluetext {color:#55799b; font-size:16px; float:left; width:400px; margin-top:5px; padding-left:10px;}
.bluetext strong {font-weight:normal;}
.homevideo {float:left; margin-left:100px; cursor:pointer;}
.box1 {background:url(/images/foxlairbox.jpg) no-repeat; width:284px; height:290px; float:left; margin-left:20px; padding:30px 30px 0 0; text-align:right;}
.box2 {background:url(/images/resourcesbox.jpg) no-repeat; width:284px; height:290px; float:left;margin:auto; padding:30px 30px 0 0; text-align:right; }
.box2 p {color:#fff; line-height:35px;}
.box2 a {color:#fff;}
.news {background:url(/images/newsbox.jpg) no-repeat; width:284px; height:260px; float:left;margin:auto;padding:60px 30px 0 0; text-align:right;}
.news p {color:#fff;}
.news a {color:#fff;}
.news h3 a {color:#fff;}
.resourcesleft { float: left; clear: left; width: 260px; margin-left: 20px;}
.resourcesright { float: left; width: 260px; margin-left: 80px; }
.resourcesmiddle { clear: both;width: 260px; margin-left: 180px;}
.col {width:280px; float:left; text-align:center; margin-bottom:20px;}


/* - - - - - HEADER AND NAV - - - - - */
#header {width:1000px; height:430px; background:url(/images/headerbg.png) no-repeat; margin:auto;}
#nav {margin-left:25px;font-family: 'OptimusPrincepsRegular';}
#topnav {float:right; margin-right:35px; margin-bottom:-30px;font-family: 'OptimusPrincepsRegular';background:url(/images/topnavbg.jpg) no-repeat;  padding-top:6px; padding-left:20px;}
.logo {margin:20px 0 10px 15px;}
.tagline {margin-top:-50px;}
.social {margin-left:20px; margin-bottom:-30px;}

/* - - - - - HORIZONTAL MENU - - - - - */
ul#hrznav {margin:0; border:0 none; padding:0; width:600px; list-style:none; height:36px;}
ul#hrznav li {margin:0; border:0 none; padding:0; float:left; display:inline; list-style:none; position:relative; height:20px;}
ul#hrznav ul {margin:0; border:0 none; padding:0; width:160px; list-style:none; display:none; position:absolute; top:23px;}
*:first-child+html ul#hrznav ul {left:-15px; top:20px;}
ul#hrznav ul li {float:none; display:block!important; display:inline;}
/* Root Menu */
ul#hrznav a {padding:0; float:none!important; float:left; display:block; padding: 2px 12px; border-right:1px solid #fff; color:#fff; text-decoration:none; font-size:18px; }
/* Root Menu Hover Persistence */
ul#hrznav a:hover, ul#hrznav li:hover a, ul#hrznav li.iehover a {background:#B9D394; color:#fff;}
/* 2nd Menu */
ul#hrznav li:hover li a, ul#hrznav li.iehover li a {float:none; background:#B9D394; color:#fff; text-decoration:none; width:250px; padding:0 6px; border:none; }
/* 2nd Menu Hover Persistence */
ul#hrznav li:hover li a:hover, ul#hrznav li:hover li:hover a, ul#hrznav li.iehover li a:hover, ul#hrznav li.iehover li.iehover a {color:#000;}
/* OTHER */
ul#hrznav ul ul, ul#hrznav ul ul ul {display:none; position:absolute; top:0; left:160px;}
ul#hrznav li:hover ul ul, ul#hrznav li:hover ul ul ul, ul#hrznav li.iehover ul ul, ul#hrznav li.iehover ul ul ul {display:none;}
ul#hrznav li:hover ul, ul#hrznav ul li:hover ul, ul#hrznav ul ul li:hover ul, ul#hrznav li.iehover ul, ul#hrznav ul li.iehover ul, ul#hrznav ul ul li.iehover ul {display:block;}

/* - - - - - HORIZONTAL MENU - - - - - */
ul#hrznav2 {margin:0; border:0 none; padding:0; width:920px; list-style:none; height:40px;}
ul#hrznav2 li {margin:0; border:0 none; padding:0; float:left; display:inline; list-style:none; position:relative; height:20px;}
*:first-child+html ul#hrznav2 li {height:16px;}
ul#hrznav2 ul {margin:0; border:0 none; padding:0; width:160px; list-style:none; display:none; position:absolute; top:24px;}
*:first-child+html ul#hrznav2 ul {left:-15px; top:20px;}
ul#hrznav2 ul li {float:none; display:block!important; display:inline;}
/* Root Menu */
ul#hrznav2 a {padding:0 ; float:none!important; float:left; display:block; text-decoration:none; color:#c1d99d; padding:2px 12px; font-size:16px;  }
/* Root Menu Hover Persistence */
ul#hrznav2 a:hover, ul#hrznav2 li:hover a, ul#hrznav2 li.iehover a { color:#fff;background:#B9D394;}
/* 2nd Menu */
ul#hrznav2 li:hover li a, ul#hrznav2 li.iehover li a {float:none; background:#B9D394; color:#fff; padding:0 6px;width:180px; }
/* 2nd Menu Hover Persistence */
ul#hrznav2 li:hover li a:hover, ul#hrznav2 li:hover li:hover a, ul#hrznav2 li.iehover li a:hover, ul#hrznav2 li.iehover li.iehover a {color:#000;}
/* OTHER */
ul#hrznav2 ul ul, ul#hrznav ul ul ul {display:none; position:absolute; top:0; left:160px;}
ul#hrznav2 li:hover ul ul, ul#hrznav2 li:hover ul ul ul, ul#hrznav2 li.iehover ul ul, ul#hrznav2 li.iehover ul ul ul {display:none;}
ul#hrznav2 li:hover ul, ul#hrznav2 ul li:hover ul, ul#hrznav2 ul ul li:hover ul, ul#hrznav2 li.iehover ul, ul#hrznav2 ul li.iehover ul, ul#hrznav2 ul ul li.iehover ul {display:block;}



/* - - - - - FOOTER AND CHILDREN - - - - - */
#footer {width:960px; height:320px; font:12px/14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: -10px auto; background:url(/images/footerbg.png) no-repeat; padding:20px 20px; color:#fff; ;}
#footer a {color:#333;}
#footer a:hover {color:#000;}
a.spider {background:url(/images/spiders.png); background-repeat:no-repeat; height:20px!important; display:block;  float:right; text-transform:uppercase; font-size:10px; padding:60px 0 0 10px; text-decoration:none; }
 
a#creditbtn {background-position:0 0; width:100px!important;} 
a#creditbtn:hover {background-position:0 -100px; color:#2a94c1;}
#copyright {width:400px; height:10px; float:left; margin-top:50px;}
.btmlogos {float:right; margin:80px 140px 0 0 ;}
#emailsignup {background:url(/images/email.png) no-repeat; width:194px; height:35px; padding:50px 0 0 50px; margin:40px 0 0 130px; }
*:first-child+html #emailsignup {margin-top:50px;}
.emailgo {margin-top:-10px;}

/* - - - - - BASE TAGS AND CLASSES - - - - - */
h1 {font-size:28px;line-height:35px; font-family: 'OptimusPrincepsRegular'; color:#333; border-bottom:1px dotted #333; margin-bottom:20px; text-transform:uppercase;}
h2 {font:20px/28px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333; margin-bottom:10px; border-bottom:1px dotted #333;}
h3 {font:18px/26px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333;}
h4 {font:16px/24px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333;}
p {font:14px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333;}
h5 {font:12px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333;}
h6 {font:10px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333;}
ol {list-style:decimal; margin-left:20px; margin-bottom:15px;}
ul {list-style:inside; margin-left:20px; margin-bottom:15px;}
ul li, ol li {padding-left:5px;margin-left:20px;}
a, a:link, a:active, a:visited {color:#333;}
a:hover {color:#000; text-decoration:none;}
a img {border:none;}
.sm10 {font-size:10px;}
.hide {display:none;}
#contact .shhhh, .shhhh {display:none;}
.cursor {cursor:pointer;}
.pad5 {padding:5px;}
.left {float:left;}
.tleft {text-align:left;}
.right {float:right;}
.tright {text-align:right;}
.center {text-align:center;}
.centeralign {text-align:center; margin:0 auto;}
.clear {clear:both;}
.clright {clear:right;}
.clleft {clear:left;}
hr {border:1px dotted #333;}

/*Dream Home Form*/
form#dreamhome input, form#dreamhome select {width: 150px; margin: 3px auto; border: 1px solid #223b66;}
form#analysis input, form#analysis select {width: 150px; margin: 3px auto; border: 1px solid #223b66;}
form#dreamhome select, form#analysis select {width: 154px;}
form#dreamhome textarea, form#analys textarea {width: 435px; height: 120px; margin-bottom: 15px; border: 1px solid #223b66;}
form#dreamhome, form#analysis {background: #C1D99D; width: 600px; border: 1px solid #223b66; margin:auto; color: #555; }
table.form tr:hover, table.form tr.iehover { color: #000; }
table.form input:focus, table.form textarea:focus, table.form select:focus,
table.form input.sffocus, table.form textarea.sffocus, table.form select.sffocus  {
	background-color: #d4e1fa;
	color: #223b66;
	border: 1px solid #ff0;
	}
td.label {text-align:right;}
.click {cursor:pointer;}

/* - - - - - CONTACT FORM- - - - - */
form#contact {margin:0 50px 20px 0; padding:5px; float:right; width:275px; background:#C1D99D; border:none; font:0.75em "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333;} 
#contact label,#contact input {display:block; width:150px; float:left; margin-bottom:10px;}
#contact label {text-align:right; width:75px; padding-right:5px;}
#contact br {clear:left;}
#contact fieldset {margin:0px 0px 10px 0px; position:relative; display:block; border:1px solid #fff; padding:0px 10px 10px 10px; border:none;} 
#contact legend {color:#333; font-variant:small-caps; padding:2px 5px; position:relative; font:bold 18px/17px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#contact span.state {width:130px; float:left; text-align:right;}
#contact #zip {width:60px; margin-right:12px; float:left;}
#contact #zipname {width:27px; margin-left:13px; float:left;}
#contact #comments {display:block; width:240px; height:70px; margin-bottom:15px;}
textarea {overflow:auto;}
#contact #submit {width:85px; height:32px; margin-left:90px;}
#contact .shhhh {display:none;}

/* - - - - - OTHER- - - - - */
#googlemap {width:600px; height:350px; margin:0 auto; border:2px double #ddd;}
a.button {width:auto; height:auto; text-align:center; border:1px solid #555; color:#fff; background:#333; padding:4px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; text-decoration:none;}
a.button:hover, a.button:active, a.button:focus {border-color:#333; background-color:#aaa; color:#000; text-decoration:none;}
#validationmessage {width:90%; height:auto!important; margin:0 auto; text-align:center; font-weight:bold; background:#fbb; border:2px dashed #f00; color:#900; padding:5px;}
.fielderror {background-color:#fbb; border-color:#f00; color:#900;}

/* - - - - - QUICK SEARCH FORM - - - - - */
#frmAgora {margin:10px auto; padding:5px; width:630px; height:140px; color:#000; font-size:11px; background:#ccc;}
#frmAgora br {clear:left;}
#frmAgora label {float:left; width:190px; height:50px; margin:0 20px 10px 0; padding:0; color:#395f83;}
#frmAgora input {float:left; width:190px; height:20px; margin:0; padding:3px; border:1px solid #395f83; color:#6c889d; background:#eee;}
#frmAgora input:focus, #frmAgora input:active {border:1px solid #000; color:#000; background:#fff;}
#frmAgora select {float:left; width:200px; height:29px; margin:0 15px 10px 0; padding:3px; border:1px solid #6c889d; color:#6c889d; background:#eee;}
#frmAgora select option {padding:3px;}
#frmAgora select:focus, #frmAgora select:active {border:1px solid #000; color:#000; background:#fff;}
#frmAgora input.submit {float:left; width:auto; height:auto; padding:5px; border:1px solid #fff; color:#395f83; background:#98af77; cursor:pointer; font-weight:bold; margin-top:17px;}
#frmAgora input.submit:focus, #frmAgora input.submit:active, #frmAgora input.submit:hover {border:1px solid #fff; color:#fff; background:#395f83;}
#frmAgora input.hidden {display:none;}