html, body { padding:0; margin:0; font-size:13px; font-family:Helvetica,Arial,sans-serif;}
body {background:#98a1a9 url(body_bgr.png) repeat-x top;}
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* GLOBAL STYLES */
/* --------------------------------------------------------------------------------------------------------------------------------- */
a { text-decoration:none; text-transform:uppercase; font-weight:normal; color:#0099e6 }
a:hover { text-decoration:underline }
h1 { padding:10px 0 10px 0px; margin:0; font-size:26px; font-weight:bold; color:#6a737f; line-height:30px;
text-shadow:1px 1px 1px #111; }
.default h1 { padding:10px 0 10px 0; color:#000; font-style:normal; font-size:30px; font-weight:normal; text-shadow:1px 1px 1px #ccc; }
h2 { padding:10px 0 10px 0; margin:0; font-size:20px; font-weight:bold; line-height:20px; color:#388efb;
text-shadow:1px 1px 1px #ccc;}
.default h2 { color:#fff; padding:0 0 10px 0; margin:0; text-shadow:none; font-size:16px; }
h3 { padding:0 0 0px 0; margin:0; font-size:22px; font-weight:normal }
h4 { padding:10px 0 5px 0; margin:0; font-weight:bold; font-size:15px; text-align:left; color:#040404; line-height:17px }
p { padding:0; margin:0; text-align:justify; line-height:20px; }
.header, .section, .article,
.nav, .footer, .aside { display:block }
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* WRAPPER */
/* --------------------------------------------------------------------------------------------------------------------------------- */
.wrap { }
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* HEADER */
/* --------------------------------------------------------------------------------------------------------------------------------- */
.header { padding:10px 0 0px 0; margin:0 auto; width:985px; position:relative }
.default .header { padding:10px 0 0 0; }
.header .logo { width:200px; height:60px; float:left; margin:0 0 10px 5px; }
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* HEADER NAV */
/* --------------------------------------------------------------------------------------------------------------------------------- */
.header .nav { padding:0 0 0 20px; margin:0; width:580px; float:right; height:70px; }
.header .nav ul { list-style:none; margin:0; padding:40px 0 0 0; }
.header .nav li { margin:0; padding:0; display:inline; }
.header .nav li a { margin:0 0px 0 0; padding:5px 10px 20px 10px; text-decoration:none; color:#fff; font-size:12px; text-shadow: 1px 1px 1px #000;
font-weight:bold; display:block; float:left; *display:innline-block; *float:none; *height:40px; outline:none }
.header .nav li a:hover,
.header .nav li a:active,
.header .nav li a:focus { background:#555b60; -moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0; position:relative }
.header .nav li.bookmark a { background:none !important }
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* SECTION */
/* --------------------------------------------------------------------------------------------------------------------------------- */
.section { background:#fff; clear:both; -moz-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px; padding:0px;
margin:0 auto; width:985px;}
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* SECTION HEADER */
/* --------------------------------------------------------------------------------------------------------------------------------- */
.section .header { padding:10px 0px 20px 20px; background:#333d4b; width:965px; -moz-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0;
color:#fff }
.default .section .header { padding:20px 0px 20px 20px; }
/* ------------------ SLIDER ------------------ */
#sliderWrap { }
.slider_text { color:#fff; width:410px; float:left; padding:0 20px 0 0px}
.slider_text h1,
.section .header > h1 { color:#fff; font-weight:normal; font-size:30px; text-shadow: 1px 1px 1px #000; margin:10px 0 10px 0px; line-height:40px; padding:0 }
.slider_text h1 { margin:10px 0 30px 0px;}
.slider_img { width:500px; text-align:left; color:#fff; font-weight:bold; float:left; padding:5px}
.slider_img img { -moz-box-shadow: 1px 1px 5px #000 ;-webkit-box-shadow: 1px 1px 5px #000; box-shadow: 1px 1px 5px #000;}
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* STRIPE */
/* --------------------------------------------------------------------------------------------------------------------------------- */
.stripe {background:#ff7000 url(stripe_bgr.png); background-repeat: repeat-x; background-position: 0 -1px;
height:20px; -moz-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px; color:#fff; padding:0 0 10px 0; margin:0 0 0px 0; }
.stripe_shadow {margin:-11px -10px 0px -10px; background:url(stripe_shadow.png) no-repeat 3px 1px; padding:11px 3px 0 3px; height:30px;}
.default .stripe {background-position: 0 -1px;}
.default .stripe,
.default .stripe_shadow { height:70px;}
.stripe a { vertical-align:middle; padding:10px 0 0 20px; display:block; float:left }
.stripe span { vertical-align:middle; font-size:22px; float:left; display:block; text-align:center; text-shadow:1px 1px 1px #8e4000;
padding:10px 0 0 120px;}
.stripe .register { font-size:16px; text-shadow:1px 1px 1px #8e4000; padding:30px 0 0 120px; font-weight:normal }
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* SECTION ARTICLE */
/* --------------------------------------------------------------------------------------------------------------------------------- */
.article { background:url(up_bgr.png) repeat-x top; padding:30px 0 0px 0; margin:0px 0 0 0}
.default .article { padding:30px 0 0px 0; margin:10px 0 0 0}
.article_left { padding:0px 20px 30px 20px; width:45%; float:left; border-right:1px dashed #ccc; vertical-align:top; margin:-10px 0 0 0 }
.article_left h1 { margin:0px 0 10px 0}
.article_right { padding:10px 0px 30px 20px; width:48%; color:#4E4E4E; float:left; margin:-10px 0 0 0}
.feature_short { float: left; margin-right: 10px; padding: 0 10px 15px 0; width:45%; text-align:justify}
.feature_short h4 { color:#000; padding: 5px 0 0px 40px !important; text-align:left; height:34px;}
.feature1 { background:url(icons/featured.png) no-repeat top left}
.feature2 { background:url(icons/world.png) no-repeat top left}
.feature3 { background:url(icons/milestone.png) no-repeat top left}
.feature4 { background:url(icons/communication.png) no-repeat top left}
.clear { width:100%; clear:both; height:0; line-height:0; font-size:0px;}
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* SECTION FOOTER */
/* --------------------------------------------------------------------------------------------------------------------------------- */
.section .footer {margin:-11px -10px 0px -10px; background:url(aside_shadow.png) no-repeat 3px 1px; padding:11px 3px 0 3px;width:999px; }
.section .footer div {clear:both; display:block; background:#000; padding:10px 20px 10px 20px; -moz-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px;}
.section .footer span { display:inline-block; padding:10px 0px 10px 20px; width:47%; color:#9E9E9E; vertical-align:text-top; text-align:left}
.section .footer
span:first-child { border-right:1px dashed #444; padding:10px 10px 10px 0; margin:0 0 0 -3px;}
.section .footer ul {list-style:none; margin:0; padding:10px 0 0 0;}
.section .footer li { margin:0; padding:0 0 10px 0; line-height:17px;}
.section .footer a { padding:10px 0 0 0; text-align:right; font-size:14px; font-weight:normal; text-transform:none;
text-decoration:none; color:#0099e6}
.section .footer a:hover { color:#fff }
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* LEFT NAVIGATION */
/* --------------------------------------------------------------------------------------------------------------------------------- */
#left_nav { margin:0px -10px 0px -10px; background:url(leftnav_bgr.png) no-repeat 3px 1px; padding:11px 3px 0 3px; width:240px;
float:left }
#left_nav ul { display:block; background:#dddee0; padding:10px 0px 10px 0px; -moz-border-radius:0 6px 6px 6px;
border-radius:0 6px 6px 6px; margin:0px 0 0 0; list-style:none; -moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 3px 3px 4px #888; box-shadow: 3px 3px 4px #888; }
#left_nav li { padding:0 0 0px 0px; margin:0px 0 0 0; text-align:left; display:inline }
#left_nav a { color:#333; display:block; clear:both; line-height:35px; height:35px; font-weight:bold; font-size:12px;
text-decoration:none; padding:0 5px 0 15px; text-shadow:1px 1px 1px #fff; border-top:1px solid transparent;
border-bottom:1px solid transparent }
#left_nav a:hover { background:#c2c2c2; color:#fff; padding:0 5px 0 25px; text-shadow:1px 1px 1px #000; border-top: 1px dashed #fff;
border-bottom: 1px dashed #fff; font-size:13px; }
.liveperson_btn { text-align:center; padding:10px 0 0 0; }
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* SECTION CONTENT */
/* --------------------------------------------------------------------------------------------------------------------------------- */
#right { float:right; padding:0px 20px 0px 0px; width:700px; line-height:20px; }
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* FOOTER */
/* --------------------------------------------------------------------------------------------------------------------------------- */
.footer { padding:10px 0 10px 0; color:#333; text-align:center; clear:both;}
.footer a { color:#fff}
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* INPUTS */
/* --------------------------------------------------------------------------------------------------------------------------------- */
input[type=submit] { display:inline-block; background:url(btn_bgr.png) no-repeat; height:60px; width:230px; line-height:60px; color:#fff;
text-align:center; text-decoration:none; font-size:24px; font-family:Verdana; font-weight:normal; text-shadow:1px 1px 1px #053d81;
vertical-align:middle; border:0px; margin:0 0 20px 0; cursor:pointer; padding:0;}
input[type=submit]:hover {background:url(btn_bgr_hover.png) no-repeat;}
input[type=text],
input[type=password] { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #ddd; padding:8px;
width:95%; background: #fff url(input.gif) no-repeat scroll -3px -4px !important;}
.textboxurl { width:45% !important }
input[type=text]:focus,
input[type=password]:focus { border:1px solid #ffda9d !important; }
.url { font-weight:normal; }
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* PLANS */
/* --------------------------------------------------------------------------------------------------------------------------------- */
.plans_wrap {width:700px; position:relative; padding:20px 0 0 0 }
.plan_box {float:left; margin: 20px 0 0 0; padding:20px 0px 0 0; list-style:none; -moz-border-radius:8px; border-radius: 8px;
width:143px; border-right:1px solid #fff; }
.plan_box li { height:25px; padding:10px 25px 10px 25px; margin:0; text-align: center; font-size:16px; color:#333}
.plan_box li img { vertical-align:middle}
.plan_box li:first-child { height:80px; text-shadow:1px 1px 1px #fff; border-bottom: 1px dashed #aaa; }
.plan_labels {-moz-box-shadow: none; -webkit-box-shadow:none; box-shadow:none; border:0; width:120px; }
.plan_labels li {text-align:left; padding:10px 10px 10px 0px !important; color:#666; font-size:12px; line-height:14px; }
/* { text-align:left; padding:0 5px 0 5px !important; background:#ffebbf; height:40px; margin:0px 0 20px 0; vertical-align:middle;
-moz-border-radius:8px 0 0 8px; border-radius: 8px 0 0 8px;}
.plan_labels li:first-child { background:none; margin:0;}*/
.note { color:#666; font-style:italic; text-align:right; font-size:90%; clear:both }
.pricing_headtxt { padding:10px 0; border-bottom:1px solid #ddd }
.pricing_footertxt { padding:20px 0 30px 0; margin:10px 0 0 0; border-top:1px solid #ddd}
.pricing_headtxt a,
.pricing_footertxt a { display:inline-block; background:url(btn_bgr.png) no-repeat; height:60px; width:230px; line-height:60px; color:#fff;
text-align:center; text-decoration:none; font-size:24px; font-family:Verdana; font-weight:normal; text-shadow:1px 1px 1px #053d81;
vertical-align:middle}
.pricing_headtxt a:hover,
.pricing_footertxt a:hover {background:url(btn_bgr_hover.png) no-repeat;}
.free {background:#f1f1f1;-moz-box-shadow: inset 0 0 10px #ccc; -webkit-box-shadow: inset 0 0 10px #ccc; box-shadow: inner 0 0 10px #ccc}
.basic {background:#e1e1e1;-moz-box-shadow: inset 0 0 10px #bbb; -webkit-box-shadow: inset 0 0 10px #bbb; box-shadow: inner 0 0 10px #bbb}
.standard {background:#d1d1d1;-moz-box-shadow: inset 0 0 10px #aaa; -webkit-box-shadow: inset 0 0 10px #aaa; box-shadow: inner 0 0 10px #aaa}
.premium {background:#c1c1c1;-moz-box-shadow: inset 0 0 10px #888; -webkit-box-shadow: inset 0 0 10px #888; box-shadow: inner 0 0 10px #888}
/*.free:hover,
.basic:hover,
.standard:hover,
.premium:hover { margin:-2px 0px 0 -1px; border:1px dashed #fff}*/
.price { font-weight:bold; border-top: 1px dashed #aaa;}
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* FEATURES */
/* --------------------------------------------------------------------------------------------------------------------------------- */
.features_wrap .feature_box { padding:0px 0 20px 0; clear:both; border-bottom:1px dashed #aaa; margin:20px 0 0px 0}
.feature_box img { float:left; clear:left;}
.features_wrap h4 { color:#000; padding: 5px 0 0px 40px !important; text-align:left; height:34px;}
h5 { color:#000; font-size:12px; padding: 0px 0 5px 20px !important; margin:0; text-align:left; line-height:16px;}
.subfeatures_wrap { color:#4E4E4E; background:#eee; border-bottom:1px dashed #aaa; margin:0px 0 20px 0;
padding:10px 0 10px 0}
.subfeatures_wrap .feature_box { width:45%; clear:none; float:left; padding:0 10px 20px 10px; height:60px;}