/*  =========================================================
Formatting for screen
Filename:  screen.css
Date:      May 2009
Author:    Theresa Bayr
======================================================= */

/* ====================================================
   General styles
   ==================================================== */
   
body {
background-color: #b8bec0;
line-height: 2;
}

a { outline: none; } 

h1 {
font-size: 11px;
padding-bottom: 10px;
color: #2d345d;
}
h2 {
font-weight: normal;
font-size: 12px;
padding: 10px 0;
color: #2d345d;
}
h3 {
font-size: 11px;
padding: 5px 0 15px 0;
}

.clear {
clear: both;
height: 1px;
}
.spacer10 {
height: 10px;
}

#mainbody a {
color: #00236B;
}
	#mainbody a:hover {
	color: #3c77c7;
	}

/* ================================================== 
   Styles for index.php
   ================================================== */

#wrapper {
width: 900px;
margin: 0 auto;
border: 1px solid #4f4e4e;
border-top: none;
background-color: #FFFFFF;
}
#header {
background: url(../images/bg_header.gif) left top repeat-x;
padding: 15px 65px 15px 35px;
overflow: hidden;
}
	.logo {
	float: left;
	}

#mainbody {
padding: 25px;
overflow: hidden;
line-height: 1.9;
}
	#mainbody p {
	padding-bottom: 10px;
	}
	#homepage #mainbody {
	line-height: 1.7;
	}
	#homepage #mainbody ul li {
	padding-bottom: 5px;
	}

.rightside {
width: 338px;
padding: 15px 0 15px 8px;
margin-left: 20px;
float: right;
background: url(../images/bg_rightside.gif) left top no-repeat;
font-size: 10px;
line-height: 1.2;
}
	.rightside img {
	padding-bottom: 5px;
	}
	.rightside h1 {
	padding-left: 10px;
	padding-bottom: 7px;
	}
	#mainbody .rightside p {
	padding-bottom: 0;
	}
	
.industries {
width: 100px;
margin: 5px 5px 0 5px;
text-align: center;
float: left;
padding-bottom: 10px;
color: #003080;
}
.industries a {
text-decoration: none;
}
img.line {
padding: 10px 0 15px 0;
}

.box {
background: url(../images/box_wide.gif) right top no-repeat;
margin-top: 20px;
margin-bottom: 10px;
line-height: 1.3;
padding: 20px 0;
text-align: center;
}
.cleaner a {
padding: 95px 0 10px 0;
border: 1px solid #ffffff;
display: block;
width: 140px;
margin: 0 14px;
float: left;
text-align: center;
color: #2d345d;
}
.cleaner a:hover {
border: 1px solid #94b3c5;
}
	a.cleaner1 {
	background: url(../images/ch100.gif) center top no-repeat;
	}
	a.cleaner2 {
	background: url(../images/ch200.gif) center top no-repeat;
	}
	a.cleaner3 {
	background: url(../images/ch300.gif) center top no-repeat;
	}
	a.cleaner5 {
	background: url(../images/ch500.gif) center top no-repeat;
	}
	a.cleaner6 {
	background: url(../images/ch600.gif) center top no-repeat;
	}

#footer {
clear: both;
height: 30px;
background-color: #011951;
}
   #footer ul {
	margin-bottom: 0;
	padding-left: 360px;
   }
   #footer li {
	margin-left: 0;
	list-style-type: none;
	float: left;
	width: 100px;
   }
   #footer li a {
	margin-bottom: 0;
	color: #989AE4;
	display: block;
	padding: 5px 0 0 0;
	text-align: center;
	font-size: 10px;
	}
	#footer li a:hover {
	text-decoration: none;
	}

#bottom {
width: 900px;
margin: 0 auto;
font-size: 9px;
color: #666666;
}
	.copyright {
	float: left;
	padding: 5px 0;
	width: 250px;
	}
	.designedby {
	float: right;
	padding: 5px 0;
	text-align: right;
	width: 250px;
	}
	#bottom a {
	color: #666666;
	text-decoration: underline;
	}
	
/* ================================================== 
   Additional styles for products.php
   ================================================== */	

#products #mainbody {
padding: 15px 35px 25px 35px;
} 
.type {
padding-left: 5px;
}
.slideshow {
float: left;
margin-right: 30px;
}
.mouseover {
color: #999999;
padding-left: 55px;
padding-top: 5px;
}
.chronologo {
padding-left: 45px;
padding-top: 10px;
}
table.specs {
border: 1px solid #d4e4f4;
line-height: 1.5;
font-size: 10px;
border-bottom: none;
float: right;
margin-top: 5px;
margin-bottom: 15px;
}
	#mainbody table.specs p {
	padding-bottom: 0;
	}
	table.specs td {
	padding: 3px 15px;
	border-bottom: 1px solid #d4e4f4;
	background: url(../images/bg_table.gif) left top repeat-x;
	}
#products #header {
padding-bottom: 10px;
}
#products #flash {
height: 108px;
background: url(../images/bubbles.jpg) left top no-repeat;
}
#products h1 {
margin-top: 10px;
}
.manual {
padding-top: 10px;
text-align: center;
}
.manual a {
color: #00236B;
font-size: 12px;
display: block;
padding: 5px 0;
}
	.manual a:hover {
	color: #3c77c7;
	}

