/* 
---------------------------------------
Global Stylesheet for Granley Blinds
http://www.granleyblinds.co.uk
Revision date: 2008-10-11
Author: Pete Eveleigh
---------------------------------------
Fantastic Machine
http://www.fantasticmachine.co.uk
---------------------------------------
*/

/* Reset browser base styles */
@import url(/css/reset.css) screen;

* {
	margin:0;
	padding:0;
}

body {
	font-family:calibri,helvetica,arial,sans-serif;
	font-size:14px;
	line-height:1.35;
	padding-bottom:30px;			
}

body.home {
	/*	
	background:url(/images/homebg.jpg) no-repeat #fff;
	background-position:50% 0;
	*/
}


a:link, a:visited {
	color:#2D5B88;
}

a:hover, a:active {
	color:#8F008C;
}

a img {
	border:none;
}

address {
	font-style:normal;
}

#header {
	position:relative; /* for IE6 benefit */
	height:110px;
	padding-top:4px;
	background:url(/images/headerbg.png) top left no-repeat transparent;

}

	#header h1 {
		float:left;
		padding-top:3px;
	}

	#headertel {
		float:right;
		margin-top:0px;
	}


#nav {
	position:relative; /* for IE6 benefit */
	z-index:50; /* for IE6 benefit */
	background-color:#fff;
	padding:0;
	float:left;
	width:100%;
	/*margin-top:55px;*/
	border-top:4px solid #2D5B88;
	border-bottom:4px solid #2D5B88;
}

	#nav ul {
		overflow:auto;
		padding:0;
	}

	#nav ul li {
		display:block;
		float:left;
	}
	
	#nav a:link, #nav a:visited {
		display:block;
		padding:2px 20px;
		text-decoration:none;
	}
	
	#nav a:hover, #nav a:active {
		color:#fff;
		background-color:#2D5B88;
	}
	
	
	
	
#top {
	background:url(/images/homebg.jpg) top left no-repeat #fff;
	background-position:0 90px;
	border-bottom:12px solid #3c6d99;	
}

body.products #top {
	/*background:url(/images/pinkblindsbg.jpg) top left no-repeat #fff;*/
}

body.pleated #top {
	background:url(/images/pleatedbg.jpg) top left no-repeat #fff;
}

body.roller #top {
	background:url(/images/rollerbg.jpg) top left no-repeat #fff;
}

body.roman #top {
	background:url(/images/romanbg.jpg) top left no-repeat #fff;
}

body.exterior #top {
	background:url(/images/exteriorbg.jpg) top left no-repeat #fff;
}

body.velux #top {
	background:url(/images/veluxbg.jpg) top left no-repeat #fff;
}

body.vertical #top {
	background:url(/images/verticalbg.jpg) top left no-repeat #fff;
}

body.duoflor #top {
	background:url(/images/duoflorbg.jpg) top left no-repeat #fff;
}

body.nodrill #top {
	background:url(/images/perfectfitbg.jpg) top left no-repeat #fff;
}

body.shutters #top {
	background:url(/images/shutterbg.jpg) top left no-repeat #fff;
}

#subnav {
	float:right;
	font-size:90%;
	width:130px;
	margin:1em 0 10px 20px;
}

	#subnav li {
		margin:0.5em 0;
	}
	

#text {
	width:505px;
	float:right;
	color:#333;
	margin-top:10px;
	padding:0 15px 10px 10px;
}

body.map #text {
	float:left;
	width:750px;
}	
	
	#text h2 {
		font-weight:normal;
		font-size:200%;
		color:#2D5B88;
	}
	
	/*
	#text h2 span {
		position:absolute;
		margin-left:-9999px;
	}
	*/
	
	#text p {
		margin:0 0 1em 0;
	}
	
	#text p.intro {
		color:#2D5B88;
		font-size:120%;
	}
	
	#text ul {
		list-style:disc;
		margin:1em;
		font-weight:bold;
	}
	
		#text li {
			margin:0.5em 0;
		}
		

body.inner #text {
	border-right:1px solid #efefef;
}

body.inner h3 {
	margin-bottom:0;
	margin-top:1.5em;
}


body.products #text {
	float:left;
	width:620px;
	background-color:rgba(255,255,255,0.5);
}




	#gallery h3, .gallery h3 {
		font-weight:normal;
		color:#2D5B88;
		font-size:120%;
	}
	
	
	
	/* Tiny Carousel */
	#gallery { 
		height: 1%; 
		overflow: hidden; 
		padding: 10px 0; 
	}
	#gallery .viewport { 
		float: left; 
		width: 468px; 
		height: 102px; 
		overflow: hidden; 
		position: relative; 
	}
	#gallery .buttons { 
		background:url(/images/buttons.png) no-repeat scroll 0 0 transparent; 
		display: block; 
		margin: 30px 10px 0 0; 
		background-position: 0 -38px; 
		text-indent: -999em;
		float: left; 
		width: 39px; 
		height: 37px; 
		overflow: hidden; 
		position: relative; 
	}
	#gallery .next { 
		background-position: 0 0; 
		margin: 30px 0 0 10px;  
	}
	#gallery .disable { 
		/*visibility: hidden; */
	}
	#gallery .overview { 
		list-style: none; 
		position: absolute; 
		padding: 0; 
		margin: 0; 
		width: 240px; 
		left: 0;
		top: 0; 
	}
	#gallery .overview li{ 
		float: left; 
		margin: 0 20px 0 0; 
		padding: 1px; 
		height: 100px; 
		width: 100px;
	}
	
	
	
	
#teasers {
	clear:both;
	padding:20px 0;
	margin:0 0 20px 0;
	background:url(/images/botbarbg.png) bottom left repeat-x #fff;
	font-size:90%;
	color:#333;
}


	#teasers h2 span {
		position:absolute;
		display:block;
		left:-9999px;
	}

	.teaser {
		width:150px;
		padding:0 20px;
		float:left;
	}
	
	#showroom h2 {
		background:url(/images/headings/visitshowroomsmall.png) top left no-repeat transparent;
		height:2em;
	}
	
	.teaser .right {
		float:right;
		margin-left:8px;
	}
	
	#customers {
		background:url(/images/customerteaserbg.png) bottom right no-repeat transparent;
		padding-right:70px;
		width:150px;
		margin-right:18px;
	}

	#measuring {
		background:url(/images/measuringteaserbg.png) bottom right no-repeat transparent;
		padding-right:70px;
		width:150px;
		margin-right:18px;
	}
	
	#showroom {
		padding-right:0;
		width:240px;
		padding-right:0;
	}
	
	
#footer {
	overflow:auto;
}

	
	#footer div.addr {
		font-style:normal;
		float:left;
		font-size:85%;
	}
	
	#footer img.tel {
		float:right;
		font-size:300%;
		color:#2D5B88;
	}



.photo {
	padding:3px;
	background-color:#efefef;
	border:1px solid #dedede;
}

body.home .photo {
	margin-top:30px;
}

.left {
	float:left;
}

.right {
	float:right;
}
	
.innerwrap {
	width:800px;
	margin:0 auto;
}

.clearer {
	clear:both;
	visibility:hidden;
}

.vcard {
	margin-bottom:1em;
}

ul.sitemap, ul.sitemap ul {
	font-weight:normal !important;
}

#legals {
	font-size:80%;
	clear:left;
	margin-top:4px;
	float:left;
}