/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

p {
	line-height: 1.4em;
}

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../../images/misc/mainBg.png) top repeat-x #fff;
	margin: 0px;
}

a:link, a:visited, a:focus {
	color: #0000FF;
	text-decoration: underline;
	outline: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

a img {
	border: none;
}

h1 {
	font-size: 2.2em;
	font-weight: normal;
	color: #003366;
	letter-spacing: -2px;
	margin: 0px;
	font-family: "Century Gothic";
}


.dummy-h1 {
	font-size: 2.2em;
	font-weight: normal;
	color: #003366;
	letter-spacing: -2px;
	margin: 0px;
	font-family: "Century Gothic";
}
h2 {
	font-size: 1.6em;
	font-weight: normal;
	color: #990000;
}

h3 {
	font-size: 1.3em;
	font-weight: normal;
}

/* Container Styles
--------------------------------------------------------------- */

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
}

	#contentContainer {
		width: 960px;
		position: absolute;
		z-index: 1;
		top: 404px;
		background: #fff url(../../images/misc/contentContainerBg.jpg) top left no-repeat;
	}
	
/* Main Styles
--------------------------------------------------------------- */

		#main {
			float: left;
			width: 687px;
			padding: 10px 10px;
		}
		
		* html #main{
			width: 683px;
		}
		
			#main #mainCopy {
				width: 450px;
				float: left;
			}
			
			#main #mainColumn {
				width: 225px;
				float: right;
				color: #666;
			}
			
			* html #main #mainColumn {
				width: 220px;
			}
			
				#main #mainColumn p {
					margin: 5px 0px 5px 0px;
					padding: 0px;
				}
			
				#main #mainColumn h2 {
					padding: 0px;
					margin: 0px;
					font-size: 1.5em;
					color: #666;
				}
			
			#main .mainColumnBg {
				width: 198px;
				padding: 10px;
				background: #fafafa;
				border: 1px solid #eee;
				color: #666;
				margin: 0px 0px 10px 0px;
			}
			
			#main .mainColumnCentre {
				text-align: center;
				font-size: 2em;
				letter-spacing: -1px;
			}
			
				#main .mainColumnBg ul {
					margin: 5px 0px 0px 0px;
					padding: 0px;
				}
				
				#main .mainColumnBg ul li {
					list-style: none;
					margin: 0px 0px 3px 0px;
				}
		
		#map {
			width: 620px;
			height: 200px;
		}

.imgThumb{
	width:100px;
	float:left;
	margin-right:10px;
	margin-left:0px;
	margin-bottom:20px;
	text-align:center;
}

	.imgThumb p{
		text-align:center;
	}
	
	.imgThumb img{
		width:80px;
		height:80px;
		margin:0;
		margin-right:10px;
		border:1px solid #B1B1D5;
	}
	
	.imgThumb a{
		text-decoration:none;
		color:#000000;
		padding-top:5px;
	}

#doorSpecs{
	margin-left:30px;
}

#doorSpecs a{
	width:196px;
	height:230px;
	display:block;
	border:1px solid #B1B1D5;
	padding:10px;
	padding-bottom:0;
	text-decoration:none;
	color:#000;
}

#windows #doorSpecs a, #index #doorSpecs a{
	height:193px;
	display:block;
}

#doorSpecs a:hover{
	color:#990000;
}

#doorSpecs a span{
	width:90px;
	float:left;
	cursor:pointer;
	display:block;
}

p.testimonials{
	padding:5px;
	background:#0A0AB6;
	color:#fff;
}

.quotation{
	background:#FAFAFA;
}

	.quotation p{
		margin:0;
		margin-top:15px;
	}
	
	.quotation p.name{
		color:#990000;
		margin-top:0px;
	}

