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

Index 

1 - Background and wrapper
2 - Accessibility
3 - Header and Navigation
4 - Content
5 - Footer
6 - Forms

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

/* 1 - Background and wrapper */
	#wrapper {background:#fff url(../images/bkd.gif) no-repeat top; margin:auto; position:relative; width:842px;}
	#inner {margin:0 21px; width:800px;}
	
/* 2 - Accessibility */
	.hide {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;}
	
/* 3 - Header and Navigation */
	/* Header */
	#header {height:180px; position:relative;}
	#header h1 {background:url(../images/murrayandmurray.gif) no-repeat; height:93px; width:191px; position:absolute; top:28px; left:303px; text-indent:-9999px;}
	#header .homelink {height:93px; width:191px; position:absolute; top:28px; left:303px; text-indent:-9999px;}
	
	
	/* Navigation */
	#header #nav {background:#DBD7D3; position:absolute; bottom:0px; left:0px; width:800px;}
	#header ul {background:#DBD7D3; font-size:1em; list-style-type:none; margin:0 auto; padding:0; width:710px;}
	#header ul li {display:inline;}
	#header ul li a {color:#665544; display:block; float:left; height:20px; font-size:1.3em; padding:6px 0px; text-align:center;}
	#header ul li a#current, #header ul li a:hover {background:#EDE9E6; color:#665544; text-decoration:none;}
	
	#header ul li a.home {width:70px;}
	#header ul li a.about {width:90px;}
	#header ul li a.gallery {width:70px;}
	#header ul li a.casestudies {width:115px;}
	#header ul li a.testimonials {width:105px;}
	#header ul li a.news {width:60px;}
	#header ul li a.professional {width:100px;}
	#header ul li a.contact {width:100px}
	#header ul li a.sale {color:#990000!important; width:70px}
	
	/* Sec Nav */
	#about #content, #about_aftercare #content, #about_idea #content, #about-visit #content, #about-install #content, #about_design #content, #about-build #content   {float:left; margin:20px 0px 50px 50px; width:450px;}
	
	.secnavigation  {background:url(../images/bkd-sec.gif) repeat-x top; border-top:5px solid #DBD7D3; float:right; margin:25px 50px 0 0;  padding:20px 40px 50px 40px; width:120px;}
	.secnavigation ul {list-style-image:url(../images/bullet.gif);}
		.secnavigation ul li {}
		.secnavigation ul li a {color:#665544; display:block; padding:0.5em 0;}
	
	

	
	/* Flash */
	#flash {height:320px; margin:32px auto 30px auto; width:702px;}
		#home #flash {border:1px solid #79822B; height:281px; margin:32px auto 30px auto; width:702px;}

/* Flash */
	#banner{border:1px solid #79822B; height:180px; margin:32px auto 30px auto; width:702px;}


/* 4 - Content */
	#content {margin:20px 50px 50px 50px;}
	.column1 {float:left; margin:0; width:330px;}
	.column2 {float:right; margin:0; width:330px;}
	
/* case study page  */
	.caseTitle h2 {float:left;}
	.caseTitle a {display:block; float:right; font-size:1.3em; margin-right:10px;}

		
/* images styles */
	.content_imgleft {float:left; margin: 0; padding: 0; }
	.content_imgright {float:right; margin: 0; padding: 0; }
	
/* news page */
	h3.date {font-size:0.9em; font-weight:bold;} 

/* sale items */
	.saleItem {border-bottom:1px solid #ccc; clear:both; margin:20px 0 40px 0; padding:20px 0;}
	.saleItem h3 {font-weight:bold;}
	.saleItem img {border:3px solid #CCCCCC; float:left; margin:0 0px 20px 0; padding:5px;}
	.saleItem .salePrice {color:#990000;}
	.saleItem .inner {float:left; margin:0 0 0 0; width:350px;}
	.saleItem ul {}
	.saleItem ul li {margin-left:15px;}
	.saleItem .imgcont {float:left; width:200px; margin-right:20px;}

/* 5 - Footer */
	#footer {color:#666; clear:both; margin:auto; text-align:center; padding-bottom:40px; width:480px;}
	#footer img {}
	#footer p {color:#666; font-size:1em; margin-bottom:1.1em; text-align:center;}
	#footer a {color:#666; font-weight:normal;}
	
/* 6 - Forms */

	form {}
	form div {margin:0 0 0.8em 0;}
	label {display:block; font-size:1.1em; width:300px;}
	input {background:#EDE9E6; border:1px solid #DBD7D3; font-family:'Century Gothic', Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; padding:2px;}
	textarea { border:1px solid #DBD7D3; font-family:'Century Gothic', Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; background:#EDE9E6; padding:2px;}
	input.btn {border:none; background:none; padding:0.5em; margin:8px 0; width:auto;}
	
	a.button {background:#EDE9E6; padding:0.5em; margin:8px 0 8px 0;}
		a.button:hover {text-decoration:none;}