/***********************************************
 *  File      :   css/stv3.css
 *  Date      :   08 February 2010
 *  Version   :   ST v4.1
 *  Copyright :   (C) 2010 StrongTech
 ***********************************************
 * Global style settings
 ***********************************************/
	* { margin: 0; padding: 0; }
   	body { font: 14px Georgia,Arial,Helvetica,sans-serif; text-align: left; background: #e1e1e1; }
    	ul   { list-style-type: none; }
    	a    { text-decoration: none; color: #f26722; }
    	img  { border: 0; }
    	input { border: 1px solid #000000; background: #ffffff; height: 16px; }
	input[type="reset"] { border: 1px solid #000000; background: #CCCCCC; color: #999999; height: 22px; width: 48px; margin-top: 12px; font-size: 14px; }
	input[type="submit"] { border: 1px solid #000000; background: #666666; color: #ffffff; height: 22px; width: 48px; margin-top: 12px; font-size: 14px; }
	input[type="image"] { height: 40px; width: 46px; border: none; }
	#main { background-color: #FFFFFF; width: 944px; margin: 0 auto; }
 
 /****************** Replace *******************/
 	#header h1,
	#product_side #contact_head h3,
	#help_side #help_head h3,
	#news #news_head h3,
	#product_side #partner_head h3,
	#product_side #product_head h3,
	#product_side #quote h3,
	#help_side #quote h3,
	#news #quote h3 { text-indent: -9999px; overflow: hidden; }
	
/***********************************************
 * Layout Settings
 ***********************************************/
	#container { position: relative; width: 944px; margin: 0 auto; background-color: #FFFFFF; }
	#header { position: relative; width: 944px; margin: 0 auto; text-align: left; }

 /****************** Header ********************/
	#header { position: relative; height: 178px; width: 944px; margin: 0 auto; }
	#header #logo {position: relative; height: 120px; width: 270px; background: url( ../images/st_logo.jpg ) no-repeat; float:left; }
	#header #logo-link { position: absolute; height: 120px; width: 270px; top: 0px; left: 0; }

 /****************** Footer ********************/
	#footer { position: relative; clear: both; height: 48px; width: 940px; font-size: 10px; color: #999999; border-top: 1px solid #cccccc; margin: 0 auto	; }
	#footer li { position:relative; text-align: right; padding-right: 16px; padding-top: 5px; }
 
/************* Simple Navigation ***************/
	#header #abbr ul { position: relative; width: 118px; list-style-type: none; }
	#header #abbr li { position: relative; left: 560px; top: 2px; width: 18px; display: inline; float: left; font-size: 0.8em; padding: 3px; }

/* ==================================== */
/* ========= Main Navigation ========== */
/* ==================================== */

.mainnav {
	float: left;
	line-height: 1.0em;
	margin: 0 auto;
	height: 58px;
	width: 944px;
}

.mainnav ul {
	background-color: #FFFFFF;
	margin: 0px;
	height: 57px;
	width: 944px;
}

.mainnav ul li {
	float: left;
}

.mainnav #nav_firm a:link {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 149px;
	background: url('../images/nav_firm.jpg') no-repeat;
	background-position: top left;
}

.mainnav #nav_firm a:visited {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 149px;
	background: url('../images/nav_firm.jpg') no-repeat;
	background-position: top left;
}

.mainnav #nav_firm a:hover {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 149px;
	background: url('../images/nav_firm.jpg') no-repeat;
	background-position: bottom left;
}

.mainnav #nav_firm_active {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 149px;
	background: url('../images/nav_firm.jpg') no-repeat;
	background-position: bottom left;
}

.mainnav #nav_biz a:link {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_biz.jpg') no-repeat;
	background-position: top left;
}

.mainnav #nav_biz a:visited {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_biz.jpg') no-repeat;
	background-position: top left;
}

.mainnav #nav_biz a:hover {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_biz.jpg') no-repeat;
	background-position: bottom left;
}

.mainnav #nav_biz_active {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_biz.jpg') no-repeat;
	background-position: bottom left;
}

.mainnav #nav_am a:link {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_am.jpg') no-repeat;
	background-position: top left;
}

.mainnav #nav_am a:visited {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_am.jpg') no-repeat;
	background-position: top left;
}

.mainnav #nav_am a:hover {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_am.jpg') no-repeat;
	background-position: bottom left;
}

.mainnav #nav_am_active {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_am.jpg') no-repeat;
	background-position: bottom left;
}

.mainnav #nav_wireless a:link {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_wireless.jpg') no-repeat;
	background-position: top left;
}

.mainnav #nav_wireless a:visited {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_wireless.jpg') no-repeat;
	background-position: top left;
}

.mainnav #nav_wireless a:hover {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_wireless.jpg') no-repeat;
	background-position: bottom left;
}

.mainnav #nav_wireless_active {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_wireless.jpg') no-repeat;
	background-position: bottom left;
}

