@charset "UTF-8";
/* CSS Document */

/* -------------------------------------------- GLOBAL RESETS -------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

:focus {
	outline: 0;
}


body {
	background-color: #d0d0cf;
}

body, td, input, select, option, textarea {
	color: #5f5f5f;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 6px 0 12px 0;
}

td, th {
	text-align: left;
  vertical-align: top;
}

th {
	background: #ccc;
	color: #fff;
	font-weight: bold;
	padding: 2px 0 2px 5px;
}

td {
	padding: 6px 2px 3px 5px;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.0em;
}

#skipToContent {
	display: none;
}

a img {
	border: none;
}

#printLogo {
	display: none;
}



/* ---------------------- Re-useable Classes ---------------------- */

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignRight {
  text-align: right;
}

.alignLeft {
  text-align: left;
} 

.cleared {
  clear: both;
  height: 0px;
  line-height: 0;
  overflow: hidden;
}

.bigBlock {
	float: left;
}

.blockItem {
	display: block;
	width: 245px;
	height: 205px;
	margin: 0 0 1px 1px;
}

/* hacks & fixes */
.clearHack:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearHack {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearHack {height: 1%;}
.clearHack {display: block;}
/* End hide from IE-mac */




/* ---------------------- Basic Page Header ---------------------- */

#pageContent {
	width: 985px;
	background-color: #fff;
}

#companyLogo {
	display: block;
	margin: 35px 30px 26px 35px;
	width: 184px !important;
	width: 259px;
	width/**/:/**/184px;
	float: left;
}

#pageTitles {
	height: 205px;
	float: left;
	width: 720px;
}

#pageHeader h2 {
	font-family: 'Lucida Grande', Helvetica, Arial, sans-serif; 
	font-weight: bold;
	font-size: 24px;
	margin: 46px 0 14px 20px;
}

#pageHeader h2.sectionInspiration {
	color: #f715a0;
}

#pageHeader h2.sectionSchool {
	color: #009ed9;
}

#pageHeader h2.sectionProducts {
	color: #fd1b27;
}

#pageHeader h2.sectionContact {
	color: #7bc200;
}

#pageHeader h2.sectionAbout {
	color: #fb9a00;
}

#pageHeader h2.sectionGeneral {
	color: #163bdd;
}


#pageHeader h1 {
	font-family: 'Lucida Grande', Helvetica, Arial, sans-serif; 
	font-weight: normal;
	font-size: 50px;
	color: #000;
	margin: 2px 0 10px 40px;
}

#pageHeaderHome h1 {
	font-family: 'Lucida Grande', Helvetica, Arial, sans-serif; 
	font-weight: normal;
	font-size: 50px;
	color: #000;
	margin: 82px 0 0 40px;
}

#smallHead {
	font-size: 24px;
	line-height: 28px;
}

#breadCrumbs {
	list-style-type: none;
	float: right;
	margin: 40px 2px 0 0;
}

#breadCrumbs.movedUp {
	margin: 10px 2px 0 0;
}

#breadCrumbs li {
	float: left;
	margin-left: 5px;
}

#breadCrumbs a {
	color: #c4696d;
	text-decoration: none;
	font-weight: bold;
}

#breadCrumbs a:hover {
	text-decoration: underline;
}




/* ---------------------- Home Layout ---------------------- */
	#homePageContent {
		position: absolute;
		top: 290px;
		left: 510px;
		width: 450px;
		font-size: 12px;
	}
	
	#homePageContent p a {
		text-decoration: none;
	}
	
	#homePageContent p {
		line-height: 15px;
	}
	
	p#homeIntro {
		font-size: 14px;
		font-style: italic;
		color: #000;
		line-height: 17px;
		margin-top: 0;
	}
	

/* ---------------------- 2 Col Layout ---------------------- */

#twoColLayout {
	margin: 0;
}


#twoColLayout #leftCol {
	float: left;
	width: 492px;
}

#twoColLayout #rightCol {
	float: left;
	width: 450px;
	margin-left: 20px;
	font-size: 12px;
	line-height: 17px;
	padding-bottom: 20px;
}

#twoColLayout #rightCol #pageIntro {
	font-size: 16px;
	font-style: italic;
	color: #8f8f8f;
	line-height: 22px;
}

