/*
Whistler Tasting Tours StyleSheet
Tom Beck
Copyright (c) 2008, MenuMill. All rights reserved.


*/


/*=============================
  Global Page Elements 
===============================*/

html{
  height:100%;
  background: #000 url(bg_html.jpg) repeat top left;
}
body{
  padding:22px;
  padding-top:30px;
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;  
}
/*====body#whistler-dining-tours-best-restaurants-in-whistler-bc #bd {
  font-size:120%;
}===*/

p{
  padding:7px 0px;
}
blockquote{
  padding:5px 30px;
  font-style: italic;
}
strong{
  font-weight:bold;
}
em{
  font-style: italic;
}
a, a:link, a:visited {
  color: #b59e7c;
  text-decoration: none;
}

a:hover, a:active {
  color: #FFF;
  text-decoration: underline;
}
hr{
  border:none;
  clear:both;
  border-bottom:thin dotted #FFF;
  margin:10px 0px;
}
br{
  clear:both;
}
img{
  margin:5px;
}
caption{}
/*=============================
  Heading Elements 
===============================*/
h1{
  font-family: 'Tangerine', arial, sans-serif;
  font-size: 310%;
/*====  font: 250% Georgia, Times, Serif;
  font-style: italic;===*/

  font-weight: normal;
  display:inline;
}
h2{
  color:#FFF;
  font-size:110%;
  font-weight:bold;
  padding:0px 3px;
}
h2.replace {
  font-family: 'Tangerine', arial, sans-serif;
}
h3{
  color:#FFF;
  font-size:140%;
  margin:5px 0px;
}
h4{
  font-size:110%;
  padding:7px;
}
h5{}
h6{}

/*=============================
  Global Layout Elements 
===============================*/
#doc1{}
#doc2{}
#doc3{}
#doc_cust{
  width:812px;
  margin-bottom:20px;
  background:#000;
  border: 2px solid #FFF;
  -moz-border-radius: 24px;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  _padding: none; 
}
#hd{
  position:relative;
  width:100%; 
  background: transparent url(bg_grapes.jpg) no-repeat top left;
  border: 1px solid #999;
  -moz-border-radius: 24px 24px 0px 0px;
  border-radius: 24px 24px 0px 0px;
  -webkit-border-top-right-radius: 24px;
  -webkit-border-top-left-radius: 24px;
  _padding: none;
}
#bd{
  position:relative;
  width:100%;
  background-color:#000;
  border: 1px solid #999;
}
#ft{
  position:relative;
  width:950px;
  height:70px;
  background: transparent url(bg_grapes.jpg) no-repeat bottom left;
  border: 1px solid #999;
  -moz-border-radius: 0px 0px 24px 24px;
  border-radius: 0px 0px 24px 24px;
  -webkit-border-bottom-right-radius: 24px;
  -webkit-border-bottom-left-radius: 24px;
  _padding: none;
}
/*=============================
  Content 
===============================*/
#logo{
  position:relative;
  float:left;
  top:5px;
  left:10px;
  /*====z-index:10;===*/
  
}
#header{
  height:150px;
  position:relative;
}
#number{
  text-align:right;
  width:358px;
  position:absolute;
  top:120px;
  right:20px;
  font-size: 230%;
  text-shadow: #333333 1px 1px 2px;
}
#testimonials{
  position:absolute;
  top:10px;
  right:10px;
  margin:10px;
  text-align:right;
  padding:0px 10px;
}
#testimonials dt{
  font: 200% 'Tangerine', "Brush Script MT", Times, Serif;
  font-style: italic;
}
#testimonials dd{
  font-size:90%;
  font-weight:normal;
}
#main{
  position:relative;
}
#footer{
  position:relative;
}
#content{
  position:relative;
  padding:10px;
  margin-bottom:10px;
  background-color: #000;
  
}
#column_1{}
#column_2{}
#join{
  width:300px;
}