.mainnav #nav_partners a:link {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_partner.jpg') no-repeat;
	background-position: top left;
}

.mainnav #nav_partners a:visited {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_partner.jpg') no-repeat;
	background-position: top left;
}

.mainnav #nav_partners a:hover {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_partner.jpg') no-repeat;
	background-position: bottom left;
}

.mainnav #nav_partners_active {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_partner.jpg') no-repeat;
	background-position: bottom left;
}

.mainnav #nav_recycling a:link {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_recycle.jpg') no-repeat;
	background-position: top left;
}

.mainnav #nav_recycling a:visited {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_recycle.jpg') no-repeat;
	background-position: top left;
}

.mainnav #nav_recycling a:hover {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_recycle.jpg') no-repeat;
	background-position: bottom left;
}

.mainnav #nav_recycling_active {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_recycle.jpg') no-repeat;
	background-position: bottom left;
}

.mainnav #nav_null a {
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	height: 58px;
	width: 130px;
	background: url('../images/nav_null.jpg') no-repeat;
	background-position: top left;
}


/* ==================================== */
/* ====== End: Main Navigation ======== */
/* ==================================== */

.footer_nav {
	position: relative;
	line-height: 1.0em;
	margin: 0 auto;
	margin-top: 12px;
	height: 28px;
	width: 944px;
	background-color: #e1e1e1;
}

.footer_nav ul {
	background-color: #e1e1e1;
	margin: 0px;
	height: 57px;
	width: 944px;
}

.footer_nav li {
	float: left;
	width: 140px;
}

.footer_nav li a:link, a:visited, a:active {
	text-decoration: none;
	color: #999999;
}

.footer_nav li a:hover {
	text-decoration: underline;
	color: #999999;
}

.home_main { height: 486px; width: 944px; background: url( '../images/home_main.jpg' ) no-repeat; }
	
 /****** Side Bar Header / Quote Replace *******/
	#product_side #contact_head { height: 22px; width: 180px; background: url( ../img/contact_head.jpg ) no-repeat; }
	#help_side #help_head { height: 22px; width: 180px; background: url( ../img/help_head.jpg ) no-repeat; }
	#news #news_head { height: 22px; width: 180px; background: url( ../img/learn.jpg ) no-repeat; }
	#product_side #partner_head { height: 22px; width: 180px; background: url( ../img/partner_head.jpg ) no-repeat; }
	#product_side #product_head { height: 22px; width: 180px; background: url( ../img/product_head.jpg ) no-repeat; }
	#product_side #quote,
	#help_side #quote,
	#news #quote { position: relative; top: 8px; height: 97px; width: 176px; background: url( ../img/quote.jpg ) no-repeat; }
	#quote { position: relative; height: 97px; width: 176px; }
	#quote #quote-link { position: absolute; height: 34px; width: 140px; top: 60px; left: 18px; }
 
 /***************** Side News ******************/
	#news { float: left; margin-left: 16px; width: 260px; height: 100%; background-color: #FFFFFF; }
	#news ul { list-style-type: none; width: 220px; font-size: 12px; color: #666666; }
	#news ul li { padding-top: 4px; padding-left: 4px; }
	#news ul li a { text-decoration: none; color: #666666; }
	#news ul li a:hover { text-decoration: underline; color: #666666; }

 /*************** Side Products ****************/
	#product_side { position: absolute; height: 160px; width: 180px; }
	#product_side ul { list-style-type: none; width: 179px; font-size: .8em; color: #666666; background: url( ../img/newsBG.jpg ) repeat-y; border-right: 1px solid #ccc; }
	#product_side ul li { padding-top: 4px; padding-left: 4px; }
	#product_side ul li a { position: relative; left: 2px; text-decoration: none; text-transform: uppercase; color: #666666 !important; }

 /*************** Side Support *****************/
	#help_side { position: absolute; height: 160px; width: 180px; }
	#help_side ul { list-style-type: none; width: 179px; font-size: .8em; color: #666666; background: url( ../img/newsBG.jpg ) repeat-y; border-right: 1px solid #ccc; }
	#help_side ul li { position: relative; left: 2px; padding-top: 4px; padding-left: 4px; }
	#help_side ul li a { text-decoration: none; font-weight: bold; color: #666666 !important; }
	#help_side ul li.seg { padding-top: 2px; padding-left: 2px; }
	#help_side ul li.seg a { position: relative; left: 4px; font-weight: normal !important; text-decoration: none; color: #000000 !important; }
	
 /*************** Main Content *****************/
	#main { float: left; width: 664px; background-color: #FFFFFF; }
	#main h2 { width: 100%; color: #666666; }
	#main p { line-height: 1.3em; width: 420px; text-align: justify; margin-top: 6px; margin-left: 12px; }

/***************** Respect *******************/
	#respect { position: relative; float: left; width: 686px; padding-bottom: 10px; }
	#respect #resp_ind { position: relative; float: left; display: inline; text-align: center; padding-left: 40px; }