/* start reset */
html{height:100%;}
body{
	margin:0;
	height:100%;
	color:#666;
	min-width:1003px;
	font:13px/18px Arial, Helvetica, sans-serif;
	background:#f0f0f1;
}
img{border-style:none;}
a{color:#0071bc;}
a:hover{text-decoration:none;}
input, textarea, select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
/* wrapper */
#wrapper{
	height:100%;
	position:relative;
}
/* main */
#main{
	min-height:100%;
	width:100%;
	position:relative;
	overflow:hidden;
}
* html #main{
	height:100%;
	overflow:visible;
}
/* header */
#header{background:#306c11 url(../images/bg-header.gif) repeat-x;}
/* header-holder */
.header-holder{background:url(../images/bg-header-holder.png);}
/* nav-holder */
.nav-holder{
	width:100%;
	z-index:20;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/bg-nav-holder.png);
}
/* nav-section */
.nav-section{
	width:964px;
	padding:4px 0 7px;
	font:bold 17px/20px "Trebuchet MS", Helvetica, sans-serif;
	margin:0 auto;
}
.nav-section a{color:#fff;}
.nav-section:after{
	content:"";
	display:block;
	clear:both;
}
/* nav */
#nav{
	margin:0 0 0 -6px;
	padding:0;
	display:inline;
	float:left;
	list-style:none;
}
#nav li{
	float:left;
	padding:0 6px 0 8px;
	position:relative;
}
.add-nav li a,
#nav li a{
	text-decoration:none;
	float:left;
	padding:4px 0 0;
}
#nav .home{color:#fcee95;}
.add-nav .has-drop a,
#nav .has-drop a{padding:4px 0 5px;}
.add-nav .drop-hover a,
.add-nav .has-drop:hover a,
#nav .drop-hover a,
#nav .has-drop:hover a{background:url(../images/bg-nav-holder.png);}
.add-nav .has-drop span,
#nav .has-drop span{
	float:left;
	cursor:pointer;
	color:#fff;
	padding:0 33px 0 11px;
	background:url(../images/bullet1.png) no-repeat 100% 1px;
}
.add-nav .has-drop span{width:auto;}
.add-nav li:hover .drop-holder,
.add-nav .drop-hover .drop-holder,
#nav .drop-hover .drop-holder,
#nav li:hover .drop-holder{display:block;}
.drop-holder{
	position:absolute;
	left:8px;
	top:29px;
	display:none;
}
.add-nav .drop-holder{left:15px}
/* drop */
.drop{
	width:158px;
	font-size:14px;
	line-height:17px;
	padding:5px 0 4px 4px;
	background:url(../images/bg-nav-holder.png);
}
.add-nav .drop{width:130px;}
.drop .holder{
	width:154px;
	position:relative;
	overflow:hidden;
	background:#fff;
	padding:3px 0 4px;
}
.add-nav .drop .holder{width:126px;}
.drop ul{
	margin:0;
	padding:0 6px;
	list-style:none;
	overflow:hidden;
	height:1%;
}
.add-nav .drop li,
#nav .drop li{
	float:none;
	position:static;
	margin:-1px 0 1px;
	padding:6px 3px 8px;
	background:url(../images/separator-drop.gif) repeat-x;
}
.add-nav .drop a,
#nav .drop a{
	color:#999;
	float:none;
	background:none !important;
}
.add-nav .drop a:hover,
#nav .drop a:hover{
	color:#666;
	text-decoration:none;
}
.add-nav .drop .active a,
.add-nav .drop .active a:hover,
#nav .drop .active a:hover,
#nav .drop .active a{color:#f37321;}
/* add-nav */
.add-nav{
	margin:0;
	padding:0;
	float:right;
	font-size:18px;
	list-style:none;
}
.add-nav li{
	float:left;
	padding:0 0 0 15px;
	position:relative;
}
.add-nav a{
	text-decoration:none;
}
#nav li a:hover,
.add-nav a:hover{text-decoration:underline;}
#nav .has-drop a:hover,
.add-nav .has-drop a:hover{text-decoration:none;}
/* logo */
.logo {
	display:block;
	width:272px;
	height:124px;
	margin:0 0 10px 60px;
	text-align:left;
	cursor:pointer;
	background:url(../images/logo.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.logo a{
	display:block;
	height:100%;
}
/* header-wrapper */
.header-wrapper{
	overflow:hidden;
	width:100%;
	z-index:10;
	position:relative;
	padding:0 0 121px;
}
/* header-section */
.header-section{
	width:964px;
	margin:0 auto;
	z-index:1;
	padding:40px 0 31px;
	position:relative;
}
.header-section:after{
	content:"";
	display:block;
	clear:both;
}
/* column */
.header-section .column{
	width:400px;
	float:left;
	font-size:15px;
	line-height:25px;
	font-weight:bold;
	padding:11px 0 0;
	color:#fff;
}
/* text-frame */
.column .text-frame{text-align:center;}
.header-section .column p{margin:0;}
/* slogan */
.slogan{
	font:bold italic 26px/34px "Trebuchet MS", Helvetica, sans-serif;
	color:#fcee95;
	display:block;
	margin:0 0 14px;
}
/* screen-slide */
.screen-slide{
	position:absolute;
	right:-3px;
	bottom:-104px;
}
.screen-slide img{vertical-align:top;}
.screen-slide .image-holder{margin:0 0 10px;}
/* item */
.screen-slide .item{
	position:absolute;
	right:-62px;
	top:60px;
}
.screen-slide .holder p{
	margin:0 0 10px;
	text-align:center;
}
/* switcher */
.switcher{
	width:500px;
	overflow:hidden;
	position:relative;
}
/* s1 */
.s1{
	float:left;
	left:50%;
	position:relative;
}
/* s2 */
.s2{
	float:left;
	left:-50%;
	position:relative;
}
.switcher ul{
	margin:0;
	float:left;
	padding:0 0 0 53px;
	list-style:none;
}
.switcher li{
	float:left;
	margin:0 6px 0 5px;
}
.switcher a{
	display:block;
	width:10px;
	height:10px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/bg-switcher.gif) no-repeat;
}
.switcher .active a,
.switcher a:hover{background-position:0 -10px;}
/* content-wrapper */
.content-wrapper{
	margin:-121px 0 0;
	position:relative;
	width:100%;
	z-index:6;
	background:#f0f0f1;
}
/* content */
#content{
	width:964px;
	margin:0 auto;
	padding:131px 0 110px;
	background:url(../images/bg-content.jpg) no-repeat;
}
/* sign-box */
.sign-box{
	width:320px;
	position:absolute;
	bottom:-112px;
	left:43px;
}
/* btn-sign */
.btn-sign{
	width:311px;
	height:60px;
	display:block;
	text-align:center;
	color:#fff;
	margin:0 0 4px;
	padding:8px 0 0;
	font-size:17px;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/btn-sign.gif) repeat-x;
}
.btn-sign strong{
	display:block;
	font-size:25px;
	margin:0 0 5px;
	line-height:27px;
}
.btn-sign:hover{background:url(../images/btn-sign-hover.gif) repeat-x;}
/* description */
.sign-box .description{
	display:block;
	text-align:center;
	font-size:11px;
	color:#999;
	padding:0 9px 0 0;
}
/* heading */
.heading{
	overflow:hidden;
	height:1%;
	margin:0 0 13px;
	background:url(../images/bg-heading.gif) repeat-x 0 9px;
}
.heading h3{
	float:left;
	margin:0;
	color:#b8b8b8;
	font-size:16px;
	line-height:18px;
	background:#f0f0f1;
	padding:0 10px 0 0;
}
.columns-holder h4{
	color:#4d4d4d;
	margin:0 0 4px;
	line-height:17px;
	font-size:13px;
}
/* columns-holder */
.columns-holder{
	overflow:hidden;
	width:988px;
	margin:0 -24px 17px 0;
}
.columns-holder p{margin:0;}
/* col */
.columns-holder .col{
	width:227px;
	float:left;
	padding:0 20px 0 0;
}
/* image-block */
.image-block{
	width:183px;
	padding:4px 0 0;
	position:relative;
}
.image-block img{
	vertical-align:top;
	border:1px solid #999;
	margin:0 0 2px;
}
/* lightbox */
.lightbox{
	display:block;
	position:relative;
}
.lightbox span{
	position:absolute;
	width:26px;
	right:-11px;
	top:7px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	background:url(../images/btn-zoom.png) no-repeat;
}
.featured-gallery .lightbox span{
	right:-13px;
	top:8px;
}
/* caption */
.caption{
	font-size:11px;
	color:#999;
	display:block;
	line-height:13px;
}
/* twocolumns-holder */
.twocolumns-holder{
	height:1%;
	margin:0 0 34px;
}
.twocolumns-holder:after{
	content:"";
	display:block;
	clear:both;
}
/* column */
.twocolumns-holder .column{
	width:471px;
	float:left;
}
.twocolumns-holder .column-right{float:right;}
/* mark */
.twocolumns-holder .mark{
	display:block;
	font:italic bold 15px/21px "Trebuchet MS", Helvetica, sans-serif;
	color:#4d4d4d;
	margin:-5px 0 12px;
}
/* customer-gallery */
.customer-gallery{
	margin:-2px 0 12px -20px;
	padding:0;
	overflow:hidden;
	width:492px;
	list-style:none;
}
.customer-gallery li{
	float:left;
	padding:0 0 0 20px;
}
/* blockquote-holder */
.blockquote-holder{
	width:500px;
	margin:0 -10px 0 -16px;
	overflow:hidden;
}
.blockquote-holder p{margin:0;}
.blockquote-holder blockquote{
	margin:0;
	float:left;
	width:230px;
	padding:0 0 0 16px;
}
.blockquote-holder q{
	quotes: none;
	display:block;
	margin:0 0 9px;
	position:relative;
	font:italic 15px/20px Georgia,serif;
}
.blockquote-holder cite{
	color:#999;
	line-height:16px;
}
.blockquote-holder cite strong{display:block;}
.blockquote-holder q:before{content:"";}
.blockquote-holder q:after{content:"";}
/* featured-gallery */
.featured-gallery{
	margin:0 0 0 -33px;
	padding:0;
	width:492px;
	list-style:none;
}
.featured-gallery li{
	float:left;
	width:131px;
	padding:0 0 0 33px;
}
.featured-gallery li img{
	vertical-align:top;
	border:1px solid #999;
	margin:0 0 5px;
}
/* suite-list */
.suite-list{
	margin:0 0 0 -15px;
	padding:0;
	width:505px;
	list-style:none;
}
.suite-list li{
	float:left;
	width:230px;
	color:#4d4d4d;
	padding:0 0 16px 15px;
}
.suite-list li img{
	vertical-align:top;
	margin:0 0 11px 9px;
}
.suite-list li p{margin:0;}
/* thumb-holder */
.thumb-holder{
	float:left;
	width:225px;
	padding:0 15px 0 0;
}
/* thumb-list */
.thumb-list{
	margin:-7px 0px 0 -9px;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:234px;
}
.thumb-list li{
	float:left;
	padding:0 0 10px 9px;
}
.thumb-list li img{vertical-align:top;}
/* featured-block */
.featured-block{
	float:right;
	width:224px;
	margin:-3px 0 0;
}
.featured-block h5{
	margin:0 0 6px;
	font-size:15px;
	line-height:17px;
	color:#4d4d4d;
}
/* list */
.list{
	font-size:12px;
	line-height:16px;
	padding:0 0 8px;
	margin:0;
	overflow:hidden;
	height:1%;
	list-style:none;
}
.list li{
	float:left;
	color:#999;
	padding:0 70px 9px 0;
}
.list li strong{color:#666;}
.list .item1{background:url(../images/ico-diagram.gif) no-repeat 96% 35%;}
.list .item2{background:url(../images/ico-bag.gif) no-repeat 95% 25%;}
.featured-block h6{
	color:#999;
	display:block;
	font-size:14px;
	margin:0 0 10px;
	line-height:16px;
}
/* more-list */
.more-list{
	margin:0;
	padding:0 0 0 4px;
	list-style:none;
}
.more-list li{
	padding:0 0 5px 18px;
	background:url(../images/bullet2.gif) no-repeat 0 4px;
}
/* footer-wrapper */
.footer-wrapper{
	width:100%;
	margin:-135px 0 0;
	position:relative;
	z-index:10;
	background:url(../images/bg-footer.png) no-repeat 50% 100%;
}
/* footer */
#footer{
	height:57px;
	width:891px;
	margin:0 auto;
	padding:78px 0 0 73px;
	font-size:11px;
	line-height:13px;
	text-align:center;
	position:relative;
}
#footer a{color:#666;}
#footer ul{
	margin:0;
	padding:0;
	list-style:none;
}
#footer ul li{
	display:inline;
	padding:0 1px 0 5px;
	background:url(../images/separator-footer.gif) no-repeat 0 3px;
}
#footer ul li:first-child{background:none;}
#footer p{margin:0;}
/* logo-netmakin */
.logo-netmaking{
	position:absolute;
	right:38px;
	top:78px;
	width:107px;
	height:31px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo-netmaking.png) no-repeat;
}
/* powered */
.powered{
	position:absolute;
	left:0;
	color:#999;
	top:78px;
}
.powered a{
	float:left;
	margin:0 7px 0 0;
}
.powered img{vertical-align:top;}
.powered span{
	float:left;
	margin:2px 0 0;
	text-align:left;
}
/* popup */
.popup{
	width:371px;
	background:#ededed;
	top:192px;
	left:-9999px;
	z-index:1000;
	padding:13px 25px;
	position:absolute;
}
.signup-form{margin:0 0 0 -11px;}
.signup-form .row{
	position:relative;
	width:100%;
}
.signup-form label{
	position:absolute;
	left:-9999px;
	display:none;
	top:16px;
	color:#999;
	font-weight:bold;
	font-size:19px;
	line-height:22px;
}
* html .signup-form label{top:15px;}
*+ html .signup-form label{top:15px;}
.safari3 .signup-form label{
	top:15px;
	left:26px;
}
/* text-holder */
.signup-form .text-holder{
	width:365px;
	height:41px;
	padding:14px 0 0 24px;
	background:url(../images/bg-text.png) no-repeat;
}
.signup-form .password-holder{
	width:207px;
	height:41px;
	padding:14px 0 0 24px;
	background:url(../images/bg-password.png) no-repeat;
}
.signup-form .password,
.signup-form .text{
	background:none;
	border:none;
	float:left;
	margin:0;
	width:336px;
	color:#999;
	font-weight:bold;
	font-size:19px;
	line-height:22px;
	position:relative;
	outline:none;
}
.signup-form .password{width:178px;}
.signup-form .inputarea{
	padding:0 0 5px;
	margin:0 0 10px;
	background:url(../images/separator-form.gif) no-repeat 13px 100%;
}
/* submit */
.signup-form .submit{
	width:142px;
	border:none;
	height:36px;
	float:left;
	margin:0 0 0 10px;
	font-weight:bold;
	color:#fff;
	font-size:19px;
	cursor:pointer;
	padding:0 0 4px;
	line-height:36px;
	position:relative;
	background:url(../images/bg-submit.gif) repeat-x;
}
.signup-form .submi.hover,
.signup-form .submit:hover{background:url(../images/bg-submit-hover.gif) repeat-x;}
.submit-holder{
	width:100%;
	margin:0 0 9px;
}
.submit-holder:after{
	content:"";
	display:block;
	clear:both;
}
/* title */
.popup .title{
	display:block;
	font-size:28px;
	line-height:30px;
	color:#f37321;
	margin:0 0 3px;
}
/* ttl */
.popup .ttl{
	display:block;
	font-size:14px;
	color:#4d4d4d;
	margin:0 0 3px;
}
/* valid */
.popup .valid{
	display:block;
	color:#d6272d;
	padding:0 0 0 25px;
	margin:-4px 0 12px;
	font-weight:bold;
}
/* text-box */
.popup .text-box{
	font-size:11px;
	line-height:13px;
	color:#999;
	padding:0 0 0 12px;
}
.hidden{display:none;}
.inner .content-wrapper{margin-top:40px;}
.inner #content{padding:24px 0 110px;}
.nav-wrap{
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:20;
	background:url(../images/bg-header.gif) repeat-x;
}
.nav-wrap1{background:url(../images/bg-header-holder.png);}
.nav-wrap1:after{
	content:"";
	display:block;
	clear:both;
}
.nav-wrap1 .nav-holder{position:static;}
.inner .nav-section{padding-bottom:3px;}
.inner #nav .home{color:#fff;}
.logo-small{
	float:left;
	width:33px;
	height:33px;
	margin:0 8px 0 1px;
	background:url(../images/logo-small.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.logo-small a{
	display:block;
	height:100%;
}
#content h1{
	margin:0 0 21px;
	color:#78A22F;
	letter-spacing:-2px;
	text-align:center;
	font:bold 44px/46px "Trebuchet MS", Helvetica,serif;
}
.note{
	text-align:center;
	color:#ededed;
	margin:0 0 17px;
	font:bold 16px/30px Arial, Helvetica, sans-serif;
}
.note strong{
	padding:7px 24px 7px;
	background:#818181 url(../images/bg-note.gif) repeat-x;
}
.box-holder{
	border:3px solid #ccc;
	overflow:hidden;
	height:1%;
	padding:14px 0 10px;
	position:relative;
	margin:0 0 18px;
}
.box-wrap{
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0 0 13px;
}
.bw1{
	float:left;
	left:50%;
	position:relative;
}
.bw2{
	float:left;
	left:-50%;
	position:relative;
}
.box-holder .box{
	width:226px;
	float:left;
	padding:0 12px 0 11px;
}
.box-holder .box h2{
	margin:0;
	text-align:center;
}
.box-holder .box h2 img{vertical-align:top;}
.box .holder{background:#b3b3b3 url(../images/bg-box-holder.gif) repeat-x;}
.box .frame{
	background:url(../images/bg-box-frame.png);
	padding:4px 5px 6px;
}
.table{
	background:#fff;
	margin:0 0 10px;
	padding:10px 6px 9px 9px;
}
.table table{margin:0 0 9px;}
.table td{
	font-weight:bold;
	font-size:21px;
	line-height:34px;
	color:#f37321;
	vertical-align:top;
	width:52px;
	text-align:center;
	background:url(../images/divider1.gif) repeat-x 0 100%;
}
.table .number{font-size:29px;}
.table .col1{
	color:#666;
	text-align:left;
	width:143px;
	line-height:32px;
	padding:0 0 2px 4px;
	border-right:1px solid #b3b3b3;
	font-size:16px;
}
.table .col1 span{
	font-size:11px;
	line-height:12px;
	font-weight:normal;
	display:block;
	margin:-4px 0 3px;
}
.table .col1 strong{
	margin:-6px 0 0;
	display:block;
}
.corner-img{
	position:absolute;
	top:0;
	right:0;
}
.box .price{
	display:block;
	font-size:25px;
	line-height:28px;
	text-align:center;
}
.btn-trial{
	color:#fff;
	width:169px;
	display:block;
	padding:4px 0 5px;
	margin:0 auto;
	text-align:center;
	text-decoration:none;
	font:bold 20px/28px Arial, Helvetica, sans-serif;
	background:url(../images/btn-trial.gif) repeat-x;
}
.select-item{
	display:block;
	width:20px;
	height:19px;
	text-indent:-9999px;
	overflow:hidden;
	margin:6px auto 0;
	background:url(../images/bg-select-item.gif) no-repeat;
}
.yes-item{background-position:0 -19px;}
.box-holder h3{
	margin:0;
	text-align:center;
	font:bold 19px/28px Arial, Helvetica, sans-serif;
}
.box-holder h3 a{color:#666;}
.info-box{
	margin:0 0 30px;
}
.info-box h3{
	font-size:20px;
	line-height:30px;
	color:#999;
}
.info-box .heading{
	background-position:0 16px;
	margin:0 0 11px;
}
.text-column{
	overflow:hidden;
	width:984px;
	margin:0 -20px 6px 0;
}
.text-column .col{
	width:303px;
	float:left;
	padding:0 25px 0 0;
}
.text-column .col a{color:#666;}
.text-column h4{
	margin:0;
	font-size:14px;
	line-height:18px;
}
.text-column p{margin:0 0 12px;}
.payment-list{
	margin:0;
	padding:0 0 0 2px;
	height:1%;
	overflow:hidden;
	list-style:none;
}
.payment-list li{
	float:left;
	padding:0 6px 0 0;
}
.payment-list li img{vertical-align:top;}