* { padding: 0; margin: 0; border: 0; outline: none; }
.hide { display: none; }
.clear { clear: both; }
body {
	background-color: #27343C;
	padding-top: 25px;
	background-image: url(../img/bgrd-body.gif);
	background-repeat: repeat-x;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}

/* header ---------------------------------------------------------------------------------------------------------------- */
#headerwraplg {
	width: 100%;
	float: left;
	height: 107px;
}
#headerwrapsm {
	width: 880px;
	height: 107px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../img/bgrd-pt.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#logo, #logo h1, #logo h1 a {
	width: 270px;
	height: 107px;
}
#logo {float: left;}
#logo h1 {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(../img/bgrd-logo.gif);
	background-repeat: no-repeat;
}
#logo h1 a {display: block;}

.contactinfo {
	width: 170px;
	float: left;
	padding-top: 30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-left: 19px;
	height: 60px;
}
.contactinfo  p {
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 18px;
	color: #257EB6;
}
.contactinfo a {
	color: #257EB6;
}
.contactinfo a:hover {
	color: #EF8E03;
}
#feature {
	width: 205px;
	float: left;
	height: 107px;
	background-image: url(../img/bgrd-feature.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#feature h4 {
	width: 205px; height: 107px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
#feature h4 a {display: block;	width: 205px; height: 107px;}
#navwraplg {
	width: 100%;
	float: left;
	height: 45px;
}
#navwrapsm {
	width: 880px;
	height: 45px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
}
/* nav ---------------------------------------------------------------------------------------------------------------- */

ul#nav {
	position: relative;
	height: 45px;
	width: 880px;
	background:   url(../img/nav.gif) no-repeat;
	margin: 0px;
	}
	ul#nav li {
	float: left;
	list-style: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
		}
	ul#nav li a {
	position: absolute;
	text-indent: -9999px;
	text-decoration: none;
	border: none !important;
	top: 0;
	height: 45px;
		}
		
ul#nav li#nav-welcome a 				{ left: 0; width: 150px; background:   url(../img/nav.gif) no-repeat; }
ul#nav li#nav-about a 					{ left: 150px; width: 149px; background:   url(../img/nav.gif) -150px 0 no-repeat; }
ul#nav li#nav-services a 				{ left: 299px; width: 122px; background:   url(../img/nav.gif) -299px 0 no-repeat; }
ul#nav li#nav-products a 				{ left: 421px; width: 132px; background:   url(../img/nav.gif) -421px 0 no-repeat; }
ul#nav li#nav-location a 				{ left: 553px; width: 160px; background:   url(../img/nav.gif) -553px 0 no-repeat; }
ul#nav li#nav-contact a 				{ left: 713px; width: 167px; background:   url(../img/nav.gif) -713px 0 no-repeat; }
		
ul#nav li#nav-welcome a:hover  			{ background-position: -0px -45px; }
ul#nav li#nav-about a:hover 	 		{ background-position: -150px -45px; }
ul#nav li#nav-services a:hover  		{ background-position: -299px -45px; }
ul#nav li#nav-products a:hover	  		{ background-position: -421px -45px; }
ul#nav li#nav-location a:hover  		{ background-position: -553px -45px; }
ul#nav li#nav-contact a:hover 			{ background-position: -713px -45px; }

ul#nav li#nav-welcome a.active  		{ background-position: -0px -90px; }
ul#nav li#nav-about a.active  			{ background-position: -150px -90px; }
ul#nav li#nav-services a.active  		{ background-position: -299px -90px; }
ul#nav li#nav-products a.active  		{ background-position: -421px -90px; }
ul#nav li#nav-location a.active  		{ background-position: -553px -90px; }
ul#nav li#nav-contact a.active  		{ background-position: -713px -90px; }


