/* null margins and padding to give good cross-browser baseline */
html,body,address,blockquote,div,
form,fieldset,caption,
h1,h2,h3,h4,h5,h6,
hr,ul,li,ol,ul,
table,tr,td,th,p,img {
	margin:0;
	padding:0;
}

img,fieldset {
	border:none;
}

hr {
	display:none; /* hr's in my markup are for CSS off only */
}

/* some handy standard image classes */

.plate {
	display:block;
	margin:0 auto 4px;
}

.leadingPlate {
	float:left;
	display:inline; /* prevent IE double margin bug */
	margin:0 4px 4px 0;
}

.trailingPlate {
	float:right;
	display:inline; /* prevent IE double margin bug */
	margin:0 0 4px 4px;
}

/* now begins the 'meat' of our layout */

body {
	padding:18px 0.5px 8px 0; /* extra half px fixes FF rounding error */
	font:normal 85%/130% arial,helvetica,sans-serif;
	text-align:center; /* center #pageWrapper in IE 5.x */
	color:#000;
	background:#33C0ED url(images/bodyBackground.png) top center repeat-x;
}

#pageWrapper {
	width:844px;
	margin:0 auto;
	text-align:left;
	background:#FFF;
}

h1 {
	position:relative;
	padding:47px 0 48px;
	zoom:1; /* trip haslayout without breaking IE 5.x */
	text-align:center;
	text-transform:uppercase;
	font:bold 48px/48px arial,helvetica,sans-serif;
	color:#0AC;
}

h1 small {
	display:block;
	font:bold 36px/36px arial,helvetica,sans-serif;
}

h1 span {
	position:absolute;
	top:0;
	left:0;
	width:844px;
	height:179px;
	background:url(images/h1Logo.png) 0 0 no-repeat;
}

#mainMenu {
	overflow:hidden; /* wrap floats */
	height:55px; /* trip haslayout, wrap floats IE */
	list-style:none;
	text-transform:uppercase;
	font:24px/55px arial,helvetica,sans-serif;
}

#mainMenu li {
	display:inline; /* don't even waste time trying to do more with these */
}

#mainMenu a {
	position:relative;
	float:left;
	display:inline; /* fix IE float oddities */
	overflow:hidden;
	height:55px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	background:#F80;
}

#mainMenu a:active,
#mainMenu a:focus,
#mainMenu a:hover {
	background:#18F;
}

#mainMenu .home a {
	width:198px;
}

#mainMenu .services a {
	width:231px;
}

#mainMenu .links a {
	width:176px;
}

#mainMenu .contact a {
	width:239px;
	margin-right:-8px; /* prevent IE from incorrectly wrapping these */
}

#mainMenu a span {
	position:absolute;
	top:0;
	left:0;
	width:256px;
	height:165px;
	background:url(images/mainMenu.png) 0 0 no-repeat;
}

#mainMenu a:active span,
#mainMenu a:focus span,
#mainMenu a:hover span {
	top:-55px;
	display:inline; /* IE7 won't render state change without display status change */
}

#mainMenu a.current span {
	top:-110px !important;
}

#mainMenu .services a span {
	background-position:-198px 0;
}

#mainMenu .links a span {
	background-position:-429px 0;
}

#mainMenu .contact a span {
	background-position:-605px 0;
}

#content {
	clear:both;
	padding:2px 12px;
	background:url(images/contentBackground.png) 0 0 repeat-y;
}

#content h2 {
	text-transform:uppercase;
	margin-bottom:0.5em;
	font:bold 135%/130% arial,helvetica,sans-serif;
	color:#1AD;
}

#banner {
	position:relative;
	width:820px;
	padding:86px 0 87px;
	margin-bottom:24px;
	text-align:center;
	font:bold 22px/32px arial,helvetica,sans-serif;
	color:#FFF;
	background:#000;
}

#content #banner h2 {
	margin:0;
	color:#FFF;
	font:bold 48px/48px arial,helvetica,sans-serif;
}

#banner span {
	position:absolute;
	top:0;
	left:0;
	width:820px;
	height:253px;
	background:url(images/banner.jpg) 0 0 no-repeat;
}

#specialize {
	float:left;
	display:inline; /* prevent IE double margin bug */
	width:534px;
	margin-left:18px;
	padding-bottom:1em;
}

#specialize .trailingPlate {
	padding-top:100px;
}

#specialize ul {
	list-style:none;
}

