/*================================================================
LAYOUT stylesheet for the website.

Define layout and backgrounds for:
  - Body
  - Wrapper
  - Header
  - Sidebar
  - Content
  - Footer
  ( Navigation is defined in nav.css )
  
  ***  NO TYPOGRAPHY STYLES HERE PLEASE  ***
  
================================================================*/


/* BODY 
----------------------------------------------------------------*/
body 
{
    background: #eeeeee;
}


/* WRAPPER
----------------------------------------------------------------*/
#wrapper 
{
    clear: both; 
    width: 780px;
    margin: 0 auto;
    border: 1px solid #cccccc;
    background: #ffffff;
}


/* HEADER
----------------------------------------------------------------*/
#header 
{
    height: 120px;
    background-color: #ff8c00;
    background: url(../assets/header.jpg) no-repeat;

}

#leftheader
{
    Float: left;
}


#rightheader
{
    Float: right;
    padding: 10px 10px 0 0;
    margin: 10px 0 0 0;

}


/* SIDEBAR
----------------------------------------------------------------*/
#nav 
{
     width: 780px;
     background: #ffe2bf;
}


/* CONTENT
----------------------------------------------------------------*/
#content 
{
    float: left;
    margin: 10px 0 0 10px;
    background-color: #ffffff;
}


#leftcontent 
{
    float: left;
    margin: 0 0 0 10px;
    width: 400px;
}

#rightcontent 
{
    float: right;
    margin: 0 10px 0 10px;
}

#rightcontent img
{
    float: right;
    width: 200px;
    height: 150px;
    padding: 1px;
    border: 3px solid #cccccc;
    margin: 2px;
}

#map 
{
      float: right;
      width: 300px; 
      height: 248px;
      padding: 10px;
      border: 1px solid #000000;
}


#pricetable
{
      float: left;
}

#roomcontent
{
       float: right;
       width: 350px;
       margin: 0 10px 0 10px;
       padding: 10px 10px 10px 20px; 
}

#imagegallery 
{
    Float: left;
    width: 700px;
    margin: 40px 0 10px 0; 
    padding: 40px 0 10px 0;
}

#imagegallery img
{

    width: 200px;
    height: 150px;
    padding: 1px;
    border: 3px solid #cccccc;
    margin: 2px 0 2px 0;

}

.contentcontact img
{
     float: left;
     padding: 10px 0 0 0;
}

.contentcontact
{
     width: 730px;
     border-top: 1px dotted #000000;
     margin: 10px 0 0 0;
 }
 
.contentcontact p
{
     padding: 10px 0 0 30px;
}


/* FOOTER
----------------------------------------------------------------*/
#footer 
{
    clear: both;
    height: 20px;
    background-color: #cccccc;
}