/* CSS Document */

body,td,th {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
}
a {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	background-color:#6e6e6e;
}


/* Visual Styles */
#topheadercontainer{height: 40px; width: 100%; background-image: url(../images/topheader.jpg);}
	#topheadercontentcontainer{margin: auto; width: 966px; height: 40px; line-height: 40px;}
		#webaddress{float: left; line-height: 40px;}
			#webaddress a:hover{color: #CCCCCC;}
		#phonenumber{float: right; line-height: 40px; position: relative;}
		#litsigns{width: 300px; height: 170px; position: absolute; right:0px; top: 500px;  background-image: url(../images/light.png) }

#mainheadercontainer{height: 242px; width: 100%; background-image:url(../images/headerbg.jpg); }
	#mainheaderimage{margin: auto; width: 966px; height: 242px; background-image:url(../images/mainheader.jpg);}

#maincontentcontainer{height:100%; width: 100%; background-image: url(../images/maincontentbg.jpg); background-repeat: repeat-x; background-color:#6E6E6E; clear:overflow;} 
	#linkscontainer{margin: auto; width: 966px; height: 38px;}


/* Main Content Item positioning */
#pagecontent{
	width: 966px;	margin: auto;	padding-top: 20px;	text-align:justify;
}
#aboutusheader{width: 178px; height: 24px; background-image:url(../images/aboutus.png);}
#creditcardsheader{width:400px; height: 30px; background-image:url(../images/ccardsheader.png);}
#contactusphonenumber{width:277px; height: 30px;background-image:url(../images/contactusnumber.png);}
#welcome{width: 208px; height: 24px; background-image:url(../images/welcome.png);}

#content{width: 631px; float:left; text-align: justify; padding-right: 20px; padding-top: 15px;}	
#contactform{width: 315px; float: right;}
#contenttext{width: 460px; float: left;}
#pics{width: 171px; height: 319px; background-image:url(../images/pics.png); float: right;}

#signheader{width: 123px; height: 28px; background-image: url(../images/oursigns.png);}
#whycitysignsheader{width: 285px; height: 30px; background-image:url(../images/whycs.png); }
#canofferheader{width: 285px; height: 30px; background-image:url(../images/canoffer.png); }
#proudheader{width: 400px; height: 30px; background-image:url(../images/proudheader.png); }
#productheader{width: 285px; height: 30px; background-image:url(../images/productlist.png); }
#ourgallery{width: 285px; height: 30px; background-image:url(../images/galleryheader.png); }

#contactcontent{float: left; width: 640px;}
#contactpic{width: 287px; height: 170px; float: right; background-image:url(../images/contact.png); }

#contactpageheader{width: 285px; height: 30px; background-image: url(../images/howtocontact.png);}

#contactformcontainer{width: 600px; float: left; border: 1px solid #fff; padding: 20px; background-image:url(../images/bgproduct.jpg); background-position:top; background-repeat:repeat-x; background-color: #dfc684; color: #000000;}
#contactformheader{width: 285px; height: 30px; background-image:url(../images/emailcity.png);}
#contactformcontainer td{color: #000000;}

#contactdetails{width: 267px; float: right; padding-left: 20px; padding-top: 20px;}
#contactdetailsheader{width: 229px; height: 30px; background-image: url(../images/contactdetails.png);}
#contactdetails blockquote{margin: 15px; padding: 0px; }

	
	#cform{width: 295px; height: 419px; background-image:url(../images/cformbg.png); padding-top: 15px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}
#contactusheader{width: 132px; height: 24px;  background-image: url(../images/contactusheader.png);}	
#contactformtext{padding-top: 10px; padding-bottom: 10px; text-align: justify; margin-bottom: 0px; }

.inputwidth{width: 100%; font-size: 12px; border: 1px solid #aaa; font-family: verdana; color: #000000;}
.inputwidth:hover{border: 1px solid #891225;}	

.button{width: 80px; height: 20px; background-image: url(../images/submit.jpg); border: 1px solid #fff; color: #fff; font-weight: bold; font-size: 12px; background-repeat:repeat-x; background-color: #891225;}
.button:hover{border: 1px solid #000;}

#whyus{width: 139px; height: 130px; float: left; background-image:url(../images/why.png);}
#iso{width: 169px; height: 130px; float: right; background-image:url(../images/iso.png);}
	
	#footer{width: 966px; margin: auto; clear: both; border-top: 1px solid #ccc; padding-top: 15px; overflow: auto;  padding-bottom: 10px; }
	#oldroyd{float: left; text-align: left; }
	#links{float: right; text-align: right;}
		#contactdetails a{font-weight: normal; color: #fff;}
		#contactdetails a:hover{font-weight: normal; color: #891225;}
		#links a{font-weight: normal; color: #fff;}
		#links a:hover{font-weight: normal; color: #891225;}
#contenttextcontainer{width:631px; height: auto;}

#mapheader{height: 30px; width: 143px; background-image:url(../images/location.png);}


.spacer{ width: 0px; height: 0px; clear: both;}

.spacerhack{height: 0px; clear: both; padding: 0px; margin: 0px;}

/* GALLERY IMAGES */

.gimage1{width: 170px;height: 170px; background-image:url(../images/gallery1.png);}
.gimage2{width: 170px;height: 170px; background-image:url(../images/gallery2.png);}
.gimage3{width: 170px;height: 170px; background-image:url(../images/gallery3.png);}
.gimage4{width: 170px;height: 170px; background-image:url(../images/gallery4.png);}
.simage1{width: 170px;height: 170px; background-image:url(../images/sgallery1.png);}
.simage2{width: 170px;height: 170px; background-image:url(../images/sgallery2.png);}
.simage3{width: 170px;height: 170px; background-image:url(../images/sgallery3.png);}
.simage4{width: 170px;height: 170px; background-image:url(../images/sgallery4.png);}
.simage5{width: 170px;height: 170px; background-image:url(../images/sgallery5.png);}
.simage6{width: 170px;height: 170px; background-image:url(../images/sgallery6.png);}
.simage7{width: 170px;height: 170px; background-image:url(../images/sgallery7.png);}
.simage8{width: 170px;height: 170px; background-image:url(../images/sgallery8.png);}
.pimage1{width: 170px;height: 170px; background-image:url(../images/pgallery1.png);}
.pimage2{width: 170px;height: 170px; background-image:url(../images/pgallery2.png);}
.pimage3{width: 170px;height: 170px; background-image:url(../images/pgallery3.png);}
.pimage4{width: 170px;height: 170px; background-image:url(../images/pgallery4.png);}
.tablepadding{width: 72px;}
.nodisplay{display: none;}