@charset "UTF-8";

/** Global Styles **/

body { background-image: url(../_images-site/site-bg.gif); background-repeat: no-repeat; background-position: left top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #404041; }
p { line-height: 18px; font-size: 12px; }
h1 { font-size: 17px; font-weight: normal; line-height: 24px; margin-top: 0px; padding-top: 0px; }
h2 { font-size: 16px; color: #2B3990; font-weight: normal; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 25px; font-weight: lighter; font-style: italic; }	
li { font-size: 13px; line-height: 18px; list-style-type: square; }
.blue { color: #2B3990; }

a:link,
a:visited { text-decoration:none; color: #2C3A90; font-weight: bold; }
a:hover { color:#2C3A90; text-decoration: underline; font-weight: bold; }
a:active { color:#2C3A90; font-weight: bold; }

	img { outline:none; border:none; }
	img a:link,
	img a:visited { outline:none; border:none; }
	img a:hover { outline:none; border:none;}
	img a:active { outline:none; border:none; }

#bluebar { background-color: #2B3990; float: left; height: auto; width: 5px; margin-right: 10px; }


/** Template Styles **/

#masterframe { height: auto; width: 900px; margin-right: auto; margin-left: auto; overflow: auto; }
#masthead { height: 100px; width: 900px; overflow: hidden; }
#mastheadContact { float: left; height: 60px; width: 630px; margin-top: 5px; }
#mastheadContact p { color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 15px; margin-top: 25px; }
	#mastheadContact a:link,
	#mastheadContact a:visited { text-decoration:none; color: #FFFFFF; font-weight: normal; }
	#mastheadContact a:hover { color:#E8FF02; font-weight: normal; }
	#mastheadContact a:active { color:#FFFFFF; font-weight: normal; }



#logo { float: right; height: 60px; width: 249px; overflow: hidden; margin-top: 5px; }
#lowerLeft { float: left; height: auto; width: 200px; overflow: visible; }
#FreeLeftZone { height: auto; width: 200px; overflow: auto; }
#lowerRight { float: right; height: auto; width: 680px; }

.crumb { clear: both; float: none; padding-top: 10px; }
	.crumb a:link,
	.crumb a:visited { text-decoration:none; color: #2C3A90; font-weight: bold; }
	.crumb a:hover { color:#BCF302; text-decoration: none; font-weight: bold; }
	.crumb a:active { color:#2C3A90; font-weight: bold; }

#bluebar { background-color: #2B3990; float: left; height: auto; width: 5px; margin-right: 4px; }

/** Navigation **/

#navContainer { height: auto; width: 200px; overflow: visible; }
#navContainer ul { font-family: Geneva, Arial, Helvetica, sans-serif; margin-left: 0px; padding-left: 0px; font-size: 13px; margin-top: 0px; padding-top: 0px; text-align: left; list-style-type: none; text-transform: uppercase; }
#navContainer a { display: block; width: 210px; color: #FFFFFF; text-decoration: none; font-size: 13px; background-image: url(../_images-site/nav-button-bg.png); background-repeat: no-repeat; height: 42px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; font-style: normal; text-transform: uppercase; }
	#navContainer a:link,
	#navContainer a:visited,
	#navContainer a:active { color: #FFFFFF; font-style: normal; font-weight: normal; }
	#navContainer a:hover { color: #E8FF02; font-weight: normal; text-decoration: none; font-style: normal; }
	
	/** this section controls the static appearance of the visible page via the body ID Attribute **/
	#home #nav-home a,
	#coatings #nav-coatings a,
	#about #nav-about a,
	#enquiries #nav-enquiries a,
	#showroom #nav-showroom a, 
	#vitrulan #nav-vitrulan a  { color:#E8FF02; }

	/** this section controls the hover effects on the visible page via the body ID Attribute **/
	#home #nav-home a:hover,
	#coatings #nav-coatings a:hover,
	#about #nav-about a:hover,
	#enquiries #nav-enquiries a:hover,
	#showroom #nav-showroom a:hover,
	#vitrulan #nav-vitrulan a:hover { color:#E8FF02; }

	#nav a:active { color: #FFFFFF; }
#footerLogoContainer { height: auto; width: 900px; margin-right: auto; margin-left: auto; padding-top: 5px; padding-bottom: 5px; border-top-width: 1px; border-top-style: solid; border-top-color: #333; text-align: center; clear: both; margin-top: 10px; }
.footerLogo { margin-left: 25px; margin-right: 25px; }


/** Baseline Details **/

#baseline { clear: both; height: auto; width: 900px; padding-top: 5px; overflow: visible; margin-right: auto; margin-left: auto; border-top-width: 1px; border-top-style: solid; border-top-color: #727272; font-size: 9px; color: #404041; }
	#baseline a:link,
	#baseline a:visited { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #404041; font-weight: normal; }
	#baseline a:hover { color:#404041; text-decoration: underline; font-weight: normal; }
	#baseline a:active { color:#404041; font-weight: normal; }


/** Index Page **/

#indexFlash { height: 330px; width: 678px; overflow: hidden; margin: 0px; padding: 0px; border: 1px solid #C0C0C0; }
#indexCol1 { float: left; height: auto; width: 325px; overflow: visible; margin-top: 10px; }
#indexCol2 { float: right; height: auto; width: 325px; overflow: auto; margin-top: 10px; }
#indexCol3 { clear: both; height: auto; width: 680px; overflow: auto; }
#indexCallContainer { background-image: url(../_images-pages/_index/idx-callToActionBG.jpg); background-repeat: no-repeat; height: 80px; width: 680px; overflow: hidden; border-top-width: 10px; border-top-style: solid; border-top-color: #FFF; }
#indexCallContainer h1 { font-size: 20px; font-weight: normal; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding-top: 30px; padding-bottom: 0px; padding-left: 30px; }
	#indexCallContainer a:link,
	#indexCallContainer a:visited,
	#indexCallContainer a:active { color: #E8FF02; font-style: normal; font-weight: normal; }
	#indexCallContainer a:hover { color: #FFF; font-weight: normal; text-decoration: none; font-style: normal; }

.indexUSPContainer1 { background-image: url(../_images-pages/_index/idx-uspContainer1.jpg); background-repeat: no-repeat; height: 210px; width: 300px; overflow: hidden; padding: 10px; }
	.indexUSPContainer1  h1 { font-size: 16px; font-weight: normal; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
	.indexUSPContainer1  li { color: #FFFFFF; font-size: 16px; font-weight: normal; line-height: 22px; }
	.indexUSPContainer1  ul { margin-top: 3px; margin-bottom: 0px; padding-top: 3px; padding-bottom: 0px; padding-left: 20px; margin-left: 20px; list-style-type: square; }
	
.indexUSPContainer2 { background-image: url(../_images-pages/_index/idx-uspContainer2.jpg); background-repeat: no-repeat; height: 100px; width: 300px; overflow: hidden; padding: 10px; margin-top: 10px; }
	.indexUSPContainer2  h1 { font-size: 16px; font-weight: normal; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
	.indexUSPContainer2  li { color: #FFFFFF; font-size: 16px; font-weight: normal; line-height: 22px; }
	.indexUSPContainer2  ul { margin-top: 3px; margin-bottom: 0px; padding-top: 3px; padding-bottom: 0px; padding-left: 20px; margin-left: 20px; list-style-type: square; }
.aboutCertsContainer { height: auto; width: 680px; overflow: visible; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; }
.aboutCertsContainerImg { margin-left: 10px; margin-right: 10px; border: 1px solid #CCC; text-align: center; }


/** Coatings Pages **/

.mainCoatingChoice { float: left; min-height:350px; width: 178px; border: 1px solid #CCCCCC; margin-top: 10px; background-color: #FFFFFF; text-align: center; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
.mainCoatingChoiceImg { margin-left: 10px; margin-right: 10px; }
#pageMast { background-image: url(../_images-pages/page-mast.png); background-repeat: no-repeat; height: 50px; width: 680px; }
	#pageMast h1 { font-size: 20px; font-weight: normal; color: #FFFFFF; padding-left: 25px; padding-top: 12px; }
.coatingImg {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.coatingData { background-color: #F5F5F5; border: 1px solid #333333; }
	.coatingData li { font-size: 14px; font-weight: bold; color: #333333; margin: 0px; padding: 0px; list-style-type: square; line-height: 16px; }
	.coatingText li { font-size: 14px; font-weight: bold; color: #2B3990; margin: 0px; padding: 0px; list-style-type: square; line-height: 16px; }
	.coatingText ul { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; }

/** Coatings Sub Menu **/
#subMenu { background-image: url(../_images-site/coatings-subMenu.jpg); background-repeat: no-repeat; height: auto; width: 180px; overflow: visible; padding: 10px; }
#subMenu h1 { color: #FFFFFF; }
	#subMenu a:link,
	#subMenu a:active { color: #FFFFFF; text-decoration: none; }
	#subMenu a:hover { color: #E8FF02; text-decoration: none; }
	#subMenu a:visited { color: #FFFFFF; }


/** Contact Page **/

#address1 { float: left; height: auto; width: 300px; overflow: auto; margin-top: 20px; }
#address2 { float: right; height: auto; width: 360px; overflow: auto; margin-top: 20px; }
#formContainer { background-color: #FBFBFB; height: 320px; width: 340px; overflow: visible; float: left; padding-top: 10px; padding-left: 10px; }
#googleMap { float: right; height: auto; width: 310px; }


/** Vitrulan Page **/

#vitrulanBenefits { float: left; height: auto; width: 410px; overflow: auto; margin-top: 20px; }
#vitrulanCaseStudies { float: right; height: 300px; width: 230px; overflow: auto; background-image: url(../_images-pages/_vitrulan/vitrulan-caseStudies.jpg); background-repeat: no-repeat; padding: 10px; margin-top: 20px; }
#vitrulanCaseStudies li { color: #FFF; padding-top: 3px; padding-bottom: 3px; line-height: normal; list-style-type: square; }
#vitrulanCaseStudies h1 { color: #FFFFFF; }
	#vitrulanCaseStudies a:link,
	#vitrulanCaseStudies a:active { color: #FFFFFF; text-decoration: none; }
	#vitrulanCaseStudies a:hover { color: #E8FF02; text-decoration: none; }
	#vitrulanCaseStudies a:visited { color: #FFFFFF; }
.small { font-size: 15px; }
#wallCol1 { float: left; height: auto; width: 300px; overflow: visible; }
#wallCol2 { float: right; height: auto; width: 350px; overflow: auto; }
.coatingBenefits li  { color: #399; margin-left: 20px; font-weight: bold; list-style-type: square; }
.coatingBenefits ul { padding-left: 2px; }
#corrosionCol1 { float: left; height: auto; width: 400px; }
#corrosionCol2 { float: right; height: auto; width: 260px; }
#chemicalCol1 { float: left; height: auto; width: 300px; overflow: auto; }
#chemicalCol2 { float: right; height: auto; width: 350px; overflow: auto; }
#floorCol1 { height: auto; width: 680px; overflow: auto; }
#floorCol2 { float: left; height: auto; width: 460px; overflow: auto; }
#floorCol3 { float: right; height: auto; width: 200px; overflow: auto; }
#roofCol1 { float: left; height: auto; width: 300px; overflow: auto; }
#roofCol2 { float: right; height: auto; width: 350px; overflow: auto; }
#roofCol3 { clear: left; float: left; height: auto; width: 680px; overflow: auto; margin-top: 20px; }
#imageRef { height: auto; background-color: #F5F5F5; }
#imageRef p { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; margin-right: 3px; margin-left: 3px; padding-right: 3px; padding-left: 3px; font-style: italic; }