/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

body
{
  margin: 10px 0 0 0;
  background-color: #8ED8F8;
  color: #666666;
  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
  min-width: 940px;
  text-align: center;
}


a:link {text-decoration: underline; color: #003399; background-color: transparent;}
a:visited {text-decoration: underline; color: #003399; background-color: transparent;}
a:hover {text-decoration: none; color: #003399; background-color: transparent;}

/*-- GENERAL BITS --*/
.container {margin: 0 auto; width: 942px; padding: 0; border: 0; position: relative; text-align: left;}
.mainArea {position: relative; float: left; display: inline; margin: 0; border: 1px solid #FFFFFF; width: 940px; background-color: #FFFFFF;}


/*-- HEADER AREA --*/
.headerTop {position: relative; float: left; display: inline; margin: 0;}
.headerLogo {position: relative; float: left; display: inline; margin: 0; width: 255px; height: 115px;}
.headerImage {position: relative; float: right; display: inline; margin: 0; width: 685px; height: 115px;}

/*-- NAV BAR --*/
.navBar {position: relative; float: left; display: inline; width: 940px; height: 30px; margin: 0; background: url(/images/nav_bar_bg.gif) top left no-repeat;}

.navBar ul {display: inline; float: left; list-style: none; margin: 10px 0 0 30px; padding: 0;}
	.navBar li {display: inline; float: left; margin: 0 33px 0 0;}
	.navBar li a {display: inline; float: left; height: 20px;}
	.navBar li span {display: none;}

#nav01 a {background: url(/images/nav_home_off.gif) top left no-repeat; width: 43px; height: 20px;}
#nav01 a:hover {background: url(/images/nav_home_hov.gif) top left no-repeat;}
#nav01on {background: url(/images/nav_home_off.gif) top left no-repeat; width: 43px; height: 20px;}

#nav02 a {background: url(/images/nav_about_us_off.gif) top left no-repeat; width: 71px; height: 20px;}
#nav02 a:hover {background: url(/images/nav_about_us_hov.gif) top left no-repeat;}
#nav02on {background: url(/images/nav_about_us_off.gif) top left no-repeat; width: 71px; height: 20px;}

#nav03 a {background: url(/images/nav_services_off.gif) top left no-repeat; width: 68px; height: 20px;}
#nav03 a:hover {background: url(/images/nav_services_hov.gif) top left no-repeat;}
#nav03on {background: url(/images/nav_services_off.gif) top left no-repeat; width: 68px; height: 20px;}

#nav04 a {background: url(/images/nav_case_studies_off.gif) top left no-repeat; width: 99px; height: 20px;}
#nav04 a:hover {background: url(/images/nav_case_studies_hov.gif) top left no-repeat;}
#nav04on {background: url(/images/nav_case_studies_off.gif) top left no-repeat; width: 99px; height: 20px;}

#nav05 a {background: url(/images/nav_health_safety_off.gif) top left no-repeat; width: 122px; height: 20px;}
#nav05 a:hover {background: url(/images/nav_health_safety_hov.gif) top left no-repeat;}
#nav05on {background: url(/images/nav_health_safety_off.gif) top left no-repeat; width: 122px; height: 20px;}

#nav06 a {background: url(/images/nav_training_off.gif) top left no-repeat; width: 66px; height: 20px;}
#nav06 a:hover {background: url(/images/nav_training_hov.gif) top left no-repeat;}
#nav06on {background: url(/images/nav_training_off.gif) top left no-repeat; width: 66px; height: 20px;}

#nav07 a {background: url(/images/nav_contact_us_off.gif) top left no-repeat; width: 88px; height: 20px;}
#nav07 a:hover {background: url(/images/nav_contact_us_hov.gif) top left no-repeat;}
#nav07on {background: url(/images/nav_contact_us_off.gif) top left no-repeat; width: 88px; height: 20px;}

#nav08 a {background: url(/images/nav_free_quote_off.gif) top left no-repeat; width: 87px; height: 20px;}
#nav08 a:hover {background: url(/images/nav_free_quote_hov.gif) top left no-repeat;}
#nav08on {background: url(/images/nav_free_quote_off.gif) top left no-repeat; width: 87px; height: 20px;}

/*-- DROP DOWN MENU STUFF ------------------*/
A.drop:link {
	COLOR: #000099;
	TEXT-DECORATION: none
}
A.drop:visited {
	COLOR: #000099;
	TEXT-DECORATION: none
}
A.drop:hover {
	COLOR: #A4C5E2;
	TEXT-DECORATION: none
}

.menu .options {
	margin-right:1px;
	margin-bottom:2px;
	margin-left:2px;
	margin-top: 2px;
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
	text-align: center;
}
.menu a {
	color:#FFFFFF;
	display:block;
	padding: 5px 0 5px 0;
	text-decoration:none;
	background-color:#FFFFFF;
}
.menu a:hover {
	display: block;
	background-color:#FFFFFF;
	color:#A4C5E2;
}

/*-- MAIN IMAGE --*/
.lowerImage {position: relative; display: inline; float: left; width: 940px; height: 195px;}

/*-- MAIN AREA --*/
.contentArea {position: relative; display: inline; float: left; width: 940px; background: url(/images/side_column_bg.gif) top left no-repeat;}

/*-- LEFT COLUMN --*/
.columnLeft {position: relative; display: inline; float: left; width: 255px; margin: 0 20px 0 0; padding: 0 0 20px 0;}
	.columnLeft img {margin: 0 0 20px 15px; border: 0;}
	.columnLeft p {margin: 0 0 0 30px; width: 140px; line-height: 1.5em; font-size: 11px; color: #FFFFFF;}

/*-- HOME MAIN COLUMN --*/
.columnMainHome {position: relative; display: inline; float: left; width: 600px; margin: 0; padding: 0 0 20px 0;}
	.columnMainHome p {font-size: 12px; color: #666666; line-height: 1.5em; margin: 0 0 0.5em 0;}
	.columnMainHome h2 {text-indent: -9999px; height: 24px; width: 300x; background: url(/images/home_sub_specialist.gif) top left no-repeat; margin: 10px 0 5px 0; font-size: 10px; line-height: 1em;}


.homeMainLeft {position: relative; display: inline; float: left; width: 275px; margin: 10px 50px 0 0; padding: 0;}
	.homeMainLeft img {border: 0;}
	.homeMainLeft h2 {text-indent: -9999px; height: 24px; width: 173px; background: url(/images/home_sub_window_cleaning.gif) top left no-repeat; margin: 10px 0 5px 0; font-size: 10px; line-height: 1em;}
	.homeMainLeft p {font-size: 12px; color: #666666; line-height: 1.5em; margin: 0 0 0.5em 0;}

.homeMainRight {position: relative; display: inline; float: left; width: 275px; margin: 10px 0 0 0; padding: 0;}
	.homeMainRight img {border: 0;}
	.homeMainRight h2 {text-indent: -9999px; height: 24px; width: 176px; background: url(/images/home_sub_access_solutions.gif) top left no-repeat; margin: 10px 0 5px 0; font-size: 10px; line-height: 1em;}
	.homeMainRight p {font-size: 12px; color: #666666; line-height: 1.5em; margin: 0 0 0.5em 0;}

/*-- FOOTER --*/
.footerArea {position: relative; float: left; display: inline; width: 940px; margin: 0; padding: 14px 0 30px 0;}
	.footerArea p {margin: 5px 0 30px 30px; font-size: 11px; color: #333333; display: inline; float: left; line-height: 1.5em;}
	.footerArea img {float: right; margin: 0 30px 0 0;}

/*-- CONTENT PAGE --*/
.columnMainContent {position: relative; display: inline; float: left; width: 600px; margin: 0; padding: 0 0 20px 0;}
.columnMainContent h1 {font-size: 22px; font-weight: normal; color: #25408F;}
.columnMainContent h2 {font-size: 16px; font-weight: bold; color: #25408F;}
.columnMainContent p {font-size: 12px; color: #666666; line-height: 1.5em;}
.columnMainContent ul {margin: 5px 0 5px -10px; padding: 0; font-size: 12px; line-height: 1.5em; list-style: none; color: #666666;}
.columnMainContent li {position: relative; background-image: url(/images/bullet.gif); background-position: 0px 12px; background-repeat: no-repeat; padding: 6px 0 4px 12px;}

/*-- ABOUT PAGE --*/
.columnAboutContent_wrapper{float: left; width: 600px; margin: 0; padding: 0 0 20px 0; /*border:1px solid red;*/}
.columnAboutContent {position: relative; display: inline; float: left; width: 300px; margin: 0; padding: 0 0 20px 0; /*border:1px solid red;*/}
.columnAboutContent h1 {font-size: 22px; font-weight: normal; color: #25408F;}
.columnAboutContent h2 {font-size: 16px; font-weight: bold; color: #25408F;}
.columnAboutContent p {font-size: 12px; color: #666666; line-height: 1.5em;}
.columnAboutContent ul {margin: 5px 0 5px -10px; padding: 0; font-size: 12px; line-height: 1.5em; list-style: none; color: #666666;}
.columnAboutContent li {position: relative; background-image: url(/images/bullet.gif); background-position: 0px 12px; background-repeat: no-repeat; padding: 6px 0 4px 12px;}
.columnAboutContent_flash {position: relative; display: inline; float: left; width: 295px; margin: 0; padding: 20px 0 20px 0; /*border:1px solid red;*/}

/*-- CONTACT FORM --*/
.columnMainContent form {padding: 0; margin: 20px 0 0 0;}
.columnMainContent fieldset {width: 575px; border: 1px solid #94C3D3; padding: 20px; margin: 25px 0 5px 0;}
.columnMainContent legend {font-size: 16px; color: #333333; line-height: 1.5em;}
.columnMainContent label {font-size: 12px; color: #666666; line-height: 1.5em; width: 200px; display: inline; float: left; margin: 10px 0 0 0;}

.formContactText {width: 300px; border: 1px solid #AAAAAA; background-color: #FFFFFF; font-size: 12px; padding: 4px; margin: 10px 0 0 0;}
.formContactSelect {width: 300px; background-color: #FFFFFF; font-size: 12px; margin: 10px 0 0 0;}
.formContactSubmit {margin: 10px 0 0 200px;}