ul.list {
margin-left: 300px;
padding-bottom: 15px;
}
ul.list li {
padding-bottom: 5px;
}
ol.list {
margin-left: 300px;
padding-bottom: 10px;
}
ol.list li {
padding-bottom: 5px;
}
ol.list li ul li {
list-style-type: disc;
}

ul.small_list {
list-style-type:circle;
padding-left: 15px;
}
	ul.small_list li {
	padding-left: 5px;
	}

.fl_right {
clear: both;
float: right;
width: 545px;
}
ul.list1 {
margin-left: 35px;
padding-bottom: 15px;
}
#industries .cleaner a {
padding: 95px 0 10px 0;
border: 1px solid #ffffff;
display: block;
width: 140px;
margin: 0 13px;
float: left;
text-align: center;
color: #2d345d;
}
#industries .cleaner a:hover {
border: 1px solid #94b3c5;
color: #3c77c7;
}
	
/* ================================================== 
   Additional styles for contact.php
   ================================================== */	

#contact #mainbody a {
color: #034eab;
}
.column_right {
float: right;
width: 170px;
height: 515px;
padding: 25px 15px 0 40px;
border: 1px solid #74a3d1;
font-size: 10px;
line-height: 1.8;
background: url(../images/bg_form.gif) right bottom repeat-x;
}
	#mainbody .column_right p {
	padding-bottom: 0;
	}
	.underlined {
	text-decoration: underline;
	font-weight: bold;
	}
#contact h1 {
text-align: left;
padding-bottom: 0;
}
.contactform {
width: 490px;
border: 1px solid #74a3d1;
padding: 20px 70px 0 30px;
line-height: 2.8;
text-align: right;
height: 520px;
background: url(../images/bg_form.gif) right top repeat-x;
}
.required {
font-size: 10px;
color: #CC0000;
line-height: 1;
padding-bottom: 15px;
}
.error {
color: #CC0000;
text-align: left;
padding-bottom: 10px;
line-height: 1;
font-weight: bold;
}
.input1, .textarea1 {
width: 272px;
margin-left: 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 2px 0;
}
.select1 {
width: 275px;
margin-left: 30px;
font-size: 11px;
padding: 2px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.textarea1 {
height: 80px;
margin-top: 5px;
width: 272px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.label1 {
float: left;
width: 172px;
padding-top: 30px;
}
.star {
color: #CC0000;
}
.characters {
font-size: 9px;
}


/* ================================================== 
   Additional styles for distributors.php
   ================================================== */

img.right {
float: right;
}
#distributors #mainbody {
padding-left: 35px;
}
#distributors h1 {
font-size: 12px;
padding-bottom: 5px;
}
#distributors h2 {
padding: 0 0 10px 0;
}
#distributors h3 {
padding: 0 0 5px 0;
}

/* ================================================== 
   Additional styles for industries.php,
   ================================================== */

#flash1 {
background: url(../images/hotel.jpg) left top no-repeat;
text-align: right;
}
#flash2 {
background: url(../images/schools.jpg) left top no-repeat;
text-align: right;
}
#flash3 {
background: url(../images/parks.jpg) left top no-repeat;
text-align: right;
}
#flash4 {
background: url(../images/waterparks.jpg) left top no-repeat;
text-align: right;
}
#flash5 {
background: url(../images/apartments.jpg) left top no-repeat;
text-align: right;
}
#flash6 {
background: url(../images/gyms.jpg) left top no-repeat;
text-align: right;
}
#flash7 {
background: url(../images/public.jpg) left top no-repeat;
text-align: right;
}
#flash8 {
background: url(../images/rehabilitation.jpg) left top no-repeat;
text-align: right;
}
#flash9 {
background: url(../images/military.jpg) left top no-repeat;
text-align: right;
}
#industries #mainbody {
padding: 25px 30px;
}
#industries .cleaner {
margin-top: 10px;
}

/* ======================================================
   Additional styles for support.php
   ====================================================== */

#support #mainbody {
padding-bottom: 40px;
}
#support h1 {
text-align: left;
padding-bottom: 0;
}
.contactform1 {
width: 490px;
border: 1px solid #74a3d1;
padding: 20px 70px 30px 30px;
line-height: 2.8;
text-align: right;
background: url(../images/bg_form1.gif) right top repeat;
margin-left: 130px;
margin-top: 10px;
}
.label2 {
float: left;
width: 172px;
padding-top: 30px;
}
.textarea2 {
height: 80px;
margin-top: 5px;
width: 272px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}


/* ======================================================
   Additional styles for sitemap.php
   ====================================================== */

#sitemap #mainbody {
padding-left: 50px;
padding-bottom: 30px;
}
#sitemap h1 {
padding-bottom: 20px;
}
.map {
margin-left: 40px;
}
.map a {
display: block;
}
#sitemap #mainbody ul {
margin-left: 20px;
line-height: 2;
}
#sitemap #mainbody ul li ul {
margin-left: 40px;
list-style-type: circle;
padding-bottom: 5px;
}


/* ======================================= 
   E N D  screen.css 
   ======================================= */