/* CSS Document */

body{
	background:			#003980;
	text-align:			center;
}

h1{
	margin:				0;
	padding:			0;
}
div#outerContainer{
	width:				760px;
	margin:				0 auto;
	text-align:			left;
}

div#leftColumn{
	width:				145px;
	float:				left;
	font-family:		verdana, arial, sans-serif;
	font-size:			12px;
	color:				#fff;
	text-align:			center;
}

div#rightColumn{
	width:				575px;
	float:				right;
	margin:				44px 15px 0 0;
	background:			url(images/column-bg.gif) repeat-y left top;
}

.logo{
	padding-top:		25px;
	margin-top:			25px;
}

span#telNo{
	text-align:			center;
}


ul#menu{
	text-align:			left;
	margin:				60px 0 0 0;
	padding:			0;
	list-style:			none;
	color:				#fff;
}

ul#menu li{
	padding:			3px 0;
}

ul#menu li a{
	color:				#fff;
	text-decoration:	none;
	background:			url(images/menu.gif) top left no-repeat;
	display:			block;
	padding:			7px 0px 3px 15px;
	font-size:			10px;	
}


ul#menu li a:hover{
	color:				#fff;
	text-decoration:	none;
	background:			url(images/menu-on.gif) top left no-repeat;
	display:			block;
	padding:			7px 0px 3px 15px;
	font-size:			10px;	
}

ul#menu li a#first{
	background:			url(images/menu-top.gif) top left no-repeat;
}
ul#menu li a#first:hover{
	background:			url(images/menu-top-on.gif) top left no-repeat;
}

#banner{
	width:				540px;
	float:				right;
}
#bannerLeft{
	float:				left;
}

#bannerRight{
	float:				left;
}

div#content{
	background:			#8BDBFF;
	color:				#443F43;
	font-family:		verdana, arial, sans-serif;
	font-size:			12px;
	text-align:			left;
	padding:			15px 20px;
	width:				500px;
	float:				right;
}

* html div#content{
	/* Commented Backslash Hack
	hides rule from IE5-Mac \*/
	width: 				540px;
	/* End IE5-Mac hack */
}

div#content p{
	line-height: 		20px;
	text-align:			justify;

}


/* PAGE SPECIFIC CSS */

body#index ul#menu li#menu-index a{
	color:				#fff;
	text-decoration:	none;
	background:			url(images/menu-top-on.gif) top left no-repeat;
	display:			block;
	padding:			7px 0px 3px 15px;
	font-size:			10px;	
}


body#about ul#menu li#menu-about a, body#services ul#menu li#menu-services a, body#conservatories ul#menu li#menu-conservatories a, body#windows ul#menu li#menu-windows a, body#commercial ul#menu li#menu-commercial a, body#contact ul#menu li#menu-contact a, body#links ul#menu li#menu-links a{
	color:				#fff;
	text-decoration:	none;
	background:			url(images/menu-on.gif) top left no-repeat;
	display:			block;
	padding:			7px 0px 3px 15px;
	font-size:			10px;	
}
/*div#columns{
	float:				left;
	width:				540px;
	background:			#f00;
}*/

div#columns{
	padding:			11px 0;
	width:				550px;
	float:				right;
}


div.thinCol{
	float:				right;
	margin-left:		10px;
	width:				172px;
}

div.thinCol p{
	background:			#8BDBFF;
	color:				#443F43;
	font-family:		verdana, arial, sans-serif;
	font-size:			12px;
	text-align:			left;
	padding:			11px;
	margin:				0;
			
}

div.thinCol p a{
	color:				#DF1800;
	text-decoration:	none;
	font-weight:		bold;
	text-align:			right;
}


#pageFooter{
	clear:				both;
	text-align:			center;
	font-family:		verdana, arial, sans-serif;
	font-size:			10px;
	color:				#fff;
	padding:			15px 10px;	
}

#pageFooter a:link, #pageFooter a:hover, #pageFooter a:visited{
	text-decoration:	none;
	color:				#fff;
}

div.leftContent{
	width:				220px;
	float:				left;
}

div.rightContent{
	width:				260px;
	float:				right;
	text-align:			right;
}


#links div.leftContent{
	width:				250px;
	float:				left;
}

#links div.rightContent{
	width:				190px;
	float:				right;
	text-align:			right;
}

img.left{
	float:				left;
	margin:				4px 0 0 3px;
}

img.right{
	float:				right;
	margin:				4px 0 0 0;
}

img.floatRight{
	float:				right;
	margin:				0 0 0 10px;
}

div.line{
	clear:				both;
}

img.one, img.two{
	float:				left;
	margin:				0 2px 5px 0;
}
img.three{
	float:				left;
	margin:				0 0 5px 0;
}

label{
	font-size:		12px;
	font-family:	verdana, arial, helvetica, sans-serif;
	width:			100px;
	margin-left:	10px;
	font-weight:	bold;
	vertical-align:	top;
	float:			left;
}
form#contact div{
	margin:			3px 0;
	clear:			both;
}
form#contact input.text, form#contact textarea{
	width:			190px;
	font-size:		12px;
	font-family:	arial, helvetica, sans-serif;
	border:			1px solid #1878AD;
}

input.submit{
	margin-left:	115px;
}

div.contactRow{
	clear:			both;
}


body#contact .leftContent {
	width: 300px;
}
body#contact .rightContent {
	width: 180px;
}
body#contact .rightContent p {
text-align: left;
font-size: .9em;
}