﻿@font-face {
	font-family: 'MyriadProBlackSemiCondensed';
	src: url('../fonts/myriadpro-blacksemicn-webfont.eot');
	src: url('../fonts/myriadpro-blacksemicn-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-blacksemicn-webfont.woff') format('woff'), url('../fonts/myriadpro-blacksemicn-webfont.ttf') format('truetype'), url('../fonts/myriadpro-blacksemicn-webfont.svg#MyriadProBlackSemiCondensed') format('svg');
}
@font-face {
	font-family: 'MyriadProBlack';
	src: url('../fonts/myriadpro-black-webfont.eot');
	src: url('../fonts/myriadpro-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-black-webfont.woff') format('woff'), url('../fonts/myriadpro-black-webfont.ttf') format('truetype'), url('../fonts/myriadpro-black-webfont.svg#MyriadProBlack') format('svg');
}
@font-face {
	font-family: 'Conv_ariblk';
	src: url('../fonts/ariblk.eot');
	src: local('☺'), url('../fonts/ariblk.woff') format('woff'), url('../fonts/ariblk.ttf') format('truetype'), url('../fonts/ariblk.svg') format('svg');
}
body {
	margin:0;
	padding:0;
	background: repeat-x top #fff;
}
body, select, input, div {
	color:#777;
	font-size:14px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif, Calibri;
}
img {
	border:none;
}
.group:after {
	content: "";
	display: table;
	clear: both;
}
a {
	outline:none;
	color:#555;
	text-decoration:none;
}
a:hover {
	outline: none;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	text-decoration: underline;
}
.clear {
	clear:both;
	height:auto;
}
.wrapper {
	width:1000px;
	margin:0 auto;
}
.header_con {
	float:left;
	width:100%;
	background:#f5f5f5;
	padding-top: 15px;
}
.logo {
	float:left;
	width:523px;
	height:89px;
	margin-bottom: 15px;
}
.logo a {
	display:block;
	width:523px;
	height:89px;
	background: url(../images/webnovac_logo.png) no-repeat left top;
}
.top_rt {
	float: right;
	width:290px;
	margin:15px 20px 0 0;
}
.top_rt ul {
	list-style:none;
	padding:0;
	margin:0;
}
.top_rt ul li {
	float:left;
	font-size:11px;
	color:#555;
	line-height:16px;
	padding:0 15px 0 22px;
	text-transform:uppercase;
}
.top_rt ul li:last-child {
	padding-right:0;
}
.top_icon1 {
	background:url(../images/top_icon1.png) no-repeat left center;
}
.top_icon2 {
	background:url(../images/top_icon2.png) no-repeat left center;
}
.top_icon3 {
	background:url(../images/top_icon3.png) no-repeat left center;
}
.livechat {
	float:right;
	margin-top: 20px;
}
.banner_con {
	float:left;
	width:100%;
	margin:-22px 0 0;
	background: url(../images/banner_con.png) repeat-x left top #206102;
}
.banner_image {
	float:left;
	width:100%;
	height:542px;
	background:url(../images/banner_outer.jpg) no-repeat center top;
}
.banner {
	float:left;
	width:1000px;
	height:450px;
	padding:92px 0 0;
}
.readmore {
	float:right;
	width:148px;
	height:28px;
	margin:8px 50px 0 0;
}
.readmore a {
	display:block;
	line-height:28px;
	color:#fff;
	text-shadow:1px 1px 1px #7e0000;
	text-align:center;
	text-decoration:none;
	border-radius:5px;
	border-top:1px solid #c24d4d;
	border-bottom:1px solid #670000;
	box-shadow:0 2px 0 #9a1514;
	font-family: 'Conv_ariblk';
	background: url(../images/readmore.png) repeat-x left top;
}
.readmore a:hover {
	background: url(../images/readmore.png) repeat-x left bottom;
}
.banner_inner {
	float:left;
	width:100%;
	padding:80px 0 0;
}
.banner h1 {
	float:left;
	margin:0;
	padding:0;
	line-height:90px;
	font-size:90px;
	color:#fff;
	text-transform:uppercase;
	text-shadow:3px 3px 3px #0183ab;
	letter-spacing:-6px;
	font-family: 'MyriadProBlackSemiCondensed';
}
.banner_text {
	float:left;
	width:302px;
	padding:0 0 0 52px;
}
.banner_text ul {
	list-style:none;
	padding:0;
	margin:0 0 16px;
}
.banner_text ul li {
	line-height:24px;
	font-size:16px;
	color:#fff;
	padding:0 0 0 20px;
	background:url(../images/bullet.png) no-repeat left center;
}
.order_btn {
	float:left;
	width:198px;
	height:50px;
	margin:0 0 0 38px;
}
.order_btn a {
	display:block;
	text-decoration:none;
	height:48px;
	line-height:48px;
	font-size:22px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	border-radius:5px;
	text-shadow:1px 1px 0 #0093bb;
	border-top:1px solid #00e8ff;
	border-bottom:1px solid #0093bb;
	font-family: 'Conv_ariblk';
	background:url(../images/order_now.png) repeat-x left top;
}
.order_btn a:hover {
	background:url(../images/order_now.png) repeat-x left bottom;
}
.banner_rate {
	float:right;
	width:246px;
	height:117px;
	padding:70px 0 0;
	text-align:center;
	margin:0 20px 0 0;
	text-shadow:3px 3px 3px #0183ab;
	background:url(../images/rate_bg.png) no-repeat right top;
}
.banner_rate .rate_lt {
	float:left;
	width:130px;
	text-align:right;
	font-size:60px;
	line-height:60px;
	color:#fff;
	font-family: 'MyriadProBlack';
}
.banner_rate .rate_lt .numeric1 {
	font-size:112px;
	line-height:88px;
}
.banner_rate .rate_rt {
	float:left;
	width:100px;
	text-align:left;
	font-size:51px;
	line-height:51px;
	color:#fff;
	font-family: 'MyriadProBlack';
}
.banner_rate .rate_rt .month {
	line-height:20px;
	font-size:30px;
	margin:0 0 0 8px;
}
.plan_con {
	float:left;
	width:100%;
	background:#ccc;
	box-shadow:0 -3px 6px #C2C2C2 inset;
}
.plan_box {
	float:left;
	width:1000px;
	padding:42px 0 70px;
}
.plan_box h3 {
	margin:0 0 20px;
	padding:0;
	line-height:40px;
	font-size:40px;
	color:#333;
	text-align:center;
	text-transform:uppercase;
	font-family: 'MyriadProBlackSemiCondensed';
}
.plan1 {
	float:left;
	width:330px;
	padding:32px 0 30px;
	background: url(../images/plan1_side_bar.png) no-repeat left top #fff;
}
.plan1 h4 {
	margin:0 0 12px;
	padding:0;
	line-height:28px;
	font-size:28px;
	color:#333;
	text-transform:uppercase;
	text-align:center;
	font-family: 'MyriadProBlackSemiCondensed';
}
.plan1_rate {
	position:relative;
	margin:0 auto 16px;
	width:200px;
	height:66px;
	line-height:58px;
	font-size:20px;
	color:#fff;
	text-align:center;
	border-radius:3px;
	padding:0 0 0 24px;
	font-style:normal;
	font-weight:bold;
	border-top:1px solid #f1d3d4;
	border-bottom:1px solid #e7cdcd;
	text-shadow:1px 2px 1px #66090b;
	font-family: 'Conv_ariblk';
	background: url(../images/plan1_rate_bg.png) repeat-x left top;
}
.plan1_rate .numeric1 {
	font-size:36px;
}
.plan1_rate .numeric2 {
	font-size:28px;
}
.plan1_string {
	float:left;
	width:121px;
	height:101px;
	top:23px;
	left:-87px;
	position:absolute;
	background:url(../images/string.png) no-repeat left top;
}
.plan1 ul {
	list-style:none;
	padding:0;
	margin:0 0 0 36px;
}
.plan1 ul li {
	line-height:20px;
	color:#555;
	padding:0 0 0 16px;
	background:url(../images/bullet.png) no-repeat left center;
}
.more_info {
	float:left;
	width:105px;
	height:34px;
	margin:30px 0 0 36px;
}
.more_info a {
	display:block;
	line-height:34px;
	font-size:12px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	border-radius:5px;
	border-bottom:2px solid #ccc;
	font-family: 'Conv_ariblk';
	background:url(../images/more_info.png) repeat-x left top;
}
.more_info a:hover {
	background:url(../images/more_info.png) repeat-x left bottom;
}
.plan_img1 {
	float:right;
	width:186px;
	height:141px;
	margin:-5px 0 0 144px;
	position:absolute;
	background:url(../images/plan_img1.jpg) no-repeat right bottom;
}
.plan2 {
	width:340px;
}
.plan2 ul {
	margin:0 0 0 40px;
}
.plan2 .more_info {
	margin:30px 0 0 40px;
}
.plan3 .plan1_rate {
	width:190px;
	padding:0 0 0 34px;
	letter-spacing:-1px;
}
.plan_img2 {
	float:right;
	width:217px;
	height:138px;
	margin:3px 0 0 150px;
	position:absolute;
	background: url(../images/plan_img2.jpg) no-repeat right bottom;
}
.plan_img3 {
	float:right;
	width:157px;
	height:135px;
	margin:-2px 0 0 170px;
	position:absolute;
	background: url(../images/plan_img3.jpg) no-repeat right bottom;
}
.feature_con {
	float:left;
	width:100%;
	padding:40px 0 0;
	background:#f5f5f5;
}
.shadow1 {
	float:left;
	width:100%;
	height:50px;
	background:url(../images/feature_shadow.png) no-repeat center bottom;
}
.feature_box {
	float:left;
	width:1000px;
	padding:0 0 22px;
	line-height:24px;
	font-size:16px;
	color:#555;
}
.feature_box h3 {
	margin:0 0 15px;
	padding:0;
	line-height:34px;
	font-size:34px;
	color:#333;
	font-family: 'MyriadProBlackSemiCondensed';
}
.feature_box h3 img {
	float:left;
	vertical-align:middle;
}
.feature_box:nth-child(3) h3 img {
	float:right;
}
.feature_box p {
	margin:0;
	padding:0;
}
.our_company {
	float:left;
	width:366px;
	line-height:24px;
	color:#555;
}
.our_company h3 {
	margin:0 0 20px;
	padding:0;
	line-height:20px;
	font-size:20px;
	color:#333;
}
.our_company p {
	margin:0;
	padding:0;
}
.box1 {
	float:left;
	width:316px;
}
.box1 h3 {
	margin:0 0 10px;
	padding:0;
	line-height:48px;
	font-size:20px;
	color:#333;
}
.box1 h3 img {
	float:left;
	margin:0 12px 0 0;
}
.box1 ul {
	list-style:none;
	padding:0;
	margin:0;
}
.box1 ul li {
	line-height:24px;
	padding:0 0 0 16px;
	color:#7eab06;
	background:url(../images/arrow1.png) no-repeat left 6px;
}
.box1 ul li a {
	color:#019edc;
}
.more_info2 {
	margin:10px 0 0 0px;
}
.footer_con {
	float:left;
	width:100%;
	padding:30px 0 40px;
	margin:40px 0 0;
	background:url(../images/footer_con.jpg) repeat left top;
}
.sitemap {
	float:left;
	width:265px;
}
.sitemap h5, .social_box h5 {
	margin:0 0 20px;
	padding:0;
	line-height:16px;
	font-size:16px;
	color:#fff;
}
.sitemap ul {
	list-style:none;
	padding:0;
	margin:0;
}
.sitemap ul li {
	line-height:20px;
	font-size:13px;
	color:#888;
}
.sitemap ul li a {
	color:#888;
}
.sitemap2 {
	width:230px;
}
.sitemap2 ul {
	margin:0 0 50px;
}
.sitemap2 ul li {
	padding:0 0 0 24px;
	margin:0 0 10px;
}
.sitemap2 ul li:last-child {
	margin:0;
}
.sitemap_icon1 {
	background:url(../images/sitemap_img1.png) no-repeat left center;
}
.sitemap_icon2 {
	background:url(../images/sitemap_img2.png) no-repeat left center;
}
.sitemap_icon3 {
	background:url(../images/sitemap_img3.png) no-repeat left center;
}
.social_box {
	float:left;
	width:230px;
}
.social_icons {
	float:left;
	width:30px;
	height:32px;
	margin:0 10px 0 0;
}
.social_icons a {
	display:block;
	width:30px;
	height:32px;
}
.facebook {
	background:url(../images/social_icons.png) no-repeat left top;
}
.facebook:hover {
	background:url(../images/social_icons.png) no-repeat left bottom;
}
.twitter {
	background:url(../images/social_icons.png) no-repeat -37px top;
}
.twitter:hover {
	background:url(../images/social_icons.png) no-repeat -37px bottom;
}
.rss {
	background:url(../images/social_icons.png) no-repeat -74px top;
}
.rss:hover {
	background:url(../images/social_icons.png) no-repeat -74px bottom;
}
.linkedin {
	background:url(../images/social_icons.png) no-repeat -112px top;
}
.linkedin:hover {
	background:url(../images/social_icons.png) no-repeat -112px bottom;
}
.toll_free {
	float:left;
	width:238px;
	text-align:center;
	line-height:24px;
	font-size:20px;
	color:#fff;
	padding:28px 0 25px;
	background:url(../images/toll_free.png) no-repeat left bottom;
}
.toll_free .style1 {
	display:block;
	line-height:30px;
	font-size:30px;
	color:#7eab06;
	margin:0 0 25px;
}
.copyright {
	float:left;
	width:238px;
	text-align:center;
	font-size:13px;
	color:#888;
}
/************SUB PAGE*************/
.sub_banner_con {
	float:left;
	width:100%;
	margin:-22px 0 0;
	background:url(../images/sub_banner_con_bg.png) repeat-x left top;
}
.sub_banner_image {
	float:left;
	width:100%;
	height:160px;
	background: url(../images/sub_banner.png) no-repeat center top;
}
.sub_banner {
	float:left;
	width:1000px;
	height:100px;
	padding:60px 0 0;
}
.sub_banner h1 {
	float:left;
	margin:0;
	padding:0;
	line-height:70px;
	font-size:70px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:-5px;
	font-family: 'MyriadProBlackSemiCondensed';
}
.sub_plan_con {
	float:left;
	width:100%;
	padding:40px 0;
	background:#ccc;
}
.text_box {
	float:left;
	width:1000px;
	margin:0 0 42px
}
.text_box h3 {
	margin:0 0 10px;
	padding:0;
	line-height:18px;
	font-size:18px;
	color:#333;
}
.text_box p {
	margin:0;
	padding:0;
}
.sub_plan_lt {
	float:left;
	width:249px;
}
.sub_plan_lt h3 {
	margin:0;
	padding:0 0 0 28px;
	line-height:50px;
	font-size:20px;
	color:#79a406;
	letter-spacing:-1px;
	font-family: 'MyriadProBlackSemiCondensed';
}
.sub_plan_lt h4 {
	margin:0;
	padding:38px 0 38px 28px;
	line-height:20px;
	font-size:20px;
	color:#333;
	letter-spacing:-1px;
	background:#fff;
	font-family: 'MyriadProBlackSemiCondensed';
}
.sub_plan_lt ul {
	float:left;
	width:100%;
	list-style:none;
	padding:0 0 64px;
	margin:0;
	background:#fff;
}
.sub_plan_lt ul li {
	line-height:40px;
	color:#79a406;
	padding:0 0 0 48px;
	background:url(../images/bullet.png) no-repeat 30px center;
}
.sub_plan1 {
	float:left;
	width:247px;
	background:#fff;
	text-align:center;
	padding:0 0 16px;
	border-left:1px solid #eee;
}
.sub_plan1 h3 {
	margin:0 0 24px 0;
	padding:0;
	line-height:47px;
	font-size:20px;
	color:#fff;
	letter-spacing:-1px;
	background:#252525;
	outline:1px solid #000;
	border:1px solid #3a3a3a;
	font-family: 'MyriadProBlackSemiCondensed';
}
.plan1_rate2 {
	margin:0 auto 18px;
	width:182px;
	height:52px;
	line-height:52px;
	font-size:28px;
	color:#fff;
	border-radius:3px;
	padding:0 0 0 10px;
	font-style:normal;
	font-weight:bold;
	position:relative;
	border:1px solid #d7e1cc;
	text-shadow:1px 2px 1px #466f02;
	font-family: 'Conv_ariblk';
	background: url(../images/plan1_rate_bg.png) repeat-x left top;
}
.plan1_rate2 .numeric1 {
	font-size:36px;
}
.plan1_string2 {
	float:left;
	width:121px;
	height:101px;
	top:15px;
	left:-87px;
	position:absolute;
	background:url(../images/string.png) no-repeat left top;
}
.sub_plan1 ul {
	list-style:none;
	padding:0;
	margin:0 0 15px;
}
.sub_plan1 ul li {
	line-height:40px;
	font-size:13px;
	color:#555;
}
.order_btn2 {
	margin:0 auto;
	float:none;
}
.order_btn2 a {
	line-height:32px;
	border-top:1px solid #a9c808;
	border-bottom:1px solid #416302;
	text-shadow:1px 1px 0 #598104;
	box-shadow:0 2px 0 #ccc;
	letter-spacing:-1px;
	background:url(../images/order_now.png) repeat-x left top;
}
.order_btn2 a:hover {
	background:url(../images/order_now.png) repeat-x left bottom;
}
.sub_plan2 {
	margin:-10px 0 0;
}
.sub_plan2 h3 {
	margin:0 0 24px 0;
	padding:10px 0 0;
}
.sub_plan3 .plan1_rate2 {
	width:162px;
	padding:0 0 0 30px;
}
/*************BLANK PAGE*****************/
.blankbox {
	margin:40px 0 0;
}
/***********SPECIAL COLORS*******************/
.green {
	color:#7eab06;
}
.red {
	color:#b90f0f;
}
.black {
	color:#333;
}
.blue {
	color: #019edc;
}
/***********SPECIAL CLASSES************/
.bg1 {
	background: url(../images/bullet.png) no-repeat 30px center #fafafa !important;
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #efefef;
}
.bg2 {
	background: #fafafa;
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #efefef;
}
