#main {width:980px; margin:0 auto;}


/*======= HEADER div =======*/
#header { margin: 0; height:355px; background:url(/i/header-bg.jpg) no-repeat left top #00144e; position: relative; border-bottom: 1px solid #fff; }
#header div#logo { width: 300px; height:134px; overflow: hidden; position: absolute; top: 13px; left: 9px; }
#header div#logo h2 { width: 300px; height:134px; color: #fff; overflow: hidden; }
#header div#logo h2 a { display: block; font-size: 25px; width: 300px; line-height: 1.4em; height:134px; color: #fff; overflow: hidden; text-indent: -5000px; background: transparent url(/i/bg/logo-resort-keystone.jpg) no-repeat 0 0;}
#header div#slogan { position: absolute; top: 55px; right: 240px; width: 240px; color: #fff; font: 22px/25px bold Arial,sans-serif; text-transform: uppercase; }

/*======= FEATURED div =======*/
div#featured { position: absolute; bottom: 0; left: 0; padding: 0; width: 960px; margin: 0 0 25px 17px; text-align: center; }
div#featured ul { padding: 0; margin: 0 auto; }
div#featured ul li { padding: 0; margin: 0 3px; float: left; display: inline; }
div#featured ul li.last { margin-right: 0;  }

#header, #contentWrap, #footer { font-size:0.75em;}

.col-1, .col-2, .col-3 { float:left;}

/*======= index.html =======*/
#page1 #content .line-ver { background:url(/i/line1.gif) 608px top repeat-y; width:100%;}
#page1 #content .col-1 {width:584px; margin-right:44px;}
#page1 #content .col-2 { width:275px;}

/*======= index-1.html =======*/
#page2 #content .line-ver { background:url(/i/line1.gif) 608px top repeat-y; width:100%;}
#page2 #content .col-1 {width:584px; margin-right:44px;}
#page2 #content .col-2 { width:275px;}

/*======= index-2.html =======*/
#page3 #content .line-ver { background:url(/i/line1.gif) 295px top repeat-y; width:100%;}
#page3 #content .col-1 {width:274px; margin-right:45px;}
#page3 #content .col-2 { width:603px;}

/*======= index-3.html =======*/
#page4 #content .line-ver { background:url(/i/line1.gif) 608px top repeat-y; width:100%;}
#page4 #content .col-1 {width:584px; margin-right:44px;}
#page4 #content .col-2 { width:275px;}

/*======= index-4.html =======*/
#page5 #content .line-ver { background:url(/i/line1.gif) 295px top repeat-y; width:100%;}
#page5 #content .col-1 {width:274px; margin-right:45px;}
#page5 #content .col-2 { width:603px;}

/*======= index-5.html =======*/
#page6 #content .line-ver { background:url(/i/line1.gif) 608px top repeat-y; width:100%;}
#page6 #content .col-1 {width:584px; margin-right:44px;}
#page6 #content .col-2 { width:275px;}

/*======= index-6.html =======*/
#page7 #content .line-ver { background:url(/i/line1.gif) 608px top repeat-y; width:100%;}
#page7 #content .col-1 {width:588px; margin-right:40px;}
#page7 #content .col-2 { width:275px;}
#page7 #content .col-1 .col-1 { width:243px; margin-right:0;}
#page7 #content .col-1 .col-2 { width:345px;}

/*======= index-7.html =======*/
#page8 #content .line-ver1 { background:url(/i/line1.gif) 294px top repeat-y; width:100%;}
#page8 #content .line-ver2 { background:url(/i/line1.gif) 608px top repeat-y; width:100%;}
#page8 #content .col-1 {width:275px; margin-right:39px;}
#page8 #content .col-2 {width:275px; margin-right:39px;}
#page8 #content .col-3 {width:275px;}

/*=========================*/


#footer {border-top:2px solid #fff; padding:17px 0 24px 0; background:#00144e; text-align:center; color:#808aa7;}


/* CLEARFIX Rules /// www.positioniseverything.net/easyclearing.html
-----------------------------------------------------------------------*/
.clearfix:after, .box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix,.box { display: inline-block; /* IE/Mac */ } 
/* Hides from IE-mac \*/ 
* html .clearfix, * html .box { height: 1%; } 
.clearfix, .box { display: block; } 
/* End hide from IE-mac */