/* -------------------------------------------------
*
Title:			style.css
Website:		http://www.oldcoachhouse.info
Browser(s): 	Firefox 2, IE7, IE6, Safari 
Platform(s):    Win XP-SP2, Mac OSX
Author: 		Mark Greenley - adverset media solutions -www.adverset.co.uk
Last modified: 	09.12.2008 - MG - adverset media solutions.
*
------------------------------------------------- */

* {
margin:0;
padding:0;
line-height:1.35em;
list-style:none;
font-family:Georgia, "Times New Roman", Times, serif;
}
body {
font-size:62.5%;
min-width:661px;
background-color:#8A987E;
padding:0 0;
border-top:solid 6px #3B3D27;
}
body#home, #accommodation, #outandAbout, #contactUs, #tariff {
background:#8A987E;
}

#home #content {background:#fff url(/i/img-home-content.jpg) no-repeat 0 0;}
#accommodation #content {background:#fff url(/i/img-accomm-content.jpg) no-repeat 0 0;}
#standard #content {background:#fff url(/i/img-accomm-standard.jpg) no-repeat 0 0;}
#double-superior #content {background:#fff url(/i/img-deluxeroom-content.jpg) no-repeat 0 0;}
#double-deluxe #content {background:#fff url(/i/img-accomm-content.jpg) no-repeat 0 0;}
#outandAbout #content {background:#fff url(/i/img-outandAbout-content.jpg) no-repeat 0 0;}
#booking #content {background:#fff url(/i/img-booking-content.jpg) no-repeat 0 0;}
#contactUs #content {background:#fff url(/i/img-contact-content.jpg) no-repeat 0 0;}
#tariff #content {background:#fff url(/i/img-tariff-content.jpg) no-repeat 0 0;}

#container {
text-align:left;
width:661px;
margin:0;
position:relative;
margin-bottom:1em;
}
#masthead-home {
background:#8A987E url(/i/img-home.jpg) no-repeat 0 0;
margin:3px 34px 0 86px;
width:661px;
height:259px;
margin-bottom:0;
text-indent:-3000px;
}
#masthead-accommodation {
background:#8A987E url(/i/img-accommodation.jpg) no-repeat 0 0;
margin:3px 34px 0 86px;
width:661px;
height:259px;
margin-bottom:0;
text-indent:-3000px;
}
#masthead-outandAbout {
background:#8A987E url(/i/img-outandAbout.jpg) no-repeat 0 0;
margin:3px 34px 0 86px;
width:661px;
height:259px;
margin-bottom:0;
text-indent:-3000px;
}
#masthead-booking {
background:#8A987E url(/i/img-booking.jpg) no-repeat 0 0;
margin:3px 34px 0 86px;
width:661px;
height:259px;
margin-bottom:0;
text-indent:-3000px;
}
#masthead-contactUs {
background:#8A987E url(/i/img-contact.jpg) no-repeat 0 0;
margin:3px 34px 0 86px;
width:661px;
height:259px;
margin-bottom:0;
text-indent:-3000px;
}
#masthead-tariff {
background:#8A987E url(/i/img-tariff.jpg) no-repeat 0 0;
margin:3px 34px 0 86px;
width:661px;
height:259px;
margin-bottom:0;
text-indent:-3000px;
}
#masthead-single {
background:#8A987E url(/i/img-single.jpg) no-repeat 0 0;
margin:3px 34px 0 86px;
width:661px;
height:259px;
margin-bottom:0;
text-indent:-3000px;
}
#masthead-superior {
background:#8A987E url(/i/img-deluxe.jpg) no-repeat 0 0;
margin:3px 34px 0 86px;
width:661px;
height:259px;
margin-bottom:0;
text-indent:-3000px;
}
#masthead-deluxe {
background:#8A987E url(/i/img-superior.jpg) no-repeat 0 0;
margin:3px 34px 0 86px;
width:661px;
height:259px;
margin-bottom:0;
text-indent:-3000px;
}
/*--- 
OHC LOGO  ---------------------------------------------------------*/
#logo {
margin-bottom:0;
text-indent:-3000px;
}

#logo h1 {
background:url(/i/ohc-logo.png) no-repeat;
width:90px;
height:79px;
position:absolute;
top:10px;
left:647px;
text-indent:-3000px;}


 #holder {
