/*
 Screen style    
 Site: Brae House
*/
body { font-size: 14px; background-color: white; padding: 0 0 20px 0; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Auto clearing floats */
#nav:after, #top:after, #wrapper:after, #footer:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* sIFR */
/* These are standard sIFR styles... do not modify */
.sIFR-flash { margin: 0; visibility: visible !important; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { display: block; height: 0; left: 0; overflow: hidden; position: absolute; top: 0; width: 0; }
/* 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; }

.sIFR-hasFlash #top .left h2.sifr { font-size: 24px; line-height: 26px; visibility: hidden; }

/* Header */
#header { height: 140px; position: relative; width: 804px; margin: 0 auto; }
#accessibility { display: none; }
#logo { width: 197px; height: 125px; position: absolute; top: 5px; left: 0; }
#logo span { background-image: url(../images/text/logo.gif); }
#call span { background-image: url(../images/text/call.gif); }
#call { position: absolute; top: 55px; right: 0; width: 161px; height: 46px; }


/* Navigation */
#nav-wrapper { background: url(../images/bg/nav-wrapper.gif) repeat-x; }
#nav { width: 801px; padding: 1px 1px 0 0; margin: 0 auto; background: url(../images/bg/nav-sep.gif) left center no-repeat; }
.home #nav { background: none; }
#nav li { float: left; }
#nav a {
	display: block;
	padding: 6px 4px 8px 3px;
	background: url(../images/bg/nav-sep.gif) right center no-repeat;
	color: #666;
	text-align: center;
	text-decoration: none;
	line-height: 1.3;
	position: relative;
}
#nav a:hover { color: #0177BF; }
#nav a.current { background: #fff url(../images/bg/nav-hover.gif) right top no-repeat; color: #666; border-left: 1px solid #D0D0D0; margin-left: -1px; }
#nav .nav1 a {width: 72px;}
#nav .nav2 a { width: 118px;}
#nav .nav3 a { width: 76px;}
#nav .nav4 a { width: 96px;}
#nav .nav5 a { width: 82px;}
#nav .nav6 a { width: 108px;}
#nav .nav7 a { width: 86px;}
#nav .nav8 a { width: 107px;}

/* Navigation dropdown */
#nav li li a { padding: 5px 5px 5px 18px; background: #fff; text-align: left; position: static; width: 150px !important; border-bottom: 1px solid #D0D0D0; border-top: 1px solid #D0D0D0;}
#nav li ul { left: -999em; position: absolute; width: 150px; border-left: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; margin-left: -1px; }
#nav li.hover ul { left: auto; }

/* Top */
#top-wrapper { background: #006600; color: #fff; margin-bottom: 29px; clear: both;}
#top { width: 800px; margin: 0 auto; }
#top .left { float: left; width: 260px; padding-top: 30px; }
#top .left h2 { color: #fff; margin: 0 0 12px 0; line-height: 1.3; }
#top .left h2.one-line { margin-bottom: 45px; }
#top .left .subtitle { color: #ccc; margin: 0; line-height: 1.5; }
#top .left ul { margin: 10px 0 0 -1px; }
#top .left li { float: left; }
#top .left li img { display: block; }
#top .decorative { float: right; display: block; }

/* Top: Home page */
.home #top-wrapper { border-bottom: 5px solid #FFCC33; margin-bottom: 2px; }
.home #top .left { padding-top: 33px; width: 217px; }
.home #top .left h2 { width: 215px; height: 58px; margin-bottom: 17px; }
.home #top .left h2 span { background-image: url(../images/text/home-title.gif); }
.home #top .decorative { margin-left: 36px; }
.home #top .right { float: left; width: 193px; padding: 38px 29px 5px 28px; min-height: 194px; line-height: 1.67; background: #0177BF; color: #fff; font-weight: bold; margin: 0; }
.home #top .right strong { font-size: 1.17em; }

/* Wrapper */
#wrapper { height: auto; width: 800px; margin: 0 auto; padding: 0 4px 10px 0; }
.home #wrapper { padding: 0 0 37px 4px; }
img.floatright{border: solid 3px; border-color: #006600; margin-top: 10px;}
img.floatleft{border: 1px; float: left; margin-bottom: 10px; margin-left: 10px; margin-right: 13px;}
img.floatnone{border: 1px; float: none; margin-bottom: 10px; margin-left: 13px; margin-right: 10px;}

/* Content */
#content { float: left; width: 519px; }
#content a:hover { background-color: #0177BF; color: #fff; text-decoration: none; }
#content ul { margin: 0.5em 0 1.5em 0; }
#content li { margin-bottom: 0.5em; padding-left: 20px; background: url(../images/bg/tick.gif) 0 6px no-repeat; line-height: 1.5; }
#content ul.sitemap, #content ul.privacy { margin: 0 0 2em 0; list-style: none; }
#content ul.sitemap li, #content ul.privacy li { background: none; padding: 0; }
#content ul.sitemap li ul { margin: 0.5em 0 0 17px; list-style: none; }
#content blockquote { border: 1px solid #ccc; background: #F6F6F6; padding: 15px 20px; margin-top: 30px; }
#content blockquote p.author { margin: 0; font-style: italic; }
#imagelinks {font-size: 12px; font-family: Verdana, Geneva, lucida, sans-serif; line-height: 1.50; text-align: center; width: 150px; float: right; margin-left: 16px; margin-right: 16px; }
#calendar {width: 350px; float: right; margin-left: 10px; margin-top: 32px; margin-right: 25px; }

#sidebar blockquote { border: 1px solid #ccc; background: #F6F6F6; padding: 15px 20px; margin-top: 30px; }
#sidebar blockquote p.author { margin: 0; font-style: italic; }

#acticon {float:left; margin: 8px 10px 0 0;}

/*contact form */
fieldset{
	width:360px;
border:1px solid #006600;
margin:1em 0;
padding:1em;
}

.astrix{color:red}

input, textarea{
border:1px solid #006600;
background-color:#ECF4CA;
}

#msg {display:none; position:absolute; z-index:200; background:url(../contact/images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

/* Content: Home */
.home #content { float: none; width: auto; }

/* Columns: Home page */
.home-col { float: left; width: 250px; }
.home-col img { display: block; margin-bottom: 15px; border: 1px solid #006600; }
.home-col p { margin: 0; line-height: 1.5; }
.home-col-middle { margin: 0 24px 0 25px; }

/* Sidebar */
#sidebar {margin: 10px 10px 0 8px; padding: 0 4px 0 4px; float: right; width: 200px; border:solid 1px #006600;}
#sidebar img.solution { border: 1px solid #ccc; display: block; margin-bottom: 18px; }
#sidebar img.learnsafe { display: block; margin-bottom: 18px; }
#sidebar p.intro { color: #0177BF; font-size: 10px; font-style: italic; line-height: 2.0; }
#sidebar p.author { font-style: italic; font-size: 10px; }
#sidebar h4 { margin-top: 0; }
#sidebar ul { list-style: disc; margin: 0 0 0 17px; }
#sidebar a {font-size: 11px;}
#sidebar a:hover { background-color: #0177BF; color: #fff; text-decoration: none; }
#sidebar a.current { text-decoration: none; }

#map { height: 428px; margin: 10px 10px 0 16px; padding: 0; float: right; width: auto; border: solid 2px #006600;}
#smallmaps {height: 350px;}
#smallmaps iframe { border: solid 3px #006600;}
#smallmaps h4{margin-top: 0; padding-top: 0;}
#glasmap { margin: 0 18px 10px 20px; float: left;}
#edinmap { margin: 0 50px 10px 56px; float: left; }
#londmap { margin: 0 20px 10px 18px; float: right;}
#roads {border: solid 1px #006600; margin-top: 0; padding: 0 10px 0 10px;}
#roads h4 {margin-top: 0; padding-top: 0;}

/* Footer wrapper */
#footer-wrapper {background: url(../images/bg/footer-wrapper.gif) repeat-x; height: 126; clear: both; }

/* Footer */
#footer { font-size: 0.92em; padding: 18px 16px 16px 4px; width: 100%px; margin: 0 auto; line-color:#226037; line-height: 1.63; }
#footer a { color: #666; }
#footer a:hover { background: #666; color: #fff; text-decoration: none; }
#footer h3 { color: #003366; margin: 0 0 0.2em 0; font-size: 1.09em; font-weight: normal; }
#footer p { margin: 0; }
#footer .address{ font-size: 0.92em; margin: 0; padding-top: 0; }

/* images */

#imgright {float:right; margin: 10px 0 10px 10px; border: solid 2px; border-color: #006600; }
#imgleft {float:left; margin: 10px 10px 10px 0; border: solid 2px; border-color: #006600;}
#cottage {height: 175px;}
#cottage h4 { margin-top: 0;}


#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:800px; /* Adjust to width-height of your images */
	height:220px;
	overflow:hidden;
}

#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

#slide-images li img{
	display:block;
	background-color:#FFFFFF;
}

#comments {width: 600px; padding-top: 6px; padding-left:10px; padding-right:10px; border:solid 1px; border-color: #060;  margin-right: 20px; }
#comments p {font-style: italic;}