/******************************************************************************************************************

Main 'style.css' Style sheet

Developed by Ocean Agency, July 2008

Copyright Blairquhan Castle (c) 2008

A-Z CSS properties list style

******************************************************************************************************************/

* {
margin: 0;
padding: 0;
}

body, p, blockquote {
	margin: 0;
	padding: 0;
}	

#content p {
	color:#4e4e4e
}

a img, iframe { border: none; padding:0; margin:0; }
a,a:focus,a:active {outline:none}



/* Headers

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

h2, h6 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 100%
}

h3, h5 {
	margin: 0;
	padding: 0;
	font-size: 100%
}

h5 {
color:#004124
}

#content a {color:#004124;text-decoration:none}
#content a:hover {color:#004124;text-decoration:underline}
#content a:visited {color:#004124;text-decoration:none}		



/* Lists

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

ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
	}	


/* Links

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

a, a:link {}
a:visited {}
a:hover {}
a:active {}




/* Forms

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

form, fieldset {
	margin: 0;
	padding: 0;
}

fieldset { border: 1px solid #000; }

legend {

	padding: 0;

	color: #000;

	}

input, textarea, select {

	margin: 0;

	padding: 1px;

	font-size: 100%;

	font-family: inherit;

	}

select { padding: 0; }

p {
  line-height:180%;
  margin-bottom:10px;
  font-family: Verdana, Helvetica, sans-serif
}

/* Pure Class

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

.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.floatLeft { float: left; }
.floatRight { float: right; }
.width100 { width: 100%; }
.width75 { width: 75%; }
.width50 { width: 50%; }


/* MAIN BODY */

#topnav{background:url('images/topnav_bg.jpg') repeat-x;height:25px;width:950px;margin-bottom:10px;margin-left:25px}
#topnav li {display: inline;list-style-type: none;padding-right: 20px;text-transform:uppercase;}
#topnav li a:hover{background:url('images/topnav_bgh.jpg') repeat-x;}

/* -------------- =Navigation --*/

