/* CSS Document */

body { background:url(images/picket_fence.png) repeat #fff; padding:0; margin-top:100px;}
div#main { margin-left:auto; margin-right:auto; width:900px; border:#000000 solid 1px;}
div#header {width:900px; height:120px; border:#006600 solid 1px; background:url(images/headerimg.jpg) no-repeat; position:relative; margin-left:auto; margin-right:auto; text-align:center;}
div#header h3 { color:#FFFFFF; font-family:Geneva, Arial, Helvetica, sans-serif; margin-top:4px;}
div#header h2 { color:#FFFFFF; font-family:Geneva, Arial, Helvetica, sans-serif; margin-top:4px; z-index:5; position:relative;}
div#subheader {
	width:900px;
	height:40px;
	border:solid 1px;
	background:url(images/bed-and-breakfast-banner.jpg) repeat-x;
	border-color: #663300; vertical-align:middle; 
}

div#subheader a {padding:0px; margin:0px;}
div#subheader img {padding:0px; margin-left:-3px;}
div#subheader a.bread { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-stretch:expanded; color:#006600; text-decoration:none;  padding:0px; }
div#main_content {width:900px; border:#006600 solid 1px; background:#FFFFFF url(images/backbreak.png) repeat; padding-top:10px; height:auto; padding-bottom:10px;}
div#sub_head2 {
	width:900px;
	height:40px;
	border:solid 1px;
	background:url(images/bed-and-breakfast-banner-nottingham.jpg) repeat-x;
	border-color: #663300;
	text-align:center;
}
div#sub_head2 p, a { padding-left: 15px; padding-right:15px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; font-stretch:expanded; letter-spacing:2px; margin-top:10px;}
div#sub_head2 p, a:hover { color:#00CC00;}
div#footer {width:900px; height:60px; border:#006600 solid 1px; background:url(images/bed-breakfast.jpg) no-repeat; }
div#footer p {padding:0; margin-left:10px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:2px; margin-bottom:0; font-size:12px;}
div#header h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; text-indent:-9999px; z-index:5; height:187px; width:142px; background:url(images/friars-lodge.png) no-repeat; position:absolute; top:-60px; left:10px; padding:0; margin:0;}
div#footer p.footerfloat { float:right; margin-right:10px; font-size:24px; font-weight:bold; position:relative;}
div#header h2.shadow { color:#000000; top:-46px; left:2px; z-index:1}
div#main_content h4 { background:url(images/headbak.png) repeat-x;}
div#subheader a:hover {text-decoration:underline;}
h3.keyphrase { margin-left:20px; margin-top:2px; margin-bottom:13px; color:#006600; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bolder;}
h3.title { margin-top:12px; margin-bottom:12px; color:#006600; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bolder; }
p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
p.top { font-size:13px; margin-left:10px;}
div#main_content p,a { color:#006600; text-decoration:none;}
div#main_content ul { margin-left:260px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; color:#003300; width:330px; height:160px; padding:10px; padding-left:20px; background:url(images/guest-house-tariff.jpg) no-repeat; padding-top:40px; list-style-type:none;}
div#main_content li { padding-bottom:10px;  margin-left:22px; margin-top:0px; margin-bottom:0px;}
div#main_content a {font-weight:700; border-style:none; border-width:0px;}
div#main_content a:hover {text-decoration:underline;}
div#headings {width:240px; float:left; border: 1px dotted #00CC00; margin-left:4px; margin-right:4px; margin-bottom:8px;}
div#button_nav {float:right}

div#leftcol {width:300px;  float:left; text-align:center; }
div#midcol {width:300px;  float:left; text-align:center;}
div#rightcol {width:300px;  float:right; text-align:center;}
div#leftcol h2 { background:url(images/eating-out.jpg) no-repeat; height:106px; width:226px; padding:0; margin:0px; text-indent:-9999px; text-align:center; margin-left:auto; margin-right:auto;}
div#midcol h2 { background:url(images/activity.jpg) no-repeat; height:106px; width:226px; padding:0; margin:0px; text-indent:-9999px; text-align:center; margin-left:auto; margin-right:auto;}
div#rightcol h2 { background:url(images/castle.jpg) no-repeat; height:106px; width:226px; padding:0; margin:0px; text-indent:-9999px; text-align:center; margin-left:auto; margin-right:auto;}
p.sideimg { letter-spacing:1px; line-height:18px; margin-left:10px; margin-right:10px;}
h4 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; text-align:left; background-color:#FFFFCC; color:#009900; font-weight:100; text-indent:10px; margin-bottom:10px; margin-top:0px;}
img {border:none;}
img.gallery { margin-left:50px; margin-right:50px; margin-bottom:50px;}
li span { font-weight:700;}
li.single { background:transparent url(images/single-person.png) no-repeat; background-position:-0px -1px; padding-left:35px; line-height:24px; }
li.twin { background:transparent url(images/twin-person.png) no-repeat; background-position:-0px -1px; padding-left:35px; line-height:24px; }
li.double { background:transparent url(images/double-person.png) no-repeat; background-position:-0px -0px; padding-left:35px; line-height:24px; }
li.family { background:transparent url(images/family-people.png) no-repeat; background-position:-0px -0px; padding-left:35px; line-height:24px; }
/*Clear Fix Class */


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*Form styles */

form {width:750px; border:none;}
label, label span { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#009900; display:block; padding-bottom:5px;}
label {float:left; width:90%;}
label span {float:left; width:47%; text-align:right;}
legend { color:#009933; position:relative; top:-10px;}
fieldset {margin-top:10px; float:left; width:305px; height:80px; background:url(images/guest-house-field-back.jpg) no-repeat 30px 0px;  border:0px dashed #003300; padding-top:25px; margin-right:35px; overflow:hidden; padding-left:0px; padding-right:0px;}
fieldset input {text-align:left; float:right; width:45%; border:2px solid #003300; border-radius: 5px; -moz-border-radius: 5px; margin-bottom:5px;}
fieldset.message {margin-top:10px; float:left; width:655px; height:90px; background:url(images/message_bar.jpg) no-repeat 30px 0px;  border:0px dashed #003300; padding-top:18px; margin-right:20px; overflow:hidden;}
fieldset textarea {width:560px; margin-left:50px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#006600;}
fieldset input:hover { border-color:#009933;}
fieldset input:active, input:focus { border-color:#009933;}
fieldset input.noborder { border: none;}
fieldset.capt { width:307px;}
fieldset.capt input { float:left; position:relative; left:1px; width:120px;}
fieldset select {text-align:left; float:right; width:30%; border:2px solid #003300; border-radius: 5px; -moz-border-radius: 5px; margin-bottom:5px; color:#006600;}
label span.selector {float:left; width:60%;}

fieldset input.button {
  color: #006633;
  font-weight: bold;
  text-align:center; width:40%;
  font-weight:bold;
  font-size:150%;
  text-transform:uppercase;
  background:url(images/buttonbak.png) repeat-x;
  float:none;
  margin-left:108px;
  margin-top:10px;
}
fieldset input.button:hover {border-color:#009933;}

input[type="text"] { color:#006600;}