/****************************************
 global elements
****************************************/
body{ 
	background-color: #fff; 
	font: 12px/16px Arial, Helvetica, sans-serif; 
	color: #333;
}

.clear{
	clear: both;
	height: 0;
	overflow: hidden;
}

/****************************************
 global type
****************************************/

a{
	color: #0f7abe;
}
a:hover{
	color: #159ff8;
}
a.more{
	background: url(../images/red_arrow_small.gif) no-repeat left center;
	padding-left: 7px;
	text-decoration: none;
}
a.more.u{
	text-decoration: underline;
}
h2{
	font: bold 30px Arial Arial, Helvetica, sans-serif;
	color: #404040;
}

h3{
	font: bold 22px Arial Arial, Helvetica, sans-serif;
	color: #404040;
}
h4{
	font: bold 20px Arial Arial, Helvetica, sans-serif;
	color: #666;
}
h5 {
	font-size: 16px;
	font-weight: bold;
}
h6, h6 a, h6 a:hover{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
}

/****************************************
 buttons
****************************************/

.btn-red {
	display: block;
	color: #fff;
	font-weight: bold;
	width: 200px;
	height: 35px;
	line-height: 34px;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px #545551;
	background: url(../images/btn/btn-red.png) no-repeat left top;
}
.btn-red:hover {
	color: #fff;
	background-position: left -35px;
}
.btn-red:active {
	background-position: left -70px;
	line-height: 35px;
}

.btn-gray {
	display: inline-block;
	width: 102px;
	height: 31px;
	background: url(../images/btn/download-gray.gif) no-repeat;
	/*text-indent: -9999px;*/
	line-height: 31px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #404040;
	text-transform: uppercase;
}
.btn-gray:hover {
	background-position: -102px;
	color: #fff;
}
.btn-gray:active {
	background-position: -204px;
	color: #fff;
}

.btn-gray-buy {
	display: inline-block;
	width: 102px;
	height: 31px;
	background: url(../images/btn/buy-gray.gif) no-repeat;
	/*text-indent: -9999px;*/
	line-height: 31px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #404040;
	text-transform: uppercase;
}
.btn-gray-buy:hover {
	background-position: -102px;
	color: #fff;
}
.btn-gray-buy:active {
	background-position: -204px;
	color: #fff;
}

.btn-green{
	display: block;
	background: url(../images/btn/btn-green.png) no-repeat left top;	
	width: 245px;
	height: 36px;
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px #3c6f1f;
	color: #fff;
}
.btn-green:hover{
	color: #fff;
	background-position: left -36px;
}
.btn-green:active{
	background-position: left -72px;
	line-height: 36px;
}

.btn-green-small{
	display: block;
	background: url(../images/btn/btn-green-small.png) no-repeat left top;	
	width: 162px;
	height: 36px;
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px #3c6f1f;
	color: #fff;
}
.btn-green-small:hover{
	color: #fff;
	background-position: left -36px;
}
.btn-green-small:active{
	background-position: left -72px;
	line-height: 36px;
}

.btn-red-small{
	display: block;
	background: url(../images/btn/btn-red-small.png) no-repeat left top;	
	width: 162px;
	height: 36px;
	line-height: 35px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px #3c6f1f;
	color: #fff;
}
.btn-red-small:hover{
	color: #fff;
	background-position: left -36px;
}
.btn-red-small:active{
	background-position: left -72px;
	line-height: 36px;
}

.btn-gray-arrow{
	display: block;
	height: 44px;
	font: bold 16px/44px Arial;
	color: #000;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px #fff;
	background: url(../images/btn/btn-gray.png) no-repeat right -88px;
	padding-right: 25px;
	/*  */
	float: left;
}
	.btn-gray-arrow span{
		display: block;
		height: 44px;
		padding: 0 8px 0 14px;
		background: url(../images/btn/btn-gray.png) no-repeat left 0;
	}
.btn-gray-arrow:hover{
	color: #a51300;
	background: url(../images/btn/btn-gray.png) no-repeat right -132px;
}
	.btn-gray-arrow:hover span{
		background: url(../images/btn/btn-gray.png) no-repeat left -44px;
	} 

.btn-gray-arrow.lm{
	width: 147px;
}
.btn-gray-arrow.bn{
	width: 100px;
}
	
.btn-download-green{
	display: block;
	background: url(../images/btn/download-green.gif) no-repeat;
	width: 102px;
	height: 31px;
	/*text-indent: -9999px;*/
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	line-height: 31px;
	font-weight: bold;
}
.btn-download-green:hover{
	color: #fff;
	background-position: -102px;
}
.btn-download-green:active{
	color: #fff;
	background-position: -204px;
}