/* mpheadings ---------------------------------------------------------------------------------------------------------------- */
#mpwraplg {
	width: 100%;
	float: left;
	height: 200px;
}
#mpwrapsm {
	width: 880px;
	height: 200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#mp {
	background-image: url(../img/mp01.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#mp h2 {
	display: block;
	width: 880px;
	height: 200px;
	text-indent: -9999px;
	text-decoration: none;
}
#ptwraplg {
	width: 100%;
	float: left;
	height: 54px;
}
#ptwrapsm {
	width: 880px;
	height: 54px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#pt01, #pt02, #pt03, #pt04, #pt05, #pt06 {
	position: relative;
	width: 880px; height: 54px;
	margin: 0px;
	background-color: #FFFFFF;
} 
#pt01 {	background-image: url(../img/pt01.gif);}
#pt02 {	background-image: url(../img/pt02.gif);}
#pt03 {	background-image: url(../img/pt03.gif);}
#pt04 {	background-image: url(../img/pt04.gif);}
#pt05 {	background-image: url(../img/pt05.gif);}
#pt06 {	background-image: url(../img/pt06.gif);}
#pt01  h4, #pt02  h4, #pt03  h4, #pt04  h4, #pt05  h4, #pt06  h4 {
	display: block;
	width: 880px; height: 54px;
	text-indent: -9999px;
	text-decoration: none;
	background: none;
}

/* content ---------------------------------------------------------------------------------------------------------------- */

#cntntwraplg {
	width: 100%;
	float: left;
}
#cntntwrapsm, #cntntwrapsm2, #cntntwrapsm3, #cntntwrapsm4  {
	width: 850px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 30px;
	padding-left: 30px;
}
#cntntwrapsm  {	background-image: url(../img/bgrd-cntnt.gif);}
#cntntwrapsm2 {	background-image: url(../img/bgrd-cntnt2.gif);}
#cntntwrapsm3 {	background-image: url(../img/bgrd-cntnt3.gif);}
#cntntwrapsm4 {	background-image: url(../img/bgrd-cntnt4.gif);}

.col {
	width: 245px;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
}
.col2 {
	width: 500px;
	float: left;
	margin-right: 20px;
	padding-right: 15px;
	padding-left: 15px;
}
.col a, .col2 a { color: #F95501;}
.col a:hover, .col2 a:hover { color: #2784B9;}
.col p, .col2 p {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #526672;
	line-height: 20px;
	margin-bottom: 10px;
}
h3   {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 5px;
	color: #3597BA;
}
.col ul {
	margin-left: 20px;
	margin-bottom: 10px;
}
.col li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFDDB0;
	color: #EF8E03;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#map {
	width: 530px;
	float: left;
	background-color: #27343C;
	border: 2px solid #EF8E03;
	margin-right: 20px;
}
.phoneemail {
	font-size: 21px;
	line-height: 30px;
}
.address {
	font-size: 17px;
	line-height: 22px;
	color: #35B1D4;
}
.smtxt {
	text-transform: uppercase;
	font-size: 10px;
	line-height: 14px;
}
.orange {
	color: #EF8E03;
}
.product {
	width: 245px;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
}
.prodimg {
	float: left;
	width: 75px;
	text-align: center;
}
.prodinfo {
	float: right;
	width: 160px;
}
.prodinfo p {
	font-size: 10px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	margin-bottom: 5px;
	color: #EF8E03;
}
.prodinfo ul {
	list-style-image: url(../img/icon-list.gif);
	padding-left: 20px;
}
.prodinfo li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FBFBFB;
	color: #EF8E03;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: none;
	line-height: 16px;
}
.prodinfo li a {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B4BCC3;
	display: block;
	text-decoration: none;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #27495D;
	line-height: 20px;
}
.prodinfo li a:hover {
	background-color: #E17F0C;
	color: #FFFFFF;
	width: 100%;
}

/* footer  ---------------------------------------------------------------------------------------------------------------- */
#footerwraplg {
	width: 100%;
	float: left;
	height: 150px;
}
#footerwrapsm {
	width: 880px;
	height: 150px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
	padding-top: 20px;
	background-image: url(../img/bgrd-footer.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#footerwrapsm p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8BA9BC;
	line-height: 22px;
}
#footerwrapsm a {
	color: #57B3E1;
	padding-right: 3px;
	padding-left: 3px;
}
#footerwrapsm a:hover {
	color: #F84A01;
}