#social-links{
  vertical-align:middle;
  width:400px;
  float:left;
}
/*=============================
  Navigation Elements 
===============================*/

/*====Main Navigation===*/

#mainnav{
  position:relative;
  margin:10px;  
}
#mainnav ul{
  height:40px;
  text-align:center;
}
#mainnav ul li{
  position:relative;
  padding:10px 5px;
  display:inline;
  font-size:105%;
  border-right: 2px dotted #666;
}
div.gifts{
  position:absolute;
  width:70px;
  height:60px;
  background:transparent url(xmas.png) no-repeat top left;
  top:-20px;
  left:-9px;
  z-index:10;
}
div.balloons{
  display:none;
  position:absolute;
  width:70px;
  height:100px;
  background:transparent url(balloons.png) no-repeat top left;
  top:-70px;
  left:-9px;
  z-index:10;
}
#mainnav ul a{
  position:relative;
  padding:10px 5px;
  margin:0;
  line-height:40px;
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
  z-index:20;
}
#mainnav ul li.last{
  border:none;
}
#mainnav a:link, #mainnav a:visited{}
#mainnav a:hover, #mainnav a:active{
  color:#FFF;
  background: transparent url(yellow_50.png) repeat;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  _padding: none;
}
#mainnav ul ul {
  display:none;
}
#mainnav li.selected{
  border: 1px solid #999;
}
/*====Local Nav===*/
#tour_list{
  width:400px;
  text-align:center;
  float:right;
}
#tour_list ul{
  padding:5px 0px;
  text-align:center;
  -moz-border-radius: 0px 0px 12px 12px;
  border-radius: 0px 0px 12px 12px;
  -webkit-border-radius: 0px 0px 12px 12px;
}
#tour_list ul li{
  padding:10px 7px;
  display:inline;
  font-size:105%;
  border-right: 2px dotted #666;
}

#tour_list ul li.last{
  border:none;
}
#tour_list a:link, #tour_list a:visited{}
#tour_list a:hover, #tour_list a:active, a.button:hover {
  color:#FFF;
  background: transparent url(yellow_50.png) repeat;
}
/*====Footer Nav===*/
#footer {
  color:#FFF;
}
#footer em{
  color:#FFF;
  margin-right:7px;
}
#footer ul{
  position:relative;
  top:5px;
  margin:0 auto;
  padding:10px 40px;
  text-align:center;
}
#footer ul li{
  display:inline;
  padding:10px;
  border-right: 1px solid #FFF; 
}
#footer ul li.last{
  padding-right:0px;
  border-right:none;
}
#footer ul a{
  padding:10px;
  line-height:40px;
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
  background:transparent;
}

#footer a:link, #footer a:visited{}
#footer a:hover, #footer a:active{
  color: #FFF;
  text-decoration:none;
  background: transparent url(black.png) repeat;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
}
/*=============================
  Forms 
===============================*/
.hint {
  font-size: 85%;
  font-style: italic;
  font-weight: normal;
}

fieldset{
  margin: 5px;
  padding: 7px;
  line-height: 40px;
  /* Give content layout to fix IE7 bug with 100% width tables  */
  zoom: 1.0;
  overflow:hidden;
  border: 1px solid #333;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  _border: 1px solid #333 !important;
  _padding: none;
}
label{
  margin-right:10px;
}
input[type="text"], textarea {
  padding: 10px 5px;
  color: #444444;
  border: 1px solid #AAA;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  _border: 1px solid #AAA !important;
  _padding: none;
}
input[type="text"]{
  width:200px;
}
input:focus, textarea:focus {
  border: 1px solid #ababab;
  outline: none;
}
input[type="image"] {
  margin-top:4px;
  padding-top:2px;
  border:none;
}
input[type="button"] {
  color:#333;
  background: transparent url(black.png) repeat;
  border: 1px solid #AAA;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  _border: 1px solid #AAA !important;
  _padding: none;
}
input:focus, textarea:focus {
  outline: none;
}
input[type="submit"]{
  padding:9px;
  margin-left:0px;
  color:#FFF;
  background: transparent url(black.png) repeat;
  border: 1px solid #AAA;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  _border: 1px solid #AAA !important;
  _padding: none;
}
/*=============================
  Tours 
===============================*/
#title a{
  float:right;
}