.mainNav { margin: 0px 0px 0px 25px; padding: 0px; height: 32px; width: 950px; background: url(images/mainNavBg.jpg) no-repeat left top; margin-bottom: 10px; }
.mainNavContainer { margin: 0px; padding: 0px; float: left; height: 30px; width: 950px; font: 0.8em Georgia, "Times New Roman" , Times, serif; color: #999999; }
.mainNavContainer ul { margin: 0px; padding: 0px; float: left; list-style: none; white-space: nowrap; }
.mainNavContainer ul li { margin: 0px; padding: 0px; display: inline; }
.mainNavContainer ul li a { position: relative; text-transform: uppercase; color: #666; text-decoration: none !important; display: block; height: 27px; margin: 0px; padding: 5px 15px 0px 15px; text-align: center; text-indent: 0px; float: left; }
.mainNavContainer ul li a:hover, .mainNavContainer ul li a:focus { color: #434343; background: url(images/mainNavHover.jpg) repeat-x left top; text-decoration: none !important; }
.mainNavContainer ul li a.mainNavOn { text-transform: uppercase; color: #005130 !important; text-decoration: none; display: block; height: 25px; margin: 0px; padding: 7px 15px 0px 15px; text-align: center; text-indent: 0px; float: left; background: url(images/mainNavHover.jpg) repeat-x left top; }
.mainNavContainer ul li a.mainNavOn:hover, .mainNavContainer ul li a.mainNavOn:focus { text-transform: uppercase; color: #005130; text-decoration: none; display: block; height: 25px; margin: 0px; padding: 7px 15px 0px 15px; text-align: center; text-indent: 0px; float: left; background: url(images/mainNavHover.jpg) repeat-x left top; }
.mainNavContainerDivider { margin: 0px; padding: 0px; background: url(images/mainNavOff.gif) no-repeat left top; float: left; height: 30px; width: 1px; }
.mainNavGrey { color: #999999; }
.mainNavContainer ul li.homeNav a { text-transform: uppercase; color: #999999; text-decoration: none; display: block; height: 27px; margin: 0px; padding: 5px 12px 0px 13px; text-align: center; text-indent: 0px; float: left; background: none; }
.mainNavContainer ul li.homeNav a:hover, .mainNavContainer ul li.homeNav a:focus { text-transform: uppercase; color: #434343; text-decoration: none; display: block; height: 27px; margin: 0px; padding: 5px 12px 0px 13px; text-align: center; text-indent: 0px; float: left; background: url(images/mainNavHoverHome.jpg) no-repeat left top; }
.mainNavContainer ul li.homeNav a.mainNavOn { text-transform: uppercase; color: #005130; text-decoration: none; display: block; height: 25px; margin: 0px; padding: 7px 12px 0px 13px; text-align: center; text-indent: 0px; float: left; background: url(images/mainNavHoverHome.jpg) no-repeat left top; }
.mainNavContainer ul li.homeNav a.mainNavOn:hover, .mainNavContainer ul li.homeNav a.mainNavOn:focus { text-transform: uppercase; color: #005130; text-decoration: none; display: block; height: 25px; margin: 0px; padding: 7px 12px 0px 13px; text-align: center; text-indent: 0px; float: left; background: url(images/mainNavHoverHome.jpg) no-repeat left top; }
.mainNavContainer ul li.lastNav a { text-transform: uppercase; color: #999999; text-decoration: none; display: block; height: 27px; margin: 0px; padding: 5px 10px 0px 13px; text-align: center; text-indent: 0px; float: left; background: none; }
.mainNavContainer ul li.lastNav a:hover, .mainNavContainer ul li.lastNav a.mainNavOn:focus { text-transform: uppercase; color: #434343; text-decoration: none; display: block; height: 27px; margin: 0px; padding: 5px 10px 0px 13px; text-align: center; text-indent: 0px; float: left; background: url(images/mainNavHover.jpg) repeat-x left top; }


/* FLOATERS */

#content, #content .content_right, .post .entry3 img, .post .entry3 img a {float:right}
#content .content_left, h1.title, .smallbox1, .holder {float:left}

/* MAIN CSS for Content of Pages */

#container{text-align:left}
#container{background:#fff;width:1000px;margin:0 auto}

#content p{line-height:1.4}
#content{width:720px;padding-right:25px;margin-bottom:40px}

#content .content_left {
width:350px
}

#content .content_right {
width:350px
}

#boxes{margin-top:22px}


/* NAVIGATION on Side Bar */
#navigation{background:#fff;margin-bottom:22px;margin-left:25px;width:200px;}
#navigation h2{color:#24593b;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:140%;text-transform:uppercase}
#navigation p {color:#999;font-weight:bold;line-height:1.6em}
#navigation p.introtext { font: 1.1em/1.3em georgia, 'times new roman', serif;   color: #666666;  float: left;  margin: 0;  padding: 0 0 0 5px}

#navigation ul {background:#DFE9DE;padding:20px 20px 20px 10px}
#navigation li {list-style-type:none;padding:15px 0 15px 0;border-bottom:1px dotted #999;text-transform:uppercase; width:150px}
#navigation li.last {border-bottom:1px solid #DFE9DE}

#navigation li a {color:#333;text-decoration:none}
#navigation li a:visited {color:#004E26;text-decoration:none}
#navigation li a:hover {color:#004E26;text-decoration:underline}

.boldlast{border-bottom:1px solid #DFE9DE}
.bold,.boldlast {font-weight:bold}

#extra{background:#fff;margin-left:25px;width:200px}
#extra img{padding:0;margin:0}

.extra{background:#fff;margin-left:25px;width:200px}
.extra img{padding:0;margin:0}






body {
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:76%;
line-height:1.4;
margin:0;
padding:0;
text-align:left
}

/* HEADER ELEMENTS */

#header{background:url('images/blairquhan-header.jpg') no-repeat;height:136px;margin-left:25px;position:relative}
/*#header a{position:absolute;right:0;top:23px}*/
/*#header img {
padding-top:17px
}*/

.title a {
	display: block;
	height: 60px;
	width: 240px
}

h1.title  {
	display: block;
	visibility:hidden;
	height: 79px;
	width: 219px;
	margin: 0 auto;
	padding: 0;
	background: url('images/logo.jpg') no-repeat 0 50% transparent
}

h1.title  {
	display: block;
	height: 90px;
	width: 229px;
	margin: 0 auto;
	padding: 0;
	background: url(/images/logo.jpg) no-repeat 0 50% transparent
}

.skip {
	height: 0;
	width: 0;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.title span {
	height: 0;
	width: 0;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.title a {
	display: block;
	height: 60px;
	width: 240px
}


/* SMALL BOXES ON HOME PAGE ELEMENTS */

.smallbox1 {
background:#EFF4EE url('images/bgr.jpg') repeat-x;
width:188px;
}

.boxbits {
height:116px
}



.smallbox1 h5 {
text-transform:uppercase;
text-align:center;
padding:6px 0 5px 0
}

.smallbox1 p {
padding:0 6px 0 6px
}

.dog {
float:left;
margin-top:50px
}

.tl {background:url(images/tl.gif) 0 0 no-repeat}
.tr {background:url(images/tr.gif) 100% 0 no-repeat;padding:10px}

.holder {
height:224px;
margin-right:12px
}


/* FOOTER ELEMENTS */

#footer {
	margin-top:40px
}

#footer .footbits {
display:inline;float:right;margin-top:80px;margin-right:92px
}

#footer p {
font-size:1.0em;
line-height:2em;
margin:30px 0 0 25px;
color:#666
}

#footer a:link {
	color: #fff;
}

#footer a:visited {
	color: #000;
}

#footer a:hover {
	text-decoration: underline;
	color: #fff;
}

#footer p{margin:0;padding:5px 10px}
#footer a{display:inline;padding:0;color: #C6D5FD}


/* FORM ELEMENTS */

#form {
	color: #333;
	font-size: 1em;
	width: 370px;
}

#form input,#form textarea,#form select {
margin-bottom:8px;
}

#form p {
color:#919293;
margin-bottom:4px;
padding-top:2px;
text-align:center;
}

textarea.mailform {
 width: 200px;
 font: 0.9em Arial, Helvetica, sans-serif;
 color: #000;
 border: 1px solid #999;
 margin-right: 0px;
}

input.mailform {
 width: 250px;
 font: 0.9em Arial, Helvetica, sans-serif;
 color: #000;
 border: 1px solid #999;
 margin-right: 0px;
}

input.button {
 font: 0.75em Arial, Helvetica, sans-serif;
 background-color: #fff;
 color: #000;
 margin:3px 10px 2px 10px
}

p.form{font-size:100%; color:#000000 ; margin:2px 0px 0px 10px; padding:0px;}

/* ACCESSIBILITY */

span.invisible {visibility:hidden;}
label{color:#000; font-size:100%;margin-right:12px;margin-left:10px;}




/* ajax bits */

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




		/* A few IE bug fixes */

		* { margin: 0; padding: 0; }

		* html ul ul li a { height: 100%; }

		* html ul li a { height: 100%; }

		* html ul ul li { margin-bottom: -1px; }

		ul li a { display: inline-block; }

		#theMenu { width: 191px; /*height: 300px;*/ margin: 0px 0; }

		

		/* Some list and link styling */

		#theMenu ul li { width: 191px; }
		#theMenu ul ul li { padding: 0; width: 191px; margin-bottom: 0; }
		ul ul li a, ul ul li p { display:block; color: #000; font-size: 100%; border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6; padding-left: 10px; padding-top:10px; padding-bottom:10px }
		ul ul li a:hover { display:block; color: #369; font-size: 100%; }
		#theMenu li { list-style-type: none; }
		#theMenu h2 { margin-top: 1.5em; }
		

		/* Header links styling */

		#theMenu  h3.head a { 

		color: #333;

		display:block;

		height:29px

		}

		#theMenu  h3.head a:hover {

		}

		#theMenu  h3.selected a {

		}

		#theMenu  h3.selected a:hover { 

		}





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

/* SIFR BABY YEEEEEEEEEEEEEEH */

h1.sifr, #navigation h4.sifr {
	margin:0;
	padding:0;
	font-size:220%;
	line-height:100%
	}

h1 {
	margin-bottom:0
}

h4.sifr, h2.sifr {
	margin:0;
	padding:0;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
  left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h4, .sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 120%;
}

p.sifr {
	font-size:120%
}

/* OTHER BITS */

/* CURVED CORNERS for SIDEBAR */

.bl2 {background:url(images/bl2.gif) 0 100% no-repeat #DFE9DE}
.br2 {background:url(images/br2.gif) 100% 100% no-repeat}
.tl2 {background:url(images/tl2.gif) 0 0 no-repeat}
.tr2 {background:url(images/tr2.gif) 100% 0 no-repeat;padding:10px}

.row {
border-bottom:1px dotted #999;
margin-bottom:20px;
}

.pdf {background:url(images/pdf.gif) no-repeat; padding-left:20px;padding-bottom:3px}






#content h1 {
/*font-size:15px;*/
border-bottom:2px solid #c3d1c0;
margin-bottom:15px
}

.holder h4, .holder h2 {
font-size:100%
}

#content li {
list-style-type:disc;
color:#004124;
margin-left:20px;
}

.cottage {
margin-left:10px;text-transform:none;margin-bottom:5px;
}

/* hyperlink effects on content links and cottages pages */

#content a {
	/*border-bottom:1px dotted #000*/
}

#content a:visited, .cottage a:visited {
	border-bottom:1px solid #000
}	

#content a:hover, .cottage a:hover {
	border-bottom:1px solid #fff
}