width:661px;
background-color:#fff;
overflow:hidden;
margin-left:86px;
} 
#content {
float:left;
width:417px;
background-color:#fff;
margin:0 0 25px 0;
}
#contact {
width:245px;
height:28px;
display:block;
text-indent:-3000px;
overflow:hidden;
padding:0;
margin:0;
}
#contact ul {
margin:0;
}
#contact ul li {
float:left;
}
#contact ul li a {
float:left;
display:block;
height:28px;
padding:0;
margin:0;
text-indent:-3000px;
text-decoration:none;
overflow:hidden;
}
#contact ul li#nav4 a {width:245px;background: url(/i/nav-contact.png) no-repeat;}
#contact ul li#nav4 a:hover {background: url(/i/nav-contact.png) 0 -28px no-repeat;}

/*-----
Sets up secondary content collumn ------------------------------------*/
#secondary-content {
float:right;
width:240px;
margin:0 0 25px 0;
}
#secondary-content ul {;
margin-bottom:10px;
}

#secondary-content ul li {
color:#a5a575;
font-size:1.3em;
line-height:1.5em;
margin:0 1em 0 3em;
padding:0 0 0 0;
list-style-type:square;
}
#secondary-content ul li a {
color:#9883a7;
text-decoration:none;
}
#secondary-content ul li a:hover {
color:#a5a575;
text-decoration:underline;
}
/* -------
Sets up content properties for secondary collumn -------------------*/
#secondary-content-panel {
background-color:#fff;
margin-bottom:10px;

}
#secondary-content-panel .editorial {
padding:0 0 0 4px;
}
#secondary-content-panel .quote {
padding:0 0 0 10px;
}
#secondary-content-panel p {
color:#a5a575;
font-size:1.3em;
line-height:1.5em;
margin:0.5em 1em 0.5em 0.5em;
}
#secondary-content-panel ul li {
color:#a5a575;
font-size:1.3em;
line-height:1.5em;
margin:0 1em 0 3em;
padding:0 0 0 0;
list-style-type:square;
}
#secondary-content-panel ul li a {
color:#9883a7;
text-decoration:none;
}
#secondary-content-panel ul li a:hover {
color:#a5a575;
text-decoration:underline;
}
#secondary-content-panel a.read-more {
color:#9883a7;
padding:10px 0 0 0;
text-decoration:none;
font-weight:bold;
}
#secondary-content-panel a.read-more:hover {
text-decoration:underline;
}

/*--- 
MAIN NAVIGATION  ---------------------------------------------------------*/
#navigation {
position:relative;
width:661px;
margin:0 34px 0 86px;
background-color:#3B3D27;
height:32px;
padding:0;
border-bottom:8px solid #fff;
}

#navigation ul {
margin:0;
}
#navigation ul li {
float:left;
}
#navigation ul li a {
float:left;
display:block;
height:32px;
padding:0;
margin:0;
text-indent:-3000px;
text-decoration:none;
overflow:hidden;
}
#navigation ul li#nav0 a {width:61px;background:#3b3d27 url(/i/nav0.gif) no-repeat;}
#navigation ul li#nav0 a:hover {background:#9883a7 url(/i/nav0.gif) 0 -32px no-repeat;}
#navigation ul li#nav1 a {width:130px;background:#3b3d27 url(/i/nav1.gif) no-repeat;}
#navigation ul li#nav1 a:hover {background:#9883a7 url(/i/nav1.gif) 0 -32px no-repeat;}
#navigation ul li#nav2 a {width:82px;background:#3b3d27 url(/i/nav2.gif) no-repeat;}
#navigation ul li#nav2 a:hover {background:#9883a7 url(/i/nav2.gif) 0 -32px no-repeat;}
#navigation ul li#nav3 a {width:84px;background:#3b3d27 url(/i/nav3.gif) no-repeat;}
#navigation ul li#nav3 a:hover {background:#9883a7 url(/i/nav3.gif) 0 -32px no-repeat;}
#navigation ul li#nav4 a {width:135px;background:#3b3d27 url(/i/nav4.gif) no-repeat;}
#navigation ul li#nav4 a:hover {background:#9883a7 url(/i/nav4.gif) 0 -32px no-repeat;}
#navigation ul li#nav5 a {width:64px;background:#3b3d27 url(/i/nav5.gif) no-repeat;}
#navigation ul li#nav5 a:hover {background:#9883a7 url(/i/nav5.gif) 0 -32px no-repeat;}
/*--- 
SUB NAVIGATION  ---------------------------------------------------------*/
#sub-navigation {
position:relative;
width:661px;
margin:0 34px 0 86px;
background-color:#3B3D27;
height:32px;
padding:0;
border-bottom:8px solid #fff;
}

#sub-navigation ul {
margin:0;
}
#sub-navigation ul li {
float:left;
}
#sub-navigation ul li a {
float:left;
display:block;
height:32px;
padding:0;
margin:0;
text-indent:-3000px;
text-decoration:none;
overflow:hidden;
}