.btn-buy-green{
	display: block;
	background: url(../images/btn/btn-green-buy.png) no-repeat;
	width: 102px;
	height: 31px;
	text-indent: -9999px;
}
.btn-buy-green:hover{
	background-position: -102px;
}
.btn-buy-green:active{
	background-position: -204px;
}	

.btn-buy-red-small
{
background:transparent url(../images/btn/BuyNow_Btn.gif) no-repeat scroll 0 0;
display:block;
height:31px;
color: #fff;
text-decoration: none;
line-height: 31px;
font-weight: bold;
text-transform: uppercase;
/*text-indent:-9999px;*/
text-align: center;
width:102px;
}

.btn-buy-red-small:active {
background-position:-204px;
color: #fff;
}

.btn-buy-red-small:hover{
	background-position: -102px;
	color: #fff;
}

.btn-trail-green-small
{
background:transparent url(../images/btn/30dayTrial_Btn.gif) no-repeat scroll 0 0;
display:block;
height:31px;
/*text-indent:-9999px;*/
color: #fff;
text-decoration: none;
line-height: 31px;
font-weight: bold;
text-align: center;
width:102px;
}

.btn-trail-green-small:active {
background-position:-204px;
color: #fff;
}

.btn-trail-green-small:hover{
	color: #fff;
	background-position: -102px;
}

.btn-trial-green-big
{
background:transparent url(../images/btn/30dayTrial_Large_Btn.png) no-repeat scroll 0 0;
display:block;
height:44px;
/*text-indent:-9999px;*/
text-align: center;
text-decoration: none;
font-size: 24px;
font-weight: bold;
color: #fff;
line-height: 44px;
text-transform: uppercase;
width:212px;
}

.btn-trial-green-big:hover{
	color: #fff;
	background-position: -212px;
}

.btn-trial-green-big.lm
{
	float:left;
	margin-top:20px;
}

.btn-freetrial-green-big
{
background:transparent url(../images/btn/Free30DayTrial_Large_btn.png) no-repeat scroll 0 0;
display:block;
height:36px;
/*text-indent:-9999px;*/
color: #fff;
text-decoration: none;
text-align: center;
line-height: 36px;
font-weight: bold;
font-size: 14px;
width:200px;
}

.btn-freetrial-green-big:hover{
	color: #fff;
	background-position: -200px;
}

.btn-freetrial-green-small
{
background:transparent url(../images/btn/Free30DayTrial_btn.png) no-repeat scroll 0 0;
display:block;
height:36px;
text-align: center;
text-decoration: none;
font-weight: bold;
color: #fff;
line-height: 36px;
font-size: 14px;
/*text-indent:-9999px;*/
width:160px;
}

.btn-freetrial-green-small:hover{
	color: #fff;
	background-position: -160px;
}

.btn-download-green-big
{
background:transparent url(../images/btn/Download_Large_Btn.png) no-repeat scroll 0 0;
display:block;
height:47px;
line-height: 47px;
/*text-indent:-9999px;*/
color: #fff;
font-weight: bold;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-size: 20px;
width:209px;
}

.btn-download-green-big:hover{
	color: #fff;
	background-position: -209px;
}

/***************************************
 header
***************************************/
#header_wrap{
	width: 100%;
	margin: 0 auto;
	position: absolute;
	left: 0;
	top: 0;
}

#header{
	width: 980px;
	height: 96px;
	margin: 0 auto;
}
	#logo{
		display: block;
		float: left;
		margin-top: 30px;
	}
	
	#header img, #header li{
		float: left;
	}
	#header ul{
		float: right;
	}
		#header ul li{
			background: url(../images/nav-line.gif) no-repeat left 4px;
			padding-left: 15px;
			margin-left: 14px;
		}
		#header ul li.first{
			background: none;
		}
		#header li a{
			font: bold 12px Arial;
			text-decoration: none;
			color: #666;
		}
		#header li a:hover{
			color: #9a0000;
		}
		#header .header-speak
		{
			float:right;margin-top:10px;border-bottom:1px solid #EDEDED;padding-bottom:10px;width:226px;
		}
		#header .header-speak span
		{
			float:right;padding-right:5px;font-size:11px;color:#A4A4A4; text-align: right;
		}
		#header .header-speak a
		{
			float:right;
		}
/***************************************
 navigation
***************************************/

