/*
	Western Webs December 2008
	Author: Miguel Martinez
	Date: 18/12/2008
	Customer: Lynfield Guest House
*/
.clear{ clear:both}
p{margin:0px;padding:0px;}
body {
	background: #51402E url(../images/bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#container {
	width: 800px;
	margin: 0px auto;
	padding:0px;
	min-height:915px;
	background: #D7D1C5 url(../images/bg_picture.jpg) fixed center 310px no-repeat;
	border-left:5px solid #2C2C2C;
	border-right:5px solid #2C2C2C;
}
#main_content{
	padding:20px 20px 10px 30px;
}
#menu{
	float: right;
}


div#logo{
	 padding:0px;
	 width:170px;
}
div#logo a{height:80px; background-position:0 0; float:left;}
#mitchell_logo{background-image:url(../images/logo_mitchells.jpg); width:170px; text-indent:-9999px;}

#buttons{
	margin-top:20px;
	font-size:15px;
	text-transform:uppercase;
	font-weight:bold;
}
#buttons ul{
margin:0;
padding:0;
list-style:none;
text-align:center;

}
#buttons li{
text-decoration:none;
background:#C4BFB6;
height:20px;
margin:3px 0px;
width:170px;
}
#buttons a{
color:#FFFFFF;
text-decoration:none;

}
#buttons a:hover{
color:#51402E;
text-decoration:none;
}
#rates{ font-size:13px}


/* IE ignores styles with [attributes], so it will skip the following. */
#content{
background: #AF987D ;
border:4px solid white;
width:550px;
}

#banner_up img{
border-bottom: 4px solid white;
}


#intro{
	margin:15px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}
.year{font-size:18px;
color:#51402E;}


/* IE ignores styles with [attributes], so it will skip the following. */
#banner_down{
width:750px;
height:180px;
margin-top:20px;
background: #EAE5DD;
/*background-image:url('../images/white.png');*/
}

#content_pictures{
margin:0px 0px 0px 0px;
padding-top: 5px;
padding-left: 5px;
width:555px;
float:left;

}
#content_pictures img{
	float:left;
	margin:5px 5px 5px 5px;
}
#content_text{
height: 180px;
width:185px;
margin-left:560px;
border-left: 1px solid #51402E;
font-weight:bold;
text-transform:uppercase;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
#address{
	clear:left;
	position: absolute;
	margin:10px;
}
#address p{
	margin-bottom:2px;
}
.ad1{
	font-size:15px;
	color:#51402E;
}
.ad2{
	font-size:18px;
	color:#775428;
}
.ad3{
	font-size:16px;
	color:#876F2A;
}
.ad4{
	font-size:17px;
	color:#785E23;
}
.ad5{
	font-size:18px;
	color:#554433;
}
.ad6{
	font-size:21px;
	color:#9C571F;
}
.ad7{
	font-size:18px;
	color:#B08937;
}


/* IE ignores styles with [attributes], so it will skip the following. */
#footer{
width:746px;
height:60px;
margin-top:10px;
border: 2px solid white;
background:#BAA893;
/*background-image:url('../images/brown.png');*/
}
#foot_content{
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
}
#foot_content a{
	text-decoration:none;
	color:#FFFFFF;
}
#foot_content a:hover{	
	color:#51402E;
}


/*CALENDAR*/
 ul, li, span, h2, h3{margin: 0px;padding: 0px;}

div#calendar0, div#calendar, div#calendar2, div#calendar3, div#calendar4{
  float:left;
  margin: 25px;
  text-align : center;
  width: 200px;
  height:200px;
}

/* calendar heading color */
h2.calendar {
  color : #FFFFFF;
  font-size:14px;
  font-weight : bold;
  margin-bottom:10px
}

/* list info - monospace font must be used */
ul.days, ul.weeks {
  font-family : 'courier new', monospace;
  list-style-type : none;
  margin : 0px 0px 10px 0px;
}

