/*these are the body commands*/
html {
	height: 100%;
	background: #f6f6f6 url(http://184.73.251.135/sprayfoam/styles/images/bkgd_main.jpg) repeat-x top;
}

body {
	height: 100%;
	color: #333;
	text-align: left;
	font: 62.5%/1.55em "trebuchet ms",Verdana, Arial, Helvetica, sans-serif;
	background: url(http://184.73.251.135/sprayfoam/styles/images/bkgd_head.png) repeat-x left top;
	border: thin dotted #FFFFFF;
	margin: 0px;
}
/*these are the regular links*/
a:link {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}
/*basic page layout stuff*/
.page {
	w\idth: 1066px;
	min-height: 100%;
	margin: 010 0 0 010;
	padding: 0;
	text-align: left;
}
.searchbox {
	position: absolute;
	left: 685px;
	top: 0px;
	height:20px;
}
.header {
	position: relative;
	width: 967px;
	left: -1px;
	top: 5px;
	margin-bottom: 10px;
}
.header img{
	position: relative;
	left: 9px;
	top: -14px;
}
.content {
	padding: 0 25;
}
.rightheader {
	margin-left: 455px;
	margin-top: -35px;
	z-index: 2000;

}
.logobox {
	margin-left: 20px;
	margin-bottom: -18px;
	z-index: 2;
	vertical-align: top;
}
.phonebox {
	position: absolute;
	left: 350px;
	top: 0px;
}
/*the nav bar*/
.navbar {
	background: url(http://184.73.251.135/sprayfoam/images/navbar.gif) repeat-x left -1px;
	font: bold small-caps 222.5%/1.55em "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	height: 68px;
	width: 925px;
	left: 8px;
	top: 80px;
	text-align: center;
	color: #fff;
	margin-bottom: 12px;
	text-indent: -8pt;
}
.contentbox ul{
	list-style: url(none) none;
}
.contentbox ol{
	list-style: url(none) none;
}
.managecontentbox ul{
	list-style: url(none) none;
}
.managecontentbox ol{
	list-style: url(none) none;
}
.navbar img {
	top:0px;
}
.navbar p {
	text-align: center;
	position: relative;
	top: -4px;
	left: 2px;
}
.navbar a {
	color: #fff;
	text-decoration: none;

}
.navbar a:hover {
	color: #ccc;
	text-decoration: none;

}

/*form markup*/
form {
	margin-top: 1.5em;
	padding-bottom: 35px;
}

input.text {
  width: 10.5em;
  
}
/*the content box for the pages*/
.contentbox {
	background: url(http://184.73.251.135/sprayfoam/styles/images/page_ftr.png) no-repeat 30px bottom;
	width: 968px;
	text-align: left;
	margin-bottom: 0px;
	margin-left: 4px;
	padding: 0 0 24px 35px;
}
.contentbox h1 {
	font: 130.5%/.25em "trebuchet ms",Verdana, Arial, Helvetica, sans-serif;
}
.contentbox dl {
	border-top: 4px solid #7c8088;
	width: 931px;
	padding-left: 0px;

}
.contentbox dd {
	background: url(http://184.73.251.135/sprayfoam/styles/images/page_bkgd.png) repeat-y -1px;
	width: 968px;
	margin-left: -4px;
}
.contentbox p {
	font: 120.5%/1.55em "trebuchet ms",Verdana, Arial, Helvetica, sans-serif;
	width: 900px;
	left: 35px;
	padding-left: 20px;
}
.managecontentbox {
	background: #FFFFFF;
	width: 968px;
	text-align: left;
	margin-bottom: 0px;
	margin-left: 15px;
	padding: 0 0 24px 35px;
	border: 3px solid #7c8088;
}
.managecontentbox h1 {
	font: 130.5%/.25em "trebuchet ms",Verdana, Arial, Helvetica, sans-serif;
}
.managecontentbox dl {
	width: 931px;
	padding-left: 0px;

}
.managecontentbox dd {
	background: #FFFFFF;
	width: 968px;
	margin-left: -4px;
}
.managecontentbox p {
	font: 120.5%/1.55em "trebuchet ms",Verdana, Arial, Helvetica, sans-serif;
	width: 900px;
	left: 35px;
	padding-left: 20px;
}

/*left 1*/
.leftpix1{
	float: right;
	margin-top: 0.25em;
	height:250px;
	/*margin-right: 0.25em;
	margin-bottom: -250px;*/
}

.lefttext1 {
	font: 100.5%/.75em "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	margin: -0.25em 1em 1em;
	padding: .25em;
	float: left;
	min-height: 295px;
	width: 45%;
	clear: none;
}
.lefttext1 p {
	width: 300px;
}
.lefttext1 dl {
	width: 100%;
	padding-top: 3px;
	margin-bottom: 4px;
}
.lefttext1 dl {
	width: 300px;

}
.lefttext1 a {
	color: #003399;
}
.lefttext1 a:hover {
	color: #003399;
	text-decoration:underline;
}
.lefttext1 h1 {
	font-size: 1.25em;
	color: #003399;
	margin-top: 0.45em;
	width: 100%; 

}

/*left 2*/
.leftpix2{
	float: right;
	margin-top: 0.25em;
	height:250px;
	/*margin-right: 0.25em;*/
	margin-bottom: -250px;
}

.lefttext2 {
	font: 100.5%/.75em "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	margin: -0.25em 1em 1em;
	padding: .25em;
	float: left;
	min-height: 305px;
	width: 45%;
	clear: none;
}
.lefttext2 p {
	width: 300px;
}
.lefttext2 dl {
	width: 100%;
	padding-top: 3px;
	margin-bottom: 4px;
}
.lefttext2 a {
	color: #333333;
}
.lefttext2 a:hover {
	color: #333333;
	text-decoration:underline;
}
.lefttext2 h1 {
	font-size: 1.25em;
	color: #003399;
	margin-top: 0.45em;
	width: 100%; 

}


.contentcolumn {
	font: 100.5%/1.55em "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	margin: -0.25em 1em 1em;
	padding: 1em;
	float: left;
	height: auto;
	width: 275px;
}
.contentcolumn p {
	width: 275px;
}
.contentcolumn dl {
	width: 285px;
	height: 95px;
	padding-top: 3px;
	border-top:none;
	border-right: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #999999;
	margin-bottom: 4px;
}
.contentcolumn a {
	color: #003399;
}
.contentcolumn h1 {
	font-size: 1.25em;
	color: #003399;
	margin-top: 0.45em;
}
.fullcontentcolumn {
	font: 100.5%/1.55em "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	margin: 1em;
	padding: 1em;
	float: left;
	height: 100%;
	width: 900px;
	background: #FFFFFF;
}
.fullcontentcolumn p {
	width: 600px;
}
.fullcontentcolumn h1 { 
	font-size: 1.25em;
	color: #003399;
	margin-top: 1em;
	line-height: 1.25em;
}
.fullcontentcolumn h2 { 
	font-size: 1.25em;
	color: #000;
	margin-top: 1em;
	line-height: 1.25em;
}
.fullcontentcolumn dl {
	border: none;
	width: 890px;
}
.sectioncontentcolumn {
	font: 105%/1.25em "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	margin: -2.25em 1em 2em;
	padding: 0em 1em 1em;
	float: left;
	/*height: 100%;
	width: 700px;*/
	background: #FFFFFF;
}
.sectioncontentcolumn p {
	width: 800px;
	text-align: justify;
}
.leftpix {
	font: 100.5%/1.55em "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	margin: 1em;
	padding: 1em;
	float: left;
	height: 100%;
	width: 900px;
	text-align: center;
}
.rightpix{
float: right;
}
.leftpix p {
	width: 600px;
}
.leftpix h1 {
	font-size: 1.25em;
	color: #003399;
	margin-top: 1em;
}
.leftpix dl {
	border: none;
	width: 890px;
}
.sellcell {
	height: 80%;
	width: 60%;
	border: medium double #003399;
	text-align: left;
	padding: 1em;
	margin-left: 4em;
}
.sellcell h1 {
	font-size: 2.25em;
	color: #003399;
	margin-top: 1em;

}

.hotsellers {
	background: #CCCCCC;
	display: block;
	padding: 0.25em;
	float: left;
	width: 594px;
	border: thin dotted #003399;
	clear:left;
	margin-left: 2em;
	margin-top: -14em;
}
.hotsellers li {
	width:90px;
	float: left;
	font-size: .75em;
	vertical-align: top;
	display: block;
}
.hotsellers h1 {
	font-size: 1.25em;
	color: #003399;
	margin-top: .25em;
}

/*here are the invisible layers*/
.sprayfoamlayer{
	background:url(http://184.73.251.135/sprayfoam/styles/images/feature_bkgd.png) repeat left top; 

	position: absolute;
	visibility: hidden;
	z-index: 1001;
	left: 184px;
	top: 126px;
}
.equipmentlayer{
	background:url(http://184.73.251.135/sprayfoam/styles/images/feature_bkgd.png) repeat left top; 
	position: absolute;
	visibility: hidden;
	z-index: 1001;
	left: 352px;
	top: 126px;
}
.rigslayer{
	background:url(http://184.73.251.135/sprayfoam/styles/images/feature_bkgd.png) repeat left top; 
	position: absolute;
	visibility: hidden;
	z-index: 1001;
	left: 470px;
	top: 126px;
}
.resourceslayer{
	background:url(http://184.73.251.135/sprayfoam/styles/images/feature_bkgd.png) repeat left top; 
	position: absolute;
	visibility: hidden;
	z-index: 1001;
	left: 520px;
	top: 126px;
}
.feature img{
	float:left;
	margin-bottom: 1px;
	width: 55px;
	clear: left;
	height: auto;
	margin-right: 5px;
	margin-top: 3px;

}
.feature {
	padding-top: -10px;
	text-align: justify;
	text-indent: 0pt;
}
.feature dl {
  /*background:url(http://184.73.251.135/sprayfoam/styles/images/feature_bkgd.png) repeat left top; */
}
.feature dt {
	font-size:1.2em;
	color:#333333;
	line-height:.75em;
	padding-right: 1.17em;
	padding-bottom: 7px;
	padding-left: 1.17em;
	display: block;
	height: 1.25em;
	width: 180px;
	text-align: center;
	vertical-align: middle;
}
.feature dd {
	color:#1B220F;
	line-height:1.1;
	position: relative;
	left: -20px;
	padding-bottom: 8px;
	font-size: 1em;
}
.featurecolumn {
	float: left;
	width: 200px;
}
.featurecolumn a{
	color: #FF9900;
	text-decoration: none;
}
.featurecolumn a:hover{
	color: #FF9900;
	text-decoration: underline;
}
.rightsell {
	float:right;
	height: auto;
	width: 85px;
	margin-right: 10em;
	margin-top: 4em;
}

	/*newsfeaturegrey box grey*/
	.newsfeaturegrey {
	background: url(http://184.73.251.135/sprayfoam/styles/images/pressbox.png) repeat left top;
	font: 90.5%/1.55em "trebuchet ms",Verdana, Arial, Helvetica, sans-serif;
	margin: 0em 1em 1em;
	padding: 1em;
	float: left;
	min-height: 340px;
	width: 255px;

	}
	.newsfeaturegrey h3 {
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	color: #333;
	margin-top: -0.25em;
	}
	.newsfeaturegrey a {
	  color: #000; 
	  text-decoration: none;
	}
	.newsfeaturegrey a:hover {
	  color: #000; 
	  text-decoration: underline;
	}
	.newsfeaturegrey p {
	width: 255px;
	color: #1B220F;
	line-height: 1.3;
	}
/*form styling*/
legend {
	font-size: .98em;
	margin-left: 1em;
	padding: 0;
	color: #333333;
	font-weight: bold;
	letter-spacing: .1em;
}
fieldset {
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 1em;
	padding: 0;
}
fieldset ol {
	padding: 0.25em 0.25em 0 0.15em;
	list-style: url(none) none;
	zoom: 1;
}

fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: .25em;
	list-style: url(none) none;
}

label {
	font-size: .88em;
	float: left;
	width: 12em;
	margin-right: 2em;
}

fieldset.submit {
	float: none;
	width: auto;
	border-style: none;
	padding-left: 12em;
	background-color: transparent;
}


/*the footer*/
.footer {
	text-indent: 44px;
}

