@import url('reset.css');
@import url('cmxform.css');
@import url('slimbox2.css');
@import url('sifr.css');

body { background:#f7fafa; font: 64.5%/1.8em Arial, Verdana, sans-serif; color:#25393d;}
.clear {clear:both;}
.right {float:right; margin:0 0 20px 20px;}
/* Containers */
#navigation{ position:relative; height:50px; width:100%; overflow:hidden; background:url('../images/backgrounds/navigation.gif') repeat-x 0 0;}

#header{width:900px; margin:0 auto; height:130px; padding:40px 0; background:url('../images/backgrounds/body.gif') repeat-y 600px 0;}
#banner-container{width:100%; height:200px; overflow:hidden; background:url('../images/backgrounds/banner.gif') repeat-x 0 0;}
  #banner{width:960px; margin:0 auto;}
#content{width:960px; margin:0 auto; background:url('../images/backgrounds/body.gif') repeat-y 630px 0;}
  #primary {width:570px; float:left; padding:40px 30px;}
  #secondary{width:270px; float:right; padding:40px 30px;}
#footer-container {width:100%; overflow-x:hidden; background:url('../images/backgrounds/affiliate_logos.gif') repeat-x 0 0;}
  #affiliate_logos {height:90px; position:relative; width:840px; padding:1px 20px 0 20px; margin:0 auto;}
  #footer{width:960px; margin:0 auto; padding:30px 0;}

/* Navigation Elements */
#navigation ul {position:absolute; top:0; right:50%; margin-right:-500px;}
#navigation li {float:left; height:50px; display:block;}
#navigation li a {width:74px; height:50px; display:block; text-indent:-9999px; background:url('../images/navigation/home.gif') no-repeat 0 0;} 
#navigation li a:hover {background-position:0 -50px;}

#navigation li#about-nav a {width:76px; background-image:url('../images/navigation/about.gif');}
#navigation li#portfolio-nav a {width:106px; background-image:url('../images/navigation/portfolio.gif');}
#navigation li#colonial-nav a {width:97px; background-image:url('../images/navigation/colonial.gif');}
#navigation li#careers-nav a {width:93px; background-image:url('../images/navigation/careers.gif');}
#navigation li#news-nav a {width:75px; background-image:url('../images/navigation/news.gif');}
#navigation li#winestyle-nav a {width:106px; background-image:url('../images/navigation/winestyle.gif');}
#navigation li#contact_us-nav a {width:116px; background-image:url('../images/navigation/contact_us.gif');}

body#home-page #navigation li#home-nav a,
body#about-page #navigation li#about-nav a,
body#portfolio-page #navigation li#portfolio-nav a, 
body#colonial-page #navigation li#colonial-nav a,
body#careers-page #navigation li#careers-nav a,
body#news-page #navigation li#news-nav a,
body#winestyle-page #navigation li#winestyle-nav a, 
body#contact_us-page #navigation li#contact_us-nav a  {background-position:0 -100px;}

/* Header Elements */
#header a img {float:left; display:inline;}
ul#call_to_action {width:275px; float:right; display:inline; margin-top:35px;}
  ul#call_to_action li#email-cta {height:50px; display:block;}
  ul#call_to_action li#email-cta a {height:18px; text-indent:-9999px; display:block; background: url('../images/call_to_actions/email.gif') no-repeat 0 0;}
  ul#call_to_action li#email-cta a:hover {background-position:0 -18px;}
  ul#call_to_action li#address-cta {display:block; height:50px; text-indent:-9999px; background:url('../images/call_to_actions/address.gif') no-repeat 0 0;}


/* Banner Elements */
#heroshots {width:679px; height:200px; float:right; display:block; overflow:hidden;}
#heroshots img {width:679px; height:200px; display:block; overflow:hidden;}

ul#hotels {margin:1px 0; padding:20px 0; height:258px; width:257px; float:left; background:url('../images/backgrounds/banner-navigation.gif') repeat-y top right;}
ul#hotels li a{text-indent:30px; text-decoration:none; display:block; height:23px; font: 12px/23px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; color:#fff; } 
ul#hotels li a.active, ul#hotels li a:hover {background:url('../images/navigation/hotel-active.jpg') no-repeat center right;}

p#blurb { line-height:31px; float:left; color:#fff; margin-top:1px; background:url('../images/backgrounds/blurb.jpg') no-repeat top right transparent; padding:30px 10px 30px 5px; width: 265px; height: 139px; overflow:hidden; font: normal 14px/31px Verdana, Arial, sans-serif; text-align:right;}


/* Content Elements */
#primary h1, #secondary h2 {height:45px; display:block; text-indent:-9999px; background:url('../images/headings/h1-welcome.gif') no-repeat 0 0;}
body#about-page h1 {background-image:url('../images/headings/h1-about.gif');}
body#portfolio-page h1 {background-image:url('../images/headings/h1-portfolio.gif');}
body#colonial-page h1 {height:120px; background:url('../images/portfolio/colonial.jpg') no-repeat 0 -10px;}
body#winestyle-page h1 { height:100px; background-image:url('../images/portfolio/winestyle.gif');}
body#careers-page h1 {background-image:url('../images/headings/h1-careers.gif');}
body#news-page h1 {background-image:url('../images/headings/h1-news.gif');}
body#contact_us-page h1 {background-image:url('../images/headings/h1-contact_us.gif');}

h2#news-heading {background-image:url('../images/headings/h2-latest_news.gif');}
#content p {font-size:1.2em; line-height:2em; padding-bottom:2em;}
#content li {font-size:12px;}
#content li p {font-size:12px;}
#content a {color:#3e99ac; text-decoration:underline;}
#content a:hover {text-decoration:none;}
h3 {font: normal 1.6em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;color:#2f7c8c; padding-bottom:10px;}
h4 {font-size:1.2em; padding-bottom:1em;}

ul.contact_details {width:280px; display:block; float:left; padding-bottom:30px;}

/* Secondary Elements */
ul#latest_news li {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #bec1c2;}
ul#latest_news h4 {font-weight:bold; font-size:1.1em;}
ul#latest_news h4 span.date {font-weight:normal;}
ul#latest_news li p {padding-bottom:5px;}
ul#latest_news a {display:block; text-align:right; padding-bottom:20px;}

/* Call to Action Elements */
#scroll-container {float:left; width:840px; height:90px; overflow:hidden; position:relative;}
#affiliate_logos ul {width:2000px; height:90px; position:absolute; top:0; left:0;}
#affiliate_logos ul li {float:left; height:90px; width:120px; text-align:center;}

#affiliate_logos a.previous, #affiliate_logos a.next {position:absolute; top:1px; width:20px; height:90px; display:block; text-indent:-9999px; background: url('../images/affiliates/next.gif') no-repeat 0 0;}
#affiliate_logos a.next {right:0px;}
#affiliate_logos a.previous {background-image:url('../images/affiliates/previous.jpg'); left:0;}
#affiliate_logos a.previous:hover, #affiliate_logos a.next:hover {background-position:-20px 0;}

/* Footer Elements */
#footer a img {float:right;}
#footer p {padding-left:30px;}
#footer p a {margin-right:10px; color:#2f7c8c; text-decoration:none;}
#footer p a:hover {text-decoration:underline;}
#footer p {color:#2f7c8c; line-height:24px;}

/* Home Page Specific ELements */
body#home-page #header, body#home-page #content {background-image:none;}
body#home-page #banner-container {height:300px;}
  #home-page #heroshots {width:703px; height:300px;}
  #home-page #heroshots img {width:703px; height:300px;}
body#home-page #footer-container {clear:both;}

/* Inner Navigation */
ul#inner-content li {clear:both; padding-bottom:30px;}
ul#inner-content li img {float:right; margin:10px 0 20px 20px;}

dl#inner-navigation dd {border-bottom:1px solid #e8e9e9;}
dl#inner-navigation dt {padding:15px 0 10px 0; font-size:12px; font-weight:bold;}
dl#inner-navigation dd a{text-indent:10px; height:30px; display:block; line-height:30px; color:#2e7a89; font-size:1.2em; text-decoration:none;}
dl#inner-navigation dd.active a, dl#inner-navigation dd a:hover {color:#3b95a8; background:url('../images/backgrounds/inner-navigation.gif') repeat-y 0 0;}


div.right_details { float: right; display: inline; }
div.left_details { width: 271px; float: left; }

/* Contact Details */
div.contact_details { display: block; width: 251px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e8e9e9;  }
div.contact_details span.detail { display: block; }
div.pub_image { display: block; }

div.news-item { margin-bottom: 25px; }
div.news-item div.desc p { margin-bottom: 5px!important; padding-bottom: 0px!important; }