#twoColLayout #rightCol a {
	color: #1eba3b;
}

#twoColLayout #rightCol a:hover {
	color: #fff;
	background-color: #1eba3b;
	text-decoration: none;
}

#twoColLayout #rightCol p {
	margin: 0 0 14px 0;
}

#twoColLayout #rightCol strong {
	color: #4b4b4b;
}

#twoColLayout #rightCol ul {
	margin: 0 0 14px 0;
	padding: 0 0 0 20px;
}

#twoColLayout #rightCol ol {
	margin: 0 0 14px 0;
	padding: 0 0 0 25px;
}

#twoColLayout #rightCol li {
	margin: 0 0 2px 0;
}

#twoColLayout #rightCol h2 {
	color: #000;
	font-weight: bold;
	margin: 14px 0 10px 0;
	font-size: 16px;
}

#twoColLayout #rightCol h3 {
	color: #000;
	font-weight: bold;
	margin: 4px 0 6px 0;
	font-size: 13px;
}

#twoColLayout #rightCol h4 {
	color: #000;
	font-weight: bold;
	margin: 4px 0 6px 0;
	font-size: 12px;
}

#twoColLayout .itemDescription {
	padding-bottom: 2px;
	margin-bottom: 20px;
	background: url(/images/dash.gif) left bottom repeat-x;
}


#twoColLayout .itemDescription h4 {
	margin: 0 0 10px 0;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

#twoColLayout .itemDescription p {
	font-weight: normal;
	text-decoration: none;
	color: #5f5f5f;
}

#twoColLayout .itemIcon {
	float: left;
	margin: 0 10px 0 0;
}

#twoColLayout .descriptorContent {
	float: left;
	width: 370px;
}


#twoColLayout .infoGroup {
	padding-bottom: 2px;
	margin-bottom: 20px;
	background: url(/images/dash.gif) left bottom repeat-x;
	line-height: 16px;
}

#twoColLayout .infoGroup h3 {
	margin: 0;
}

#twoColLayout .infoGroup h5 {
	margin: 0 0 9px 0;
	color: #000;
	font-weight: bold;
	line-height: 16px;
}

#twoColLayout .infoGroup .question {
	background-color: #c90c7b;
	color: #fff;
	padding: 1px;
}

#twoColLayout .infoGroup ul, #twoColLayout .infoGroup p {
	margin: 0 0;
}

.moreInfo, .backToTop {
	text-align: right;
	margin: 5px 0 0 0;
}

.moreInfo a {
	text-align: right;
	font-weight: bold;
	text-decoration: none;
}




/* ---------------------- 3 Col Layout ---------------------- */


#threeColLayout #leftCol {
	float: left;
	width: 246px;
}

#threeColLayout #midCol {
	float: left;
	width: 470px;
	margin-left: 10px;
	font-size: 12px;
	line-height: 17px;
	padding-bottom: 20px;
}

#threeColLayout #rightCol {
	float: right;
	width: 246px;
	margin-right: 1px;
}

#threeColLayout #midCol #pageIntro {
	font-size: 16px;
	font-style: italic;
	color: #8f8f8f;
	line-height: 22px;
}

#threeColLayout #midCol a {
	color: #1eba3b;
}

#threeColLayout #midCol a:hover {
	color: #fff;
	background-color: #1eba3b;
	text-decoration: none;
}

#threeColLayout #midCol p {
	margin: 0 0 14px 0;
}

#threeColLayout #midCol strong {
	color: #4b4b4b;
}

#threeColLayout #midCol ul, #twoColLayout #midCol ol {
	margin: 0 0 14px 0;
	padding: 0 0 0 20px;
}

#threeColLayout #midCol li {
	margin: 0 0 2px 0;
}

#threeColLayout #midCol h2 {
	color: #000;
	font-weight: bold;
	margin: 14px 0 10px 0;
	font-size: 16px;
}

#threeColLayout #midCol h3 {
	color: #000;
	font-weight: bold;
	margin: 4px 0 6px 0;
	font-size: 13px;
}

#threeColLayout #midCol h4 {
	color: #000;
	font-weight: bold;
	margin: 4px 0 6px 0;
	font-size: 12px;
}

