/* - - - - - - - - - - - - - - - - - - - - -

Title : Old Bridge Cottage
Author : Wayne Roberts
URL : http://www.lushnewmedia.com/

Description : style.css

Created : 01.02.08

- - - - - - - - - - - - - - - - - - - - - */


html,body {
	margin:0;
	padding:0;
	background:#fff url(images/background.jpg) repeat-x fixed;    
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#464a46;
	}
div#container {
	margin:10px auto;
	padding:0;
	width:798px;
	background:#fff;    
	height: 100%;
	}

div#content {
	position:relative;
	float: left;
	width: 798px;
	background: #fff;
	padding: 0;
	margin: 0;
	padding: 0;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
h1 {
	font-size: 80%;
	margin: 0;
	padding: 0 0 3px;
	}
h2 {
	font-size: 120%;
	margin: 0;
	padding: 0 0 10px;
	color: #a9a157;
	font-weight: normal;
	}
h3 {
	font-size: 110%;
	margin: 0;
	padding: 0 0 10px;
	color: #666;
	font-weight: normal;
	}
	h3 a{
		color: #666;
		background:#fff url(images/arrow.gif) left center no-repeat;    
		padding-left:8px;
		}
h5 {
	color: #666;
	font-size: 70%;
	font-weight: bold;
	line-height: 14px;
	padding:4px 8px 1px;
	margin: 0;
	}
p {
	color: #666;
	font-size: 70%;
	margin: 0;
	padding: 0;
	line-height: 17px;
	}
a {
	color: #666;
	}
a:hover {
	color: #a9a157;
	}
img {
	border: none;
	}
.bold {
	font-weight: bold;
	}
 

/* HEADER */

div#header {
	float: left;
	width: 798px;
	height: 117px;
	margin:0;
	padding:0;
	background:#464a46 url(images/masthead.gif) left center no-repeat;
	border: 1px solid #ccc;
	}
#logo {
	position:relative;
	top:40px;
	left:34px;
	display: block;
	margin: 0;
	width: 290px;
	padding: 40px 0 0 0; 
	overflow: hidden;  
	background: url(images/old-bridge-cottage_logo.gif) no-repeat;    
	height: 0px !important; height /**/: 40px;
	}
#flashcontent {
	position:relative;
	float: left;
	width: 798px;
	height: 45px;
	background-color: #fff;
	margin: 0;
	padding: 0 0 0;
	border-bottom: 1px solid #fff;
			border-left:1px solid #ccc;
		border-right:1px solid #ccc;
}
div#menu {
		color: #e5e5e5;
		width: 156px;
		font-size: 70%;
		font-weight: bold;
		text-align: left;
		padding: 0;
		}
	div#menu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
	div#menu ul li {
		width: 156px;
		}
	div#menu a {
		color: #e5e5e5;
		display: block;
		padding: 0;
		text-decoration: none;
		}
	
/* LEFT COLUMN */

div#col-left {
	position:relative;
	display: block;
	width: 352px;
	min-height: 485px;
	float: left;
	background-color: #fff;
	padding: 0 0 0 18px;
	margin: 0;
	}

div#content2 {
	position:relative;
	float: left;
	width: 798px;
	background:#f0f1f0;
	padding: 0;
	margin: 0;
	padding: 0;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
div#col-left-main {
	position:relative;
	display: block;
	width: 401px;
	min-height: 780px;
	float: left;
	background-color: #fff;
	padding: 30px 20px 25px 34px;
	margin: 0;
	border-right: 1px dashed #949b93;
	}
div#col-left-main p{
	margin:0;
	padding: 3px 0 6px;
	}
#flashcontent2 {
	width: 370px;
	height: 485px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	}

div#col-left2 {
	position:relative;
	display: block;
	width: 742px;
	float: left;
	background-color: #fff;
	padding: 30px 20px 15px 34px;
	margin: 0;
	}
div#col-left2 p{
	margin:0;
	padding: 3px 0 6px;
	}

p.reducedWidth {
	width: 500px;
	}






/* RIGHT COLUMN */

div#col-right {
	position:relative;
	float:right;
	display: block;
	width: 370px;
	background-color: #fff;
	padding: 30px 20px 25px 10px;
	margin: 0;
	min-height:430px;
	}
div#col-right p{
	margin:0;
	padding: 3px 0 6px;
	}

div#gallery {
	position:relative;
	float:left;
	display: block;
	width: 310px;
	background:#f0f1f0;
	padding: 33px 10px 55px 10px;
	margin: 0;
	min-height:430px;
	}
div#gallery img {
	padding: 10px 0 10px 0;
	}



#flashcontent3 {
	width: 320px;
	height: 545px;
	background-color: #f0f1f0;
	margin: 0;
	padding: 0;
	}
#flashcontent4 {
	width: 320px;
	height: 370px;
	background-color: #f0f1f0;
	margin: 0;
	padding: 0;
	}
#flashcontent5 {
	width: 640px;
	height: 450px;
	background-color: #f0f1f0;
	margin: 0;
	padding: 0;
	}

/* BOT-PANEL */

div#bot-panel {
	float: left;
	width:764px;
	color: #666;
	background:#f0f1f0;
	padding: 20px 0 20px 34px;
	border-top: 1px dashed #949b93;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	}
div#bot-panel-left {
	float: left;
	width:360px;
	color: #666;
	background:#f0f1f0;
	padding: 0;
		}