.cottage a {
	border-bottom:1px dotted #000
}

.contact-form {
	background:#E9F3E8;
}

/* BORDER AROUND IMAGES IN MAIN CONTENT */
.greybrdr {
	border:1px solid #B2B2B4
}

table td, table tr {
padding:6px;
background:#edf2ec
}

table thead, table th {
padding:6px;
background:#c6dcda
}
/* FLOAT THE NEWS ITEM IMG TO RIGHT */

.post .entry3 img, .post .entry3 img a {
	border:0;
	text-decoration:none
}

.post h3 {
	font-size:120%
}

/*h5.test {

	margin: 0pt; padding: 0pt 0pt 0pt 0px; font-family: georgia,'times new roman',serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 18px; line-height: 20px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(141, 197, 199);

}*/

ul.xoxo blogroll {
	list-style-type:none;
}

li.linkcat li a {
	list-style-type:none
}

.sub {
font: 1.1em/1.3em georgia, 'times new roman', serif;   color: #666666;  float: left;  margin: 0;  padding: 0 0 0 5px;
}


/* Contact Form Stylings */

.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
  font-weight: bold;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	margin: 5px 0;
}

.contacterror {
	border: 2px solid #ff0000;
}




a:visited:focus, a:focus, #navigation a:focus, #navigation a:visited:focus, #content a:focus {text-decoration:underline;outline:none}

