/*

	"By Gobo" Website by Insilico
	Built by Adam Trickett
	30th October 2009

*/

body {
	font: 10pt Arial, Helvetica, sans-serif;
	background:#0A1058 url('../images/body-bg.jpg') no-repeat top center;
	margin: 0;
	padding: 0;
}

/*div#container {
	position:absolute;
	left:215px;
	top:40px;
	width:850px;
	padding:0 0 40px 0;
}*/
div#container {
	position:relative;
	top:40px;
	width:850px;
	margin:0 auto;
	text-align:center;
	padding:0 0 40px 0;
}

	div#header {
		position: relative;
		background:#FFFFFF;
		height:200px;
		text-align:left;
	}
		div#header h1 {
			margin:0px;
			display:block;
			position:absolute;
			top:24px;
			left:24px;
		}
			div#header h1 a {
				display:block;
				width:225px;
				height:141px;
				background-image:url('../images/logo.jpg');
				text-indent:-9000px;
				outline:none;				
			}
		div#banner {
			position:absolute;
			top:38px;
			right:0px;
			width:585px;
			height:130px;
		}	
		div#navigation {
			position:absolute;
			top:173px;
			right:0px;
		}
			div#navigation a {
				display:block;
				float:left;
				height:27px;
				text-indent:-9000px;
				outline:none;
			}
				.screens {
					width:119px;
					background-image:url('../images/showerscreens.jpg');
				}
				.windows {
					width:68px;
					background-image:url('../images/windows.jpg');
				}
				.doors {
					width:66px;
					background-image:url('../images/doors.jpg');
				}
				.vanities {
					width:128px;
					background-image:url('../images/vanities.jpg');
				}
				.showers {
					width:125px;
					background-image:url('../images/showers-and-taps.jpg');
				}
				.contact {
					width:87px;
					background-image:url('../images/contact-us.jpg');
				}
	#content {
		position:relative;
		background-color:#316AA4;
		padding:0 0 30px 0;
		min-height:500px;
		height:auto !important;
		height:500px;
		text-align:left;
	}
	body div#container div.main {
		background:#316AA4 url(../images/content-focal.jpg) no-repeat bottom right;
	}
		div#leftColumn {
			margin:0 0 0 20px;
			padding: 0 0 0 0;
			width:450px;
			color:#FFF;
			float: left;
		}
		
		div#leftColumn2 {
			margin:0 0 0 20px;
			padding: 0 0 0 0;
			width:400px;
			color:#FFF;
			float: left;
		}
			div#leftColumn p a:link,
			div#leftColumn p a:hover,
			div#leftColumn p a:visited {
				color:#FFFFFF;
			}
			body div#container div.wide {
				width:700px;
			}
		div#rightColumn {
			position:absolute;
			top:15px;
			left:490px;
			padding:25px 20px 0 0;
			color:#FFFFFF;
		}
			.tab {
				position:absolute;
				width:210px;
				height:80px;
				padding:10px 30px 10px 140px;
				color:#000000;
			}
				.tab img {
					position:absolute;
					top:10px;
					left:10px;
				}
				.tab p {
					margin:0;
					font-size:12px;
				}
				.tab a {
					display:block;
					position:absolute;
					bottom:10px;
					left:140px;
					text-decoration:none;
				}
					.tab a:link,
					.tab a:visited {
						color:#387DBE;
					}
					.tab a:hover {
						color:#0A1058;
					}
			.top {
				background-image:url('../images/tab-top.jpg');
				top:25px;
			}
			.middle {
				background-image:url('../images/tab-middle.jpg');
				top:155px;
			}
			.bottom {
				background-image:url('../images/tab-bottom.jpg');
				top:285px;
			}
			div#rightColumn span {
				display:block;
				position:absolute;
				font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
				font-style:italic;
				color:#FFFFFF;
			}
				span.first-line {
					font-size:22px;
					top:422px;
					left:26px;
					width:282px;
					height:201px;
					padding:40px 0 0 36px;
					background:url('../images/call-us-focal.jpg') no-repeat -5px 0px;
				}
				span.phone-number {
					font-size:36px;
					left:46px;
					top:66px;
				}
				span.last-line {
					font-size:18px;
					left:18px;
					top:164px;
					width:260px;
					text-indent:20px;
				}
		div#footer {
			position:absolute;
			bottom:0px;
			width:845px;
			height:13px;
			padding:2px 0 0 5px;
			background-color:#22478B;
			font-size:10px;
			color:#FFFFFF;
			clear: both;
		}
			div#footer a:link,
			div#footer a:visited,
			div#footer div a:link,
			div#footer div a:visited {
				color:#FFFFFF;
				text-decoration:none;
			}
			div#footer div {
				position: absolute;
				right: 5px;
				top: 0px;
				font-family: times, serif;
			}
/**********
Misc
**********/
.cycleBox {
	width:448px;
	height:360px;
	overflow:hidden;
}
fieldset {
	width:450px;
}
legend {
	font-size:26px;
}
.img_group1 img,
.img_group2 img,
.img_group3 img,
.img_group4 img,
.img_group5 img {
	border:none;
}

table.contact-details td {
	vertical-align: top;
}

.hide-from-view {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#contact fieldset {
	border: 1px solid #fff;
	width: 90%;
}

textarea {
	width: 200px;
}

div#right-column {
	display: inline;
	float: right;
	width: 350px;
	margin: 18px 20px 0 0;
}

.clear {
	clear: both;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

.green-color {
	color: #0c0;
}

.red-color {
	color: #ffd8d8;
}

.red-bg {
	background: #ffd8d8;
	border: 1px solid #f00;
}

div#call-us-now {
	line-height: 40px;
	font-size: 1.4em;
	padding: 0 10px 0;
	color: #fff;
	text-align: right;
	font-weight: bold;
}

h2 {
	margin: 0 0 15px;
}

table.contact-form input, table.contact-form textarea {
	width: 230px;
	float: right;
}

table.contact-form input.button {
	width: 90px;
}