body {

	background: #efefef url(bg.jpg) top left repeat-x;

	margin: 0px auto;

}



body p {

	font-family: Arial, Helvetica, sans-serif;

	color: #333333;

}	



* {

	font-family: Arial, Helvetica, sans-serif;

}		



.hometext {font-size: 14px}



#wrapper {

	width: 960px;

	margin: 0 auto;

}	



#header {

	margin: 10px auto;

	height: 70px;

}



#logo {

	float: left;

	width: 309px;

	margin-top: 5px;

}	

		

#topnav {

	float: left;

	width: 355px;

	margin-left: 155px;

	margin-top: 5px;

	white-space: nowrap;

}



#topnav a {

	padding: 0px 10px;

	line-height: 65px;

	font-size: 13px;

	color: #333333;

	text-decoration: none;

	white-space: nowrap;

}			



#topnav a:hover {

	text-decoration: underline;

}	



#login {

	float: left;

	width:138px;

	height: 50px;

	margin-top: 20px;

}	



#topbignav {

	background: transparent url(topbignavbg.jpg) top left no-repeat;

	height: 55px;

}	



#topbignav a {

	color: #fff;

	text-decoration: none;

	display: block;

	height: 51px;

	width: 100px;

	padding: 4px 0px 0px 16px;

	border-right: 1px solid #fff;

	float: left;

}	



#topbignav a:hover {

	color: #01DF00;

}	



#topbignav span.big {

	font-size: 18px;

	font-weight: bold;

}



#topbignav span.small {

	font-size: 13px;

	font-weight: bold;

}		



#content {

	margin: 15px auto 20px;

	background-color: #fff;

	overflow: auto;

}	



#contenthpheader {

	height: 62px;

	background-color: #FFD21F;

	padding: 8px 0px 0px 26px;

	position: relative;

}	



#contenthpheader span.big {

	color: #000;

	font-size: 34px;

	font-weight: bold;

	line-height: 34px;

}



#contenthpheader span.small {

	color: #000;

	font-size: 16px;

	font-weight: bold;

}



#homebottomtext {

	font-size: 12px;

	color: #4476b3;

}



#homebottomtext_h2 {

	font-size: 24px;

	line-height: 24px;

	maring-top: 0px;

	font-weight: bold;

	color: #4476b3;

	margin-left: -20px;

}



#homebottomtext h3 {

	font-size: 24px;

	line-height: 24px;

	maring-top: 0px;

	font-weight: bold;

	color: #4476b3;

	margin-left: -20px;

}



#homebottomtext h4 {

	font-size: 24px;

	line-height: 24px;

	maring-top: 0px;

	font-weight: bold;

	color: #4476b3;

	margin-left: -20px;

}



#homebottomtext h5 {

	font-size: 24px;

	line-height: 24px;

	maring-top: 0px;

	font-weight: bold;

	color: #4476b3;

	margin-left: -20px;

}



#tryitfree {

	z-index: 9999;

	position: absolute;

	top: 6px; 

	right: 0px;

}	



#contenthpbottom {

	width: 858px;

	margin: 0 auto;

	height: 41px;

	background-color: #FFD21F;	

	padding: 22px 0px 0px 28px;

	font-weight: bold;

	font-size: 20px;

	position: relative;

}	



#contenthpbottom a {

	color: #4476B3;

	text-decoration: none;

	float: right;

	text-transform: uppercase;

	position: absolute;

	top: 22px;

	right: 26px;

}	



#contenthpbottom a:hover {

	text-decoration: underline;

}



#columns {

	margin: 22px auto 0px;

	width: 888px;

	color: #333333;

}



#columns li {

    font-size: 13px;

    line-height: 27px;

    margin: 5px 0;

}	



#columns li a {

	color: #333333;

}	



#columns li.more a {

	color: #2A4E7A;

	text-decoration: underline;

}	



#threecolumns1, #threecolumns2 {

	float: left;

	margin-right: 24px;

	width: 275px;

	padding-right: 5px;

	list-style-image: url(arrow.jpg);

}	



