* {

	margin: 0px;

	padding: 0px;

}

body {

	background-image: url(images/bg-gradient.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	background-color: #6C307F;

}

h1 {

	position: relative;

	z-index: 0;

	height: 175px;

	width: 375px;

	margin-left: 25px;

	color: #000000;

	text-decoration: none;

	font-size: 1.1em;

	margin-top: 15px;

}

h1 a{

	color: #000000;

	text-decoration: none;

}

h1 span {

	background-image: url(images/hurst-logo.jpg);

	background-repeat: no-repeat;

	height: 175px;

	width: 375px;

	display: block;

	position: absolute;

	z-index: 600;

}

.home h1 span{
	background-image: url(images/hurst-logo-home.jpg);
	width: 800px;
}

ul.navigation {

	list-style-type: none;

	height: 175px;

	width: 100px;

	position: absolute;

	top: 30px;

	right: 25px;

}

ul.navigation li {

	font-weight: bold;

	

	font-size: 12px;

	display: block;

	height: 35px;

	width: 100px;

	line-height: 35px;

}

ul.navigation li a {

	position: relative;

	color: #FFFFFF;

	height: 35px;

	width: 100px;

	text-indent:-9999px;

	display:block;

}

ul.navigation li a span {

	display: block;

	height: 35px;

	width: 100px;

	position: absolute;

	top: 0px;

	right: 0px;

	background-image: url(images/navigation.png);

	background-repeat: no-repeat;

	background-position: 0px 0px;

}

ul.navigation li#home a span{

	background-position: 0px 0px;

}

ul.navigation li#aboutus a span{

	background-position: 0px -35px;

}

ul.navigation li#products a span{

	background-position: 0px -70px;

}

ul.navigation li#certificates a span{

	background-position: 0px -105px;

}

ul.navigation li#contactus a span{

	background-position: 0px -138px;

}



ul.navigation li#home a:hover span{

	background-position: -106px 0px;

}

ul.navigation li#aboutus a:hover span{

	background-position: -208px -35px;

}

ul.navigation li#products a:hover span{

	background-position: -106px -70px;

}

ul.navigation li#certificates a:hover span{

	background-position: -208px -105px;

}

ul.navigation li#contactus a:hover span{

	background-position: -106px -138px;

}

#content {

	position: relative;

	z-index: 500;

	margin-top: -10px;

	left: 0px;

	top: 0px;

	color: #FFFFFF;

	padding-right: 5em;

	padding-left: 5em;

}



h2#hometitle {

	text-transform: uppercase;

	height: 70px;

	text-align: center;

	font-size: 20px;

	position: relative;

	width: 592px;

}

h2#hometitle span{

	background-image: url(images/home-header.png);

	background-repeat: no-repeat;

	display: block;

	height: 251px;

	width: 100%;

	position: absolute;

	left: 0px;

	top: 0px;

	background-position: center top;

	text-indent:-9999em;

}

h2#aboutus {

	text-transform: uppercase;

	height: 50px;

	text-align: left;

	font-size: 20px;

	position: relative;

	width: 200px;

}

h2#aboutus span {

	background-image: url(images/aboutus-header.gif);

	background-repeat: no-repeat;

	display: block;

	height: 50px;

	width: 200px;

	position: absolute;

	left: 0px;

	top: 0px;

}

h2#equipment{

	text-transform: uppercase;

	height: 50px;

	text-align: left;

	font-size: 20px;

	position: relative;

	width: 220px;

}

h2#equipment span {

	background-image: url(images/equipment-header.gif);

	background-repeat: no-repeat;

	display: block;

	height: 50px;

	width: 220px;

	position: absolute;

	left: 0px;

	top: 0px;

}

h2#certificates{

	text-transform: uppercase;

	height: 50px;

	text-align: left;

	font-size: 20px;

	position: relative;

	width: 250px;

}

h2#certificates span {

	background-image: url(images/certificates-header.gif);

	background-repeat: no-repeat;

	display: block;

	height: 50px;

	width: 250px;

	position: absolute;

	left: 0px;

	top: 0px;

}