#threeColLayout .infoGroup {
	padding-bottom: 2px;
	margin-bottom: 20px;
	background: url(/images/dash.gif) left bottom repeat-x;
	line-height: 16px;
}







/* ---------------------- Product Layout ---------------------- */


#productLayout #leftCol {
	float: left;
	width: 246px;
}

#productLayout #midCol {
	float: left;
	width: 400px;
	margin-left: 20px;
}

#productLayout #rightCol {
	float: left;
	width: 276px;
	margin-left: 20px;
}


#productLayout #introCopy {
	margin: 0 0 20px 0;
	font-size: 13px;
	line-height: 18px;
}

.productDescription {
	padding-bottom: 10px;
	margin-bottom: 20px;
	background: url(/images/dash.gif) left bottom repeat-x;
}

.descriptionIcon {
	float: left;
	margin: 0 20px 0 0;
}

.descriptorContent {
}

#productLayout h4 {
	color: #000;
	font-weight: bold;
	margin: 0 0 5px 0;
	font-size: 10px;
}

#productLayout ul {
	line-height: 15px;
	margin: 0 0 0 20px;
}


.packShot {
	border: 1px solid #ddd;
	margin-bottom: 12px;	
}

#productLayout #rightCol h3 {
	color: #000;
	font-weight: bold;
	margin: 0 0 5px 0;
	font-size: 10px;
	border-left: 10px solid #fd1b27;	
	padding-left: 5px;
}

#productLayout #rightCol ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#productLayout #rightCol ul li a {
	background: url(/images/bullet-grey.gif) 0 2px no-repeat;
	padding: 0 0 0 12px;
	color: #818181;
	text-decoration: none;
}

#productLayout #rightCol ul li a:hover {
	color: #626262;
}

/* ---------------------- Footer ---------------------- */

#footer {
	background-color: #e5e4e4;
	color: #818181;
	padding: 15px 0 50px 0;
	border: 1px solid #fff; 
}

#footer ul {
	list-style-type: none;
}

#footer li {
	float: left;
	padding: 0 8px;
	border-right: 1px solid #bbb;
}

#footer a {
	color: #818181;
	text-decoration: none;
}

#footer a:hover {
	color: #444;
}




/* ---------------------- Funky Blocks ---------------------- */

#blockSurvey {
	background: url(/images/blocks/survey-bg.gif) left top repeat #444;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#blockSurvey h3 {
	height: 102px;
	width: 245px;
	text-indent: -999em;
	background: url(/images/blocks/survey.gif) bottom center no-repeat;
}

#blockSurvey p {
	margin: 0;
	display: block;
	padding: 80px 20px 0 0;
	text-align: right;	
}


/* ------- */

	#blockSurveyEarth {
		background: url(/images/blocks/survey-earth-bg.gif) left top repeat #444;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
	}
	
	#blockSurveyEarth h3 {
		height: 102px;
		width: 245px;
		text-indent: -999em;
		background: url(/images/blocks/survey-earth.gif) bottom center no-repeat;
	}
	
	#blockSurveyEarth p {
		margin: 0;
		display: block;
		padding: 80px 20px 0 0;
		text-align: right;	
	}
	
/* ------- */

	#blockSurveyAir {
		background: url(/images/blocks/survey-air-bg.gif) left top repeat #444;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
	}
	
	#blockSurveyAir h3 {
		height: 102px;
		width: 245px;
		text-indent: -999em;
		background: url(/images/blocks/survey-air.gif) bottom center no-repeat;
	}
	
	#blockSurveyAir p {
		margin: 0;
		display: block;
		padding: 80px 20px 0 0;
		text-align: right;	
	}
	

/* ------- */

	#blockSurveyFire {
		background: url(/images/blocks/survey-fire-bg.gif) left top repeat #444;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
	}
	
	#blockSurveyFire h3 {
		height: 102px;
		width: 245px;
		text-indent: -999em;
		background: url(/images/blocks/survey-fire.gif) bottom center no-repeat;
	}
	
	#blockSurveyFire p {
		margin: 0;
		display: block;
		padding: 80px 20px 0 0;
		text-align: right;	
	}