#sub-navigation ul li a:hover {background:#9883a7 url(/i/nav0.gif) 0 -32px no-repeat;}

/*--- 
FOOTER  ----------------------------------------------------------*/
#footer {
background-color:#616951;
clear:both;

}
#footer-content {
width:649px;
margin-left:86px;
padding:20px 0 20px 0;
color:#fff;
padding-bottom:15px;
background:url(../i/5star.gif) right center no-repeat;
}
#footer-content h3 {
text-transform:uppercase;
padding-top:20px;
font-size:1.4em;
padding-bottom:3px;
}
#footer-content p {
font-family:"Trebuchet MS",arial,verdana,"sans serif";
font-size:1.3em;
color:#fff;
}
#footer-content p a {
font-family:"Trebuchet MS",arial,verdana,"sans serif";
color:#CBDC80;
text-decoration:underline;
}
#footer-content p a:hover {
color:#9883a7;
text-decoration:underline;
}
#footer-content .links {
margin-left:150px;
float:right;
}

/*--- CONTENT  ---------------------------------------------------------*/

#content h1 {
color:#3B3D27;
margin:1em 1em 1.3em 1em;
font-size:2.8em;
margin-bottom:0.3em;
font-weight:normal;
}
#content h2 {
color:#3B3D27;
margin:1em 0 1.6em 0.5em;
font-size:2em;
font-weight:normal;
}
#content h3 {
color:#3B3D27;
margin:1em 1em 5px 12px;
/*font-size:2em; */
margin-bottom:0.3em;
font-weight:normal;
}
#content p, ol, address {
color:#3B3D27;
font-size:1.3em;
line-height:1.5em;
margin:1em 1em 1.3em 1em;
}

	.comments li { font-size: 0.8em; }
	.comments li p { color: #3b3d27 !important;}
	.small { font-size: 1.2em; padding-bottom: 10px; margin-left: 1em; color: #c5a86e; }

	
#content ul li {
color:#a5a575;
font-size:1.3em;
line-height:1.5em;
margin:0 1em 0 3em;
padding:0 0 0 0;
list-style-type:square;
}
#content ul li a {
color:#9883a7;
text-decoration:none;
}
#content ul li a:hover {
color:#a5a575;
text-decoration:underline;
}
ol {
list-style:decimal;
}

#content a {
color:#9883a7;
text-decoration:none;
}
#content a:hover {
text-decoration:underline;
}

#content img {
padding:3px; 
border:1px solid #8a987e;
margin:0 15px 0 15px;
}

#content img.heading {
padding:0;
border:0;
margin:0;
}
/*---
=News ---------*/
#latest-news {
border: solid 1px #C0C3A8;
margin:0px 15px 0 10px;
background:#fff url(/i/new-offers.gif) 3px 3px no-repeat;
padding:30px 0 0 0;
}
#latest-news h3 {
color:#58622F;
font-size:1em;
font-weight:normal;
padding-bottom:2px;
}
#latest-news a.read-more {
color:#9883a7;
padding:10px 0 0 0;
text-decoration:none;
font-weight:bold;
}
#latest-news a.read-more:hover {
text-decoration:underline;
}
.news-item {
border-bottom:1px dashed #ccc;
}
.news-item h3 {
color:#3B3D27;
margin:0;
font-size:1.8em;
font-weight:normal;
/*padding-bottom:2px;*/
}
.news-item h4 {
color:#3B3D27;
margin:1em 0.3em 0 0.3em;
padding:2px 0 2px 10px;
background-color:#e6eacf;
font-size:1.3em;
border-bottom:#c0c3a8 1px solid;
border-top:#c0c3a8 1px solid;
}
.news-item h4 a {
color:#7D423B;
text-decoration:none;
}
.news-item h4 a:hover {
color:#7D423B;
text-decoration:underline;
}
.news-item p {
color:#667041;
font-size:1.3em;
}
.news-item a.read-more {
color:#9883a7;
text-decoration:none;
font-weight:bold;
}
.news-item a.read-more:hover {
text-decoration:underline;
}
.news-item .date {
font-size:1.2em;
margin:0 0 5px 12px;
color:#000;
}