/* Sidebar/CTA Styles
--------------------------------------------------------------- */
		
		#sidebar {
			float: right;
			width: 250px;
			padding: 10px 0px;
			background: #b1b1d5;
			color: #fff;
		}
		
			#sidebar h2, #sidebar p {
				margin: 0px;
				padding: 0px;
				color: #fff;
			}
		
				#sidebar #cta-conservatories {
					width: 210px;
					height: 150px;
					margin: 0px 0px 4px 0px;
					padding: 10px 20px;
					background: url(../../images/misc/cta-conservatories.jpg);
				}
				
				#sidebar #cta-conservatories .conservatories {
					display: block;
					letter-spacing: -1px;
					padding: 5px 0px;
					text-transform: uppercase;
					color: #FFFF00;
					font-size: 1.2em;
				}
				
				#sidebar #cta-conservatories p {
					width: 120px;
				}
				
				#sidebar #cta-conservatories a {
					width: 80px;
					display: block;
					color: #FFFF00;
				}
			
			#sidebar #cta-doors {
				width: 150px;
				color: #111;
				height: 108px;
				margin: 0px 0px 6px 0px;
				padding: 5px 20px 10px 80px;
				background: url(../../images/misc/cta-doors.jpg);
			}
			
				#sidebar #cta-doors h2 {
					color: #111;
					text-transform: uppercase;
					font-size: 1.6em;
					letter-spacing: -1px;
					color: #550000;
					font-weight: bold;
				}
				
				#sidebar #cta-doors p {
					color: #111;
				}
				
				#sidebar #cta-doors .phone {
					font-size: 1.3em;
					font-weight: bold;
					color: #990000;
				}
				
			#sidebar #cta-callback {
				width: 130px;
				height: 82px;
				padding: 10px 100px 10px 20px;
				background: url(../../images/misc/cta-callback.jpg);
			}
			
				#sidebar #cta-callback h2 {
					color: #000066;
					text-transform: uppercase;
					margin: 0px 0px 10px 0px;
				}
			

#brochure td{
	padding-right:30px;
}
		
/* Header Styles
--------------------------------------------------------------- */

#header {
	width: 960px;
	height: 127px;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
}

	#logo {
		width: 250px;
		height: 127px;
		float: left;
	}
	
	#cta-top-right {
		width: 710px;
		float: right;
		text-align: right;
		height: 101px;
		padding: 26px 0px 0px 0px;
		color: #fff;
		font-size: 1.8em;
	}
	
		#cta-top-right p {
			margin: 0px;
			padding: 0px;
			letter-spacing: -1px;
		}
		
		#cta-top-right .phone {
			font-size: 1.2em;
			color: #FFFF00;
		}

#flashSlideshow {
	background: url(../../images/misc/flashSlideshowBackup.jpg);
}

#middleBar {
	z-index: 1;
	position: absolute;
	top: 175px;
}

	#middleBar #mainImg {
		float: left;
		width: 710px;
		height: 229px;
	}
	
	#middleBar #middleBar-logos {
		float: right;
		width: 250px;
		height: 229px;
	}

/*	#middleBar #middleBar-services {
		width: 220px;
		padding: 15px;
		height: 199px;
		color: #fff;
		background: url(../../images/misc/middleBar-services.jpg);
		float: right;
	}
	
		#middleBar #middleBar-services p, #middleBar #middleBar-services h2 {
			margin: 0px;
			padding: 0px;
		}
	*/

/* Horizontal Navigation Styles
--------------------------------------------------------------- */

#navigation {
	height: 50px;
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 127px;
	border-top: 1px solid #b1b1d5;
}

	#navigation ul {
		display: inline;
		list-style: none;
	}
	
		#navigation ul li {
			display: inline;
			margin: 0px;
		}
			  
			#navigation ul li a {
				float:left;
				border-right: 1px solid #fff;
				color: #111;
				text-decoration:none;
				font-family: "Century Gothic";
				padding: 13px 10px 13px 29px;
				border-left: 1px solid #fff;
				border-right: 1px solid #d9d9d9;
				font-size: 1.2em;
				background: url(../../images/misc/navBg-a.png) no-repeat;
			}
			
				#navigation ul li a.rightLink {
					border-right: none;
					padding: 13px 15px 13px 33px;
				}
				
				#navigation ul li a.leftLink {
					border-left: none;
				}

				#navigation ul li a:hover {
					background: url(../../images/misc/navBg-a-hover.png);
				}
				
#index #navigation .index-a, #windows #navigation .link1-a, #doors #navigation .link2-a, #conservatories #navigation .link3-a, #glass-glazing #navigation .link4-a, #brochure #navigation .link5-a, #contact #navigation .contact-a {
	background: url(../../images/misc/navBg-a-on.png);
}

/* Footer Styles
--------------------------------------------------------------- */

