/* resetting some default styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
a:focus {outline:1px dotted #999;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

html { font-size:100.01%; }
body { font-size:1em; }

textarea {overflow:auto}
button {cursor:pointer}
a {text-decoration:none}
a:hover {text-decoration:underline}
/*  -----------------------------------
	a better and smarter way to clear floats
--------------------------------------*/

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
/* Hide from IE Mac \*/
.clearfix {display:block}
/* End hide from IE Mac */
* html .clearfix {height:1px}
a	{color:#96df25;}
a:hover {color:#f4ff7f;text-decoration:none;
	}
body {
	background:url(../images/headerBG.png) repeat-x left top;
	font-family:Arial, Verdana, Sans-serif;
	color:#4f534a	
}
#wrap {
	width:820px;
	margin:0 auto
}
	#header {
		position: relative;
	}

	#livezilla {
		z-index: 1;
		position: absolute;
		left: 0px;
		top: 0px;
	}
		#logo {
			width:309px;
			height:103px;
			background:url(../images/logo.png) no-repeat left top;
			display:block;
		}
		#header .topMenu {
			position: absolute;
			top:0;
			right:0;
		}
			#header .topMenu li {
				float:left;
				margin-left:10px;
				display:inline;
			}
				#header .topMenu li a {
					
					font:700 .7em/23px Arial, Verdana, Sans-serif;	
					display:block;
					background:url(../images/topButtons.png) no-repeat left top;
					height:23px;
					padding-left:10px;
				}
					#header .topMenu li a span {
						display:block;
						background:url(../images/topButtons.png) no-repeat right top;
						height:23px;
						cursor:pointer;
						line-height:23px;
						padding-right:10px;
					}
				#topMenu {
					position: absolute;
					right:0;
					bottom:1px;
				}
					#topMenu li {
						float:left;
						padding-right:2px;
						background:url(../images/topMenuSeparator.png) no-repeat right top;
					}
						#topMenu li a {
							display:block;
							padding:0 15px;
							background:url(../images/topMenu.png) no-repeat center top;
							height:34px;
							line-height:34px;
							color:#fff;	
							font-weight:700;
							font-size:.8em;
							border-bottom:3px solid #72c714;
						}
						#topMenu li a:hover {
							text-decoration:none;
							border-color:#b3f231;	
						}
						#topMenu li.first a {
							background-position:left top
						}
						#topMenu li.last a {
							background-position:right top
						}
						#topMenu li.last {
							background:none;
							padding:0
						}

* html #header .topMenu li a,
* html #topMenu li a {
	width:1%;
	white-space:nowrap;
}


#content {
	margin:20px 0
}

#left {
	width:496px;
	float:left
}
	#featured {
		background:url(../images/featured.jpg) no-repeat left top;
		height:350px;
		overflow:hidden;
		padding:0 15px;
		font-size:.8em;
		line-height:150%
	}
		#featured h1 {
			font-size:1.8em;
			margin:20px 0 10px 0;
		}
		#featured .m1,
		#featured .m2,
		#featured .m3 {
			float:right;
			clear:right;
			width:170px;
			height:120px;
		}
		#featured .m2 {
			width:230px;
			height:45px;
		}
		#featured .m3{
			width:250px;
			height:50px;
		}
		#featured p {
			margin-bottom:1em;
			width: 260px;
		}
		#featured h3 a {
			color:#390;
			font-size:1.3em;
			font-weight:700;
		}
	#featuredpage {
		overflow:hidden;
		padding:0 15px;
		font-size:.8em;
		line-height:150%
	}
		#featuredpage h1 {
			font-size:1.8em;
			margin:20px 0 10px 0;
		}		
		#featuredpage p {
			margin-bottom:0em;
		}
		#featuredpage h3 a {
			color:#390;
			font-size:1.3em;
			font-weight:700;
		}
		#featuredpage h6 {
			font-size: 10px;
			margin-top: -4px;
		}
		#featuredpage	fieldset {
			margin:10px;
			padding:10px;
			border:1px solid #ccc;
		}
		#featuredpage legend { 
			padding:0px 10px 0px 10px; 
			font-size:14px; 
			font-weight: bold;
		}
		#featuredpage ul { 
			list-style-type:disc;
			margin-left: 2em;			
		}
		#left .lists {
			margin:20px 0;
		}
		#left .whatYouGet {
			background:url(../images/whatYouGet.jpg) no-repeat left top;
			width:234px;
			float:left;
			height:312px;
			position: relative;
			margin-left:5px;
			display:inline;
		}
		#left .whyUs {
			background:url(../images/whyUs.jpg) no-repeat left top;
			width:234px;
			float:right;
			height:312px;
			position: relative;
			margin-right:0;
			margin-right:5px;
			display:inline;
		}
			#left .whatYouGet ul, 
			#left .whyUs ul {
				margin:55px 0 0 10px;
			}
			#left .whatYouGet li, 
			#left .whyUs li {
				font-size:.7em;
				background:url(../images/bullet.png) no-repeat left center;
				padding-left:22px;
				line-height:22px;
			}
			#left .whatYouGet a.action, 
			#left .whyUs a.action {
				position: absolute;
				bottom:1px;
				left:1px;
				width:231px;
				text-align: center;
				height:30px;
				line-height:30px;
				background-color:#e6e6e6;
				border-top:1px solid #c3c1c4;
				color:#390;
				font-weight:700;
				font-size:.8em;
			}
			#left .whyUs .seal {
			 	list-style-type:none; 
				list-style-position: outside; 
				padding:0px;
				margin:0px;
				background:none;
				padding-left:0px;
			}