#nav{
	background: url(../images/nav-main-tile.png) repeat-x;
	height: 45px;
}
	#nav ul{
		display: block;
		/* width: 980px; */
		height: 40px;
		margin: 0 auto;
		float: left;
	}
	#nav li{
		display: block;
		float: left;
	}
	#nav a{
		display: inline-block;
		height: 40px;
		padding: 0 30px 0 34px;
		background: url(../images/nav-main-sep.gif) left center no-repeat;
		font: bold 14px/40px Arial;
		color: #666;
		text-decoration: none;
	}
	#nav a.first{
		background: none;
		display: inline-block;
		font: bold 14px Arial;
		height: 40px;
		line-height: 40px;
		color: #666;
		padding: 0 30px 0 34px;
		text-decoration: none;
	}
	#nav a.on, #nav a:hover {
		background: url(../images/nav-main-over.gif) repeat-x;
		color: #fff;
	}
	#nav .nav-wrap{
		width:980px;
		margin: 0 auto;
	}
	#nav .social{
		float:right;
		width:100px;
		margin-top:12px; */
	}
/****************************************
 content	
****************************************/

#content{
	width: 980px;
	margin: 0 auto;
	padding-bottom: 30px;
}
	

/***************************************
 promos
***************************************/

.bottom-promos{
	padding: 10px 0;
	margin-top: 30px;
}
	.bottom-promos h6{
		margin: 10px 0 15px;
	}
	.bottom-promos p{
		margin-bottom: 10px;
	}
	.bottom-promos .one, .bottom-promos .two, .bottom-promos .three{
		float: left;
		min-height: 120px;
		/* padding-left: 150px; */
	}
	.bottom-promos .one{
		width: 325px;/*175px;*/
		/*background: url(../images/promos/promo-bottom-compass.png) no-repeat 30px 10px;*/
	}
	.bottom-promos .two{
		width: 327px;/*178px;*/
		/*background: url(../images/promos/promo-bottom-video.png) no-repeat 18px 0;*/
		border-left: 1px solid #dadada;
		border-right: 1px solid #dadada;
	}
	.bottom-promos .three{
		width: 325px;/*175px;*/
		/*background: url(../images/promos/promo-bottom-products.png) no-repeat 25px 0px;*/
	}
		.bottom-promos .thumb{
			float: left;
			display: block;
		}
			.bottom-promos .one .thumb{
				margin: 10px 0 0 30px;
				width: 120px;
			}
			.bottom-promos .two .thumb{
				margin: 0 0 0 18px;
				width: 132px;
			}
			.bottom-promos .three .thumb{
				margin: 0 0 0 25px;
				width: 125px;
			}
		.bottom-promos .copy{
			float: left;
			width: 175px;
		}
.bottom-promos.gray-bg{
	background-color: #eee;
}
.bottom-promos.gray-bg a
{
	color:#0e6eac;
}
/***************************************
 footer
***************************************/
	
#footer {
	width: 100%;
	background: #101010;
	border-top: 1px solid #000;
	/* margin-top: 20px; */
	padding-top: 30px;
	font-size: 11px;
}

#footer .info {
	color: #ccc;
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
	}

	#footer .info ul {
		float: left;
		margin-bottom: 7px;
	}
		#footer .info li {
			background: url(../images/nav-line.gif) no-repeat left 4px;
			padding-left: 10px;
			margin-right: 9px;
			float: left;
		}
		#footer .info li.first {
			background: none;
			padding-left: 0;
		}
	#footer .info li a, #footer .info li a:hover{
		text-decoration: none;
		font-weight:bold;
		color:#ccc;
	}
	#footer .info p {
		float: right;
	}

	#footer hr {
		background: #333;
		border: none;
		height: 1px;
		overflow: hidden;
		margin: 20px auto;
		width: 980px;
	}

	#footer .more-sites {
		clear: left;
		width: 960px;
		margin: 15px auto 0 auto;
		padding: 20px 20px 40px 0;
		color: #666;
		overflow: hidden;
	}
	
	#footer .more-sites img {
		float: left;
	}
	#footer .more-sites ul {
		float: left;
		margin-left: 70px;
		}
	#footer .more-sites li {
		margin-bottom: 3px;
		}
	#footer .more-sites span {
		display: block;
		float: left;
		margin-right: 5px;
		xwidth: 75px;
	}
	#footer .more-sites a {
		color: #999;
		font-weight: bold;
	}
	.telesales_phone {background: url(/images/telesales-blue.png) no-repeat left bottom; width:122px; height:24px;float:left; color:#4587B1; font-size:16px; font-weight:bold; padding-top:20px; padding-left:8px;}

