* { margin:0; padding:0; }

body { background: #f6f6f6 url(/img/bgs/canvas.jpg) repeat-x; text-align: center; color: #363636; font-size: 12px; font-family: Calibri, Arial, Verdana; }

h1,h2,h3,h4 { font-family: Candara, Trebuchet MS; margin: .5em 0; letter-spacing: 0; color: #000;  }
h1 { font-size: 18px; letter-spacing: -1px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }

h1 a, h2 a, h3 a, h4 a { border: 0; }
hr { color: #fff; border: 1px dotted #6d70a9; border-width: 1px 0 0 0; }
p { margin: .6em 0; line-height: 1.3em; }
a { color: #3872d6; text-decoration: none; text-decoration: underline; }
a:hover { color: #383cd6; text-decoration: none; }
a:active, a:focus { color: #000;  }
img, table { border: 0; }
.tight { letter-spacing: -1px; }
.hand { cursor: pointer; }

ul, ol { margin: 1em 0; }
ul { margin-left: 20px; list-style-type: square; }
ol { margin-left: 20px; }
li { margin-bottom: .3em; }

.left { text-align: left important; }
.right { text-align: right important; }
.center { text-align: center important; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.req { color: red; }
#fb { position: absolute; top: 15px; margin-left: 490px; }

/* form */
form fieldset { border: 0; text-indent:0; border: 0 solid; /* older operas */ }
form legend { padding: 5px 0px 10px 0px; margin: 0 0 0 0;  font-size: 14px; font-weight: bold; position: relative; left: -7px; /* explorer */ }
form fieldset>legend { left: 0; /* future proof */ }
form select option { padding: 1px 3px 1px 3px; }
form label { display: block; font-size: 12px; line-height: 14px; padding: 0px 5px 12px 0px; float: left; }
*+html form label { padding-bottom: 6px; }
form input, select { display: block; margin-top: 3px; width: 99%; font-size: 12px; }
form input.text { padding: 2px; border: 1px solid #abadb3; }
form input.check { display: inline; margin: 0; width: auto; vertical-align: middle; }
form select { margin-bottom: -3px; padding: 0; }
form input.button { padding: 1px !important; }

/* id */
div#wrap { width: 980px; margin: 0 auto; text-align: left; background: transparent url(/img/bgs/shade.png) repeat-y; }
* html div#wrap { background: none; }
div#page { margin: 0 10px; background: #fff url(/img/header/beach.jpg) no-repeat; background-position: 0 -10px; min-height: 700px; }
* html div#page { border: 1px solid #fff; border-width: 0 1px 0 1px; }

div#header { padding: 0 20px; height: 140px; }
div#header ul { float: left; list-style-type: none; }
div#header ul li { float: left; }
div#header ul li a, div#header ul li a:visited { display: block; background: #9aebff; color: #000 !important; border: 1px solid #000; border-left: 0px; text-decoration: none; font-weight: bold; padding: .3em 1em; }
div#header ul li a:hover { background: #fec97f; }
div#header ul li a.selected, div#header ul li a.selected:visited { background: #ffffff; }
div#header a.first { border-left: 1px solid #000 !important; }
div#header ul li div { position: absolute; }
div#header ul li ul { margin: 0 0 0 1px; padding: 0; }
div#header ul li ul li a, div#header ul li ul a:visited { display: block; background: #6ee2ff;  border: 0; border: 0; background: none; color: #fec97f !important; }
div#header ul li ul li a:hover { color: #fff !important; background: none; }
div#header ul li ul li a.selected, div#header ul li ul li a.selected:visited { background: none; }

div#header div.p { position: absolute; font-weight: bold; margin-left: 710px; padding: 0; }
*+html div#header div.p { margin-left: 250px; }
div#header div.welcome { clear: left; color: #fff; font-weight: bold; font-style: italic; padding-top: 20px; padding-left: 200px; font-family: Georgia, Serif; }
div#header div.welcome strong, div#header div.welcome em { display: block; }
div#header div.welcome em { margin-left: 80px; }
div#header ul, div#header p {  margin: 15px 0 0 0; }

div#body { padding: 0 20px 5px 20px; }
div#box { height: 498px; }

div#footer { padding: 1em 0 2em 0; color: #000; text-align: center; background: url(/img/bgs/shade-bottom.png) repeat-x; margin: 0 auto; width: 980px; line-height: 170%; }
div#footer a { }

/* class */
.hilite { color: #662d91 !important; font-weight: bold !important; }
.text-center { text-align: center !important; }

.clearer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearer {display: inline-block;}


div#home-realtor { }
div#home-realtor ul { list-style-type: none; padding: 10px 0 0 0; margin-left: 0; }
div#home-realtor ul li { padding-left: 20px; }
div#home-realtor strong { float: left; width: 93px; }
div#home-realtor img { float: left; margin-right: 30px; }
li#hr-agent { background: url(/img/ico/ppl.gif) no-repeat 0 3px; }
li#hr-email { background: url(/img/ico/mail.gif) no-repeat 0 3px; }
li#hr-phone { background: url(/img/ico/phone.gif) no-repeat 0 3px; }
li#hr-dre { background: url(/img/ico/dre.gif) no-repeat 1px 1px; }



li#hr-agent { background: url(/img/ico/ppl.gif) no-repeat 0 3px; }
li#hr-email { background: url(/img/ico/mail.gif) no-repeat 0 3px; }
li#hr-phone { background: url(/img/ico/phone.gif) no-repeat 0 3px; }

li#hr-agent2 { background: url(/img/ico/ppl2.gif) no-repeat 0 3px; }
li#hr-email2 { background: url(/img/ico/mail2.gif) no-repeat 0 3px; }
li#hr-phone2 { background: url(/img/ico/phone2.gif) no-repeat 0 3px; }
li#hr-dre2 { background: url(/img/ico/dre2.gif) no-repeat 1px 1px; }


/* Hides from IE-mac \*/
* html .clearer {height: 1%;}
.clearer {display: block;}
/* End hide from IE-mac */

div#cfoot { clear: left; margin-bottom: 5px; }
div#cfoot h3 { text-align: center; color: #4d5b7f; font-size: 2em; }
div#cfoot ul { list-style-type: none; padding: 3px 0 0 0; margin-left: 0; border: 1px solid #000; height: 2em; background: #f47a79; }
div#cfoot ul li { width: 23%; float: left; display: block; padding-left: 20px; font-size: 1em; padding-top: 2px; }

div#cfootpre { height: 50px; clear: both; width: 100% }
div#cfoot { text-align: center !important; }
div#cfoot li.last { width: 14% !important; margin-right: 0; }
div#cfoot div.wave { width: 380px; height: 116px; position: absolute; background: url(/img/foot_logo.png) no-repeat; margin-top: -116px;  }
div#cfoot ul { }
div#cfoot li { width: 23% !important; margin-right: 1em; float: none; display: inline; text-align: left; }
div#cfoot strong,
div#cfoot a { color: #000 !important; }

.tcolor { color: rgb(158, 0, 57) !important; }

#boxes { 
    margin: 20px 0;
    padding: 10px 0 10px 10px;
    overflow: auto;
    background: #95b5e4; /* Old browsers */
background: -moz-linear-gradient(top, #95b5e4 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95b5e4), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #95b5e4 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #95b5e4 0%,#e5e5e5 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #95b5e4 0%,#e5e5e5 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95b5e4', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #95b5e4 0%,#e5e5e5 100%); /* W3C */ }

#boxes .box { width: 23%; float: left; padding-right: 20px; }
#boxes .box-on select { background: #02FFFF; }
#boxes .title { font-weight: bold; font-size: 13px; padding-left: 90px; }
#boxes .text { background: #EF7977; padding: 10px; min-height: 105px; }
#boxes .text .go { display: block; float: right; clear: both; font-style: italic; font-weight: bold; color: #000; padding-left: 13px; }
#boxes .text .go-on { background: url(/img/boxes/arrow.png) no-repeat left; }
#boxes .text .img { float: left; margin-right: 10px; margin-bottom: -1px; margin-top: -30px; margin-left: -20px; }
#boxes .text-alt { background: #FFCC7D; }
#boxes .box-last { padding-right: 0 }