/*
////////////  Causeway Lodge //////////// 
		Dark Brown BG: 		#4a2817
		Text Mid Tan: 		#c5c789
		Light Pink: 		#d65151
		Mid Green: 			#555c4d
		Dark Green: 		#1d2423
*/
/*////////////  Generics //////////// */

* {
padding: 0px; margin: 0px;
border: 0px none;
}

body {
background: #4a2817 url(images/bg_tile.jpg);
color: #c5c789;
font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;
}

a, a:visited {
outline: none;
color: #c5c789;
text-decoration: underline; }
 
a:hover { 
color: #d65151; 
text-decoration: underline; }

p {
line-height: 18px;
margin-bottom: 14px;
}

	.italics {
	line-height: 18px;
	font-style: italic
	}

h1, h2 {
line-height: 18px;
margin-bottom: 14px;
}

h1 {
font-size: 13px;
}

h2 {
font-size: 12px;
}

h3.roominfo {
background: url(images/bullet.gif) no-repeat left 3px;
color: #c5c789;
font-size: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;
line-height: 20px;
padding: 0px 0px 0px 37px;
width: 350px;
}

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

ul, ol {
list-style-type: none;
}

#wrapper {
margin:	0px auto;
margin-top:	12px;
width: 960px;
}

/*////////////  Header //////////// */
#header {
height:	91px;
width: 960px;	
}

#logo {
float: left;
width: 457px;
height: 91px;
}
	
/*////////////  Navigation //////////// */

#nav {
float: left;
margin-top: 33px;
}

#nav em { 
display: none
}
	#nav ul { 
	width: 100%; 
	float: left; 
	padding: 0px; margin: 0px; 
	list-style-type: none;
	}
	
		#nav li { 
		float: left; 
		padding: 0px; margin: 0px; 
		display: inline
		}
		
		#nav li a { 
		DISPLAY: block; 
		HEIGHT: 46px 
		}

		#nav li a.home { 
		background: url(images/nav_home.gif) no-repeat left top; 
		WIDTH: 88px; 
		margin: 0px; padding: 0px; 
		}
		
		#nav li a.rooms { 
		background: url(images/nav_rooms.gif) no-repeat left top; 
		WIDTH: 90px; 
		margin: 0px; padding: 0px;
		}
		
		#nav li a.location { 
		background: url(images/nav_location.gif) no-repeat left top; 
		WIDTH: 135px; 
		margin: 0px; padding: 0px;
		}
		
		#nav li a.contact { 
		background: url(images/nav_contact.gif) no-repeat left top; 
		WIDTH: 134px; 
		margin: 0px; padding: 0px;
		}
		
		#nav li a:hover { 
		background-position: left bottom 
		}

/*////////////  Slideshow //////////// */	

.slide {
position: absolute;
width: 790px;
height: 292px;
margin: 53px 0px 0px 74px;
}

/*////////////  Content //////////// */

#content {
width: 960px;
}

.fullwidth {
width: 810px;
padding: 0px 0px 0px 35px;
}

	.fullwidth a{
	color: #c5c789; 
	text-decoration: underline;
	}
	
	.fullwidth a:hover{
	color: #d65151; 
	text-decoration: underline;
	}

#centrecontent {
margin-left: 40px;
}

#mainpicframe {
width: 960px;
height:406px;
background: url(images/mainpics_bg.gif) no-repeat;
}

#panel-left {
float: left;
width: 347px;
}

#panel-right {
float: left;
width: 500px;
}

.generaltext {
padding: 0px 0px 0px 20px;
}

	.generaltext a{
	color: #c5c789; 
	text-decoration: underline;
	}
	
	.generaltext a:hover{
	color: #d65151; 
	text-decoration: underline;
	}

.panelthumbs-left {
float: left;
width: 312px;
padding: 0px 0px 0px 35px;
}

	.panelthumbs-left img {
	float: left;
	border: 3px solid #555c4d;
	margin: 0px 10px 10px 0px; padding: 0px;
	width: 140px; height: 140px;
	}
	
	.panelthumbs-left img:hover {
	border: 3px solid #d65151;
	}

.dividerfull {
border-bottom: 1px solid #d65151;
height: 10px;
margin: 0px 90px 0px 36px;
}

#locationmap {
width: 503px;
float: left;
padding: 0px 0px 10px 35px;
}

	#locationmap img{
	border: 4px solid #555c4d;
	}

#locationinfo {
width: 300px;
float: left;
}

.locationattractions {
margin-bottom: 12px;
clear: both;
}

	.locationattractions img {
	background: url(images/locationpic_frame.gif) 0 0 no-repeat;
	display: block;
	float: left;
	width: 127px;
	height: 71px;
	padding: 10px 23px 13px 18px;
	}

#contactleft {
width: 453px;
float: left;
padding: 0px 0px 10px 35px;
}

	#contactleft a{
	color: #c5c789; 
	text-decoration: underline;
	}
	
	#contactleft a:hover{
	color: #d65151; 
	text-decoration: underline;
	}

