/* Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }


/* Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav, 
.hide,
.search label { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
.footer:after,
.featured .featured-content:after,
.content ul:after,
.search:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* Default Styles
-----------------------------------------------------------------------------------------------*/

html { background: #c8e3f4; }
body { background: #fff url(../images/bg-van.jpg) no-repeat top center; /*color: #666;*/ color: #333; font: 62.5%/1.5 "Arial", "Helvetica", sans-serif; text-align: center; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited { /*color: #388158;*/ color: #0573B3; text-decoration: underline; }
a:hover, a:active { color: #1c5f39; text-decoration: underline; }

/* Structure
-----------------------------------------------------------------------------------------------*/

.container { width: 960px; position: relative; margin: 0 auto; text-align: left; font-size: 1.2em; }

/* background */
#supersize { position: fixed; }
#supersize img { height: 100%; width: 100%; position: absolute; z-index: 0; top: 0; left: 0; }


/* Header
-----------------------------------------------------------------------------------------------*/

.header { height: 130px; padding: 40px 30px 0; }
.header .coast-lookup { display: block; overflow: hidden; width: 353px; height: 99px; background: url(../images/logo.png) no-repeat; text-indent: -999em; }


/* Search
-----------------------------------------------------------------------------------------------*/

.content { margin-bottom: 30px; }
.content ul { background: url(../images/box-blue.png) no-repeat; padding: 0 16px 0 18px; font-size: 1.2em; line-height: 1; }
.content ul li { float: left; }
.content ul li a, .content ul li a:link, .content ul li a:visited, .content ul li a:active { display: block; color: #fff; padding: 15px 11px; text-decoration: none; }
.content ul li a:hover, 
.content ul li a.current, .content ul li a.current:link, .content ul li a.current:visited, .content ul li a.current:active { background: #023959; text-decoration: none; }
.content .input { background: url(../images/bg-input.png) no-repeat; width: 526px; height: 50px; float: left; padding: 4px; margin-top: 10px; margin-left: 142px; }
.content .input input { /*color: #666;*/ color: #333; font-size: 1.7em; font-style: italic; padding: 12px; width: 500px; border: 0; background: transparent; }
.content .input input:hover,
.content .input input:focus { color: #333; }
.content .button { float: left; width: 76px; height: 86px; margin-left: 10px; }
.search { background: url(../images/box-white.png) no-repeat bottom left; padding: 20px 30px; }


/* Featured Listing
-----------------------------------------------------------------------------------------------*/

.featured { font-size: 1.2em; }
.featured .featured-top { background: url(../images/box-white.png) no-repeat top left; display: block; width: 960px; height: 20px; overflow: hidden; }
.featured .featured-content { background: #fff url(../images/bg-gradient.png) repeat-x bottom left; border: 1px solid #0573b3; border-top: 0; padding: 10px 30px 15px; }
.featured .image { float: left; width: 182px; margin-top: 4px; }
.featured .image img { display: block; border: 1px solid #333; }
.featured .image .enhancedListingImg { width: 250px; height: 250px; }
.featured .desc { float: left; width: 710px; }
.featured h2 { color: #0573b3; padding: 0 0 15px; font-size: 1.1em; }
.featured h2 a:hover { text-decoration: underline; }
.featured p, .featured address { padding: 0 0 15px; }
.featured address { display: block; }
.featured h1 { color: #0573b3; font-size: 1.6em; padding: 0 0 15px; }
.featured .desc strong { color: #000; }

/* contact */
.contactform p { width: 440px; float: left; }
.contactform p.req { float: none; width: auto; }
.contactform input { border-width: 1px; border-style: solid; border-color: #666 #ccc #ccc #666; color: #333; padding: 5px; float: left; margin-left: 10px; width: 290px; font-size: 1em; }
.contactform label { display: block; width: 100px; text-align:right; float: left;cursor: pointer;  padding-top: 4px; }
.contactform label strong { font-size: 1.2em; color: red; line-height: 1; }
.contactform textarea { border-width: 1px; border-style: solid; border-color: #666 #ccc #ccc #666; color: #333; padding: 5px; float: left; margin-left: 10px; width: 730px; height: 60px; margin-bottom: 15px; font-size: 1em; }
.contactform .submit { width: auto; background-color: #fff; font-weight: bold; cursor: pointer;margin-left:110px; }
.contactform .message { float: none; width: 880px; }

/* table */
.table { border: 1px solid #3777BC; margin: 0 0 20px; }
table { margin: 3px 3px 2px; width:892px; } 
table td, 
table th { background-color:#CEDEF0; padding:8px 12px; width:33%; text-align:center; border: 3px solid #fff; vertical-align: middle; line-height: 1; }
table th { font-weight: bold; }
table .col1 { text-align: left; }

/* listing */
#map_canvas { margin-top: 30px; margin-bottom: 15px; }
body.listing .featured .image { width: 282px; }
body.listing .featured .desc { width: 610px; }
.featured .desc-enhanced { border-top: 1px dotted #000; padding-top: 15px; margin-top: 15px; }
.featured .desc-enhanced p { border-bottom: 1px dotted #000; margin-bottom: 15px; }
.featured .breadcrumb { margin-top: 15px; border-top: 1px dotted #000; padding-top: 15px; }
.featured .breadcrumb-enhanced { margin-top: 0; padding-top: 0; border: 0; }

/* section */
.categories { width: 252px; float: left; border-right: 1px dotted #000; padding-right: 30px; margin-bottom: 15px; }
.categories li { list-style: disc; margin-bottom: 7px; }
.categories ul { margin-left: 16px; }
.categories h3 { font-size: 1.3em; color: #0573b3; padding: 5px 0 15px; }
.category-listings { width: 580px; float: right; }
.featured .category-listings ol { padding-bottom: 20px; }
.featured .category-listings li { border-bottom: 1px dotted #999; padding: 3px; }
.featured .category-listings h2 { padding: 0 10px 0 0; font-weight: normal; font-size: .9em; line-height: 1.2; display: inline; }
.featured .category-listings p { font-size: .8em; color: #333; display: inline; }
.featured .category-listings p strong { color: #000; }
.featured p.pagination { font-size: 1em; padding-top: 15px; } 
.featured .featured-listing p.listing-details { padding-bottom: 5px; }
.featured .featured-listing p.listing-desc { color: #333 !important; }
.featured .category-listings .featured-listing { padding: 10px 15px; margin: 10px 0 5px; background: #ffffcc; border: 1px dotted #999; }
body.search-results .featured h1 { padding: 0; }
body.search-results .featured .searching-in { font-size: 1em; padding-bottom: 25px; /*color: #666;*/ color: #333; }
.featured .category-listings .featured-listing h2 { display: block; font-size: 1.1em; font-weight: bold; padding: 0; }
.featured .category-listings .featured-listing { display: block; }


/* Footer
-----------------------------------------------------------------------------------------------*/

.footer { background: url(../images/box-blue.png) no-repeat bottom left; width: 912px; padding: 0 18px 0 30px; color: #fff; line-height: 1; margin-bottom: 30px; font-size: 1.2em; position: relative; }
.footer a, .footer a:link, .footer a:visited, .footer a:active { color: #fff; text-decoration: none; }
.footer p { float: left; padding: 15px 0 0; }
.footer ul { float: right; position: relative; z-index: 3; }
.footer li { float: left; }
.footer li a, .footer li a:link, .footer li a:visited, .footer li a:active { display: block; padding: 15px 12px; }
.footer li a:hover, .footer li a.current, .footer li a.current:link, .footer li a.current:visited, .footer li a.current:active { background: #023959; }
.footer .copy { width: 912px; text-align: center; position: absolute; top: 0; left: 0; float: none; z-index: 1; }
.footer .copy a:hover { text-decoration: underline; }

.copyright { padding: 0 20px 30px; color: #444; text-align: center; line-height: 1; }
.copyright a, .copyright a:link, .copyright a:visited, .copyright a:active { color: #444; text-decoration: underline; }
.copyright a:hover { color: #000; }