#right {
	width:299px;
	float:right;
	font-size:.9em;
}
	#right .orderBox {
		border: 1px solid #777b71;
		background-color:#3b3f37;
		padding:14px;
		margin:5px 0;
		color:#fff;
		line-height:140%;
	}
		#right .orderBox h2 {
			font-size:1.4em;
		}
			#right .orderBox h3 {
				color:#cffa77	
			}
			#right .orderBox p {
				font-size:.8em;
				margin:5px 0;
			}
		#right .orderBox .learnMore,
		#right .orderBox .getSupport{
			float:left;
			background:url(../images/learnAndSupport.png) no-repeat left top;
			width:116px;
			height:28px;
			text-indent: -9999px;
			outline:none;
		}
		#right .orderBox .getSupport {
			background-position:right top;
			float:right;
			width:143px;
		}
			#right .orderBox .learnMore:hover {
				background-position:left bottom
			}
			#right .orderBox .getSupport:hover {
				background-position:right bottom
			}
		#right .whatsNew {
			background:url(../images/whatIs.png) no-repeat left top;
			height:126px;
			padding: 15px;
			color:#fff;
			line-height:130%;
			font-size:.8em;
			margin-bottom:15px;
		}
			#right .whatsNew h1 {
				font-size:1.5em;
				margin-bottom:8px;
			}
				#right .whatsNew h1 span {
					color:#babfaf	
				}
				#right .whatsNew h1 strong {
					color:#8ad81f	
				}
					#right .whatsNew p {
						margin-bottom:8px;
					}
					#right .whatsNew p.date {
						color:#a5ad9a;
						font-size:.9em;	
					}
					#right .whatsNew .more {
						display:block;
						margin:0 auto;
						background:url(../images/readMoreDarkBtn.png) no-repeat left top;
						width:262px;
						height:26px;
						text-indent: -9999px;
						outline:none;
					}
					
		#right .orderNowImg {
			margin-top: 10px;
		}			
					
		#right .testimonials {
			background:url(../images/testimonials.png) no-repeat right bottom;
			font-size:.8em;
			line-height:140%;
			min-height:200px;
			margin-top: 18px;
		}
			#right .testimonials h1 {
				font-size:1.8em;
				color:#4f534a;
				margin-bottom:7px;
			}
			#right .testimonials h3 {
				color:#4f534a;
				font-size:1.1em;	
				line-height:normal;
			}
			#right .testimonials h4 {
				color:#390;	
				font-size:.8em;
				font-weight:700;
				line-height:normal;
			}
			#right .testimonials p {
				margin:10px 0
			}
			#right .testimonials h4 a {
				color:#390	
			}
			#right .testimonials .m1,
			#right .testimonials .m2,
			#right .testimonials .m3 {
				float:right;
				width:90px;
				clear:right;
				height:140px;
			}
			#right .testimonials .m2 {
				width:110px;
				height:30px;
			}
			#right .testimonials .m3 {
				width:120px;
				height:30px;
			}
#footer {
	background:url(../images/hSeparator.png) repeat-x left top;
	padding-top:10px;
	min-height:50px;
}
* html #footer,
* html #left .whatYouGet li, 
* html #left .whyUs li {
	height:1%;
}
	#footer .partners {
		text-align: center;
	}
		#footer .partners a {
			padding: 0 35px
		}
			#footer .partners a img {
				opacity: 0.3;
				-moz-opacity: 0.3;
				filter:alpha(opacity=30);
			}
			#footer .partners a:hover img {
				opacity: 100;
				-moz-opacity: 100;
				filter:alpha(opacity=100);
			}

#copyright {
	background:url(../images/footerBG.png) repeat-x left top #292d24;
	height:74px;
	padding-top:5px;
	line-height:74px;
	text-align: center;
	font-size:.7em;
	color:#fff;
	font-weight:700;
	
}
#print {
	padding:10px;
	font-size:.6em;
}

#whm_body {
	font-size:14px;
}