.boxbits h2 {text-transform:uppercase;text-align:center}

.clearboth {clear:both}

#h1header {
	width: 219px;
	height: 79px;
	position: relative;
}
#h1header span {
	background: url('http://www.blairquhan.co.uk/images/logo.jpg') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

.footli {border-bottom:1px solid #D6D6D6}

.img1 {float:right;padding:20px}
.img2 {float:left;padding:20px}
p.intro {font-size:120%;font-weight:none;color:#004124}
#footer, #content p, ul li a, #content li {font-size:90%}

.menu {background:#ffffb7;margin:0 auto;width:300px;text-align:center;}
.menubg {background:#ffffb7;margin:0 auto;width:600px;text-align:center;padding:20px}

.ml50 {margin-left:50px;border:1px solid #B2B2B4}

.floatleft {float:left}
.floatright {float:right}

.team-box {width:550px}
.team-box2 {width:680px;height:200px;background:#DFE7DC;padding:20px}
.team-box-2-2 {float:right;width:350px}

.tr2 img {margin-left:100px}
.address {padding-left:210px;padding-top:20px}

.cottage2 {font-style:italic}

.displaynone {display:none}

.hphead {text-transform:uppercase;text-align:center}

#gallery-holder {margin:0 30px 0 30px}

#map {width: 500px; height: 300px}