/**** BEGIN RESETS ****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/*em{font-style: oblique;}*/
strong{font-weight: bold;}
/**** END RESETS ****/





body{
	background: #000000 url(img/background.body.png) repeat-x fixed;
	font: 62.5% arial, sans-serif;
	color: #fff;
}

#content{
	position: relative;
	left: -2px;
	margin: 0 auto;	
	width: 932px;
	padding: 0 10px;
}

#content:after{
	content: "."; display: block; 
	height: 0; clear: both; 
	visibility: hidden;
}

img.art{
	margin-top: 20px;
}


.column{
	float: left;
	width: 180px;
	padding: 20px 30px 0 0;
}


h1{font: 3em impact, sans-serif; margin-bottom: 0.5em;}
h2{font: 2em impact, sans-serif;}
a{color: #6ed0f7;}
p,
ul.bullets li{
	font-size: 1.4em;
	line-height: 1.1em;
	margin-bottom: 1.1em;
}

ul.bullets{
	margin-bottom: 1.5em;
	list-style: disc;
}

ul.bullets li{
	margin-bottom: .2em;
	margin-left: 1.5em;
}


#footer{
	margin: 0 auto;	
	width: 932px;
	padding: 50px 10px;
}
#footer div.copyright{
	float: left;
}
#footer ul{float: right;}
#footer ul li{
	display: inline;
	border-right: 1px solid #fff;
	padding: 0 4px;

}
#footer ul li.last{
	border: 0;
	padding-right: 0;
}
#footer ul a{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
#footer ul a:hover{color: #6ed0f7;}



/**** BEGIN HEADER ****/
#header{
	width: 980px;
	margin: 0 auto;
	padding-top: 28px;
	background: transparent url(img/background-header.png) 50% 0 no-repeat;
}
#header #tools{
	position: relative;
	width: 950px;
	height: 105px;
	
}
#search{
	position: absolute;
	left: 0;
	top: 66px;
}
#search input{
	display: none;
}
#search #q{
	display: block;
	border: 0;
	padding: 0;
	height: 19px;
	width: 175px;
	padding: 16px 28px 16px 40px;
	line-height: 21px;
	background: transparent url(img/background-searchbox.png) no-repeat;	
	font: 14px arial;
	font-weight: bold;
	color: #666;
}
#login{
	position: absolute;
	right: 0;
	top: 80px;
	font: 16px impact, sans-serif;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}
#logo{
	display: block;
	width: 540px;
	position: absolute;
	margin-left: 220px;
	z-index: 999;
}
#logo img{
	display: block;	
	margin: 0 auto;
}



/**** NAVIGATION ****/
#navigation{
	background: transparent url(img/background.navigation.png) no-repeat;
	width: 940px;
	height: 33px;	
	padding: 22px 0 24px 26px;
}
#navigation li{
	display: inline;
	font: 18px impact, sans-serif;	
	height: 33px;
	line-height: 33px;	
}
#navigation a{
	color: #fff;
	text-decoration: none;
	margin-right: 30px;
	text-transform: uppercase;
}
#navigation a:hover,
#navigation a.selected{
	color: #6ed0f7;
}



/**** SUBMENU ****/
.submenu{
	color: #00adef;
	font: 1.6em impact, sans-serif;
	position: absolute;
	top: 0;
	right: 0;
}
.submenu li{
	border-right: 2px solid #00adef;
	display: inline;
	padding: 0 5px;
}
.submenu a{text-decoration: none;}
.submenu li.selected a,
.submenu a:hover{color: #fff;}
.submenu li.last{border: 0;}



/**** BREADCRUMBS ****/
#crumbs{
	margin: 5px 0;
}
#crumbs li{
	display: inline;
	color: #6ed0f7;	
	text-transform: uppercase;	
}
#crumbs li.last{color: #fff;}
#crumbs a{text-decoration: none;}