#threecolumns3 {

	float: left;

	width: 280px;

}

	

#threecolumns1 span.title, #threecolumns2 span.title, #threecolumns3 span.title {

	color: #fff;

	display: block;

	width: 280px;

	text-align: center;

	background-color: #4476B3;

	line-height: 47px;

	font-weight: bold;

	margin-bottom: 30px;

}	



#footer {

	text-align: right;

	margin-bottom: 43px;

	padding-right: 25px;

}



#footer a {

	color: #333333;

	text-decoration: none;

	font-size: 12px;

}



#footer a:hover {

	text-decoration: underline;

}	



#footer span.footervert {

	font-size: 12px;

	color: #333333;

}



#footer span.small, #footer a.small {

	color: #6a6a6a;

	text-decoration: none;

	font-size: 11px;

}		



#footer a.small:hover {

	text-decoration: underline;

}



#footer span.footervert1 {

	font-size: 11px;

	color: #6a6a6a;

}	

		

#sidenav {

	width: 189px;

	border-right: 5px solid #FFD21F;

	border-left: 5px solid #FFD21F;

	border-bottom: 5px solid #FFD21F;

	background: #FFF4CA url(sidenavtop.jpg) top center no-repeat;

	min-height: 100px;

	padding: 80px 20px 0px 0px;

	list-style-image: url(yarrow.jpg);

	float: left;

}	



#sidenav li, #sidenav li a{

	font-size: 13px;

	line-height: 20px;

	color: #333333;

	text-decoration: none;

	list-style-image: url(yarrow.jpg);

	margin: 7px 0px;

}



#sidenav a:hover {

	text-decoration: underline;

}



#sidenav li.bold, #sidenav li.bold a {

	font-size: 18px;

	font-weight: bold;

	list-style: none;

	list-style-image: none;

	text-indent: -20px;

}



#sidenav li.articles {

	line-height: 20px;

	text-decoration: none;

	color: #333333;

	margin: 7px 0px;

}





#sidenav li.articles:hover {

	text-decoration: underline;

}	



#sidenav hr {

	width: 80px;

	margin-left: 0px;

	color: #000;

	height: 1px;

}



#top {

	width: 696px;

	background: #FFD21F url(topbg.jpg) top right no-repeat;

	height: 54px;

	padding: 31px 0px 0px 23px;

	float: right;

	margin-bottom: 10px;

}



#top h1 {

	font-size: 30px;

	line-height: 30px;

	margin-top: 0px;

	font-weight: bold;

}



#content_inner {

	width: 659px;

	float: right;

	overflow: auto;

	background: #fff;

	padding-bottom: 20px;

	font-size: 14px;

	color: #333333;

	padding-left: 40px;

	padding-right: 20px;

}



#content_inner h2 {

	font-size: 24px;

	line-height: 24px;

	maring-top: 0px;

	font-weight: bold;

	color: #4476b3;

	margin-left: -20px;

}



#content_inner h3 {

	font-size: 18px;

	line-height: 18px;

	maring-top: 0px;

	font-weight: bold;

	color: #4476b3;

	margin-left: -10px;

}



#content_inner h4 {

	font-size: 15px;

	line-height: 15px;

	maring-top: 0px;

	font-weight: bold;

	color: #4476b3;

	margin-left: -10px;

}



#content_inner h5 {

	font-size: 15px;

	line-height: 15px;

	maring-top: 0px;

	font-weight: bold;

	color: #4476b3;

	margin: 10px 0px 0px -10px;

	background: url('arrowinner.jpg') center left no-repeat;

	text-indent: 15px;

}



#content_inner p {

	color: #333333;

	font-size: 14px;

}



#content_inner ul {

	list-style-image: url(arrowinner.jpg);

}



#content_inner hr {

	color: #FFD21F;

	border: 2px solid #ffd21f;

	margin-right: 20px;

}



#content_inner div.feature1 {

	height: 300px;

}



#content_inner div.feature {

	height: 355px;

	margin-bottom: 10px;

}