/* ------- */

	#blockSurveyWater {
		background: url(/images/blocks/survey-water-bg.gif) left top repeat #444;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
	}
	
	#blockSurveyWater h3 {
		height: 102px;
		width: 245px;
		text-indent: -999em;
		background: url(/images/blocks/survey-water.gif) bottom center no-repeat;
	}
	
	#blockSurveyWater p {
		margin: 0;
		display: block;
		padding: 80px 20px 0 0;
		text-align: right;	
	}			


/* ------- */

#blockProducts {
	background: url(/images/blocks/products-bg.gif) left top repeat #444;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#blockProducts h3 {
	height: 102px;
	width: 245px;
	text-indent: -999em;
	background: url(/images/blocks/products.gif) bottom center no-repeat;
}

#blockProducts p {
	margin: 0;
	display: block;
	padding: 80px 20px 0 0;
	text-align: right;	
}


/* ------- */

#blockTalk {
	background: url(/images/blocks/products-bg.gif) left top repeat #444;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#blockTalk h3 {
	height: 102px;
	width: 245px;
	text-indent: -999em;
	background: url(/images/blocks/talk_b.gif) bottom center no-repeat;
}

#blockTalk p {
	margin: 0;
	display: block;
	padding: 80px 20px 0 0;
	text-align: right;	
}

/* ------- */

#blockTalkG {
	background: url(/images/blocks/colour-bg.gif) left top repeat #444;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#blockTalkG h3 {
	height: 102px;
	width: 245px;
	text-indent: -999em;
	background: url(/images/blocks/talk_g.gif) bottom center no-repeat;
}

#blockTalkG p {
	margin: 0;
	display: block;
	padding: 80px 20px 0 0;
	text-align: right;	
}

/* ------- */

#blockSearch {
	background: url(/images/blocks/search-bg.gif) left top repeat #444;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#blockSearch h3 {
	height: 102px;
	width: 245px;
	text-indent: -999em;
	background: url(/images/blocks/search.gif) bottom center no-repeat;
}

#blockSearch p {
	margin: 0;
	display: block;
	padding: 32px 0 0 20px;
	text-align: left;	
}

#blockSearch input {
	margin: 4px 0 13px 20px;
	border: 1px solid #dfdddd;
	width: 200px;
	height: 17px;
	background-color: #fff;
}

#blockSearch a {
	display: block;
	text-align: right;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	margin: 0 20px 0 0;
}


/* ------- */

#blockSubscribe {
	background: url(/images/blocks/subscribe-bg.gif) left top repeat #444;
	color: #feb300;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#blockSubscribe h3 {
	height: 102px;
	width: 245px;
	text-indent: -999em;
	background: url(/images/blocks/subscribe.gif) bottom center no-repeat;
}

#blockSubscribe p {
	margin: 0;
	display: block;
	padding: 20px 0 0 20px;
	text-align: left;	
}

#blockSubscribe input {
	margin: 4px 0 13px 20px;
	border: 1px solid #dfdede;
	background-color: #f4f3f3;
	width: 200px;
	height: 17px;
}

#blockSubscribe a {
	display: block;
	text-align: right;
	color: #feb300;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	margin: 0 20px 0 0;
}


/* ------- */

#blockColour {
	background: url(/images/blocks/colour-bg.gif) left top repeat-x;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#blockColour h3 {
	height: 102px;
	width: 245px;
	text-indent: -999em;
	background: url(/images/blocks/colour.gif) bottom center no-repeat;
}

#blockColour a{
  display: block;
}

#blockColour p {
	margin: 0;
	display: block;
	padding: 80px 20px 0 0;
	text-align: right;	
}

/* ------- */


#blockCalculator {
	background: url(/images/blocks/calculator-bg.jpg) left top no-repeat;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}


#blockCalculator p {
	margin: 0;
	display: block;
	padding: 182px 20px 0 0;
	text-align: right;	
}



/* ------- */

#blockPremium {
	background: url(/images/blocks/premium-bg.gif) left top repeat #444;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#blockPremium h3 {
	height: 102px;
	width: 245px;
	text-indent: -999em;
	background: url(/images/blocks/premium.gif) bottom center no-repeat;
}

#blockPremium p {
	margin: 0;
	display: block;
	padding: 80px 20px 0 0;
	text-align: right;	
}