/**** HOME ****/
body.home #content{
	width: 952px;
	padding: 0;
}
body.home #crumbs{display: none;}
body.home .copy{
	width: 573px;
	float: right;
	padding: 0 10px 0 20px;
}
body.home .column{
	width: 329px;
	float: right;
	padding: 0;
	padding-right: 20px;	
	background: transparent url(img/vrule.png) 100% 50% no-repeat;
}
img.menu_items{display: block;}
body.home #menu_text{
	width: 329px;	
	text-align: center;	
	font: 20px impact;
	position: absolute;
	top: 125px;
	left: 0;
}
body.home #featured{
	width: 254px;
	height: 143px;
	padding: 27px 35px 36px 29px;
	margin-top: -20px;
	overflow: hidden;
	background: transparent url(img/background-featured.png) no-repeat;
}
body.home #featured h3{font: 2em impact, sans-serif; padding-bottom: .4em}
body.home #featured h3 span{display: block; text-transform: uppercase;}
body.home #featured p{font-size: 1.2em;}
body.home #featured img{
	float: right;
	margin: -5em 0 0 1em;
}
body.home h1{font-size: 2.4em;}
body.home h2{font-size: 2.6em; padding: .3em 0}
body.home .highlights p{font-size: 1.2em; line-height: 1.2em;}
body.home .intro{
	float: left;
	width: 420px;
	padding-top: 24px;
}
body.home .highlights{
	float: left;
	width: 210px;
}
body.home #academy{
	position: absolute;
	right: 135px;
	top: 200px;
}	
body.home #academy img{display: block;}
body.home #academy h3{
	font: 2.5em impact, sans-serif;
	text-transform: uppercase;
	text-align: center;
}
body.home #academy a{color: #fff; text-decoration: none;}
body.home #academy a:hover{color: #6ed0f7;}
body.home #academy .more{
	font: 1.5em impact, sans-serif;
	text-transform: uppercase;
	text-align: center;
}
body.home #girl{
	position: absolute;
	top: -50px;
	right: 0;
}
body.home #footer{
	padding-top: 0;
	position: relative;
}



/**** CONTACT ****/
body.contact .column address,
body.contact .column p{
	font-size: 1.4em;
	line-height: 1.3em;
	margin-bottom: 1.3em;
	font-weight: bold;
}
body.contact .column h2{font: 1.6em impact, sans-serif;}
body.contact .column h2 a{
	color: #fff; 
	text-decoration: none;
	text-transform: uppercase;
}
body.contact .column h2 a:hover{
	color: #6ed0f7;
}
#contact_form label{
	font: 1.6em impact, sans-serif;
	line-height: 2em;
	float: left;
	width: 90px;
	display: inline;
}
#contact_form{
	float: left;
	width: 710px;
}
#contact_form ol{
	float: left;
	position: relative;
}
#contact_form ol:after,
#contact_form:after{
	content: "."; display: block; 
	height: 0; clear: both; 
	visibility: hidden;
}
#contact_form li{
	margin-bottom: 2em;
	float: left;
	clear: left;
	width: 410px;
}
#contact_form li#comments_li{
	position: absolute;
	top: 0;
	left: 420px;
	bottom: 0;
	width: 305px;	
}
#contact_form li input{
	color: #fff;
	background: #4682b2;
	border: 2px inset #1e5a89;
	font-size: 1.4em;
	font-weight: bold;
	padding: .3em .6em;
	width: 290px;
}
#contact_form li input:focus,
#contact_form li textarea:focus{
	background: #5ac4f1;
	color: #000;
}
#contact_form textarea{
	position: absolute;
	top: 0;
	color: #fff;
	background: #4682b2;
	border: 2px inset #1e5a89;
	font: 1.4em arial, sans-serif;
	font-weight: bold;
	padding: .3em .6em;	
	height: 97%;
	width: 170px;
}
#contact_form .buttons{
	clear: both;
	text-align: right;
	padding-right: 15px;
}



