@charset "utf-8";

/****************************************************/
/*                                                  */
/*  Base Elements & wrappers                        */
/*                                                  */
/****************************************************/
body
{
	font: 90% Helvetica, Geneva, Arial, sans-serif;
    line-height: 1.5em;
	background: #000;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #333;
}

a,
a:link,
a:active,
a:visited,
a:hover
{
    color: #6b0705;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

h1,h2,h3,h4,h5,h6{ color: #AA6F00; }

h1{ font-size: 150%; }

h2{ font-size: 130%; }

h3{ font-size: 110%; }

h4{ font-size: 100%; }

h5{ font-size: 90%; }

h6{ font-size: 80%; }

h1 span {display:none;}

form
{
    margin: 5px auto;
    padding: 2px;
    width: auto;
}

    label
    {
        display: inline-block;
        text-align: right;
        padding-right: 5px;
        white-space: nowrap;
        width: 110px;
    }

hr
{
    border: 1px solid #AA6F00;
    margin: 3px auto;
    width: 90%;
}

img{border: none;}

#container
{ 
	width: 900px;
    height: 1200px;
	margin: 0 15px;
	text-align: left;
    background: url('../images/bkgd_yellowstone.jpg') no-repeat;
}

/****************************************************/
/*                                                  */
/*  Content Blocks                                  */
/*                                                  */
/****************************************************/
#reservations
{
    height: 35px;
    line-height: 35px;
    font-size: 110%;
    color: #ccc;
    text-align: center;
}

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

    #reservations a:hover
    {
        color: #fff;
    }

#header
{
    position: relative;
    height: 235px;
	padding: 0 10px 0 20px;
}

    #header h1
    {
        margin: 0;
        padding: 10px 0;
    }

    #header h1 span
    {
        display: none;
    }

    #header h2
    {
        position: absolute;
        bottom: 13px;
        left: 160px;
        color: #252F03;
        letter-spacing: 1px;
        font-variant: small-caps;
        font-size: 120%;
    }

    #header #vtour
    {
        bottom: 0px;
        left: 640px;
    }

    #header #vtour a
    {
        display: block;
        width: 176px;
        height: 59px;

        background: url('../images/virtual-tour.png') no-repeat;
    }
    #header #vtour a:hover {background: url('../images/virtual-tour-over.png') no-repeat;}

    #header #vtour span{display: none;}
    
#menu
{
	float: left;
	width: 155px;
	padding: 0;
}

    #menu ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #menu li
    {
        width: 100%;
        height: 51px;
        line-height: 45px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }

    #menu a
    {
        display: block;
        width: 155px;
        height: 51px;
    }

    #m_home a{ background: url('../images/menu/home.png') center no-repeat; }
    #m_home a.selected{ background: url('../images/menu/home-over.png') center no-repeat; }
    #m_home a:hover{ background: url('../images/menu/home-over.png') center no-repeat; }
    #m_reservations a{ background: url('../images/menu/contact.png') center no-repeat; }
     #m_reservations a.selected{ background: url('../images/menu/contact-over.png') center no-repeat; }
    #m_reservations a:hover{ background: url('../images/menu/contact-over.png') center no-repeat; }
    #m_virtualtour a{ background: url('../images/menu/virtual-tour.png') center no-repeat; }
    #m_virtualtour a.selected{ background: url('../images/menu/virtual-tour-over.png') center no-repeat; }
    #m_virtualtour a:hover{ background: url('../images/menu/virtual-tour-over.png') center no-repeat; }
    #m_intphotos a{ background: url('../images/menu/cabin-photos.png') center no-repeat; }
    #m_intphotos a.selected{ background: url('../images/menu/cabin-photos-over.png') center no-repeat; }
    #m_intphotos a:hover{ background: url('../images/menu/cabin-photos-over.png') center no-repeat; }
    #m_calendar a{ background: url('../images/menu/calendar.png') center no-repeat; }
    #m_calendar a.selected{ background: url('../images/menu/calendar-over.png') center no-repeat; }
    #m_calendar a:hover{ background: url('../images/menu/calendar-over.png') center no-repeat; }
    #m_rates a{ background: url('../images/menu/rates.png') center no-repeat; }
    #m_rates a.selected{ background: url('../images/menu/rates-over.png') center no-repeat; }
    #m_rates a:hover{ background: url('../images/menu/rates-over.png') center no-repeat; }
    #m_photogallery a{ background: url('../images/menu/gallery.png') center no-repeat; }
    #m_photogallery a.selected{ background: url('../images/menu/gallery-over.png') center no-repeat; }
    #m_photogallery a:hover{ background: url('../images/menu/gallery-over.png') center no-repeat; }
    #m_localinfo a{ background: url('../images/menu/local-info.png') center no-repeat; }
    #m_localinfo a.selected{ background: url('../images/menu/local-info-over.png') center no-repeat; }
    #m_localinfo a:hover{ background: url('../images/menu/local-info-over.png') center no-repeat; }
    #m_reviews a{ background: url('../images/menu/guests-say.png') center no-repeat; }
    #m_reviews a.selected{ background: url('../images/menu/guests-say-over.png') center no-repeat; }
    #m_reviews a:hover{ background: url('../images/menu/guests-say-over.png') center no-repeat; }
    #m_otherlinks a{ background: url('../images/menu/other-links.png') center no-repeat; }
    #m_otherlinks a.selected{ background: url('../images/menu/other-links-over.png') center no-repeat; }
    #m_otherlinks a:hover{ background: url('../images/menu/other-links-over.png') center no-repeat; }

    #menu li span
    {
        display: none;
    }

#mainContent
{ 
	margin: 0 0 0 160px;
	padding: 15px 20px 10px 20px;
}

    #mainContent img.main
    {
        margin: 20px 5px 10px 5px;
    }

   #mainContent h1
   {
       font-size: 30px;
   }
   

    #leftcol
    {
        float: left;
        width: 275px;
        padding: 5px;
    }

    #rightcol
    {
        width: 100%;
        padding: 5px 5px 5px 10px;
    }

#guests_say
{
    width: auto;
    height: 550px;
    overflow: auto;
}

#constantcontact
{
    width: 135px;
    padding: 2px;
    background: #fff;
    text-align: center;
    border: 1px solid #630;
}

    #constantcontact .inner
    {
        float: right;
        margin-right:3px;
        margin-top:2px;
        padding: 0;
        width: 19px;
        height: 15px;
        background-color: #630;
    }

#map
{
    border: 1px solid #AA6F00;
}

#gallery,
#cabin_photos
{
    list-style: none;
    width: auto;
    height: 530px;
    overflow: auto;
}

    #gallery li,
    #cabin_photos li
    {
        float: left;
        margin: 5px;
        width: 150px;
        padding: 1px;
    }

    #cabin_photos li
    {
        width: 210px;
    }

#footer
{
    color: #ba9460;
    font-size: 80%;
    text-align: center;
	padding: 0 10px 0 20px;
    width: 900px;
    margin: 0 15px;
}

    #footer p
    {
        margin: 0;
        padding: 7px 0;
    }

    #footer a,
    #footer a:link,
    #footer a:active,
    #footer a:visited,
    #footer a:hover
    {
        color: #ba9460;
        font-weight: bold;
    }

/****************************************************/
/*                                                  */
/*  Utility Section                                 */
/*                                                  */
/****************************************************/
.fltrt
{
	float: right;
	margin-left: 8px;
}

.fltlft
{ 
	float: left;
	margin-right: 8px;
}

.clearfloat
{ 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.req
{
    color: #900;
}