/* ------- */

#blockMidRange {
	background: url(/images/blocks/mid-range-bg.jpg) left top repeat #444;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#blockMidRange h3 {
	height: 106px;
	width: 245px;
	text-indent: -999em;
	background: url(/images/blocks/mid-range.gif) bottom center no-repeat;
}

#blockMidRange p {
	margin: 0;
	display: block;
	padding: 74px 20px 0 0;
	text-align: right;	
}


/* ------- */

#blockEconomy {
	background: url(/images/blocks/economy-bg.gif) left top repeat #444;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#blockEconomy h3 {
	height: 106px;
	width: 245px;
	text-indent: -999em;
	background: url(/images/blocks/economy.gif) bottom center no-repeat;
}

#blockEconomy p {
	margin: 0;
	display: block;
	padding: 74px 20px 0 0;
	text-align: right;	
}

#blockEconomy p {
	color: #000;	
}

/* ------- */

#blockEverbond {
	background: url(/images/blocks/everbond-bg.gif) left top repeat #444;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#blockEverbond h3 {
	height: 102px;
	width: 245px;
	text-indent: -999em;
	background: url(/images/blocks/everbond.gif) bottom center no-repeat;
}

#blockEverbond p {
	margin: 0;
	display: block;
	padding: 76px 20px 0 0;
	text-align: right;	
}

/* ------- */

#blockAccessories {
	background: url(/images/blocks/accessories-bg.gif) left top repeat #444;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#blockAccessories h3 {
	height: 102px;
	width: 245px;
	text-indent: -999em;
	background: url(/images/blocks/accessories.gif) bottom center no-repeat;
}

#blockAccessories p {
	margin: 0;
	display: block;
	padding: 75px 20px 0 0;
	text-align: right;	
}

/* ------- */

#blockAccessories-two {
  background: url(/images/blocks/accessories-bg.gif) left top repeat #444;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}

#blockAccessories-two h3 {
  height: 102px;
  width: 245px;
  text-indent: -999em;
  background: url(/images/blocks/accessories.gif) bottom center no-repeat;
}

#blockAccessories-two p {
  margin: 0;
  display: block;
  padding: 75px 20px 0 0;
  text-align: right;  
}

/* ------- */

#blockAccessories-three {
  background: url(/images/blocks/accessories-bg.gif) left top repeat #444;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}

#blockAccessories-three h3 {
  height: 102px;
  width: 245px;
  text-indent: -999em;
  background: url(/images/blocks/accessories.gif) bottom center no-repeat;
}

#blockAccessories-three p {
  margin: 0;
  display: block;
  padding: 75px 20px 0 0;
  text-align: right;  
}

/* ------- */

#blockUsing {
	background: url(/images/blocks/using-bg.gif) left top repeat #444;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#blockUsing h3 {
	height: 107px;
	width: 245px;
	text-indent: -999em;
	background: url(/images/blocks/using.gif) bottom center no-repeat;
}

#blockUsing p {
	margin: 0;
	display: block;
	padding: 70px 20px 0 0;
	text-align: right;	
}

/* ------- */

#blockSpecialist {
	background: url(/images/blocks/specialist-bg.gif) left top repeat #444;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#blockSpecialist h3 {
	height: 107px;
	width: 245px;
	text-indent: -999em;
	background: url(/images/blocks/specialist.gif) bottom center no-repeat;
}

#blockSpecialist p {
	margin: 0;
	display: block;
	padding: 70px 20px 0 0;
	text-align: right;	
}

/* ------- */

#blockWood {
	background: url(/images/blocks/wood-bg.jpg) left top repeat #444;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#blockWood h3 {
	height: 103px;
	width: 245px;
	text-indent: -999em;
	background: url(/images/blocks/wood.gif) bottom center no-repeat;
}

#blockWood p {
	margin: 0;
	display: block;
	padding: 74px 20px 0 0;
	text-align: right;	
	color: #000;
}

/* ------- */

#blockIndustrial {
	background: url(/images/blocks/industrial-bg.jpg) left top repeat #444;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#blockIndustrial h3 {
	height: 100px;
	width: 245px;
	text-indent: -999em;
	background: url(/images/blocks/industrial.gif) bottom center no-repeat;
}

