/*****************************************************
*Project: whistlerblackcomb.com
*Authors: eBusiness, WB web team
*Filename: resort_home.CSS 
*Purpose: Define homepage styles.
******************************************************/

body 
{
text-align:left;
background:url(/local/gfx/backgroundHome.jpg) #6d292e no-repeat top center;
margin: 0;
padding: 0;
}

.breadcrumbs { display: none }

#subNavBanner
{
display: none;
}

#columnMainContent
{
background-color:#fcfcfc;

}

#templateStyleMainOnly #columnMainContent
{
padding: 0 0 0px 0;
width: 1000px;
float: none;
	}

#group1
{	
display:block;
width:1000px;
height:463px;
padding: 0px;
background: url(/local/gfx/backgroundGroup1.gif) no-repeat bottom left;      
}

#group2
{
display: block;
float:left;
height: 411px; /*separator height*/
width: 190px;
margin: 0px;
padding: 0px;
border-right:1px solid #dfdfde;
}

#group3
{
display: block;
float:left;
text-align: left;
width: 468px;
height: 457px;
margin: 0 0 0 17px;
padding: 0px;
}
 
#group4 
{
display:block;
float: right;
width: 311px;
height: 411px; /*separator height*/
padding: 0px 0 0 7px;
margin: 0 0 0 0px;
border-left:1px solid #dfdfde;
overflow: hidden;
}

#group4 .bucketText
{
padding: 0px 0px 10px 0px;
}

#group4 img.promoThin
{
padding: 5px;
background: url(/local/gfx/backgroundPromoThin.gif) #fcfcfc top center repeat-x;
}

#group4 img.promoFat
{
padding: 5px;
background: url(/local/gfx/backgroundPromoFat.gif) #fcfcfc top center repeat-x;
}

#group5
{
width: 1000px;
height: 426px;
margin: 0;
clear: both;
overflow: hidden;
}


#shinWrapper {
background-color:#292929;height:426px;
}

#shinColumn1 h2, #shinColumn2 h2, #shinColumn3 h2, #shinColumn4 h2 
{
color:#ccc;
padding: 10px 0px 20px 0px;
text-transform:none;
}

#shinColumn2 h2, #shinColumn3 h2, #shinColumn4 h2 
{
color:#ccc;
padding: 10px 0px 20px 20px;
text-transform:none;
}

#shinColumn1, #shinColumn2, #shinColumn3, #shinColumn4 {
height: 426px;
float:left;
overflow:hidden;
font-weight:normal;
color:#ccc;
}

#shinColumn1 {
border-right:1px solid #3a3a3a;
width:235px;
}

#shinColumn2 {
border-right:1px solid #3a3a3a;
width:255px;
}
#shinColumn3 {
border-right:1px solid #3a3a3a;
line-height: 1.5em;
width:255px;
}
#shinColumn4 {
width:250px;
}

.shinSection1 p {color:#ccc;}

.shinLine {
border-bottom:1px solid #3a3a3a;
height:1px;
margin:20px 0px;
}

.shinColumnWrapper {
padding:0px 20px;
overflow:hidden;
}

#shinColumn1 .shinColumnWrapper
{
padding:0px 20px 20px 0px;
overflow:hidden;
}

.shinEnviro p {color:#ccc;}
.shinEnviro img {padding-right:5px;}


.shinNews dd{
padding: 0px 0px 10px 0px;
margin: 0px 0px 20px 0px;
border-bottom:1px solid #3a3a3a;
padding:10px 0px 20px 0px;
}

.shineNews dl {
margin: 0px;
padding: 0px;

}


.shinSocial {
height: 25px;
margin:15px 0px;
}

#footer_right
{

width: 187px;

}

.social_icons
{
width: 187px;
height: 25px;
background: url(/local/gfx/home/sm-navigation.png) no-repeat 0 -25px;;
position: absolute;
margin: 0;
list-style-type: none;
}

.social_icons li
{
display: inline;
}

.social_icons li a:link, .social_icons li a:visited
{
position: absolute;
top: 0;
height: 25px;
text-indent: -9000px;
overflow: hidden;
z-index	: 10;
}

.social_icons .vimeo a:link, .social_icons .vimeo a:visited {width: 25px;}
.social_icons .vimeo a:hover, .social_icons .vimeo a:focus, .social_icons .vimeo a:active{background: url(/local/gfx/home/sm-navigation.png) no-repeat}

.social_icons .rss a:link, .social_icons .rss a:visited {left:27px; width: 25px;}
.social_icons .rss a:hover, .social_icons .rss a:focus, .social_icons .rss a:active{background: url(/local/gfx/home/sm-navigation.png) no-repeat  -27px -0px;}

.social_icons .facebook a:link, .social_icons .facebook a:visited {left:53px; width: 25px;}
.social_icons .facebook a:hover, .social_icons .facebook a:focus, .social_icons .facebook a:active{background: url(/local/gfx/home/sm-navigation.png) no-repeat -53px -0px;}

.social_icons .twitter a:link, .social_icons .twitter a:visited {left:80px; width: 25px;}
.social_icons .twitter a:hover, .social_icons .twitter a:focus, .social_icons .twitter a:active{background: url(/local/gfx/home/sm-navigation.png) no-repeat -80px -0px;}

.social_icons .flickr a:link, .social_icons .flickr a:visited {left:107px; width: 25px;}
.social_icons .flickr a:hover, .social_icons .flickr a:focus, .social_icons .flickr a:active{background: url(/local/gfx/home/sm-navigation.png) no-repeat -107px -0px;}

.social_icons .youtube a:link, .social_icons .youtube a:visited {left:134px; width: 25px;}
.social_icons .youtube a:hover, .social_icons .youtube a:focus, .social_icons .youtube a:active{background: url(/local/gfx/home/sm-navigation.png) no-repeat -134px -0px;}

.social_icons .tripadvisor a:link, .social_icons .tripadvisor a:visited {left:161px; width: 25px;}
.social_icons .tripadvisor a:hover, .social_icons .tripadvisor a:focus, .social_icons .tripadvisor a:active{background: url(/local/gfx/home/sm-navigation.png) no-repeat -161px -0px;}

.tumblr {
list-style: none;
padding: 0;
margin:0;
height: 350px;
overflow:hidden;
}

.tumblr li {
margin-bottom: 10px;
border-bottom:1px solid #3a3a3a;
min-height:63px;
overflow:hidden;
}

.tumblr p {
margin: 0;
font-style:normal;
color:#ccc;

}

.tumblr img { 
width:50px; 
height:auto;
float:left; 
margin-right:10px;
border:1px solid #3a3a3a;
}

.tumblr em {
margin:0px;
padding:0px;
}

.tumblr .tumblr-post-date{
display:none;
}

.tumblr a {
color:#ccc; 
}
.tumblr a:hover {color:#cc0000;}

#cPartners div{
 display: none;
}

#cPartners a:active, #cPartners a:link, #cPartners a:visited  {color:#ccc;}
#cPartners a:hover {color:#ccc;}



#seo 
{       
        float: left;    
        width:600px;
        margin: -225px 0px 0px 12px;
        display: block;        
}

#seo p
{       
        font-size: 11px;
}