* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%; margin:0 auto;}

#wrap { margin:0 auto; width:986px; padding: 0 7px; background: #FFF url(../img/wrap.gif) repeat-y; overflow:auto;   }

body {
	background: #005677;
	text-decoration: none;
	text-align: left; margin:25px auto 0; padding:0; font-family:Arial, Helvetica, sans-serif;
}
/* @Misc */
/* ------------------------------------------------------------------------------------ */
a {
	color: #0099CC;
}
a:hover {
	color: #0099CC;
	text-decoration:none;
}
img {
	border: none;
}
td {
	vertical-align: top;
}
p {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 1.5em; /* 15px */
}
em {
	color: #333;
	font-style:normal;
}
.clear {
	height: 0 !important;
	line-height: 0 !important;
	clear: both !important;
	font-size: 1px !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
}
.clear-left { clear:left; }
span {
	text-indent: -9999px;
	float:left;
}
.auto {
	margin: 0 auto;
}
/* Removes outline around flash files in FF3 */
object {
	outline:none;
}
/* remove halo effect in firefox   */
*:focus, button:focus, a:active, input:active {
	outline: none;
}
/* @Base Font - START: Styles for scalable font consistency */
html {
	font-size: 100%; /* IE hack */
}
body {
	font-size: 0.75em; /* Sets base font size to 12px */
	line-height:1.364em; color: #666;
}
table {
	font-size: 100%; /* IE hack */
}
input, select, textarea, th, td {
	font-size: 1em;
}
h1, h2, h3 {
	font-size: 1em;
	line-height: 1.5em;
	color:#9CE0EC; font-weight: normal;
	margin-bottom:0.368em !important;
} /* all em = 16px */
h2 {
	font-size:2.2em;
	margin: 0 0 0.4em 0px;
	font-weight:bold;
}
h1 { font-size:2em; }
h3 { font-weight:bold; text-transform:uppercase; }
strong { color: #9CE0EC; }
.none { display:none; }


a.promotion { float:right; width:535px; height:85px; background: url(../img/promotion.jpg) no-repeat; display:block; position:absolute; right: 0; bottom:0; margin:20px;  }
/* @Sections */
/* ------------------------------------------------------------------------------------ */
.top-edge { background:url(../img/top-edge.gif) no-repeat; width: 1000px; height:7px; margin:0 auto; font-size:0; }
.bottom-edge { background:url(../img/bottom-edge.gif) no-repeat; width: 1000px; height:7px; margin:0 auto; display:block; font-size:0px; }
a.logo { background:url(../img/logo.gif) no-repeat; width:262px; height:44px; float:left; display:inline; margin: 7px 0 24px 35px; }
.feature-img { width:986px; margin:5px auto 0; background:url(../img/feature-img.jpg) no-repeat; height:443px; position:relative; }
ul#nav { clear:both; width:976px; height:43px; background:url(../img/nav-bg.gif) no-repeat; margin:0 auto; padding-left:10px; clear:left; list-style:none; }
ul#nav li { height:43px; float:left; text-align:center; }
ul#nav li a { height:43px; display:inline; margin-left: 20px; float:left;}
ul#nav li a:hover { background-position: 0 -43px;}
a.nav-home-R1 { background:url(../img/nav-home-R1.gif) no-repeat;  width:50px;}
a.nav-about-R1 { background:url(../img/nav-about-R1.gif) no-repeat;  width:70px;}
a.nav-our-R1 { background:url(../img/nav-our-R1.gif) no-repeat;  width:100px;}
a.nav-spray-R1 { background:url(../img/nav-spray-R1.gif) no-repeat; width:100px; }
a.nav-environment-R1 { background:url(../img/nav-environment-R1.gif) no-repeat;  width:100px;}
a.nav-contact-R1 { background:url(../img/nav-contact-R1.gif) no-repeat; width:100px; }
a.nav-tony-R1 { background:url(../img/nav-tony-R1.gif) no-repeat; width:162px; }
.copyright { margin: 10px auto; text-align: center; clear:left; }
.copyright a { color:#666666; text-decoration:underline !important; }
.copyright a { text-decoration: none;}
.feature-box { width: 485px; height:136px; float:left; margin-left:0px; }
.column-one { width:130px; float:left; margin-right:10px; }
.column-one ul { margin:0 0 20px 0; padding:0; list-style:none; }
.column-one ul li { margin:0; padding:0px 0; text-align:center; }
.column-one ul li a { color: #78A3B4; text-decoration:underline; font-size:0.818em;text-align:center; }
.column-one ul li a:hover { color: #FFF; text-decoration:underline; }
.footer { margin: 10px auto; width:840px; }
.logos { margin:0 auto; width:986px; }
#left-col { width:160px; margin: 35px 35px 35px 40px; display:inline; float:left;}
#left-col a.image { width:156px; height:256px; border: solid 2px #FFF; margin: 0 auto; display:block; float:left;}
#left-col a.image:hover { border: solid 2px #9CE0EC; }
#right-col { width:716px; margin:30px 35px 35px 0px; display:inline; float:left; position:relative; }
#right-col p { color: #FFF; }
#content { background: #011F3D url(../img/content-edge.gif) no-repeat; width:986px; overflow:hidden; margin: 8px auto 0; }
.content-bottom-edge { width: 986px; background:url(../img/content-bottom-edge.gif) no-repeat; height: 17px; margin: 0 auto; }
.painter-right { background:url(../img/painter-right.jpg) no-repeat; width:235px; height:162px; float:right; }
.painter-right-environment { background:url(../img/painter-right-environment.jpg) no-repeat; width:235px; height:162px; float:right; }
.feature-box-inside { width: 365px; height:86px; float:left; margin-top: 10px; }
.margin-left { margin-left: 10px; display:inline; }
.margin-left-fithteen { margin-left: 15px; display:inline; }
ul#side-nav { width: 160px; margin: -7px 0 0 0; list-style:none; float:left; }
ul#side-nav li { color: #9CE0EC; border-bottom: dashed 1px #9CE0EC; width:160px; padding: 5px 0; margin:0;}
ul#side-nav li a { color: #9CE0EC; font-size:1em; padding: 0px 0px 0px 15px; text-decoration:none; background:url(../img/side-nav-arrow.gif) no-repeat;}
ul#side-nav li a span { padding: 0 0 0 15px; float:none; text-indent:0; }
ul#side-nav li a:hover { text-decoration:underline;
}
/* Side nav environment just colours */
.environment-bk #left-col ul#side-nav li { color: #333; border-bottom: dashed 1px #666; margin-bottom:1.5em; }
.environment-bk #left-col ul#side-nav li a  { color:#333; background:url(../img/side-nav-arrow-black.gif) no-repeat;}
.paint-tools-title { width:313px; height:44px; background:url(../img/paint-tools-title.gif) no-repeat; float:right; display:inline; margin:10px 20px 0 0; }
#header { float:left; width:976px; background:#F0F0F0; height:70px; }
.image-left { float:left; margin:0 20px 20px 0px; clear:left;}
/* Promotion
/* ------------------------------------------------------------------------------------ */
.promotion-bk { background: #011F3D url(../img/promotion-bk.jpg) no-repeat !important; height:620px;}
/* Environment
/* ------------------------------------------------------------------------------------ */
.environment-bk { background:url(../img/environment-bk.jpg) no-repeat !important; height:545px;}
.environment-bk #right-col p { color: #333; }
.environment-bk #right-col h3 { color: #999; }
.environment-edge { background:url(../img/environment-edge.jpg) no-repeat;}
ul.logo-list { margin:0 0 1.5em 0; list-style:none; width:716px; margin-top:5px; float:left; }
ul.logo-list li { margin:0; list-style:none; float:left; margin-right: 15px; display:inline; }

ul.logo-list-formatted { margin:5px 0 1.5em 0; list-style:none; width:716px; float:left; }
ul.logo-list-formatted li { width: 150px; height:80px; background: url(../img/logo-list-bk.gif) no-repeat; text-align:center; float:left; margin:0 20px 20px 0; display:inline;line-height:6.5em; }
ul.logo-list-formatted li img { vertical-align:middle; }
/* sIFR
/* ------------------------------------------------------------------------------------ */
.sIFR-flash {
	visibility: visible !important;	margin: 0; padding: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block !important;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/*---- Header styling ---*/
.sIFR-hasFlash h1,
.sIFR-hasFlash h2 {
	visibility: hidden; font-family: Verdana; line-height: 1em; 
}
.sIFR-hasFlash h1 {
  padding-bottom: 0; font-size: 1em; font-weight: normal; letter-spacing: 10px;
}
.sIFR-hasFlash h1 em, h1 em {
  display: none;
}
.sIFR-hasFlash h2 {
	font-size: 3.273em;
  display: block; clear:left; font-weight: normal;
}
.sIFR-hasFlash h1 em {
  display: none !important;
}
.testimonial { background:#002D4C; overflow:auto; float:left; clear:both; width:660px; padding:15px 25px 0 25px; border-top: dashed 1px #4F8095; border-bottom: dashed 1px #4F8095; margin:0 0 1.5em 0; }
.testimonial h3 { text-transform:uppercase; }
ul.photos { list-style:none; margin:0; }
ul.photos li { margin:5px 20px 20px 0; width: 223px; border:solid 1px #99DCE8; height: 168px; background:#FFF; display:inline; float:left; }
/* Form
=====================================================================*/
dl, dd {
margin: 0px 0px 0.2em 0px; padding: 0;
}
#theform dd span {
text-indent: 0; font: normal 0.625em/1em Arial, Helvetica, sans-serif;  float: right; margin-top: 2px; color: #FFF;
}
#theform h3 {  margin: 10px 18px 0px 15px; text-transform:uppercase;  }
#theform { width: 424px; padding: 0; margin: 0 0 1.5em 40px; float:left;  border-top: solid 1px #46627D; }
#theform form { padding: 22px 0 0 0;  margin: 0;}
#theform dl { padding: 0; }
#theform dt, #theform dd{ width: 200px; float: left; margin-right:20px; display:inline; }
#theform dt{ width: 200px; float: left; margin-right:0px; display:inline; }
#theform dt.long { width: 424px; float: left; margin-right:0px; display:inline; }
#theform dt.long label { width: 424px; float: left; margin-right:0px; display:inline; }
#theform label a {  color: #FFF;
}
.radio { width:15px !important; height:15px !important; margin-left: 5px !important; border:0 !important;}
.marketing { width:70px !important; margin-left: 0px !important; float:left; color:#FFF !important; }
.market { width:30px !important; margin-left: 5px !important; float:left; color:#FFF !important; }
#theform label {
color: #FFF; display: block; text-indent: 0; padding: 0 0 2px 0; text-align: left; width:200px; padding: 0.7em 0 0.4em 0px; font-weight: bold; float:left;
}
#theform label.required { margin: 0 0 10px 0; background:url(../img/h3-label-required.gif) no-repeat 1px 1px; height:17px; font-weight: normal;
}
#theform dd input, #theform dd textarea, #theform dt input, #theform dt textarea { width: 200px; border: solid 1px #83AED1; background: #001F3D; color:#FFF; float: left; margin: 0 0 0.2em 0 !important; padding: 0.2em 0 0.3em 0.2em !important;}
#theform dd select, #theform dt select { border: solid 1px #CCC; color: #333; width: 200px; font-size: 1em; float: left; margin: 0 0 0.2em 0 !important; padding: 0.3em 0 0.3em 0.1em !important;}
#theform dd { width: 200px; float: left; padding: 0.1em 0 0 0px;}
#theform dd#submit { width: 430px; margin-top:5px; }
#theform dd input.empty, #theform dd textarea.empty { color: #666; }
#theform dd input.stillempty, #theform dd textarea.stillempty { background: #CC0000; border: solid 1px #FFF; }
#theform dd input.filled, #theform dd textarea.filled { color: #333; 
}
#theform input:focus, #theform textarea:focus, #theform select:focus { border: solid 1px #33CCFF; }
#send { border: 0; cursor: pointer; text-indent: -9999px; margin-left: 1px; font-size: 0px;
line-height: 0px; width: 167px; height:44px; float: right; display:block; background: url(../img/submit-R1.gif) no-repeat;
}
#send:hover, #send2:hover, #sendblue:hover {
background:url(../img/submit-R1.gif) no-repeat 0px -44px;
}
.absolute { position: absolute; top: 0; right:0; float:right; margin:300px 15px 50px 0; display:inline; }
.right-logo {right:0; top:0; float:right; position:absolute; height:70px; width:105px; display:inline; margin: 5px 0px;}
.fox-logo { background: url(../img/right-fox-logo.gif) no-repeat;  }
.right-logo-white { width: 150px; height:80px;  text-align:center; float:right; position:absolute;display:inline; margin: 5px 0px; top:0; right:0; }
.right-logo-white { vertical-align:middle; text-align:right; padding-top: 0px;}
.width-short { width:380px !important; margin-bottom:0 !important; }