#specialize li {
	padding-bottom:0.5em;
}

/* Services List */

#servicesList {
	float:left;
	display:inline; /* prevent IE double margin bug */
	width:100%;
	margin:0;
	padding:0;
}

#servicesList h2 {
	margin:19px 0 19px 19px;
	text-transform:none;
	font-size:24px;
	font-weight:bold;
}

#servicesList ul {
	list-style:none;
}

li.wrapAround {
	border-top:1px #cdcdcd dashed;
	width:770px;
	margin:0 auto;
	padding:0 0 0 50px;
	line-height:50px;
}

li.wrapAround a:link, li.wrapAround a:visited {
	padding:0 0 0 43px;
	color:#14aada;
	text-decoration:none;
	font-size:20px;
	background:url(images/check.png) center left no-repeat;
}

li.wrapAround a:hover {
	text-decoration:underline;
}

li.wrapAround:hover {
	
}

li.gray {
	background-color: #f3f3f3;
}

/* Services List END */

li.linksAround {
	border-top:1px #cdcdcd dashed;
	width:700px;
	margin:0 auto;
	padding:0;
	line-height:50px;
}

li.linksAround a:link, li.linksAround a:visited {
	margin:0 0 0 40px;
	padding:0;
	color:#14aada;
	text-decoration:none;
	font-size:20px;
}

li.linksAround a:hover {
	text-decoration:underline;
}

li.linksAround:hover {

}

li.linksAround img {
	vertical-align:top;
	margin:3px 0 0 0;
}
/* Links List END */

ul.contactList {
	float:right;
}

li.contactListLi {
	border-top:1px #cdcdcd dashed;
	width:440px;
	margin:0 auto;
	padding:0 0 0 50px;
	line-height:45px;
	background:url(images/mail.png) center left no-repeat;
}

li.contactListLi.gray {
	background-color: #f3f3f3;
}

li.contactListLi a:link, li.contactListLi a:visited {
	margin:0 0 0 40px;
	padding:0;
	color:#14aada;
	text-decoration:none;
	font-size:20px;
}

li.contactListLi a:hover {
	text-decoration:underline;
}

li.contactListLi:hover {

}

li.contactListLi a.names {
	min-width:70px;
	float:left;
}

li.contactListLi a.emails:link, li.contactListLi a.emails:visited {
  color:#14aada;
  text-decoration:none;
  font-size:14px;
  font-weight:normal;
}

li.contactListLi a.emails:hover {
	text-decoration:underline;
}
/* Contact List END */

#phone {
	margin-left:534px;
	padding-left:54px;
	font:bold 20px/28px arial,helvetica,sans-serif;
	color:#9AB;
	background:url(images/phone.png) 0 0 no-repeat;
}

#phone div {
	margin-bottom:1em;
	color:#1AD;
}

.subsection {
	clear:both;
	overflow:hidden; /* wrap floats */
	width:100%; /* trip haslayout, wrap floats IE, clean up float problem on content */
}

#products {
	clear:both;
	float:left;
	width:326px;
	margin-left:18px;
}

#manufacturers {
	margin-left:400px;
}

#manufacturers h2 {
}

#manufacturers ul {
	list-style:none;
	overflow:hidden; /* wrap floats */
	width:406px; /* trip haslayout, wrap floats IE, wider so IE doesn't wrap wrong */
}

#manufacturers li {
	position:relative;
	float:left;
	width:200px;
	height:65px;
	overflow:hidden;
	text-align:center;
}

#manufacturers li img {
	display:block;
	margin:0 auto;
}

#page
{
margin: 10px 0 0 29px;
}

#wraplist {
	display:inline; /* prevent IE double margin bug */
	margin-left:18px;
	padding-bottom:1em;
}

.wrapList {
	list-style:none;
	width:100%; /* trip haslayout, wrap floats IE, clean up float problem on content */
}

.wrapList li {
	padding-left:32px; /* width of that check.png */
	background:url(images/check.png) center left no-repeat;
}

.wrapList a {
	padding-left:2.4em; /* roughly equal to six non-breaking spaces */
}

#footer {
	clear:both;
	text-align:right;
	padding:23px 16px 12px;
	/* sucks, but use PX font due to background image */
	font:normal 14px/16px arial,helvetica,sans-serif;
	color:#FFF;
	background:#18B url(images/footerBackground.png) 0 0 no-repeat;
}

#footer span {
	float:left;
}