/* CSS Document */
/* Copyright ToxFreeSystems.com */
/* Official Website for ToxFree Systems Inc */

/*------------------------------------------------------------------

Project:		ToxFree Systems Inc
Version:		3.0
Last change:	11/24/08
Assigned to:	Amy L. Norris
Primary use:	Professional Website
-------------------------------------------------------------------*/

/********************/
/*
Title:   www.ToxFreeSystems.com for Screen media
*/


/* CSS Template */

/* Hand coded by Eight Sixty 9 Design Studios for www.ToxFreeSystems.com */

/************************************************************************/

 

/************************************************************************

 *	- Table of Contents	-												*

 * 1	HTML & LINKS													*

 * 2	WRAP															*												

 * 3	HEADER															*

 * 4	NAV STYLES														*

 * 5	CONTENT CONTAINER													*

 * 6	CONTENT and SIDEBAR												*

 * 7	FOOTER															*

 * 8	CLASSES															*

  ************************************************************************/


/**************/
/*HTML STYLES*/	
/**************/

body {
	margin:0 auto;
	padding:0;
	font-size:11px;
	line-height:13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}
h1, h2, h3, h4, h5, h6 {margin: 20px 0px;}
a, a:link, a:visted, { color:#336633; text-decoration:none;}
#container #main #content #bodycopy h3 a:link {
	color: #2F9ABD;
	text-decoration: none;
}
a:visited {
	text-decoration:underline;
	color: #336633;
}

a:hover {
	text-decoration:underline;
	color: #666666;
}
a:active  {color:#336633; text-decoration:none;}


/**************/
/*WRAP STYLES*/	
/**************/

/**************/
/*HEADER STYLES*/	
/**************/
#header { background: url(images/bg-head7.jpg)  repeat-x ; height: 165px; background-color:#201E1E;  }
#logo { width:780px; margin:0 auto; padding:0px 0 0 30px; text-indent:-9999em; background-image:url(images/logos/tf-weblogo9.jpg); background-repeat:no-repeat;  height: 120px;}


/**************/
/*NAV STYLES*/	
/**************/
#nav {color:#fff; text-align:center; margin-top:0px;}
#nav ul{ width:780px; margin:0 auto;list-style:none; padding:0; text-align:left;  }
#nav ul li{display:inline}
#nav ul a { display:block; font-family: Arial, Helvetica, sans-serif; float:left; font-weight:400; font-size:11px; text-decoration:none; color:#fff; background-color:#201E1E; padding:12px 7px; width:115px; text-align:center; text-transform:uppercase;}
#nav ul a:hover, a.active:hover { background-color: #234333; }
#nav ul a.active { color:#fff;}

#main { width:100%; margin:25px 0 15px 0; float:left;}
/**************/
/***HEADER***/	
/**************/


#head_image1 { height:150px; background:url(images/header/head_bg1.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image2 { height:150px; background:url(images/header/head_bg2.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image3 { height:150px; background:url(images/header/head_bg3.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image4 { height:150px; background:url(images/header/head_bg4.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image5 { height:150px; background:url(images/header/head_bg5.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image6 { height:150px; background:url(images/header/head_bg6.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image7 { height:150px; background:url(images/header/head_bg7.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image8 { height:150px; background:url(images/header/head_bg8.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image9 { height:150px; background:url(images/header/head_bg9.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image10{ height:150px; background:url(images/header/head_bg10.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image11{ height:150px; background:url(images/header/head_bg11.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image12{ height:150px; background:url(images/header/head_bg12.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image13{ height:150px; background:url(images/header/head_bg13.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image14{ height:150px; background:url(images/header/head_bg14.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image15{ height:150px; background:url(images/header/head_bg15.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image16{ height:150px; background:url(images/header/head_bg16.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image17{ height:150px; background:url(images/header/head_bg17.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image18{ height:150px; background:url(images/header/head_bg18.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image19{ height:150px; background:url(images/header/head_bg19.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image20{ height:150px; background:url(images/header/head_bg20.jpg) no-repeat; padding:30px 0 30px 30px; line-height:24px;}
#head_image21 {
	height:150px;
	background:url(images/header/head_bg22.jpg) no-repeat;
	padding:30px 0 30px 30px;
	line-height:24px;
}
#head_image22 {
	height:150px;
	background:url(images/header/head_bg22.jpg) no-repeat;
	padding:30px 0 30px 30px;
	line-height:24px;
}
#head_image23 {
	height:150px;
	background:url(images/header/head_bg23.jpg) no-repeat;
	padding:30px 0 30px 30px;
	line-height:24px;
}