#footer {
	clear: both;
	width: 940px;
	color: #ccc;
	background: #003399;
	padding: 10px 10px;
	font-size: 0.9em;
}

	#footer .index-a, #footer .contact-a {
		display: none;
	}

	#footer h2 {
		font-weight: bold;
		margin: 0px;
		color: #FFFF00;
		padding: 3px 5px;
		font-size: 1.2em;
		font-style: italic;
		width: 250px;
	}
		
	#footer li {
		list-style: none;
	}
	
	#footer p, #footer ul {
		margin: 0px;
		padding: 0px;
	}

	#footer a {
		white-space: nowrap;
		color: #ccc;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #ffcc00;
		text-decoration:underline;
	}

/* Footer Services Styles
--------------------------------------------------------------- */	

	#footer #footer-services {
		float: left;
		width: 250px;
		margin: 0px;
	}
	
		#footer #footer-services ul li {
			float: left;
		}
	
			#footer #footer-services ul li a {
				float: left;
				width: 230px;
				padding: 3px 5px;
				border-bottom: 1px dotted #777;
			}
		
/* Footer Areas Styles
--------------------------------------------------------------- */	

	#footer #footer-areas {
		float: left;
		width: 320px;
	}
	
		#footer #footer-areas h2 {
			width: 300px;
		}
	
		#footer #footer-areas ul {
			float: left;
			width: 155px;
		}
	
		#footer #footer-areas ul li {
			float: left;
			width: 125px;
			padding: 3px 5px;
			border-bottom: 1px dotted #777;
		}
		
/* Footer Right Styles
--------------------------------------------------------------- */	

	#footer #footer-right {
		float: left;
		width: 190px;
	}
	
		#footer #footer-right h2 {
			width: 170px;
		}
		
		#footer #footer-right p {
			line-height: 20px;
			padding: 3px 5px;
		}
				
/* Footer Right Styles2
--------------------------------------------------------------- */	

	#footer #footer-right2 {
		float: left;
		width: 165px;
	}
	
		#footer #footer-right2 h2 {
			width: 155px;
		}
		
			#footer #footer-right2 ul li {
				float: left;
			}
					
			#footer #footer-right2 ul li a {
				float: left;
				width: 155px;
				padding: 3px 5px;
				border-bottom: 1px dotted #777;
			}
		
		#footer #footer-right2 p {
			line-height: 20px;
			padding: 3px 5px;
		}
		
		#footer #footer-right2 .bottomLink {
			margin-bottom: 5px;
		}
		
		
/* Footer Bottom Styles
--------------------------------------------------------------- */	

	#footer #footer-bottom {
		width: 920px;
		clear: both;
		float: left;
		margin: 10px 0px 0px 0px;
		text-align: center;
	}

/* Image Styles
--------------------------------------------------------------- */

.img-left {
	float: left;
	margin: 0px 10px 10px 0px;
}

.img-right {
	float: right;
	margin: 0px 0px 10px 10px;
}
	
	.img-border {
		border: 1px solid #ccc;
	}
	
/* Contact Table Styles
--------------------------------------------------------------- */

	#contactTable {
	}
	
	#contactTable tr{
	}
	
	#contactTable td{
	}
	
	#contactTable #botBuster {
		display: none;
	}
	
/* Generic Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}

.pilkington{
	padding-top:10px;
}

.conservatoryImg{
	width:146px;
}

p.imageCaption{
	margin:0;
	padding:0;
	text-align:center;
}

a.brochureRequest{
	color:#333333;
	text-decoration:none;
	display:block;
	padding-left:20px;
	background:url(../../images/misc/arrow.gif) no-repeat;
}

	a.brochureRequest:hover{
		text-decoration:underline;
	}
	
#brochure table.brochureChoice{
	margin:20px 0;
	border:1px solid #999999;
	display:block;
}

	table.brochureChoice p{
		display:block;
		margin:0;
		width:390px;
		padding:10px;
		padding-left:0px;
	}

	#brochure table.brochureChoice td{
		padding:0;
		width:50px;
		padding-left:10px;
	}
	
	#brochure table.brochureChoice td #brochureButton{
		margin-bottom:10px;
	}
	
	#brochure table.brochureChoice td.titles{
		width:20%;
	}
	
	.underline{
		text-decoration:underline;
	}
	
	.strong{
		font-weight: bold;
		}
		
		
/* Sitemap styles
--------------------------------------------------------------------------*/

#site-map-left{
	float: left;
	width: 205px;
}

#site-map-right{
	width: 205px;
	float: right;
}

#site-map-right ul, #site-map-left ul{
	list-style: none;
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
}

#site-map-right li, #site-map-left li{
	padding-bottom: 5px;
}