body
{
    background-image: url('../images/Background.jpg');
    background-position: center top;
    background-color: #190E08;
    font-family: Arial, Helvetica, sans-serif;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 12px;
}

h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    color: #AEACAB;
    font-weight: normal;
}

#container
{
    margin-left:auto;
    width:960px; 
    margin-right:auto;
}

#header
{
    height: 201px;
    position:relative;
}

#header .logo
{
    margin-top: 46px;
    margin-right: 62px;
    float:right;
}

#menu
{
    padding: 0px;
    color: #AEACAB;
    list-style-type: none;
    position: absolute;
    bottom: 0px;
    font-size: 16px;
    margin-left:34px;
}

#menu li
{
    float: left;
    padding-right:60px;
}

#menu a
{
    color:#AEACAB;
    text-decoration:none;
}

#menu a:hover, #menu a.selected
{
    color: #FFFFFF;
}

#contentcontainer
{
    height: 415px;
    position: relative;
    /*opacity:0.6;
    filter:alpha(opacity=60);*/
}

#opacitycontainer
{
    height: 415px;
    background-color:#0E0603;
    position: absolute;
    opacity:0.6;
    filter:alpha(opacity=60);
    width:960px;
    z-index:-1;
    left:0px;
}

#contentcontainer #contentleft
{
    width:480px;
    float:left;
}

#contentcontainer #contentright
{
    width:480px;
    float:left;
    position: relative;
}

#contentcontainer #contentright img
{
    position: absolute;
}

#contentcontainer #contentinner
{
    margin:34px;
    line-height: 1.5em;
}

#contentcontainer #contentinner a
{
    color:#8C592C;
    text-decoration:none;
}

#contentcontainer #gallery
{
    margin-left: 47px;   
}

#contentcontainer #gallery img
{
    margin-top: 32px;
}

#contentcontainer #gallery a
{
    
}

#contentcontainer .item
{
    width: 262px;
    margin-right: 40px;
}

div#booknow 
{
    position: absolute;
    top: -7px;
    right: -15px;
    height: 119px;
    width: 123px;
    z-index: 100;
    cursor: hand;
}

#footer
{
    margin: 16px 28px 16px 28px;
    color: #AEACAB;
    font-size: 11px;
}

#footer a
{
    color: #AEACAB;
    text-decoration: none;
}

#footer .left
{
    float: left;
}

#footer .right
{
    float: right;
}


/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width:866px; 
    height:415px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

a.nextPage
{
    position:absolute; 
    top: 173px;
    right: 15px;
}

a.prevPage
{
    position:absolute; 
    top: 173px;
    left: 15px;
}

.formbackround
{
    background-color: #362F2D;
    height:415px;
}

input, textarea
{
    border-style: none;
    background-color: #211C1B;
    width:280px;
    color:#AEACAB;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}

input
{
    height:28px;
    padding-top:5px;
}

textarea
{
    height:65px;
}

.lightbrown
{
    color:#8C592C;
    padding-left:5px;
    padding-right:5px;
    font-size: 12px;
}

.lightgrey
{
    color:#AEACAB;
}

fieldset
{
    border-style: none;
    padding:0px;
}

fieldset label
{
    display:block;
    float:left;
    text-align:right;
    width:90px;
    padding-right: 15px;
    margin-top:5px;
}

fieldset p
{
    margin-top:2px;
    margin-bottom:2px;
}