/* CSS Document */

/* Body and Universal Reset */

* {margin: 0; padding: 0;}

body {
	text-align:center;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	line-height:19px;
	background:url(/images/backgrounds/body_bg.gif) no-repeat #224E2A 173px 25px;
}
	
#container {
	margin:0 auto;
	width:869px;
	text-align:left;
	background:url(/images/backgrounds/bg.png) repeat-y -1px 0;
	_background:none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/backgrounds/bg.png',sizingMethod='scale');


}

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	line-height:19px;
	vertical-align:top;
}

img {
	border:0;
}

.clear {
	clear:both;
	height:1px;
}


/* Typography */

h2 {
	color:#fff;
}

h2.galleryTitle {
	width:477px; 
	color:#ED5800; 
	font-size:20px; 
	padding-top:7px;
}

/* Header */

#header {
	background:url(/images/backgrounds/header_bg.gif) no-repeat;
	height:116px;
	padding:7px 0 0 25px;
}


/* Main Navigation */

#mainNav {
	margin:0 0 10px 25px;
	height:27px;
	width:820px;
	background-color:#262626;
	padding-top:9px;
	text-align:center;
}

#mainNav li {
	list-style:none;
	display:inline;
	padding:0 17px 0 17px;
}


/* Banner & Page Title */

#bannerTitle {
	height:195px;
	margin:0 0 0 25px;
	width:820px;
}

#bannerTitleHome {
	margin:0 0 0 25px;
	width:820px;
}

.requestQuote {
	margin-top:154px;
	float:left;
}

.subMenuHeading {
	margin:166px 0 0 17px;
	width:216px;
	float:left;
}

.pageTitle {
	margin:151px 0 0 25px;
	float:left;
}


/* Left Col */

#leftCol {
	float:left;
	margin:0 0 0 25px;
	_margin:0 0 0 12px;
	width:231px;
	background:#262626;
	padding:0 0 22px 0;
	height:459px
}

#requestQuote {
	font-size:11px;
	line-height:15px;
	padding-left:15px;
}

#requestQuote p {
	margin:0 0 5px 0
}

.requestQuoteLabel {
	color:#70A329;
	font-size:12px;
	float:left;
	width:45px;
	padding-top:4px;
}

#requestQuote input.textinput, #requestQuote input.textinputhover {	
	width:150px;
	margin:2px 0;
	padding:1px 0;
}

.continue {
	text-align:right;
	margin:5px 20px 15px 0;
}

#featuredSports {
	padding-left:15px;
}

#featuredSports img {
	margin:6px 6px 0 0;
}

#subMenu {
	background:#000000;
}

#subMenu ul {
	margin-bottom:10px;
}

#subMenu li {
	list-style:none;
	padding-left:17px;
}


/* Content */

#content {
	width:560px;
	margin:0 0 0 29px;
	float:left;
}

#content p {
	margin:0 0 18px 0;
}

#content ul {
	margin:0 0 18px 20px;
}

#content ul.surfaceTypeSelect {
	margin:0 0 18px 0;
}

.surfaceTypeSelect li {
	list-style:none;
}

#content p.homeLastPara {
	margin:0;
}

#ourServicesBox {
	background:#262626;
	width:228px;
	float:right;
	padding-left:3px;
	height:480px

}

#ourServicesBox li {
	list-style:none;
	margin:20px 0 20px 0;
}

#ourServicesBox ul {
	margin:20px 0 20px 0;
}

#galleryContainer {
	margin-left:25px;
}

.gallCatContainer {
	float:left;
	width:120px;
	text-align:center;
	margin:0 20px 20px 0;
}

.gallCatContainer img {
	border:1px solid #CACBCB;
}


/**********************/
.homeApplicationsList {
	border-top:1px solid #262626;
	width:200px;
}

#content .homeApplicationsList li {
	border-bottom:1px solid #262626;
	list-style:none;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	background:none;
	padding:0;
}

.homeApplicationsList li a {
	color:#ffffff;
	text-decoration:none;
	background:url(images/spacers/big_bullet.gif) no-repeat 0 6px;
	padding:8px 0 8px 33px;
	display:block;
}

.homeApplicationsList li a:hover {
	background:url(images/spacers/big_bullet.gif) no-repeat 0 -25px;
	text-decoration:underline;
}

.productsList {
	width:597px;
	border:none;
}

#content .productsList li {
	border:none;
	list-style:none;
	width:155px;
	float:left;
	margin:0 15px 20px 0;
}

#content .productsList li.last {
	margin:0 0 20px 0;
}

.productsList li a {
	padding:10px 0 6px 33px;
	border-top:1px solid #262626;
	margin:10px 0 0 0;
	background:url(images/spacers/big_bullet.gif) no-repeat 0 8px;
}

.homeApplicationsList li a:hover {
	background:url(images/spacers/big_bullet.gif) no-repeat 0 -23px;
}

.productsList li a.imgLink {
	background:none;
	padding:0;
	display:block;
	border:none;
	margin:0;
}

/************************/



/* Recent Projects */

.projectContainer {
	background:url(images/backgrounds/projects_bg.gif) repeat-y top right;
	width:440px;
	margin:20px 0 0 0;
	padding:0 0 10px 30px;
}	

.recentProjectInfo {
	background:url(images/backgrounds/projects_top.gif) no-repeat top right;
	width:440px;
}

.recentProjectsHeading {
	padding-left:15px;
	width:80px;
}

.projectsTopCell {
	padding-top:9px;
}

.projectDetails {
	padding-right:10px;
}

.projectsIMGContainer {
	background:url(images/backgrounds/projects_bottom_bg.gif) no-repeat top right;
	width:470px;
	margin-bottom:20px;
}

.projectsIMGContainer img {
	border:1px solid #CACBCB;
	margin-right:25px;
}

#content p.displaying {
	text-align:center;
	margin:10px 0;
}


/* Online Enquiry Form */

.onlineEnquiryTable {
	width:100%;
}

.onlineEnquiryTable td {
	padding-bottom:5px;
}

.yourDetails {	
	padding:7px 0 0 0;
	height:30px;
	font-weight:bold;
	font-size:13px;
}

.requiredFields {
	text-align:right;
	padding:7px 18px 0 0;
	font-size:11px;
}

.required {
	text-align:center;
	vertical-align:middle;
	padding-left:15px;
	padding-right:5px;
}

.onlineEnquiryTable input.textinput, .onlineEnquiryTable input.textinputhover, .onlineEnquiryTable textarea {
	width:440px;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(/images/backgrounds/white.gif);
}

.textinput {
	border:1px solid #BABABA;
	padding:0px 2px;
}

.textinputhover {
	border:1px solid #70A329; 
	padding:0px 2px;
}

select {
	font-size:11px;
	color:#808080;
}

.submit {
	padding-right:15px;
}

.errorText {
	color:#FF0000;
}


/* Footer */

#footer {
	background:url(images/backgrounds/footer_bg.gif) no-repeat #224E2A;
	text-align:center;
	color:#70A329;
	font-size:11px;
	line-height:19px;
	padding:20px 0 10px 0;
	height:63px;
}

#footer a {
	color:#70A329;
}

#footer a:hover {
	color:#FE5E00;
}

#footer li {
	display:inline;
	list-style:none;
	color:#FFFFFF;
	margin:0 12px 0 0;
}

#footer li a {
	color:#FFFFFF;
}