html, body {
	background-color: #a7a9af;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #46484c;
	font-size: 90%;
	background-image: url(../images/bgd_bodyTile.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

p {
	margin-bottom: 6px;
	font-size: 12px;
	line-height: 16px;
}

h1 {
	color: #5A3224;
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 4px;
}

h2 {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 2px;
}

h3 {
}

a {
	color: #5A3225;
}

a:hover {
	color: #000;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.justify {
	text-align: justify;
}

.disclaimer {
	font-size: 9px;
	line-height: 12px;
}

.callout {
	color: #5A3224;
	font-size: 15px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 20px;
}

.callout2 {
	color: #5A3224;
	font-size: 13px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	line-height: 14px;
}

.hide {
	display: none;
}

/* Header and Main Navigation
==============================================================================*/

#header {
	width: 960px;
	height: 120px;
	margin-right: auto;
	margin-left: auto;
}

#header #logo {
	width: 310px;
	height: 86px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
}

#header #logoSpin {
	width: 340px;
	height: 120px;
	margin-right: auto;
	margin-left: auto;
}

#nav {
	background-image: url(../images/bgd_navTile.jpg);
	background-repeat: repeat-x;
	height: 54px;
	display: block;	
}

#navTop {
	width: 720px;
	height: 26px;
	margin-right: auto;
	margin-left: auto;
}

#navBottom {
	width: 720px;
	height: 28px;
	margin-right: auto;
	margin-left: auto;
}

#navTop li {
	float: left;
	}
	
#navBottom li {
	float: left;
}

#nav li a {
	display: block;
	text-indent: -5000px;
	overflow: hidden;
}
	#navHome {
	width: 120px;
	height: 26px;
	background-position: 50% 0px;
	background-image: url(../images/nav/navHome.jpg);
	background-repeat: no-repeat;
	}
	
	#navSafety {
	width: 120px;
	height: 26px;
	background-position: 50% 0px;
	background-image: url(../images/nav/navSafety.jpg);
	background-repeat: no-repeat;
	}
	
	#navProjectMap {
	width: 120px;
	height: 26px;
	background-position: 50% 0px;
	background-image: url(../images/nav/navProjectMap.jpg);
	background-repeat: no-repeat;
	}
	
	#navSolutions {
	width: 120px;
	height: 26px;
	background-position: 50% 0px;
	background-image: url(../images/nav/navSolutions.jpg);
	background-repeat: no-repeat;
	}
	
	#navCoatingsManager {
	width: 120px;
	height: 26px;
	background-position: 50% 0px;
	background-image: url(../images/nav/navCoatingsManager.jpg);
	background-repeat: no-repeat;
	}
	
	#navContactUs {
	width: 120px;
	height: 26px;
	background-position: 50% 0px;
	background-image: url(../images/nav/navContact.jpg);
	background-repeat: no-repeat;
	}
		
	#navCommercial {
	width: 360px;
	height: 28px;
	background-position: 50% 0px;
	background-image: url(../images/nav/navCommercial.jpg);
	background-repeat: no-repeat;
	}
	
	#navIndustrial {
	width: 360px;
	height: 28px;
	background-position: 50% 0px;
	background-image: url(../images/nav/navIndustrial.jpg);
	background-repeat: no-repeat;
	}
		
#navTop li a:hover {background-position: 50% -26px;}
#navTop li .currentSection {background-position: 50% -26px;}

#navBottom li a:hover {background-position: 50% -28px;}
#navBottom li .currentSection {background-position: 50% -28px;}

/* Sub Page - Sub Navigation
==============================================================================*/
#subnavContainer {
	display: block;
	height: 410px;
	width: 410px;
	float: left;
}

#subnavGalleries {
	display: block;
	height: 260px;
	width: 190px;
	float: left;
}

.commercialLanding {
	background-image: url(../images/nav/commercialLanding.jpg);
}
.commercialOverview {
	background-image: url(../images/nav/commercialOverview.jpg);
}
.commercialServices {
	background-image: url(../images/nav/commercialServices.jpg);
}
.commercialQuote {
	background-image: url(../images/nav/commercialQuote.jpg);
}

.industrialLanding {
	background-image: url(../images/nav/industrialLanding.jpg);
}
.industrialOverview {
	background-image: url(../images/nav/industrialOverview.jpg);
}
.industrialServices {
	background-image: url(../images/nav/industrialServices.jpg);
}
.industrialQuote {
	background-image: url(../images/nav/industrialQuote.jpg);
}

.subnavSolutions {
	background-image: url(../images/nav/subnavSolutions.jpg);
}
.subnavColorTools {
	background-image: url(../images/nav/subnavColorTools.jpg);
}
.subnavEmployment {
	background-image: url(../images/nav/subnavEmployment.jpg);
}
.subnavManagement {
	background-image: url(../images/nav/subnavManagement.jpg);
}



#subNav {
	margin-top: 60px;
	width: 180px;
}