div.restaurant_list{
  float:left;
  width:400px;
  padding:4px;
  margin:2px;
  background:#222;
}
div.restaurant_list h4:hover {
  background: transparent url(yellow_50.png) repeat;
}
div.restaurant_list div.description {
  padding:5px;
  font-size:90%;
}
div.restaurant_list p.wine_pairing {
  float:right;
  padding-left:5px;
  width:35%;
  font-size:90%;
}
.featured_image{
  position:relative;
  width:430px;
  overflow:hidden;
  border: 10px solid #222;
  background-color: transparent;  
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  z-index:100;
}
.featured_image img {
  width:430px;
  height:307px;
  overflow:hidden;
  padding:0;
  margin:0;
}
#large_image{

}
/*=============================
  Partners 
===============================*/
#partners{
  width:100%;
  float:left;
}
#partner_list{
  width:150px;
  float:left;
  margin:7px;
}
ul.partner li {
  width:135px;
  padding:2px;
  margin:1px;
  background-color:#222;
}
ul.partner li h2 a {
  font-size:85%;
  font-weight:normal;
  color:#fff;
  padding:2px 4px;
  display:block;
}
ul.partner h2 a:hover {
  text-decoration:none;
  background: transparent url(yellow_50.png) repeat;
}
ul.partner ul li{
  /*====display:none;===*/
  text-indent:15px;
  background-color:transparent;
  font-size:95%;
  line-height: 0.75em;
}
#partners div#body {
  width:380px;
  float:left;
}
#partners div#image {
  width:370px;
  float:right;
}
/*=============================
  Galleries 
===============================*/
#gallery_image{
  width:460px;
  height:320px;
  overflow:hidden;
  margin-bottom:4px;
}
/*=============================
  Blog 
===============================*/

#credit{
  text-align:right;
  margin:15px;
}
#blog {
  padding-left:20px;
}
#blog p.hint{
  color:#b59e7c;
}
/*=============================
  Global Class Styles 
===============================*/
.hidden{
  display:none;
}
.clear{
  clear:both;
}
.ar {
  text-align:right;
}
.al {
  text-align:left;
}
.right{
  float:right;
}
.left{
  float:left;
}
.shadow{
  padding:1px;
  background: transparent url(black.png) repeat;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
}
.odd{
  background-color:#333;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
a.button {
  padding:10px;
  margin:0;
  line-height:40px;
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
  border: 1px solid #999;
  background: transparent url(black.png) repeat;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
}
.top{
  position:absolute;
  z-index:999;
}
.title {
  color:#b59e7c;
  font-weight:bold;
}
.post {
  margin:10px 0;
  padding-bottom: 30px;
  line-height: 1.25em;
}
.clearfix:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden}
.clearfix{display:block}


.subcolumns{width:100%;overflow:hidden}
.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l{float:left}
.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r{float:right;margin-left:-5px}
.c25l,.c25r{width:25%}
.c33l,.c33r{width:33.333%}
.c50l,.c50r{width:49%}
.c66l,.c66r{width:66.666%}
.c75l,.c75r{width:75%}
.c38l,.c38r{width:38.2%}
.c62l,.c62r{width:61.8%}
.subc{padding:0 .5em}
.subcl{padding:0 1em 0 0}
.subcr{padding:0 0 0 1em}
.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}
.equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,.equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r{display:table-cell;vertical-align:top;float:none;margin:0;overflow:hidden}
.skip, .print {position:absolute;left:-1000em;top:-1000em}
.hide {display:none; visibility: hidden;}