#blockIndustrial p {
	margin: 0;
	display: block;
	padding: 77px 20px 0 0;
	text-align: right;	
	color: #000;
}

/* -------------- Element Nav -------------- */

.earthNav a {
	display:block;
	width: 225px;
	padding: 0;
	height: 40px;
	color:#ffffff;
	background: url("/inspiration/images/earth.gif") 0 0 no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}

.earthNav a:hover { 
	background-position: 0 -40px;
	color: #ffffff;
}

.fireNav a {
	display:block;
	width: 225px;
	padding: 0;
	height: 40px;
	color:#ffffff;
	background: url("/inspiration/images/fire.gif") 0 0 no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}

.fireNav a:hover { 
	background-position: 0 -40px;
	color: #ffffff;
}

.airNav a {
	display:block;
	width: 225px;
	padding: 0;
	height: 40px;
	color:#ffffff;
	background: url("/inspiration/images/air.gif") 0 0 no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}

.airNav a:hover { 
	background-position: 0 -40px;
	color: #ffffff;
}

.waterNav a {
	display:block;
	width: 225px;
	padding: 0;
	height: 40px;
	color:#ffffff;
	background: url("/inspiration/images/water.gif") 0 0 no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}

.waterNav a:hover { 
	background-position: 0 -40px;
	color: #ffffff;
}

/* -------------- Paint School Nav -------------- */

.paintSchoolLeft {
	width: 220px;
	height: 31px;
	float: left;
	margin-left: -5px;
}

.paintSchoolLeftB {
	width: 220px;
	height: 31px;
	float: left;
	margin-left: -25px;
}

.paintSchoolLeft a {
	text-decoration: none;
	background-color: #FFFFFF;
}

paintSchoolLeft a img {
	background-color: #FFFFFF;
	border: none;
}

.paintSchoolLeft a:hover img {
	text-decoration: none;
	background-color: #FFFFFF;
}

.paintSchoolRight {
	width: 220px;
	height: 31px;
	float: right;
}

.paintSchoolRight a {
	text-decoration: none;
	background-color: #FFFFFF;
}

.paintSchoolRight a img {
	text-decoration: none;
	background-color: #FFFFFF;
}

.paintSchoolRight a:hover img {
	text-decoration: none;
	background-color: #FFFFFF;
}







/* -------------- Contact Form -------------- */

#contactForm {
	margin: 15px 0 0 20px;
}

#contactForm td {
	vertical-align: top;
	text-align: right;
}

#contactForm label {
	font-size: 12px;
	text-align: right;
	margin: 4px 5px 0 0;
}

.contactInput {
	padding: 3px 2px 0 8px;
	width: 194px !important;
	width: 204px;
	width/**/:/**/194px;
	height: 19px !important;
	height: 21px;
	height/**/:/**/21px;
	border: 0;
	color: #333;
	font-size: 12px;
	background-color: #ccc;
	border: 1px solid #aaa;
}

.contactQuery {
	padding: 3px 2px 0 8px;
	width: 194px !important;
	width: 204px;
	width/**/:/**/194px;
	height: 182px;
	background-color: #ccc;
	border: 1px solid #aaa;
	color: #333;
	font-size: 12px;
}

.contactSend {
	background-color: #ccc;
	border: 1px solid #aaa;
	text-align: center; 
	padding: 5px 0 15px 0;
	width: 60px;
	height: 24px !important;
	height: 26px;
	height/**/:/**/24px;
	color: #333;
	font-weight: bold;
}

/* -------------- Survey Form -------------- */

#surveyForm {
	margin: 15px 0 0 40px;
}

#surveyForm td {
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	
}

#surveySection {
	width: 100%;
}

#surveyForm #surveySection input.selection {
	margin: 0 4px 0 50px;
}

#surveyForm #surveySection td.question {
	padding: 15px 0 10px 0;
}

#surveyForm #surveySection td.question strong {
	display: block;
	padding: 10px 0 4px 5px;
	background-color: #aaa;
	color: #222;
	border: 1px solid #aaa;
}

/* ----Added by Yasin ----- */
.backtotop{
  font-size: 10px;
}

.clickable {
  cursor: pointer
}