/** Layout --------------------------**/
.clear {clear:both;}
body {background-color: #cbcbcb;} /*ideal is #cecece but this will provide better contrast for the header in an images off/css on scenario */
#wrapper {
	width: 799px;
	position: relative;
	left: 50%;top: 0;
	margin-left: -400px;
	background: transparent url("../images/wrapper-bg.jpg") top left no-repeat;
	padding: 0;
	}
	
#masthead {
	height: 275px;
	position: relative;
	background: transparent url(../images/blueband.jpg) 150px 15px no-repeat;
	}	
#pics-banner {
	background-image:url(../images/banner.jpg); width:760px;height:76px; background-repeat:no-repeat; 
	position: absolute; top: 200px; left: 19px;
}
#main { top:280px; left: 10px; padding-top: 0px; background: transparent url(../images/main-bg.gif) top left repeat-y;}
#navigation {
	background:#99C0E9 url(../images/nav-bg.gif) top left no-repeat; 
	width: 760px; height: 25px;
	position:relative; top: 5px; left:19px;
	margin-bottom: 25px;
	}
#content {float: right; width: 590px; margin-top:10px;}
#main-content {float: left; width: 370px; padding-left:20px; padding-right:15px; background-image:url(../images/backg.gif); background-position:right; background-repeat:repeat-y; min-height:600px;}
#side-content {float:right; width: 149px; padding-left:0px; padding-right:30px;}
#footer {
	clear: both;
	padding:20px 0 20px; 
	background:transparent url(../images/footer-bg.jpg) bottom left no-repeat;
	text-align: center;
	}
#leftside-content {float:left; width: 140px; margin-left: 10px; padding-top:10px;}

#logo {position: absolute; top: 30px; left: 10px;}
#logo a {border:none;}	
#contact-box {
	width: 271px; height: 158px; 
	position:absolute; right: 20px; top: 40px;
	background: transparent url(../images/contact-box-bg.gif) top left no-repeat;
	}	
#bluebox_banner { position:absolute; top:156px; left:317px; height:42px; width:184px;}	
	
#homevideo {float: left; width: 370px; padding-left:20px; padding-right:15px; position:relative; text-align:center;}
#requirements2 {
	width:260px;
	height:100px;
	position:absolute;
	top:618px;
	left: 290px;
}
/** special offer divs */
.specialofferproduct {width:255px; float:left; margin-bottom:10px; text-align:center; padding: 10px 10px;}
.specialofferproduct2 {width:185px; float:left; margin-bottom:-15px; text-align:center; }

/** Navigation ----------------------------**/
#navigation {font-size: 1.4em; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
#navigation ul { display: inline; margin-left: 20px;position: relative; top: 2px; left: 0px;}	
#navigation li {margin: 0.75em 4px; display:inline; line-height:1.5em;}
#navigation a {padding: 2px;}
#navigation a:link {color:#555;}
#navigation a:visited {color:#666;}
#navigation a:hover {color: #000; background-color:#A8DAFF;}
#navigation a:focus, #navigation a:active {outline:0; color: #000; background-color:#ccc;}
#navigation .redtxt a{color:#FF0000;}

#home li#navhome a, #about li#navabout a,events li#navevents a, #fundraising li#navfundraising a, #volunteering li#navvolunteering a, #rehoming li#navrehoming a, #contact li#navcontact a, #links li#navlinks a, #cattery li#navcattery a
{color:#000;}
#home li#navhome, #about li#navabout,#events li#navevents, #fundraising li#navfundraising, #volunteering li#navvolunteering, #rehoming li#navrehoming, #contact li#navcontact, #links li#navlinks, #cattery li#navcattery
{ border-color:#bbb;}

/** Typography ----------------------------**/
h1, h2, p {line-height: 1.5em;}
h1, h2, h3, h4 {color:#666666;}
#masthead #contact-box{color: #fff;}
#footer p {line-height: 1.5em;}
#side-content dd {margin:0;}
#side-content .side {font-size: 1.6em; margin: 1em 0 0.5em; color:#888;}
#events dl {margin-top: 1.1em;}
dt.time {margin-top: 1.5em; margin-bottom:0; font-weight: normal; font-style:italic; border-bottom:1px solid #ccc;}
dd.event {font-size:1.1em; color:#555; font-weight:bold;}
.pics-copyright {font-size: 0.8em; color: #aaa;}  
#contact-box p {font-size: 1.1em; color: #666; line-height:1.2em; margin-left:15px;}
#contact-box p.action-text {font-size:200%; color:#473E3F; font-weight: bold; margin-top: 10px;}
#contact-box p#telephone {font-size:300%; color:#115F80;}
#contact-box p#contact-link {font-size:180%; position:absolute; right: 30px; bottom: 12px;}
#contact-box p#contact-link a {color: #fff; text-decoration:underline;}
.redtxt {color:#FF0000;}

#side-content h3 {font-size: 120%; font-weight: bold;color: #666; line-height: 15px;}
#tel_no {font-family: Verdana, Arial, sans-serif;}
/** Pictures--------------------------**/

#main-content img {float: left; margin: 0 15px 10px 0;}
#specialoffers #specialofferproductbox img {position:relative; margin:0px;}
#leftside-content img {margin-bottom: 2px;}

/** Flash-----------------------------**/
#flashobject {float:left; clear:left; margin:10px;}

/** Exceptions ----------------------------**/
#events #content h2.side {display:none;}
#conservatories #leftside-content, #doors #leftside-content, #windows #leftside-content, #contact #leftside-content, #specialoffers #leftside-content{ width:0px;}
#conservatories #content, #doors #content, #windows #content, #contact #content, #specialoffers #content{ width:770px;}
#conservatories #main-content, #doors #main-content, #windows #main-content, #contact #main-content, #specialoffers #main-content{ width:550px;}
#submit #main-content { width:550px;}
#submit #content { width:770px; min-height:400px;}
#submit #leftside-content { width:0px;}
#about #leftside-content li, #security #leftside-content li { background-color:#FFFFFF;font-size:1.5em;list-style:none; line-height:25px; padding-left:10px;}
#about #leftside-content li a, #security #leftside-content li a{ background-color:#FFFFFF; color:#333333; padding-left:10px;}
#about #leftside-content li a:hover, #security #leftside-content li a:hover{ background-color:#99C0E9; color:#FFFFFF; display:block;}
#about #content, #security #content {float: right; width: 620px; margin-top:10px;}
#about #leftside-content, #security #leftside-content {padding-top:35px;}
#about #guarrantee, #security #guarrantee {width:490px;margin-top:-310px;margin-left:75px; position:relative;}
#about #main-content {float: left; width: 380px; padding-left:20px; padding-right:15px; text-align:left;}
#contact #showroomarea {float:right; width:260px;}
#security #main-content {float: left; width: 380px; padding-left:20px; padding-right:15px; text-align:left;}

#windows #pics-banner, #security #pics-banner {	background-image:url(../images/banner-01.jpg);}
#conservatories #pics-banner, #doors #pics-banner {background-image: url(../images/banner-02.jpg);}
#home #pics-banner, #specialoffers #pics-banner{background-image: url(../images/banner-03.jpg);}
#about #pics-banner, #contact #pics-banner {background-image: url(../images/banner-04.jpg);}
#productdetails li { font-size:1.1em;list-style:none; line-height:15px; margin-left:-25px; margin-top:10px;}

/** body id's-------------------------
#about
#conservatories
#windows
#contact
#submit - all forms submit to the same body id
#home
#specialoffers
*/