@import url(reset.css);
#content, #main, #bigContainer, #bigpContainer, #container, #pcontainer, #movie, #text, #awards, #menu, #pmenu, #pleft, #pright, #plarge, #pmiddle, #footer {padding: 0; margin: 0; border: 0;}

body {font: 75% arial, helvetica, sans-serif; line-height: 1.8em; text-align: left; color: #000000; background-color: #66cccc;}
h1 {font-weight: bold; color: #339999; padding-bottom: 5px; font-size: 1.2em;}
h2 {font-weight: bold; color: #000000; padding-bottom: 5px; font-size: 1.1em;}
h3 {font-weight: bold; padding: 0; font-size: 1em;}
p {padding-bottom: 15px; line-height: 1.4em;}
a {color: #0000cc; font-weight: normal;}
img {display: block;}
ol {list-style-type: decimal; padding-left: 20px}

#content h1 {font-size: 2.0em; line-height: 1.3em;}
#content h2 {font-size: 1.7em; line-height: 1.3em; color: #000099;}
#content h3 {font-size: 1.3em; line-height: 1.3em;}
#content strong, #content b { font-weight: bold; }

#main h2 { color: #393939; margin-bottom: 30px; }
#main h3 { color: #a64625; border-bottom: 1px solid #a64625; }
#main p { color: #47342d; margin-bottom: 20px; }

#bigContainer {width: 100%; background-color: #66cccc; background-image: url(/images/home/bg.gif); background-repeat: repeat-x; height: 650px}
#bigpContainer {width: 100%; background-image: url(/images/pages/bg.gif); background-repeat: repeat-x;}
#container {width: 800px;}
#pcontainer {width: 800px; padding-bottom: 15px;}
#movie {width: 430px; height: 225px; float: left; background-image: url(/images/home/banner1.jpg); background-repeat: no-repeat;}
#text {width: 370px; height: 225px; float: left}
#awards {width: 273px; height: 330px; float: left;}
#menu {width: 157px; float: left; font-size: .9em; padding-top: 15px; background-image: url(/images/home/bgMenu.gif); background-repeat: no-repeat;}
#pmenu {width: 780px; height: 29px; line-height: 1.3em; padding-left: 20px; font-size: .9em;}
#content {width: 330px; padding: 15px 20px 20px 20px; float: left; background-image: url(/images/home/bgContent.gif); background-repeat: no-repeat;}
#pcontent {width: 800px; margin-top: 20px;}
#list_pcontent {width: 100%; margin-top: 20px;}
#pleft {width: 155px; clear: both; float: left; padding: 5px 5px 20px 20px;}
#pright {clear: right; width: 198px; float: right; border: 1px solid #66cccc; border-top: none;}
#pmiddle {float: left; width: 370px; padding: 5px 0 30px 20px; border-left: 1px solid #cccccc;}
#plarge {width: 580px; float: left; padding: 5px 0 20px 20px; border-left: 1px solid #cccccc;}
#footer {width: 580px; margin-left: 180px; clear: both; border-left: 1px solid #cccccc; padding: 5px 0 0 20px; line-height: 1em;}

#plarge ul, #pmiddle ul {list-style: disc outside none; padding: 0 0 10px 20px;}
//#plarge li {line-height: 1.4em; padding-bottom: 15px;}
#pmiddle li {padding-bottom: 0; line-height: 1.4em;}

#pleft li {background: url(/images/pages/bullet.gif) 0 7px no-repeat; padding: 0 0 10px 12px;}
#pleft li a {font-weight: bold; text-decoration: none;}
#pleft li.current a {color: #999999;}

#pright ul {padding: 20px 20px 20px 30px; list-style: disc outside none; color: #99cc33;}
#pright li {line-height: 1.3em; padding-bottom: 8px;}
#pright li a {color: #006666; font-weight: bold; text-decoration: none;}
#pright li a:hover {color: #00cccc;}
#pright table {margin: 10px}

#plarge ul.BNav, #pmiddle ul.BNav {list-style: none; margin: 40px 0 0 0;}
ul.BNav li {display: inline; padding: 0 10px 0 0;}

#surfing {background: url(/images/content/about_us/gone_surfin/surfing.jpg) 0 0 no-repeat; height: 250px;}

/* homepage menu dropdowns */
.dropdown {display:block; position:relative;}
.dropdown dt {width:131px; border-top:1px dotted #000000; padding: 5px 0 5px 14px; cursor:pointer; text-transform: uppercase;}
.dropdown a {text-decoration: none; font-weight: bold;}
.dropdown dt a {display: block; color: #000099; width: 130px;}
.dropdown .bottomdd {border-bottom: 1px dotted #000000}
.dropdown dt a:hover {color: #ffffff;}
.dropdown dd {position:absolute; top:0; overflow:hidden; width:140px; display:none; opacity:0; margin-left: 10px}
.dropdown ul {width:145px; list-style:none;}
.dropdown li {display:inline;}
.dropdown dd a, .dropdown dd a:active, .dropdown dd a:visited {display:block; color:#000099; background: #ccff99; width:127px; padding: 2px 9px; border-bottom: 1px solid #66cccc}
.dropdown dd a:hover {background:#a7df36;}
.dropdown img {display: inline; position: absolute; right: 15px; top: 13px;}

/* page menu dropdowns */
.pdropdown {float:left; display: inline;}
.pdropdown dt {padding: 7px 8px 8px 8px; font-weight:bold; cursor:pointer; text-transform: uppercase;}
.pdropdown a {text-decoration: none; font-weight: bold;}
.pdropdown dt a {display: block; color: #000099;}
.pdropdown dt a:hover, .pdropdown dt a.current {color: #ffffff;}
.pdropdown dd {position:absolute; overflow:hidden; width: 140px; display:none; background:#fff; z-index:200; opacity:0}
.pdropdown ul {width:145px; list-style:none; border-top:none}
.pdropdown li {display:inline;}
.pdropdown dd a {display:block; color:#000099; background: #ccff99; width:131px; padding: 4px 7px; margin-top: 1px;}
.pdropdown dd a:hover {background:#a7df36;}
.pdropdown img {display: inline;}

/* contact page */
table.contact {text-align: right; width: 570px; margin-bottom: 20px;}
table.contact td {font-weight: bold; font-size: 1.1em; vertical-align: middle; padding: 7px 5px 7px 0;}
.field {width: 190px; height: 15px;}

/* some general classes */
.small {font-size: .9em}
.blue {color: #0000cc;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.clearer { clear: both; }
.contact_notice {color: #990000; font-weight: bold; border: 1px solid #990000; padding: 5px 10px 5px 10px;}

/* news */
table.news1 td, table.news1 img {width: 445px;}

/* listings */
div.summary, div.summary_d {width: 100%; background-color: #D8E5F4; margin-top: 10px;}

div.summary h3 {width: 100%; background-color: #bfd4ec; padding: 2px 0;}
div.summary h3 a {padding: 0 5px; font-weight: bold; text-decoration: none;}
div.info_left, div.info_right {float: left; width: 270px; padding: 0 5px}
div.info {background-color: #cfdff1; margin: 7px 0 0 0; float: left; width: 95%; height: 100%; padding-left: 2px;}
div.attr {width: 90px; float: left}
div.photo, div.lister {float: left; padding: 7px}
div.lister {width: 240px}

/* detailed listing */
div.summary_d h2 {width:100%; background-color: #538ccc; padding: 2px 0px; color: #e3edf7;}
div.summary_d h3 {width:100%; background-color: #bfd4ec; padding: 2px 0px;}
div.summary_d h3 a {font-weight: bold; text-decoration: none;}

div.photo_d {float: left; padding: 5px; width: 300px}
div.details {width: 470px; padding: 0 5px; margin: 7px 0 0 0; float: left; height: 100%;}
div.details2 {width: 100%; display: block;}
div.details2 p {padding: 10px}
#plarge div.details2 ul {margin: 6px 2px 0 -5px; list-style-type: none;}
#plarge div.details2 li {width: 240px; float: left; padding: 2px 1px 2px 10px; background: url(/images/pages/Lbullet.gif) 0 9px no-repeat;}

/* sold listings */
div.sold {background-color: #F4D7F3;}
div.sold h3 {background-color: #ECC0EB;}
div.sold div.info {background-color: #F1D0F0;}
div.sold h2 {background-color: #CB528B;}