#content_inner a {

	color: #4476b3;

	text-decoration: none;

}



#content_inner a:hover {

	text-decoration: underline;

}	



#content_inner li a {

	color: #333333;

	text-decoration: none;

	font-weight: bold;

	line-height: 22px;

}



#content_inner li a:hover {

	text-decoration: underline;

}	





/* Form */

.red { color:#FF0000; }

form#contact label { width:80px; font-weight:bold; }

  form#contact select { width:205px; }

  form#contact input { width:200px; }

  form#contact textarea { width:280px; margin-bottom:10px; }

  form#contact input[type=submit] { width:80px; }

  form label, form input, form select, textarea {

    	display:block;

    	float:left;

    	margin-bottom:10px;

    }

    form label.mb2 {

    	margin-bottom:2px;

    }

    form br { clear:left; }

    form#trial_signup input.submit, form#contact input.submit { width:80px; }

    form { padding-top:1em; }



    .errMsg {

    	color:#FF0000;

    	display:block; float:left;

    	padding-left:.5em;

    }

    input.hidden {

    	display:none;

    }

/* Free Trial Columns */

#plan1, #plan2 {

	width: 200px;

	float: left;

	margin-right: 20px;

}



#plan3 {

	width: 200px;

	float: left;

}



div.list {

	height: 100px;

}



#quote {

	border-left: 2px solid #4476b3;

	padding-left: 15px;

	padding-right: 15px;

	margin: 40px 0px 40px 20px;

}



span.quotedperson {

	font-style: italic;

	font-size: 13px;

}

















a { text-decoration:none;}

a:hover { text-decoration:underline;}

/* main */

.main { padding:0; margin:0 auto;}

/********** header **********/

.blok_header { margin:0; padding:0; background: url(images/header_bg.gif) top repeat-x; border:0;}

.header { width:960px; margin:0 auto; padding:0;}

/* logo */

.logo { padding:0; margin:0; width:271px; float:left;}

/* menu */	

.menu { float:right; padding:89px 0 0 0; margin:0; width:530px; border:none;}

.menu ul {   padding:0; margin:0; list-style:none; border:0;}

.menu ul li { float:right; margin:0; padding:0 5px; border:0; }

