/* 
Theme Name: Five Rivers Retreat
Description: 5Rivers theme
Version: 1.0
Author: Team DP
*/

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 150%;
    color: #858586;
    position: relative;
    height: 100%;
    width: 100%;
    }
    
#wrapper {
    width: 980px;
    margin: 0 auto;
    }

#header {
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
    height: 140px;
    position: relative;
    z-index: 10;
    clear: both;
    }

#page-header {
    background: #fff url(images/banner-new.jpg) 50% 0 repeat-x;
    height: 165px;
    }

#menu { 
    position: absolute;
    bottom: 0;
    left: 290px;
    height: 100px;
    }

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

#menu li {
    display: inline;
    }
    
#menu a { 
    margin-left: 20px;
    font-size: 18px;
    line-height: 106px;
    text-decoration: none;
    color: #224095;
    }

#menu ul li a:hover, 
#menu li.current_page_item a {
    color: #888;
    }

#logo {
    position: absolute;
    text-align: center;
    top: 50px;
    left: -100px;
    }

#contentmain {
    clear: both;
    width: 1000px;
    margin: 5px auto;
    padding: 6px 0px 60px 10px;
    height: 100%;
    overflow: hidden;
    }

.content-left {
    width: 65%;
    float: left;
    }

.content-right {
    width: 30%;
    float: left;
    }

li#text-3 {
    list-style: none;
    }

#flags {
    clear: both;
    width: 200px;
    margin-left: 600px;
    padding: 6px 0px 0px 0px;
    height: 50px;
    overflow: hidden;
    }

#home-content{
    width: 500px;	
    }

#slideshow {
    margin-top: 60px;
    float: right;
    background: #829bcf;
    width: 450px;
    height:280px;
    overflow:hidden;
    }

#slideshow img {
    top: -40px;
    padding: 8px;
    margin-left: 6px;
    overflow:hidden;
    width: 420px;
    bottom:0;
    }

#footer {
    width: 100%;
    height: 150px;
    background: #829bcf;
    position:relative;
    bottom:0px;
    overflow: hidden;
    }

#footer-content {
    width: 1000px;
    height: 120px;
    margin: 0 auto;
    padding: 15px 0 10px 10px;
    }
    
#footer-content a, #footer-content, #footer-content p {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    }
    
#footer-content p {
    display: inline;
    }
    
#footer-content #smalltext, 
#footer-content #smalltext a {
    padding-top: 14px;
    font-size: 12px;
    color: #ceccc9;
    font-weight: normal;
    }
    
#dpfooter {
    margin: 0 auto;
    padding: 18px 11px 0 234px;
    width: 656px;
    background: url(images/shadow-bottom.gif) right top no-repeat;
    }
    
#dpfooter a, 
#dpfooter {
    font-size: 11px;
    color: #736f59;
    text-decoration: none;
    }
    
#dpfooter a:hover {
    text-decoration: underline;
    }
    
#copyright {
    width: 486px;
    float: left;
    }

#buttons {
    position:relative;
    width: 100%;
    padding-top: 15px;
    padding: 10px;
    margin-left: 350px;
    }

img.aligncenter {
    display: block;
    text-align: center;
    margin: 0 auto;
    box-shadow:10px 10px 10px #a1a1a1;
    -webkit-box-shadow:10px 10px 10px #a1a1a1;
    -moz-box-shadow: 10px 10px 10px #a1a1a1;
    }
    
img.alignright {
    text-align: right;
    display: block;
    float: right;
    margin: 10px 0px 5px 15px;
    box-shadow:10px 10px 10px #a1a1a1;
    -webkit-box-shadow:10px 10px 10px #a1a1a1;
    -moz-box-shadow: 10px 10px 10px #a1a1a1;
    }
    
img.alignleft {
    text-align: left;
    display: block;
    float: left;
    margin: 10px 10px 5px 0px;
    box-shadow:10px 10px 10px #a1a1a1;
    -webkit-box-shadow:10px 10px 10px #a1a1a1;
    -moz-box-shadow: 10px 10px 10px #a1a1a1;
    }


/* BOOKING BUTTON STYLES _________________________________________________*/

#SMART-widget-container a, 
#SMART-widget-container img {
    width:220px !important;
    height:auto;
    }

#SMART-widget-container {    
    float: right;
    width: 220px;
    margin-top: 40px;
    }
    
/* Booking button
-------------------------------------------------------------- */
#bookonline {
	float: right;
	width: 232px;
margin-top: -80px;
/*margin-right: 120px;*/
	/*margin:-10px;*/
	}
	
#bookonline a * {
  display: none;
  }
  
#bookonline a {
  height:92px;
  display: block;
  background: url(images/book-online.gif) no-repeat;
	background-position: 0 0;
  width: 232px;
  }
#bookonline a {
 
  /*margin: 6px 0 22px 0;*/
  }
#bookonline a:hover, #bookonline a .hover {
  background-position: 0 -92px;
  }

/*---------------------- 2015 homepage Upgrade --------------------*/

#left-content {
    width: 45%;
    float: left;
    padding: 10px;
    }

#right-content {
    width: 50%;
    float: right;
    }

#right-content img {
    border-style: none;
    }
    
.tripadvisor {
    width:auto;
    height:70px;
    float:left;
    padding-left: 5px;
    margin-top: 19px;
    }

.flag-gallery {
    float: left;
    margin-top: 20px;
    margin-right: 9px;
    }

#sidebar .textwidget {
    padding-top: 50px;
    text-decoration: none;
    }
    
#sidebar li#custom_html-2 {
    display:block;
    }
    
#sidebar li#custom_html-2 a {
    text-decoration: none;
    }
    
#sidebar li#custom_html-2 .flags2015 {
    margin-left:25px;
    }
    
/* Booking button
-------------------------------------------------------------- */
#bookonline2015, 
.bookonline2015 {
	float: left;
	width: 232px;
margin-top: 0px;
/*margin-right: 120px;*/
	/*margin:-10px;*/
	}
	
#bookonline2015 a *, 
.bookonline2015 a * {
  display: none;
  }
  
#bookonline2015 a, 
.bookonline2015 a {
  height:92px;
  display: block;
  background: url(images/book-online.gif) no-repeat;
	background-position: 0 0;
  width: 232px;
  }
#bookonline2015 a {
 
  /*margin: 6px 0 22px 0;*/
  }
#bookonline2015 a:hover, 
#bookonline a .hover, 
.bookonline2015 a:hover, 
.bookonline a .hover {
  background-position: 0 -92px;
  }

#flags2015 {
    width: 200px;
    margin-left: 160px;
    padding:40px 0px 0px 0px;
    height: 50px;
    overflow: hidden;
    }
    
.widget_text #flags2015 _
    margin-left: 60px;
    }

#flags2015-a {
    clear: both;
    padding: 6px 0px 0px 0px;
    height: 50px;
    overflow: hidden;
    text-align: center;
    }

#flags2015 img {
    border-style: none;
    }