/* 
---------------------------------------
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:0px 0;
	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;
}



#gallery, .gallery {
	margin-left:0;
	/*float:right;
	padding-top:63px;
	width:110px;*/
	font-size:90%;
}

	#gallery h3, .gallery h3 {
		font-weight:normal;
		color:#2D5B88;
		font-size:120%;
	}
	
	#gallery ul, .gallery ul {
		margin-top:0.5em;
	}

	#gallery li, .gallery li {
		display:inline;
		margin-right:5px;
	}
	
	#gallery img, .gallery img {
		border:1px solid #ccc;
		padding:3px;
		margin:0;
	}
	
#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;
}