@charset "UTF-8";

/* CSS Document */

/*
   background: #eeeeee rgb(238,238,238)
   text: #4d4d4f 
   blue: #01aef0 rgb(1,174,240)
   orange: #f7941e rgb(247,148,30)
   light-gray: #afb0b3 rgb(175,176,179)
   dark-gray: #59595b rgb(89,89,91)
   side-nav Dark: #4d4d4f rgb(77,77,79)
   side-nav Light: #939598 rgb(147,149,152)
   another gray (used on people): #dfe5e6 rgb(223,229,230)
*/

/* Resets Styles in all browsers */
* { padding: 0; margin: 0; border:0; }



html, body {
	margin: 0; padding: 0; background-color: #eeeeee; font-size: 1px;
	
	scrollbar-3dlight-color:#01aef0;
	scrollbar-arrow-color:#01aef0;
	scrollbar-base-color:#01aef0;
	scrollbar-darkshadow-color:#01aef0;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#01aef0;
	scrollbar-shadow-color:#01aef0;
	scrollbar-track-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

h1.pg-title { font-size: 21px; color: #01aef0; padding: 15px 0 15px 40px; font-weight: normal; }

#pg-size { width: 995px; margin: auto; padding:0; }

#pg-container { width: 995px; padding:15px 0 0 0; }

#pg-BKGD { width: 995px; background: url(../images/bkgd/middle.jpg) repeat-y; }

#pg-top { width: 995px; position: relative; background: url(../images/bkgd/top.jpg) no-repeat; height: 81px; }

#pg-content { width: 751px; float: left; margin: 2px 0 0 3px; }

#pgContent-forty { padding: 0 40px 20px 40px; width: 660px; height: auto; }

p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4d4d4f; line-height: 20px; }

	p a:link { color: #01aef0; text-decoration:none; }

	p a:visited { color: #01aef0; text-decoration: none; }

	p a:hover { color: #01aef0; text-decoration: underline; }

	p a:active { color: #01aef0; text-decoration: underline; }

a:link { color: #302c3d; text-decoration:none; }

a:visited { color: #302c3d; text-decoration: none; }

a:hover { color: #f7941e; text-decoration: underline; }

a:active { color: #302c3d; text-decoration: underline; }

.gray-blue { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4d4d4f; line-height: 20px; }

	.gray-blue a:link { color: #4d4d4f; text-decoration:none; }

	.gray-blue a:visited { color: #4d4d4f; text-decoration: none; }

	.gray-blue a:hover { color: #01aef0; text-decoration: underline; }

	.gray-blue a:active { color: #4d4d4f; text-decoration: none; }

.blue-blue { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #01aef0; line-height: 20px; }

	.blue-blue a:link { color: #01aef0; text-decoration:none; }

	.blue-blue a:visited { color: #01aef0; text-decoration: none; }

	.blue-blue a:hover { color: #01aef0; text-decoration: underline; }

	.blue-blue a:active { color: #01aef0; text-decoration: none; }

#pg-crumbNav { padding: 10px 0 0 40px; }

.crumbNav { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4d4d4f; }

.crumbNav b { font-weight: normal; font-size: 11px; color: #01aef0; }

	.crumbNav a:link { color: #4d4d4f; text-decoration:none; }

	.crumbNav a:visited { color: #4d4d4f; text-decoration: none; }

	.crumbNav a:hover { color: #f7941e; text-decoration: underline; }

	.crumbNav a:active { color: #4d4d4f; text-decoration: underline; }

.subHead { font-size: 14px; font-weight:bold; }


/* -- Side Nav -- */

#sideNav-ContainerAll { float: left; width:196px; padding: 0 0 0 22px; }

#sideNav-Container { padding: 10px 0 0 20px; float: left; }

.submenu{ display: block; height: 19px; margin: 5px 0 0 20px;  padding: 2px 0 0 7px; color: #939598; font-size: 11px; }
	
	#mymenu1 a:link { color: #939598; text-decoration:none;}
	
	#mymenu1 a:visited { color: #939598; text-decoration:none; }
	
	#mymenu1 a:hover { color: #f7941e; text-decoration:none; }
	
	#mymenu1 a:active { color: #939598; text-decoration:none; }
	
	#mymenu5 a:link { color: #939598; text-decoration:none;}
	
	#mymenu5 a:visited { color: #939598; text-decoration:none; }
	
	#mymenu5 a:hover { color: #f7941e; text-decoration:none; }
	
	#mymenu5 a:active { color: #939598; text-decoration:none; }

.submenu2{ display: block; height: 19px; margin: 5px 0 0 38px; padding: 2px 0 0 7px; color: #4d4d4f; }

	.submenu2 a:link { color: #4d4d4f; text-decoration:none;}
	
	.submenu2 a:visited { color: #4d4d4f; text-decoration:none; }
	
	.submenu2 a:hover { color: #f7941e; text-decoration:none; }
	
	.submenu2 a:active { color: #4d4d4f; text-decoration:none; }
	
.hide{ display: none; }
	
.sideNav { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#4d4d4f; }
	
	.sideNav a:link { color: #4d4d4f; text-decoration:none;}
	
	.sideNav a:visited { color: #4d4d4f; text-decoration:none; }
	
	.sideNav a:hover { color: #f7941e; text-decoration:none; }
	
	.sideNav a:active { color: #4d4d4f; text-decoration:none; }	

.standard { font-family: Arial, Helvetica, sans-serif; font-size:12px; display: block; height: 19px; text-decoration:none; padding: 2px 0 0 0; color: #969696; }

.menuA { font-size:12px; }

	.menuA a:hover { color: #f7941e; text-decoration:none; }
	
#sideNav-Devider { background: #b1b3b6; width: 145px; margin: 8px 0 8px 13px; height:1px; font-size:1px; }


/* -- About -- */
#aboutBottom-Nav { background: #fbfbfb; margin: 3px 0 0 0; padding: 30px 0 30px 100px; }


/* -- Pres -- */
#mag { padding: 0 0 0 60px; }

#logo { }

#mag img { float: left; font-size:1px; margin: 0 10px 0 0; padding: 0 0 0 0; }

#logo img { float: left; font-size:1px; margin: 0 33px 0 0; padding: 0 0 0 0; }

#videos { background: #f0f0f0; width: 364px; float: left; padding: 10px 0 0 10px; }

#video-title { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #01aef0; line-height: 30px; }

#vid-top { width: 632px; position: relative; background: url(../images/bkgd/vid_top.jpg) no-repeat center; height: 65px; }

/* -- Products -- */
#products-Logos { float:left; width: 130px; }


/* -- Environment -- */
#enviro ul { padding: 20px 0 10px 60px; font-size:10px; color:#01aef0; }

#enviro ul li { padding: 0 0 10px 0; }


/* -- Benefits -- */
#benef { float: left; padding: 0 0 0 0; width: 600px; }

#benef ul { padding: 20px 0 10px 20px; font-size:10px; color:#01aef0; }

#benef ul li { padding: 0 0 10px 0; }


/* -- People -- */
#peeps { float: left; padding: 0 0 0 0; width: 325px; }

#peepsIMG { float: left; background: #01aef0; font-size: 1px; margin: 0 0 0 0; padding: 3px 3px 3px 3px; }

#peepsText { float: left; margin: 0 0 0 10px; padding: 0 0 0 0; width:170px; }



/* -- Loctaion -- */
#location-Container { width: 580px; padding: 10px 0 10px 40px; clear: both; }

.locations-Box { float: left; width: 150px; margin: 0 50px 0 0; }


/* -- History -- */
#history-BKGD { background: bottom url(../images/history/BKGD.jpg) no-repeat; padding: 0 0 40px 0; width: 750px; height: auto; }

.history-Dates { background-position:top; background-repeat:no-repeat; width: 600px; padding: 10px 30px 10px 120px }

.history-titles { font-size: 15px; font-weight: bold; }


/* -- Contact -- */
#contact { width: auto; margin: 0 0 0 3px; padding: 0 0 0 13px; }

.ContactForm { padding: 10px 10px 10px 10px; width:auto; margin: 0 30px 0 0; }

.contactText { margin: 0 15px 0 0; height: auto;  width: 98%;}

.contact-form-left { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #5e4f4a; line-height: 1.35em; width: 290px; margin: 0 15px 0 0; float: left; }

.form-field { font-family: Arial, Helvetica, sans-serif; color: #5e4f4a; padding: 0 0 .5em 0em; font-size:12px;}

.buttons-field { font-family: Arial, Helvetica, sans-serif; color: #5e4f4a; padding: .5em 40px .5em 0; float: right; }

.fieldlable { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#5e4f4a; width: 115px; margin-right: 1em; float: left; }

.regformfield { font-family: Arial, Helvetica, sans-serif; font-size: 10px; border:1px solid #999999; }

.textformfield { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border:1px solid #999999 }

.contact-form-right { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4c4c4e; line-height: 1.35em; 	width: 290px; float: left; margin: 0 0 0 15px }

.hrgray  { border: 0; height: 1px; background: #d6d3d2; margin:9px 0 9px 0; padding:0; font-size:1px; }


/* -- Footer -- */
#footer { width: 995px; position: relative; background: url(../images/bkgd/bottom.jpg) no-repeat bottom; height: 111px; }

#footer-logosContainer { width: 751px; float:right; margin: 3px 23px 0 0; padding: 0; }

#footer-logosContainer img { float:left; margin: 0 3px 0 0; padding: 0; font-size: 1px; }

* HTML #footer-logosContainer { display:inline; }

.footer-text { font-size: 9px; color: #636466; }
	
	.footer-text a:link { color: #636466; text-decoration:none; }

	.footer-text a:visited { color: #636466; text-decoration: none; }

	.footer-text a:hover { color: #f7941e; text-decoration: none; }

	.footer-text a:active { color: #636466; text-decoration: none; }
	
.footer-legal{ position: absolute; left: 30px; bottom: 0px; }

.footer-nav{ position: absolute; right: 30px; bottom: 0px; }




.clearIt-blueBar { clear: both; font-size: 1px; height: 10px; background: rgb(1,174,240); margin: 3px 0 0 0; }

.clearIt { clear: both; font-size: 1px; }