/**************/
/**SLOGAN**/	
/**************/
#slogan { color:#fff; font-family: "Arial Narrow", Arial, Tahoma; font-size:22px; text-transform:uppercase; padding-top:10px; }
#slogan2 { color:#000; font-family: "Arial Narrow", Arial, Tahoma; font-size:22px; text-transform:uppercase; padding-top:10px; }
#slogan3 { color: #333; font-family: "Arial Narrow", Arial, Tahoma; font-size:18px; text-transform:uppercase; padding-top:10px; font-weight:bold; }

#under_slogan_copy { color:#FFFFCC; font-size:11px; line-height:14px; padding-top:10px;}
#under_slogan_copy2 { color:#fff; font-size:12px; line-height:15px; padding-top:3px;}
/**************/
/**CONTENT**/	
/**************/
#content { margin:0 auto; padding:0; width:780px;}
#content h1 { margin:20px 0 0 0; text-transform:uppercase; font-family: "Arial Narrow", Arial, Tahoma; font-size:24px; color:#333; font-weight:bold;}
#content h2 { margin:20px 0 0 0; text-transform:uppercase; font-family: "Arial Narrow", Arial, Tahoma; font-size:20px; color:#333; font-weight:bold; line-height:22px;}
#content h3 {
	margin:20px 0 0 0;
	text-transform:uppercase;
	font-family: "Arial Narrow", Arial, Tahoma;
	font-size:16px;
	color:#2F9ABD;
	font-weight:bold;
}
#content h4 {
	margin:10px 0 0 0;
	text-transform:uppercase;
	font-family: "Arial Narrow", Arial, Tahoma;
	font-size:13px;
	color:#333333;
	font-weight:bold;
}
#bodycopy {float:left; width:530px; padding-left:20px; clear:both;}
#bodycopy p{
	width:500px;
	padding-left:10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #666666;
	text-align: justify;
	padding-bottom: 5px;
}

.introParagraph {
	font-size: 15px;}
#bodycopy ul {
	font-size: 11px;
	color: #006666;
	line-height: 17px;
	margin-bottom: 10px;

	
	}
/**************/
/**SIDEBAR**/	
/**************/
#sidebar {
	background: url(images/sidebar_bckg.gif) repeat-x;
	margin:5px 0 0 560px;
	color:#6f6e6e;
	padding:8px;
	line-height: 16px;
	font-size: 10px;
	text-align: left;
}
#sidebar h2 {color:#637E30; margin:0 0 15px 0; font-size:13px; font-weight:bold; text-transform:uppercase;}
#sidebar h3 {color:#666666; margin:0 0 10px 0; font-size:11px; font-weight:bold; text-transform:uppercase;}
#sidebar li {margin-left: -20px;}
#sidebar img {border: 0; float:left; margin: 10px 0;}
#sidebar p.caption {font-family: Arial, Helvetica, sans-serif; margin: 1px 0 3px 0; padding-bottom: 7px; font-style:italic; line-height:  13px;}
#sidebar p.sidebar { text-align: left;}

/**************/
/**VIDEO BOX**/	
/**************/
#toxfreeVid { width: 350px; height:225; float: left; padding: 10px 0 5px 20px; clear:both; background-color: transparent;}
#toxfreeVid p.caption { font-family: Arial, Helvetica, sans-serif; font-style:italic; margin: 0; margin-left: -10px; margin-top: -5px;	 }


/**************/
/***FOOTER ***/	
/**************/
#footer{ height:50px; text-align:center; color:#666; font-family: "Arial Narrow," Arial, Helvetica, Verdana; font-size:11px;
		 line-height: 25px; padding:10px 0px; width:100%; margin:0 auto; background-image:url(images/footer_bg4.jpg);clear: both; }
#footer a{color:#666666; text-decoration:none}
#footer a:hover{ color: #868D2C; text-decoration:underline;}
.footerNav { padding: 0 10px;}
div.copy {font-size: 9px; background-color: #454753; color:#ccc; padding: 5px 0 0 0;}

/**************/
/**FORM MAIL***/	
/**************/
form {
	line-height: 30px;
	font-size:10px;
	width: 310px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left: 20px;
	}
.input {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#00FFFF;
	}
	
#form_container{
	background-color: #fff;
	line-height: 3em;
	}
	
.description {
	font-size: 9px;
	color: #CC3399;
	}
/**************/
/**CLASSES***/	
/**************/
.clear {clear: both; height:1px;}
.green { color:#868D2C;}
a:link {
	text-decoration:underline;
	color: #009999;
}
.intro {
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	color: #333333;
	}