/**** ABOUT ****/
body.about .column{
	width: 500px;
}
body.about #content h1{
	clear: both;
}
body.about.history #old_bldg{
	position: absolute;
	right: 25px;
	top: 315px;
}
body.about.history #dq{
	position: absolute;
	right: 160px;
	top: 35px;	
}
body.about.timeline #content{
	position: relative;
	left: -2px;
	margin: 0 auto;	
	width: 932px;
	padding: 0 10px;
}
body.about.timeline #timeline{
	position: relative;
	margin-top: -70px;
	margin-left: -18px;
}
body.about.timeline .submenu{
	z-index: 100000;
}
body.about.partners .column{
	width: 600px;
}
body.about.partners .column ul{
	margin-bottom: 2em;
	background: transparent url(img/hrule.png) 0 100% no-repeat;
}
body.about.partners .column ul li{
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 1.5em;
}
body.about.partners ul div.img{
	float: left;
	width: 160px;
	height: 3em;
}
body.about.partners h2{
	margin-bottom: 0.5em;
}
body.about.partners h3{
	font-weight: bold;
}



/**** PROFITABILITY ****/
body.profitability .column{
	width: 542px;
}
body.profitability.calculators #content{
	position: relative;
	margin: 0 auto;	
	width: 912px;
	padding: 0 0 0 10px;
}
body.profitability.calculators .column{
	width: 250px;
}
body.profitability.calculators .column ul a{
	font-weight: bold;
	text-decoration: none;
}
body.profitability.calculators .column ul a.selected{color: #fff;}
body.profitability.calculators .swf{
	width: 595px;
	height: 425px;	
	float: right;
	padding: 40px 0 0;
}
body.profitability.calculators .swf.hidden{
	display: none;
}
body.profitability.marketing-materials .column{
	width: 480px;
}
body.profitability.marketing-materials .art{
	margin-top: 5em;
}



/**** INDUSTRY TERMS ****/
body.profitability.industry-terms #content{
	position: relative;
	margin: 0 auto;	
	width: 912px;
	padding: 0 10px;

}
.terms_column{
	float: left;
	width: 23%;
}
.terms_column a.term{
	font-size: 1.3em;
	font-weight: bold;
	cursor: pointer;
}
.terms_column a.term:hover{
	color: #fff;
}
.terms_column ol{
	margin-bottom: 1em;
}
body.term_def{
	padding: 10px;
}



