/* CSS Document */

*{
	margin: 0;
	padding: 0;
}

body {
background:  url(images/grad.jpg) repeat-x; 
margin-top: 0;
margin-left: 20%;
font-family: Times, Verdana;
}

#container {
	margin-top: 0;
	margin-left: 0;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 660px;
	overflow: hidden;
	z-index: 1;
}

#header{
	background:  url(images/header.gif) no-repeat;
	display: inline;	
	float: left;
	width: 640px;
	height: 280px;	
}

#menu {
	font: normal 110%/20px Arial, Helvetica, sans-serif;
	background: url(images/menu.jpg) no-repeat;
	float: right;
	margin-right: 15px;
	margin-top: 5px;
	width: 150px;
	height: 280px;	
}

#menu a {
			text-decoration: none;
		}

		#menu ul {
			list-style-type: none;
		}
		
		
		#home{
			display: block;
			width: 145px;
			height: 40px;
			background: url(images/btnHome.jpg) no-repeat;
		}

		#home:hover{
			background: url(images/btnHomeHover.jpg) no-repeat;
		}

		#home span{
			display: none;
		}
		
		#services{
			display: block;
			width: 145px;
			height: 40px;
			background: url(images/btnServices.jpg) no-repeat;
		}

		#services:hover{
			background: url(images/btnServicesHover.jpg) no-repeat;
		}

		#services span{
			display: none;
		}
		
		#area{
			display: block;
			width: 145px;
			height: 40px;
			background: url(images/btnArea.jpg) no-repeat;
		}

		#area:hover{
			background: url(images/btnAreaHover.jpg) no-repeat;
		}

		#area span{
			display: none;
		}
		
		#gallery{
			display: block;
			width: 145px;
			height: 40px;
			background: url(images/btnGallery.jpg) no-repeat;
		}

		#gallery:hover{
			background: url(images/btnGalleryHover.jpg) no-repeat;
		}

		#gallery span{
			display: none;
		}
		
		#testimonials{
			display: block;
			width: 145px;
			height: 40px;
			background: url(images/btnTestimonials.jpg) no-repeat;
		}

		#testimonials:hover{
			background: url(images/btnTestimonialsHover.jpg) no-repeat;
		}

		#testimonials span{
			display: none;
		}
		
		#contact{
			display: block;
			width: 145px;
			height: 40px;
			background: url(images/btnContact.jpg) no-repeat;
		}

		#contact:hover{
			background: url(images/btnContactHover.jpg) no-repeat;
		}

		#contact span{
			display: none;
		}
		
#link {
	font: italic 100%/18px "Times New Roman", Times, Verdana;
	float: left;
	margin-left: 125px;
	margin-top: 243px;
	width: 350px;
	height: 20px;	
}
	#link ul, a  {
			list-style-type: none;
			color:#fff;
		}
		
#LengthImage {
	background:  url(images/lengthImage.gif) no-repeat; 
	float: left;
	margin-left: 55px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 130px;
	width: 550px;
}

#PageHeader{
	background:  url(images/PageHeader.gif) no-repeat;
	float: left;
	margin-left: 10px;
	margin-top: 1px;
	margin-bottom: 0px;
	height: 60px;
	width: 650px;
}

#PageHeader2{
	background:  url(images/PageHeader2.gif) no-repeat;
	float: left;
	margin-left: 10px;
	margin-top: 1px;
	margin-bottom: 0px;
	height: 60px;
	width: 650px;
}

#PageHeader3{
	background:  url(images/PageHeader3.gif) no-repeat;
	float: left;
	margin-left: 10px;
	margin-top: 1px;
	margin-bottom: 0px;
	height: 60px;
	width: 650px;
}

#PageHeader4{
	background:  url(images/PageHeader4.gif) no-repeat;
	float: left;
	margin-left: 10px;
	margin-top: 1px;
	margin-bottom: 0px;
	height: 60px;
	width: 650px;
}

#PageHeader5{
	background:  url(images/PageHeader5.gif) no-repeat;
	float: left;
	margin-left: 10px;
	margin-top: 1px;
	margin-bottom: 0px;
	height: 60px;
	width: 650px;
}

#PageHeader6{
	background:  url(images/PageHeader6.gif) no-repeat;
	float: left;
	margin-left: 10px;
	margin-top: 1px;
	margin-bottom: 0px;
	height: 60px;
	width: 650px;
}

#PageHeader7{
	background:  url(images/PageHeader7.gif) no-repeat;
	float: left;
	margin-left: 10px;
	margin-top: 1px;
	margin-bottom: 0px;
	height: 60px;
	width: 650px;
}

#main {
	background:  url(images/contentArea.gif) repeat-y;
	font: normal 80%/18px Arial, Helvetica, sans-serif;
	padding: 0px 5px 0px 0px;
	float: left;
	width: 660px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#main_text {
	color: #FFFFFF;
	float: left;
	margin-left: 20px;
	margin-top: 25px;
	width: 600px;
	padding: 0;
	overflow: hidden;
}

#map { 
	float: left;
	margin-left: 20px;
}

#image1 {
	background:  url(images/image1.jpg) no-repeat;
	width: 193px;
	height: 218px;
	float: right;
	margin-right: 20px;
}

#pagefooter{
	font: normal 70%/14px Arial, Helvetica, sans-serif;
	text-align: right;
	float: right;
	width: 320px;
	line-height: 8px;
	padding: 0 0 10px 0;
	margin-right: 40px;
	margin-top: 8px;
}

/* Form */
.formCol1{
	float: left;
	margin-left: 10px;
	padding: 2px;
	width: 135px;
}

.formCol2{
	float: left;
	margin-left: 2px;
	padding: 2px;
	width: 445px;
}

.formCol3{
	float: left;
	margin-left: 10px;
	padding: 20px 2px 2px 2px;
	width: 135px;
}

.formCol4{
	float: left;
	margin-left: 2px;
	padding: 20px 2px 2px 2px;
	width: 445px;
}

.FormHeader{
	float: left;
	margin-left: 40px;
	padding: 25px 0 0 0;
	width: 600px;
}
	
.submit{
	float: right;
	margin-right: 2px;
	padding: 20px;
	width: 260px;
}
.red{
	color: red;
}

/* SEO */

.header2 {
    font-size:13pt;
    font-weight:bold;
}

.header2Italic {
    font-size:11pt;
    font-style:italic;
}
	
.underFooter {

	font-family:arial;
	color:#FFFFFF;
	
}
.underFooter a {
	font-size:8pt;
	color:#FFFFFF
}

.underFooter h2 {
	text-align:center;
	padding: 10px;
	
	font-size:11pt;
	
}
.underFooter h3 {
	text-align:center;
	padding: 10px;
	
	font-size:11pt;
	
}

.underFooter h4 {
	text-align:center;
	
	font-size:10pt;
	
}

.footerMenu {
	text-align:center;
}

.loc2 {

	font-size:10pt;
	color: #FFFFFF;
	font-style: italic;
}

.loc3 {

	text-align:center;
	font-size:8pt;
	margin:0px 50px 0px 50px;
}

#AutoNumber1 {
	text-align:center;
	border-collapse: collapse;
	font-size:9pt;
}
#AutoNumber1 td {
	text-align:left;
}
#AutoNumber1 a {
	color:#FFFFFF;
	font-size:8pt;
	text-decoration:none;
}

#copyright  {
	font-size:8pt;
	color:#FFFFFF;
	padding:10px;
	}
.sitemap
{
	color:#FFFFFF;
	font-size:8pt;
	padding:10px;
}