.menu ul li a { display:block; margin:0; padding:13px 0; color:#646464; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}

.menu ul li a span { padding:13px; background:none;}

.menu ul li a:hover {  background: url(images/r_menu.gif) right no-repeat;}

.menu ul li a:hover span {  background:url(images/l_menu.gif) left no-repeat;}

.menu ul li a.active { background:url(images/r_menu.gif) right no-repeat;}

.menu ul li a.active span {  background:url(images/l_menu.gif) left no-repeat;}

/*header_text_bg*/

.header_text_bg {

	margin:0;

	padding:0;

	background: url(images/slider_bg.gif) top repeat-x;

	text-align: center;

}

.header_text_bg2 { margin:0; padding:0; background: url(images/slider_bg2.gif) top repeat-x;}

/*header_text*/

.header_text { margin:0 auto; padding:0 0 30px 0; width:978px; border:1px solid #e3e3e3; background:#fafafa;}

.header_text .div {

	width:954px;

	padding:0;

	background:url(images/simple_bg.gif) top no-repeat;

	margin:0 auto;

	text-align: left;

	padding-left: 0px;

	margin-left: 23px;

}

.header_text img.screen {

	float:right;

	margin:20px 70px 0 0;

	padding:0;

}

.header_text .div .left1 { float:left; width:350px; padding:30px 0 0 80px; margin:0;}

.header_text .div .left1 img {

	float:left;

	margin:0px 8px 0 0;

	padding:0;

	text-align: center;

}

.header_text .div .left1 h2 {

	color:#515151;

	padding:5px 60px, 0, 0;

	margin:0 0 5px 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 32px;

	font-weight: bold;

}

.header_text .div .left1 p {

	color:#898989;

	padding:10px 0;

	margin:0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 24px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

}

.header_text .div .center { width:875px; padding:10px 0 20px 0; margin:0 auto;}

.header_text .div .center h3 { font:  bold 14px Arial, Helvetica, sans-serif; color:#fff; line-height:1.2em; padding:30px 0 0 0; margin:0; text-align:center;}

.header_text .div .center h3 span { font: normal 12px Arial, Helvetica, sans-serif; color:#b2e4ff;}

.sub_top { margin:23px auto 10px auto; padding:0; background: url(images/sub_top_bg.gif) top no-repeat; width:954px; height:198px;}

.sub_top p { font: italic 12px Arial, Helvetica, sans-serif; color:#959595; padding:63px 50px 0 0; margin:0; width:400px; float:right; text-align:left;}

.sub_top h2 { font: bold 36px Arial, Helvetica, sans-serif; color:#515151; padding:54px 0 0 70px; margin:0; width:300px; float:left;}

.sub_top .center h3 { font:  bold 14px Arial, Helvetica, sans-serif; color:#fff; line-height:1.2em; padding:150px 0 0 0; margin:0; text-align:center;}

.sub_top .center h3 span { font: normal 12px Arial, Helvetica, sans-serif; color:#b2e4ff;}



/* block_top */ 

.block_top_resize { width:954px; margin:0 auto; padding:0;}

.block_bg { width:298px; float:left; padding:0; margin:10px !important; margin:10px 10px 10px 5px; background:url(images/bg_small_side.gif) top repeat-y;}

.block_bottom { background:url(images/bottom_img.gif) bottom no-repeat;}

.block_top { background:url(images/h2_bg.gif) top no-repeat;}

.block_top h2 { width:208px; height:41px; font: bold 14px Arial, Helvetica, sans-serif; color:#fff; padding:25px 0 0 90px; margin:0;}

.block_top h2.h2_live { background:URL(images/h2_Live.gif) 20px 0px no-repeat;}

.block_top h2.h2_based { background:URL(images/h2_based.gif) 20px 0px no-repeat;}

.block_top h2.h2_edit { background:URL(images/h2_edit.gif) 20px 0px no-repeat;}

.block_top h2.h2_SEo { background:URL(images/h2_SEo.gif) 20px 0px no-repeat;}

.block_top h2.h2_sustem { background:URL(images/h2_sustem.gif) 20px 0px no-repeat;}

.block_top h2.h2_support { background:URL(images/h2_support.gif) 20px 0px no-repeat;}

.block_top p { font: normal 12px Arial, Helvetica, sans-serif; color:#808080; padding:10px 25px 5px 25px; margin:0; line-height:1.8em;}

.block_top a { font: bold 12px Arial, Helvetica, sans-serif; color:#3b9ccf; text-decoration:none;}

/********** body **********/

.body_resize { margin:0; padding:20px 0 0 0;}

.body { width:960px;  margin:0 auto; padding:10px 10px;}

.body h2 {  font: bold 18px Arial, Helvetica, sans-serif; color:#2a2a2a; margin:0;  padding:10px 5px;}

.body h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#7d7d7d;}

.body h3 {  font: bold 18px Arial, Helvetica, sans-serif; color:#282828; margin:0;  padding:10px 5px;}

.body img { padding:0; margin:10px 10px 10px 5px;}

.body img.port { float:left; padding:0; margin:5px 3px;}

.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#808080; line-height:1.8em; padding:5px 5px; margin:0;}

.body p span { color:#e34a00; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}

.body p.data { width:97px; text-align:center; color:#808080; background: url(images/bg_data.gif) top no-repeat; padding:7px 3px; margin:0; font: bold 12px Arial, Helvetica, sans-serif;}

.body a { text-decoration:none; color:#3b9ccf; font:bold 12px Arial, Helvetica, sans-serif;}

.body_small { width:320px; float:right; margin:0; padding:5px 10px;}

.body_big { width:560px; float:left; margin:0; padding:5px 10px;}

.body .block2 { width:260px; margin:5px; padding:0; float:left;}

.body .block2 h2 {  font: bold  14px Arial, Helvetica, sans-serif; color:#2d2d2d; margin:0;  padding:10px 5px 10px 90px;}

.body_big ul { list-style:none; margin:0 20px; padding:10px 5px; float:left;}

.body_big li { background:url(images/ul_li.gif) left no-repeat; padding:0 25px; margin:0;  font:bold 12px Arial, Helvetica, sans-serif; color:#808080; line-height:1.8em;}

.body_center { width:800px; margin:10px auto; padding:0;}

/* Navigation */	

ul.Navigation { padding:0; margin:0; list-style:none; border:0;}

ul.Navigation li { height:23px; margin:8px 0; padding:3px 0; border:0; line-height:0px; background: url(images/nav_ul_li_a.gif) center no-repeat;}

ul.Navigation li a { background:url(images/ul_li_nav.gif) 10px center no-repeat; border:1px solid #f4f4f4; display:block; padding:5px 25px;   color:#747474; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; line-height:1.6em;}

ul.Navigation li a:hover { background: #f4f4f4 url(images/ul_li_nav_active.gif) 10px center no-repeat; color:#00a3e5; font: bold 12px Arial, Helvetica, sans-serif;  padding:5px 25px;  margin:0;}

ul.Navigation li a.active { background: #f4f4f4 url(images/ul_li_nav_active.gif) 10px center no-repeat;  padding:5px 25px;  margin:0; color:#00a3e5; font: bold 12px Arial, Helvetica, sans-serif;}

/* END_bloga*/

/*************footer**********/

.footer_resize { width:960px; margin:10px auto; padding:0 0 10px 0; background:#fafafa; border: 1px solid #e3e3e3;}

.footer {padding:0;  margin:0;}

.footer img { float:left; margin:0; padding:0;}

.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#5b5b5b;}

.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#3b9ccf; text-decoration:none; padding:5px; margin:0;}

.footer span { padding:10px 0 0 0; margin:0;}

.footer p.rightt { text-align:left; width:40%; margin:0; padding:20px 20px 0 0; float:right;} 

/********** contact form **********/

.form { float:left; width:550px; margin:5px auto; padding:20px 0; background:#eeeeee; border:1px solid #e0e0e0;}

/********** contact form **********/

#contactform { margin:0; padding:5px 10px;}

#contactform * { color:#3b9ccf;}

#contactform ol { margin:0; padding:0; list-style:none;}

#contactform li { margin:0; padding:0; background:none; border:none; display:block;}

#contactform li.buttons { margin:5px 0 5px 0;}

#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#747474; text-transform:capitalize;}

#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}

#contactform input.text { width:420px; border:1px solid #ececec; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}

#contactform textarea { width:420px; border:1px solid #ececec; margin:10px 0; padding:2px; background:#fff; height:150px;}

#contactform li.buttons input { padding:3px 0; margin:0 0 0 420px; border:0; color:#FFF;}

p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}



p.clr, .clr { clear:both; padding:0; margin:0;}

li.bg, .bg { clear:both; border-bottom:1px solid #dfdfdf; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}





.gallery {

	width:954px;

	height:397px;

	margin:0 auto;

	padding:20px 50px 0 0px;

}

#slider { margin:0; padding:0; list-style:none; }

#slider ul,

#slider li { margin:0; padding:0; list-style:none; }

/* 

    define width and height of list item (slide)

    entire slider area will adjust according to the parameters provided here

*/

#slider li { width:954px; height:397px; overflow:hidden; }

p#controls { margin:0; position:relative; }

#prevBtn { display:block; margin:0; overflow:hidden; width:35px; height:40px; position:absolute; left:0px; top:-50px; }

#nextBtn { display:block; margin:0; overflow:hidden; width:35px; height:40px; position:absolute; left:919px; top:-50px; }

#prevBtn a { display:block; width:35px; height:40px; background:url(images/l_arrow.gif) no-repeat 0 0; }

#nextBtn a { display:block; width:35px; height:40px; background:url(images/r_arrow.gif) no-repeat 0 0; }