/************************************************************/
/*  Styleet Version:BASE-09                                 */
/*  Author:Jay Gilmore                                      */
/*  License:Copyrighted                                     */
/*  *Take what you want but change everything.              */
/*  Copyright 2005-2008. SmashingRed Web & Marketing        */
/*  Author Site:http://www.smashingred.com/                 */
/************************************************************/

/**
*   Todo: 
*       -Create Licence
*       -Cleanup Reset CSS
*       
*   Columns
*       -60px wide
*       -20px margin-right
*       -20px less on last column set.
*
**/

/**
* Colors:
#000000

#367389

#4e6f73

#689399

#9abcc0

#f6f5ee
**/

@import 'reset.css';
    
/* HTML Styles Common*/
html{
    width:100%;
    background:#9ABCC0;
}
body{
    font:.875em/1.4 arial, "helvetica neue", arial,sans-serif;
    width: 958px;
    margin: 10px auto;
    color:#f6f5ee;
}
p{
    margin:0 0 20px 0;
}
h1{
    font-size:18px;
    color:#367389;
    margin:0 0 20px 154px;
    font-family:zapfino;
    text-transform:uppercase;
    }
h2{
    font-size:22px;
    color:#367389;
    margin:10px 0 15px 0;
}
h2.scripty{
    margin-bottom:30px;
    font-size:16px;
}
h3{
    font-size:16px;
    color:#367389;
    margin-bottom:5px;
}
h4{
    font-size:1.5em;
}
h5{
    font-size:1.2em;
}
ul{}
li{}
form{}
label{}
input{}
a{color:#422116;}
a:link{}
a:visited{}
a:hover, a:focus{text-decoration:none;color:#367389;}
a:active{color:#422116;}
img.left{}
img.right{
    float:right;
    padding-left:20px;
    padding-bottom:20px;;
}

blockquote{
    padding:0;
    margin:0 40px 20px 40px;
    border-bottom:1px solid #ccc;
    font-size:.9em;
}


/* Temporary Styles For Creation.  */
    
/* Main Container Properties  */
#header, #menu, #page_wrapper, #content_wrapper, #footer{
    position:relative;
    height:1%;
    margin:0 0 0 0;
    }
    
/* Header Section  */
#page_wrapper{
    border:4px double #000;
    background:#f6f5ee;
}
#header{
    margin-top:0;
    background:#f6f5ee;
    height:109px;
}

/* Navigation Section  */
#menu{
}
#menu ul{
    border:2px solid #25787B;
    background:#367389;
    text-align:center;
    padding:0px 0 1px 0;

}

/* Horiz (Horizontal) Navigation */ 
.horiz li{
    display:inline;
    margin:0;
}
#menu .horiz li{
    background:#367389;
    padding:1px 10px;
    font-size:13px;
    font-weight:bold;
    margin:0;
    border:2px solid #9abcc0;
}
#menu .horiz li.first{
    margin-left:0;
}
#menu .horiz li.last{
    margin-right:0;
}

#menu li a, #menu li a:link{
    color:#f6f5ee;
    text-decoration:none;
}

#menu li a:focus, #menu li a:hover, #menu li a:active, #menu li a.active, .room h3 a:hover{
    color:#422116;
}
#menu li.last a{}

#footer_nav.horiz{
    text-align:center;
    text-transform:uppercase;
    font-size:11px;
}
#footer_nav.horiz li{
    display:inline;
    float:none;
    padding:0 15px 0 0;
    margin-right:5px;
    background:transparent url(../_images/_layout/footer_nav_separator.png) center right no-repeat;
}
#footer_nav li.last{
    background-image:none;
    padding:0;
    margin:0;
}
#footer_nav li a, #footer_nav li a:link{
    color:#f6f5ee;
    text-decoration:none;
}
#footer_nav li a:focus, #footer_nav li a:hover,#footer_nav li a:active, #footer_nav li a.active{
    color:#422116;
}
/* Content Wrapper  */

#content_wrapper{
    padding-top:40px;
    clear:both;
    background:#f6f5ee;
}
#content_wrapper.column{
    padding:40px 154px;
}
.column h1{
    margin-left:0;
}
/* Main Content Section  */
#content, #contentBottom {
    width: 640px;
    margin:0px auto;
    background:#f6f5ee;
    color:#367389;
    }
#content.column{
    width:311px;
    float:left;
    margin:0 20px 0 0;
}
#content a, #content a:link{}
#content a:visited{}
#content a:hover, #content a:focus{}
#content a:active{}

#content ul{
    margin:20px 0 30px 0;
}
#content li{
    list-style-type:disc;
    margin:0 0 10px 15px;
}
#contentBottom p{
    line-height:34px;
    font-size:13px;
}

/** Subcontent Section  **/
#subcontent{
    float: left;
    width: 311px;
    color:#367389;
    }
    
#subcontent img{
    margin-bottom:20px;
}
#slogan{
    background:#367389;
    clear:both;
    padding:20px 0 5px 0;
    text-align:center;
    clear:both;
}
#contentBottom{
    text-align:center;
    clear:both;
    margin-top:20px;
    clear:both;
}  
.roomrates{
    width:152px;
    float:left;
    margin:0 15px 20px 0;
}

#roomview{
    float:left;
    width:470px;
    overflow:hidden;
}
.centered{
    text-align:center;
    color:#367389;
    clear:both;
}
#aLogos .right{
    float:right;
    margin:20px;
} 
#aLogos .left{
    float:left;
    margin:20px;
}
/** Footer Section **/
#footer{
    clear:both;
    border:0px solid transparent;
    margin-top:20px;
}
#resource_box{}
#copyright{}


/* Heading Decorations*/
.fern{
    width:70px;
    padding:0 35px;
    background:url(../_images/_layout/fern.jpg) 10px -5px no-repeat;
}
.feather{
    width: 80px;
    padding:0 40px;
    background:url(../_images/_layout/feather.jpg) 10px 15px no-repeat;
}
.leaf{
    width:70px;
    padding:0 35px;
    background:url(../_images/_layout/leaf.jpg) 10px 10px no-repeat;
}
.shell{
    width:70px;
    padding:0 35px;
    background:url(../_images/_layout/shell.jpg) 10px 10px no-repeat;
}

/*  */


.room h3 span{
    border:3px solid #367389;
    font-size:14px;
    background-color:#367389;
    display:block;
    text-align:center;
    width:180px;   
}
.room h3{
    margin:5px 0 10px 0;
}
.room h3 a{
    text-decoration:none;
    color:#f6f5ee;
    background-color:#367389;
    border:3px solid #9abcc0;
    padding:3px 10px;
    display:block;
}

div.flash{
    border: 2px solid #367389;
    margin:1px auto;
    padding:5px 5px 4px 5px;
}
/* pikame */
ul#pikame {
    height:90px;
    padding:8px 0;
    margin:0;
}

#content .pika_main img, #pikame img, #content .thumbs img {
    border:none;
}

#pikame li {
    float:left;
    margin:0 10px 0 0 ;
}
#pikame li.last{
    margin:0;
}
#pikame li img{
    margin-right:10px;
    left:0px !important;
}

#pikame img.pika_last{
    margin-right:0px;
}
#content .thumbscontainer ul{
    margin:0;
}

#content ul.thumbs{
    margin:0;
}
/* hCard / vCard classes  */
.vcard{
    text-align:center;
    text-transform:uppercase;
    font-size:18px;
    font-weight:bold;
}
.org{}
.adr{}
.street-address{}
.locality{}
.region{}
.postal-code{}
.tel{}
.fax{}
.work{}