/* -----------------------------------------------------------------------

   Sarah King Screen Styles v1.0
   Paul Bellamy, Oct 08
   http://www.bellamystudio.com

----------------------------------------------------------------------- */
html, body {min-height:100%}
body {padding:0; margin:0; background:#ffa440 url('/images/template/bg_tile.png') top left repeat-x; font-family:"Lucida Grande", "Lucida", "Trebuchet MS", Trebuchet, Arial, sans-serif; color:#795991}
#site {width:100%; position:relative; display:block}
h3 {font-size:1.2em; font-weight:bold; color:#ff8500; margin-bottom:0.25em}
p {line-height:1.4; margin-bottom:1em}
a {color:#795991; text-decoration:none}
a:hover {color:#ff8500}
.maincontainer {margin:0 0 2px 0; background-color:white; width:100%; padding:0}
#header {padding-top:20px}
.container {width:848px}
#content {position:relative; height:465px; padding:0 0 10px 0}
* html .maingallery {padding:10px 0; float:left; width:840px;position:relative}
.contentTop, .contentBottom { width:848px; clear:both; padding:0;}
.contentTop {border-top:1px solid #ff8500; margin:10px 0 10px 0}
.contentBottom {position:absolute; bottom:10px; border-bottom:1px solid #ff8500; margin-top:10px}
#logo {margin-top:15px}

ul#nav {list-style:none;text-transform:uppercase; font-size:0.9em; letter-spacing:2px}
ul#nav li {padding:0 0 3px 0}
ul#nav a.current {font-weight:bold; color:#ff8500}
#hp_choice {float:left;clear:both; margin-bottom:10px}
a.hp_resi, a.hp_yacht {float:left;width:424px; height:424px; text-transform:uppercase; line-height:400px}
a.hp_resi span, a.hp_yacht span {letter-spacing:2px}
a.hp_resi span { padding-left:40px}
a.hp_yacht span { padding-right:40px}
a.hp_resi {background:url('/images/template/hp_resi.jpg') top left;color:#ff8500}
a.hp_yacht {background:url('/images/template/hp_yachts.jpg') top left; text-align:right}
a.hp_resi:hover, a.hp_yacht:hover {background-position:0 -424px; color:white}


.maingallery {position:relative; padding-top:10px}
#main_image {float:left;width:650px;height:420px;margin-right:10px; overflow:hidden; background:url('/images/template/loading.gif') top left no-repeat;text-align:center}
#main_image img.replaced {margin:0 auto}
#galleria_nav {float:left; width:100px; height:460px}
ul#carousel {list-style:none}
hr {background:#ff8500;color:#ff8500;clear:both;float:none;width:848px;height:.1em;margin:1em 0 1em 0;border:none;}
#awards h3 {margin-bottom:1em}
#awards p{line-height:2.5em}
label {font-weight:normal; text-transform:uppercase}
form {padding:0px; margin-bottom:1em; border-bottom:1px solid #ff8500}

p.error {padding:2px; font-size:.9em; border:none; background:white}
div.content {margin-top:4em}