div#bot-panel-right {
	float: left;
	width:360px;
	color: #666;
	background:#f0f1f0;
	padding: 0 0 0 25px;
	border-left:  1px dashed #949b93;
		}
div#bot-panel img{
	float: left;
	padding: 0 10px 10px 0}

div#bot-panel p {
	line-height: 15px;
	padding:  0 0 7px 0;
	
	}
a.boxlink {
	color: #fff;
	background: #949b93;
	padding: 3px 8px 5px 10px;
	margin: 10px 0 0 0;
	text-decoration: none;
	}
a:hover.boxlink {
	color: #fff;
	background: #949b93;
	padding: 3px 8px 5px 10px;
	margin: 10px 0 0 0;
	text-decoration: underline;
	}
.smaller {
	font-size: 90%;
	}


div#bot-panel2 {
	float: left;
	width:764px;
	color: #666;
	background:#fff;
	padding: 20px 0 20px 34px;
	border-top: 1px dashed #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	}
div#bot-panel-left2 {
	float: left;
	width:350px;
	color: #666;
	background:#fff;
	padding: 0 25px 0 0;
	border-right:  1px dashed #ccc;
		}
div#bot-panel-right2 {
	float: left;
	width:340px;
	color: #666;
	background:#fff;
	padding: 0 10px 0 25px;
		}
div#bot-panel2 img{
	float: left;
	padding: 0 4px 0px 0}

div#bot-panel2 p {
	line-height: 16px;
	padding:  0 0 7px 0;
	
	}
div#bot-panel2 h3 {
	line-height: 16px;
	padding:  0 0 7px 0;
	border-bottom:  1px dashed #ccc;
	margin-bottom: 8px;
	
	}

/* TABLES */

#bookedbox {
	width: 14px;
	height: 14px;
	background: #a9a157;
	float: left;
	position: relative;
	margin: 4px 0 0 0;
	}

table table {
	text-align: left;
	padding: 0 15px 0 10px;
	border-right:  1px dashed #ccc;
	margin-bottom: 5px;
	}
table.calendar{
	width: 700px;
	border-bottom:  1px dashed #ccc;
	padding: 6px 0 0 0;
	}
td.month {
	font-size: 100%;
	height: 20px;
	padding: 3px 0 4px 9px;
	border-bottom: #fff solid 4px;
	text-align: left;
	background: #999;
	color: #fff;
	}
td {
	text-align: center;
	padding: 1px 2px;
	font-size: 90%;
	}
td.booked {
	background: #a9a157;
	color: #fff;
	}


table.pricing{
	padding: 3px;
	font-size: 80%;
	}
table.pricing td.priceHeading {
	font-size: 120%;
	height: 20px;
	padding: 3px 0 4px;
	border: 0;
	border-bottom: #fff solid 4px;
	background: #999;
	color: #fff;
	}
table.pricing td{
	padding: 3px;
	border: 1px solid #ccc;
	width: 120px;
	}


/* CONTACT FORM */

#bookingTable {
	width: 650px;
	background:#f0f1f0;
	padding: 20px;
	}
#bookingTable td {
	text-align:left;
	font-size: 80%;
	line-height: 16px;
	padding: 3px;
	}
#bookingTable input {
	text-align:left;
	font-size: 80%;
	border: 1px solid #999;
	padding: 4px;
	}
#bookingTable td.BookingText {
	text-align:right;
	font-size: 80%;
	line-height: 16px;
	padding-right: 10px;
	}

div#enquiryform {
	padding: 30px 170px 40px 10px;	
	margin: 0 0 15px 0;	
	background:#fff;
	float: right;
	width: 270px;	}

#contactform {
	padding: 0 10px 15px 10px;	
	margin: 0 0 15px 0;	
	background:#f0f1f0;
	float: left;
	clear:right;
	width: 270px;	}
legend {
	font-size: 80%;
	display: block;
	text-indent: 0;
	font-weight: bold;
	padding: 15px 0 0;
	margin: 10px 0 0;
	border: 0;
	}
form fieldset {
	border:0;
	margin:0;
	padding:0;
	}
form p {
	padding:0 0 8px;
	margin:3px 0;	
	line-height: 21px;
	font-weight: bold;
	}
form textarea {
	font-size: 110%;
	overflow:auto;
	border: 1px solid #a5a5a5;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 3px 2px;
	background-color: #fff;
	color: #666;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	}
#contactform input {
	font-size: 110%;
	border: 1px solid #a5a5a5;
	margin: 0;
	padding: 3px 2px;
	background-color: #fff;
	color: #666;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	}
#contactform input.btn {
	margin:0;
	padding:0;	
	background-color: inherit;
	height: 20px;
	border: 1px solid #a5a5a5;
	}
form .hidden {
	display:none;
	}

/* FOOTER */

div#footer {
	float: left;
	width:798px;
	color: #fff;
	background:#a4a9a3;
	margin-bottom: 5px;
	border:1px solid #ccc;
	}
	div#footer p {
	padding:25px 0 25px 34px;
	margin:0;
	color: #fff;
		}
	div#footer p a{
		color: #fff;
		text-decoration: none;
		}
	div#footer p a:hover{
		color: #fff;
		text-decoration: underline;
		}
	div#footer p .credit {
		color: #f0f1f0;
		}
	div#footer p .credit a{
		color: #f0f1f0;
		}
	div#footer p .credit a:hover{
		color: #f0f1f0;
		}