h2#contactus{

	text-transform: uppercase;

	height: 50px;

	text-align: left;

	font-size: 20px;

	position: relative;

	width: 250px;

}

h2#contactus span {

	background-image: url(images/contactus-header.gif);

	background-repeat: no-repeat;

	display: block;

	height: 50px;

	width: 250px;

	position: absolute;

	left: 0px;

	top: 0px;

}

.img1 {

	border-top-width: 4px;

	border-right-width: 4px;

	border-top-style: solid;

	border-right-style: solid;

	border-top-color: #6E3181;

	border-right-color: #6E3181;

	text-align: center;

	border-left-width: 4px;

	border-left-style: solid;

	border-left-color: #6E3181;

	margin-top:100px;

}

#hbar {

	float: right;

	width: 100%;

	background-image: url(images/home-equip-bar.gif);

	background-repeat: repeat-x;

	height: 120px;

}



#footer {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #FFFFFF;

	text-transform: uppercase;

	font-size: 0.8em;

	margin-bottom: 20px;

	clear: both;

}

.left {

	float: left;

	margin-right: 10em;

	margin-left: 10em;

}

.hide {

	margin-left: -9999px;

}

#content .text {

	border-top-width: 4px;

	border-right-width: 4px;

	border-top-style: solid;

	border-right-style: solid;

	border-top-color: #6E317F;

	border-right-color: #6E317F;

	padding: 0 20px 0 20px;

}

#content .text h3 {

	text-transform: uppercase;

	font-size: 1em;

	font-family: Arial, Helvetica, sans-serif;

	margin-top: 0.4em;

	margin-bottom: 0.4em;

}

#content .text .button {

	background-image: url(images/button-bg.gif);

	background-repeat: repeat-x;

	color: #6E3181;

	font-weight: bold;

	text-transform: uppercase;

	font-family: Arial, Helvetica, sans-serif;

	border: 2px solid #6E3181;

	padding-right: 0.2em;

	padding-left: 0.2em;

	margin-top: 0.5em;

	text-align: center;

}

#content .text .button a {

	color: #6C307F;

	text-decoration: none;

	font-weight: bold;

}

#content .text .button a:hover {

	color: #000000;

}



#content .text p {

	font-weight: normal;

	margin-top: 0.5em;

	margin-bottom: 0.5em;

}

#content .text ul, #content .text ol {

	margin-right: 20px;

	margin-left: 20px;

}

#content .text h4 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.9em;

	text-transform: uppercase;

	color: #FFFFFF;

	margin: 0px;

}

#content .text ul li p {

	margin-left: 20px;

	font-weight: normal;

	margin-top: 0px;

}

#content .text li {

	margin-top: 1em;

	margin-bottom: 1em;

}

.caption {

	width: 200px;

	text-align: center;

	font-size: 0.8em;

	font-weight: bold;

	margin-right: 20px;

	margin-left: 20px;

}



.img {

	border: 3px solid #999999;

}

.clear {

	clear: both;

}



.right {

	float: right;

}

#content .text h2 {

	color: #000000;

	font-size: 1.2em;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-transform: uppercase;

}

#content .text th {

	text-align: left;

	padding-right: 10px;

	font-weight: normal;

}

#content .text td {

	padding-right: 10px;

	padding-left: 10px;

}

#content #cbar {

	position: relative;

	height: 300px;

	float: right;

	width: 100%;

	background-image: url(images/contactus-bg.gif);

	background-repeat: repeat-x;

}#content #cbar span {

	background-image: url(images/contactus.jpg);

	background-repeat: no-repeat;

	display: block;

	position: absolute;

	height: 300px;

	width: 600px;

	left: 0px;

	top: 0px;

}

#content .text a {

	color: #FFFFFF;

	text-decoration: none;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #FFFFFF;

}

#content .text a:hover {

	border-bottom-color: #6E3181;

}

#content .text .caption a {

	border-bottom-style: none;

	border-bottom-color: #6C307F;

}

html #content .text .newWinStyle {

	color: #666666;

	border: 1px dashed #666666;

}