/*----
=Map -----------------------*/
div#popup {
background:#EFEFEF;
border:1px solid #999999;
margin:0px;
padding:7px;
width:270px;
}
#map {
margin:5px 0 10px 15px;
padding:2px;
border:solid 1px #3b3d27;
}
/*---- 
=contact -------------------*/
#contactTable { margin:0 0 10px 35px; }
#contactTable tbody {}
#contactTable tr td {padding:10px 0 10px 0;}
.tdheader-contact {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.4em;font-weight:normal;color:#3b3d27;border-top:solid 1px #3b3d27;border-bottom:solid 1px #3b3d27;text-transform:uppercase;}
.subtdheader-contact {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.4em;font-weight:normal;color:#3b3d27;border-bottom:solid 1px #3b3d27;border-top:solid 1px #3b3d27;text-transform:uppercase;}
.tdcontent {font-size:1.2em;font-weight:normal;color:#3b3d27;line-height:25px;}
.tdcontent a {color:#890857;text-decoration:none;}
.tdcontent a:hover {color:#866144;text-decoration:none;background-color:#FEFAEC;}

/* =general form fields */

input {font-family:"Trebuchet MS",verdana, helvetica, "sans serif";font-size:12px;color:#556267;margin-right: 0;line-height: 15px;float:left;height:15px;padding-left:5px;} 
inputPrint {width: 200px;margin-right: 25px;line-height: 15px;float:left;border: 1px solid #ccc;}
#comment {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;font-weight:normal;color:#866144;width: 330px;border:1px solid #866144;}
.submit input {width:68px;height:35px;text-indent:-3000px;text-decoration:none;overflow:hidden;background: url(/i/submit.gif) no-repeat;border:0;}
.submit input:hover {background:#fff url(/i/submit.gif) 0 -35px no-repeat;}

.preview input { width: 68px; height: 35px; text-indent: -3000px; text-decoration: none; overflow:hidden; background:url('/i/preview.gif') no-repeat; border: 0px; }
.preview input:hover { background-position: 0 -35px; }

#name,#phone,#email,#company,#delegates {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;font-weight:normal;color:#3b3d27;width: 150px;height:22px;margin-right: 0;line-height: 15px;float:left;padding: 5px;border: 1px solid #3b3d27;}
#numberOfStandardRooms,#numberOfDeluxeRooms,#numberOfSuperDeluxeRooms,#numberOfTwinSuperDeluxeRooms {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;font-weight:normal;color:#3b3d27;width:20px;height:20px;margin:0 0 0 10px;line-height: 15px;padding: 5px;border: 1px solid #3b3d27;}
.single_quantity, #Superior, #Deluxe {padding: 5px;}

#dayFrom,#monthFrom,#yearFrom,#dayTo,#monthTo,#yearTo,#eventDay,#eventYear,#eventMonth,#functionType {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;font-weight:normal;color:#3b3d27;height:30px;margin-right:10px;line-height: 15px;float:left;padding: 5px;border: 1px solid #3b3d27;}
#dayFrom,#yearFrom,#dayTo,#yearTo,#eventDay,#eventYear {width:80px;}
#monthFrom,#monthTo,#eventMonth,#functionType {width:110px;}

/*---- 
=TARIFF table -------------------*/
#tariff-table {background-color:#fff; margin:0 0 0 5px;  border:1px solid #3b3d27; }
#tariff-table tr td {color:#556267; font-size:12px;padding:5px;}
#tariff-table .tdheader {color:#fff;text-transform:uppercase;margin-top:5px;background-color:#547327;}
#tariff-table .row1 {color:#3b3d27;margin-top:5px;background-color:#ddd;text-align:center;}
#tariff-table .row2 {color:#3b3d27;margin-top:5px;background-color:#eee;text-align:center;}


/*--- HIDE STUFF COS ITS MORE ACCESSIBLE THAN DISPLAY:NONE;  ---------------------------------------------------------*/
legend {
height:0;
}
legend,
#header ul,
.hidevis
{
position:absolute;
top:0;
left:-90000px;
visibility:hidden;
height:0;
width:0;
}
/*--- TEXT-INDENT  ---------------------------------------------------------*/
#header h1
{
text-indent:-3000px;
overflow:hidden;
text-decoration:none;
}

/*--- CLEARFIXES  ---------------------------------------------------------*/
#header
{
overflow:hidden;
}

/*---- 
=Whats-On table -------------------*/
#whats-on-table {background-color:#fff; margin:0 0 0 5px;  border:1px solid #3b3d27; width:400px;}
#whats-on-table tr td {color:#556267; font-size:1.1em; padding:3px; border:1px solid #ccc;}
#whats-on-table .tdheader {color:#fff;text-transform:uppercase;margin-top:5px;background-color:#547327;}
#whats-on-table .row1 {color:#3b3d27;margin-top:5px;background-color:#ddd;text-align:center;}
#whats-on-table .row2 {color:#3b3d27;margin-top:5px;background-color:#eee;text-align:center;}