/* day-box span styles - adjust with padding */ 
ul.days li span {
  background-color : #5C381B;
  border : 1px solid #000;
  font-weight : bold;
  color : #FFFFFF;
  padding : 2px;
}

/* active links boxes default state - adjust with padding */
ul.weeks li a.al, ul.weeks li a.na  { 
  color : #666;
  text-decoration : none;
  background-color : #eecc11;
  border : 1px solid #999;
  padding : 2px;
}

/* all states of not-used links */
ul.weeks li a.na, ul.weeks li a.na:hover, ul.weeks li a.na:focus, ul.weeks li a.na:active   { 
  background : #FFFFFF;
  color : #666;
  cursor : default;
}

/* hover and focus state of active links 
ul.weeks li a.al:hover, ul.weeks li a.al:focus, ul.weeks li a.al:active {
  color : #000;
  background-color : #eecc11;
  border : 1px solid #000;
  text-decoration : none;
  cursor : pointer;
}*/

/* not used link boxes - color and background should match - adjust with padding */
ul.weeks li a.nu { 
  color : #eee;
  padding : 2px;
  border : 1px solid #ccc;
  background-color : #eee;
  cursor : default;
}

/* to hide link separators */
span.sep {
  display : none;
}

/* this needs to be in conditional comment for IE only */
div#calendar0, div#calendar, div#calendar2, div#calendar3, div#calendar4  {
  font-size : 10px;
}

div#calendar5 h3{
	font-size: 12px;
	color:#FFFFFF;
	margin-bottom:10px;
	width:180px;
	margin-left:10px
}
div#calendar5 {
float:left;
width:250px;
margin: 30px 0px 0px 20px;
text-align : center;}
#dates,#prices{ float:left}
#dates{width:200px; text-align:left}
#prices{ text-align:right}
.date,.price{margin-bottom:10px;
font-weight:bold}

/*ACTIVITIES*/
#activities_content,#attractions_content{
	margin:10px;
	width:320px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	float:left
}

#facilities_content{margin:10px;
	width:520px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;}
#activities_content h2,#attractions_content h2, #facilities_content h2{
	font-size:14px;
	color:#5C381B;
	margin:10px 0px;
	padding:10px 0px 5px 0px;
	border-bottom:2px solid #5C381B;
}
#activities_content a ,#attractions_content a {
	font-size:12px;
	color:#FFFFFF;
	margin:0px 5px;
	padding:0px 0px 0px 0px;
	border:none;
	text-decoration:none;
	line-height:18px
}
.name{color:#5C381B;font-size:12px;margin:15px 0px 0px 0px}
.web{ color:#2F2217; font-weight:bold}
.alt {color:#2F2217; font-weight:normal; margin:10px 0px;}
.phone{ color:#333333; font-weight:bold; margin:5px 0px}
#activities_pictures,#attractions_pictures/*, #facilities_pictures*/{
float:right;
}
#activities_pictures a img, #attractions_pictures a img/*, #facilities_pictures img*/{border-right:none; border-top:none}
#activities_pictures img, #attractions_pictures img/*, #facilities_pictures img*/{border-left:4px solid #FFFFFF;border-bottom:4px solid #FFFFFF}

/*LOCATION*/
#location_data{ float:left; margin:20px 30px 0px 70px; text-align:center; color:#2F2217}
#location_distances{ float:left; margin:20px 50px 0px 50px; text-align:center; }

/*CONTACT*/
#card_detail{
	margin:20px 0px;
	text-align:center;
	color:#5C381B;
}
#contact_form{margin-left:20px;}
#links_content{ font-size:10px; color:#FFFFFF; margin:15px;}
#links_content a{color:#2F2217; font-weight:bold}

/*GALLERY*/
#loadarea2{ text-align:center; margin:20px 0px;}
#loadarea2 a img{ border:none;  }
#thumbs{ margin: 0px 50px 20px 50px}
#thumbs a img{border: none; margin-right:0.8px; margin-top:5px}