#contactright {
width: 350px;
float: left;
}

/*//////////// Room Styles ////////////*/

.bookingbutton {
display: block;
width: 78px;
height: 50px;
background: url("images/book_button.png") no-repeat 0 0;
}

	.bookingbutton:hover { 
	background-position: 0 -50px;
	}
	
	.bookingbutton span {
	display: none;
	}

.roomtitles {
padding: 0px 0px 5px 33px;
}

.roominfo {
float: left;
width: 500px;
}

.roominfoprice {
font-size: 13px;
font-weight: bold;
}

/*
#roompic-frame {
padding: 13px 0px 17px 30px;
width: 309px;
position: relative;
background: url(images/roompic_frame.gif) no-repeat;
}

	#roompic-frame img {
	position: absolute;
	bottom: 0px;
	right: 0px;
	} */
	
#roompic-frame {
width: 347px;
height: 198px;
background: url(images/roompic_frame.gif) no-repeat;
}

	#roompic-frame img {
	padding: 21px 0px 0px 40px;
	}
	
.offer-col {
	padding: 10px;
	width: 261px;
	background: #C5C789 url(images/form_bg.gif) no-repeat bottom right;
	border: 4px solid #555c4d;
}

#roomlist {
margin-left: 45px;
}

	#roomlist ul {
	float: left;
	padding-left: 5px;
	font-weight: bold;
	}
			
		#roomlist ul li {
		padding: 8px 0px 4px 0px;
		}
		
		#roomlist ul li a {
		color: #c5c789; 
		text-decoration: underline;
		background:	url(images/bullet.gif) 0px 8px no-repeat;
		padding: 8px 0px 4px 40px;
		}
		
		#roomlist ul li a:hover{
		color: #d65151; 
		text-decoration: underline;
		background:	url(images/bullet_over.gif) 0px 8px no-repeat;
		padding: 8px 0px 4px 40px;
		}
		
#room-ads {
border-top: 1px solid #d65151;
margin: 20px 90px 0px 36px;
padding: 20px 0px 0px 0px;
}

li.room-display {
float: left;
width: 168px;
height: 125px;
padding: 13px 0px 0px 30px;
background: transparent url(images/homepage_roomads_frame.gif) 0px 0px no-repeat;
position: relative;
}

li.room-display span {
font-weight: bold;
position: absolute;
width: 126px;
padding: 7px;
background: rgb(85, 92, 77);
background: rgba(85, 92, 77, 0.8);
bottom: 25px;
left: 34px;
}

li.room-display img {
	border: 4px solid #555c4d;
}

li.room-display img:hover {
	border: 4px solid #d65151;
}

/*//////////// Contact Form ////////////*/
	
.contact_form {
	font-weight:		bold;
}

.contact_form label {
	display:	block;
	float:		none;
	width:		auto;
}
	
.contact_form input.focus, textarea.focus {
	background:			#c5c789;
	border:				1px solid #d65151;
}
	
.contact_form input, textarea {
	color:				#1d2423;
	background:			#c5c789;
	border:				1px solid #d65151;
	font:				normal 11px Tahoma, Arial, Helvetica, sans-serif;
}
	
.contact_form input {
	height:				15px;
	width:				420px;
	margin:				5px 0px 5px;
	padding:			2px;
}
	
.contact_form textarea {
	width:				420px;
	height:				120px;
	line-height:		22px;
	margin:	5px 0px 2px; 
	padding: 2px 0px 2px 2px;
	background: #c5c789 url(images/form_bg.gif) no-repeat bottom right;
}
	
.contact_form span {
	font-weight:		normal;
	font-size:			10px;
}
	
.contact_form input.btn {
		background: url(images/send_button.png) no-repeat left top;
		border: none;
		cursor: pointer;
		display: block;
		height: 55px;	width: 78px;
		margin:	5px 0px 0px 20px;
}

.contact_form a.btn:hover {
	border:				none;
}
	
.error {
	color: 				#b33945;
	display: 			block;
	font-style: 		italic;
	font-weight:		normal;
	width:				auto;
	padding:			0px 0px 7px 0px;
}
	
.formresponse {
	color: #b33945;
	font-style: italic;
	font-size: 12px;
}

/*////////////  Footer //////////// */	

.textpink {
color: #d65151;
}

#footerholder {
background: url(images/footer_bg.png) no-repeat;
width: 960px;
height: 203px;
}

#footercontents {
height: 115px;
padding: 50px 0px 0px 208px;
}

#footercopyright {
padding: 7px 0px 0px 250px;
}

#footercopyright a{
color: #c5c789;
border-bottom: 1px solid #c5c789;
text-decoration: none;
outline: none;
display: inline-block;
}

#footercopyright a:hover{
color: #c5c789;
border-bottom: 1px solid #d65151;
text-decoration: none;
outline: none;
display: inline-block;
}

.footerbox {
background: url(images/footer_pixel_line.gif) repeat-y;
float: left;
height: 95px;
padding: 0px 25px 0px 25px;
}