#subNav li a {
	color: #46484c;
	background-image: none;
	margin-bottom: 10px;
	font-size: 14px;
	display: block;
	padding-left: 12px;
	margin-left: 15px;
	line-height: 14px;
}

#subNav li a:hover {
	background-image: url(../images/nav/subArrow.gif);
	background-repeat: no-repeat;
}

#subNav li .currentSelection {
	color: #5A3224;
	background-image: url(../images/nav/subArrow.gif);
	background-repeat: no-repeat;
}

#contactsTextNav {
	float: left;
	width: 440px;
	padding-top: 15px;
	padding-left: 30px;
}

#contactsTextNav li a  {
	float: left;
	list-style-type: none;
	background-color: #CECFD3;
	margin-right: 15px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	color: #46484c;
}

#contactsTextNav a:hover {
	background-color: #5A3224;
	color: #FFF;
}


/* Main Content Elements
==============================================================================*/

#wrapper {
	background-image: url(../images/bgd_bodyGrid.jpg);
	background-repeat: repeat;
}

#content {
	background-image: url(../images/bgd_bodyTile.jpg);
	background-repeat: repeat-y;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.topPad {
	padding-top: 15px;
}

#subContent {
	float: left;
	width: 440px;
	padding-top: 15px;
	padding-left: 30px;
}

#subContent ul {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 25px;
}

#subContent ul li {
	margin-bottom: 4px;
}

#subGalleries {
	float: left;
	width: 770px;
}

#homeGallery {
	display: block;
	height: 410px;
	width: 960px;
}

#gallery {
	display: block;
	height: 500px;
	width: 710px;
}

.imageRight {
	padding-left: 10px;
}

.imageLeft {
	padding-right: 10px;
}

.vertCenter {
	vertical-align: middle;
}



/* Project Map
==============================================================================*/
#projectMap {
	height: 445px;
	width: 740px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}


/* Solutions List
==============================================================================*/
#solutions ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	width: 280px;
}

#solutions li a {
	background-color: #CECFD3;
	font-size: 10px;
	margin-bottom: 4px;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	display: block;
	color: #46484c;
	line-height: 10px;
}

#solutions li a:hover {
	background-color: #5A3224;
	color: #FFF;
}

/* Contact Elements
==============================================================================*/
.divider {
	background-image: url(../images/contactDivider.gif);
	background-repeat: repeat-y;
	height: 190px;
}

/* Bio Content
==============================================================================*/
#bioContent {
	padding: 15px;
}

#bioContent h1 {
	font-weight: normal;
	font-size: 24px;
	color: #5A3224;
	line-height: 24px;
	padding-bottom: 6px;
}

#bioContent h2 {
	font-weight: normal;
	font-size: 18px;
	color: #46484c;
	line-height: 18px;
	padding-bottom: 3px;
}
#bioContent .contacts p {
	font-weight: normal;
	font-size: 13px;
	line-height: 14px;
}


/* Contact Form
==============================================================================*/
.myform {
	width: 440px;
}

.spacer{
	clear:both;
	height:1px;
}

#stylized	{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
}

#stylized h1 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:8px;
	text-align: left;
}

#stylized p{
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}

#stylized label{
	display:block;
	font-weight:normal;
	text-align:right;
	width:110px;
	float:left;
	font-size: 12px;
	height: 26px;
	line-height: 26px;
}

#stylized .small{
	color:#666666;
	display:block;
	font-size:10px;
	font-weight:normal;
	text-align:right;
	width:130px;
}

#stylized input{
	float:left;
	font-size:12px;
	border:1px solid #B7B8BD;
	width:300px;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 10px;
	padding: 2px;
}

#stylized .input2{
	float:left;
	font-size:12px;
	border:1px solid #B7B8BD;
	width:300px;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	height: 120px;
	line-height: 14px;
	white-space: normal;
	padding: 2px;
}

#stylized .input3{
	float:left;
	font-size:12px;
	border:1px solid #B7B8BD;
	width:300px;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	line-height: 14px;
	white-space: normal;
	padding: 2px;
}

#stylized button{
	clear:both;
	margin-left:120px;
	height:31px;
	background:#666666 url(img/button.png) no-repeat;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

#stylized .error {
	width:300px;
	font-size: 8px;
	color: #F00;
	line-height: 10px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	text-align: left;
}


/* Contact Elements
==============================================================================*/
#crawl {
	display: block;
	height: 26px;
}


/* Footer
==============================================================================*/

#footer {
	background-image: url(../images/bgd_footerTile.jpg);
	height: 38px;
	text-align: center;
}
#footer p {
	margin: 0px;
	padding: 0px;
}

#footer .address {
	color: #FFF;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 10px;
}
#footer .copyright {
	color: #FFF;
	font-size: .8em;
	margin: 0px;
	padding: 0px;
}

#credit p {
	text-align: center;
	padding-top: 4px;
	font-size: 0.8em;
	color: #999;
}

#credit a {
	color: #999;
}

#credit a:hover {
	color: #0D0E0F;
}