/**** BEGIN DISTRIBUTORS ****/
#distromap{
	float: left;
	margin-top: 15px;
	margin-right: 40px;	
} 
#distros{
	float: left;
	margin-left: 30px;
	margin-top: 15px;
	width: 380px;
}
#distros div{
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
#distros h2{
	position: relative;
}
.swatch{
	width: 20px;
	height: 20px;
	float: left;
	background: #fff;
	position: absolute;
	border: 1px solid #000;
	left: -30px;
	top: 2px;
	clear: left;
}
.c0{background: #6c9fbb;}
.c1{background: #b9dd48;}
.c2{background: #fcec68;}
.c3{background: #9896b5;}
.c4{background: #e9893d;}
.c5{background: #c5383d;}
body.distributors .column ul a{
	font: 1.6em impact;
	color: #fff;
	line-height: 2em;
	text-decoration: none;
	
}
body.distributors .column ul li.selected a{
	color: #6ED0F7;
}







/**** BEGIN EQUIPMENT LANDING ****/
body.equipment .column{
	width: 198px;
}
body.equipment .landing li{
	float: left;
	width: 228px;
	height: 150px;
	padding-bottom: 20px;
}
body.equipment .landing img{
	float: left;
	margin-right: 15px;
}
body.equipment .landing h2{margin-top: 20%;}
body.equipment .landing h2 a{
	text-decoration: none;
	color: #fff;
}
body.equipment .landing h2 a:hover{color: #6ed0f7;}
/**** END EQUIPMENT LANDING ****/





/**** BEGIN EQUIPMENT DETAIL ****/
body.equipment .overview h1{
	font-size: 2.6em;
	margin-bottom: .6em;
}
body.equipment .overview h2{
	font: 1.4em arial, sans-serif;
	margin-bottom: 1em;
	font-weight: bold;
}
body.equipment img.large{
	float: left;
	margin-top: 2em;
}
table.specs{
	float: left;
	width: 400px;
	margin-top: 20px;
	font-size: 1.4em;
	line-height: 1.5em;
}
table.specs th{
	padding-right: 1.5em;
	white-space: nowrap;
}
table.specs tr.header th{
	font: 1.7em impact, sans-serif;
	padding: .25em 0 .5em;
}
p.sheet a{
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	line-height: 25px;
	padding-left: 30px;
	background: transparent url(img/ico-pdf.png) 0 50% no-repeat;	
}
p.sheet a:hover{
	text-decoration: underline;
}
/**** END EQUIPMENT DETAIL ****/


/**** CATEGORY LANDING ****/
body.equipment-category .column{
	width: 678px;
	float: right;
	z-index: 1000;
	position: relative;
	padding: 0;
}
body.equipment-category .art{
	position: absolute;
	left: -25px;
}
#models_mask{
	width: 675px;
	height: 210px;
	overflow: auto;
	position: relative;
}
ul#models{
	height: 210px;
	position: absolute;
}
ul#models li{
	float: left;
	width: 180px;
	height: 152px;
	background: transparent url(img/background-model.png) no-repeat;
	padding: 20px 25px 21px 20px;
	overflow: hidden;
}
ul#models img{
	float: left;
	margin-right: 12px;
}
ul#models h2{
	font-size: 1.8em;
	font-family: arial, sans-serif;
	font-weight: bold;
	margin-bottom: .5em;
}
ul#models h3{
	display: inline;
	font-size: 1.1em;
	font-weight: normal;
}
ul#models a{
	text-decoration: none;
	color: #000;
}
ul#models a:hover{
	color: #6ed0f7;
}
#slider_background{
	background: transparent url(img/background.slider.gif) 13px 40px no-repeat;
	padding-right: 38px;
	position: relative;
	height: 84px;
}
body.equipment-category #help{
	position: absolute;
	font-size: 1.1em;
	top: -10px;
}
body.equipment-category #help span{
	font: 2em impact, sans-serif;
	padding-right: .25em;
}
.ui-slider{
	height: 30px;
	position: relative;
	background: transparent;
	z-index: 1000;	
	height: 100%;
}
.ui-slider-handle{
	position: absolute;
	width: 38px;
	height: 84px;
	background: transparent url(img/btn-cone.png) 0 20px no-repeat;
}
.marker{
	position: absolute;
	font: 9px arial;
	bottom: 0px;
}

#slider_background.wide{
	width: 905px;
	margin-left: -254px;
	background: transparent url(img/background.slider.wide.gif) 13px 40px no-repeat;
}





/**** EVENTS ****/
body.events ol#events{
	float: left; 
	width: 500px;
	margin-top: 3.6em;
}
body.events ol#events li{
	margin-bottom: 1.5em;
	background: transparent url(img/hrule.png) 50% 100% no-repeat;
	float: left;
	clear: both;
	width: 100%;
	padding-bottom: 1em;
}
body.events ol#events li:after{
	content: "."; display: block; 
	height: 0; clear: both; 
	visibility: hidden;
}
body.events ol#events .date{
	float: left;
	width: 30%;
	font: 1.9em impact;
}
body.events ol#events p{
	float: left;
	width: 70%;
}
body.events .column{
	width: 300px;
}
body.events .column img{
	display: block;
	margin: 0 auto;
}
body.events #img2{
	position: relative;
	top: -25px;
}
body.events #img3{
	position: relative;
	top: -55px;
}








/**** EQUIPMENT SEARCH ****/
#results .img{
	float: left;
	width: 100px;
}
#results li{
	float: left;
	clear: both;
	margin-bottom: 15px;
	width: 400px;
}
#results li a{
	text-decoration: none;
}
#results li p a{
	color: #fff;
}