/* (c) GoSiteWave.com */


/*//////////////////////////////// General */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead,  { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; }
/* FixPNG for IE6 // FixPNG from Komodo */

* html .fixPNG { azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "cssimg/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true );
}
a, a:link, a:visited { color: #508dff; }
a:hover, a:active { text-decoration: none; }
a { /* get rid of link outlines in firefox */
outline-color:invert; outline-style:none; outline-width:medium; }
body { background: #dddddd; color: #222222; font: 12px/18px "Arial", Verdana, sans-serif; margin: 0px; }
img { border: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
.clear { clear: both; }
#wrap { height: auto; }
#content { clear: both; width: 980px; margin: 0 auto; }
#col_right { float: right; width: 356px; }
#col_left { float: left; width:600px; }
#col_left h2 { font-size: 18px; font-weight: normal; margin: 35px 0 10px 0; }
.white { #fff; }
/*//////////////////////////////// Right Column Panel */


.panel { width: 276px; margin: 0 0 20px 0px; position: relative; clear:both; float: right; }
.panel h2 { font-size: 28px; padding: 20px 20px 0px 20px; margin: 0px; background: url(../cssimg/panel_top.gif) no-repeat; }
.panel h3 { font-size: 15px; padding: 20px 20px 0px 20px; margin: 0px; background: url(../cssimg/panel_top.gif) no-repeat; }
.panel p { font-size: 14px; background: #181d24 url(../cssimg/panel_bot.gif) center bottom no-repeat; padding: 20px; margin: 0px; line-height: 22px; }
.panel img { margin-top: 20px; display: block; }
ul.panelsz { width: 266px; margin-right: auto; margin-left: auto; list-style-type: none; border: 1px solid #38404b; }
ul.panelsz li { width: 259px; height: 28px; font-size: 12px; line-height: 28px; font-weight: normal; color: #fff; border-bottom: 1px solid #38404b; background: url(../cssimg/includes.png) no-repeat; padding-left: 7px; }
ul.panelsz li.first { width: 266px; font-size: 17px; line-height: 40px; font-weight: bold; color: #fff; background: #161a20 url(../cssimg/bg_pricehead.png); text-align: center; height: 40px; padding: 0px; }
ul.panelsz li.last { border-bottom-style: none; }
/*//////////////////////////////// Page titles */

#title { width: 980px; height: auto; clear: both; margin-bottom: 50px; height: 60px; }
#title h1 { font-size: 38px; float: left; width: 172px; padding: 20px 0 10px 20px; font-weight: bold; }
#title p { float: left; width: 765px; border-left: 3px solid #333333; color: #333333; padding: 6px 0 6px 20px; line-height: 23px; }
/*//////////////////////////////// Header */


#header { clear: both; width: 980px; height: 200px; margin: 0 auto; margin-bottom: 15px; }
#header h1 { float: left; margin-top: 5px; }
#header ul { background: url(../cssimg/ulbg.png) top no-repeat; width: 980px; height: 46px; float: left; margin-top: 50px; margin-left: -20px; overflow: hidden; padding-right: 0px; }
#header li.first { width: 107px; float: left; list-style:none; padding: 15px 0px 0 0px; border-right-width: 2px; border-right-style: solid; border-right-color: #000000; margin-left: -20px; }
#header li { width: 107px; float: left; list-style:none; padding: 15px 0px 0 0px; border-right-width: 2px; border-right-style: solid; border-right-color: #000000; }
#header li.last { width: 107px; float: left; list-style:none; padding: 15px 0px 0 0px; border-right-width: 0px; border-right-style: none; }
#header li.nav_here { padding-top: 0px; }
#header li a:link, #header li a:visited { width:100%; font-weight: bold; font-size: 14px; text-align:center;  color: #ffffff; height: 44px; display: block; overflow: hidden; text-decoration: none; float: left; }
#header li a:hover { text-decoration: underline !important; }
/*//////////////////////////////// Home */


#what_is { clear: both; width: 980px; height: auto; background-color:#FFF; margin: 15px 0 0px 0;  }
#what_is table { margin: 0px 0px 0px 15px; }
#what_is p { font-size: 12px; color: #ffffff; }

#what_is h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; margin: 15px 0 20px 0; }
#what_is h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 0px 0px 25px 0px; }
#what_is h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin: -25px 0px 0px 80px; color: #222222; }
#what_is .left { width: 429px; height: auto; float: left; font-size: 16px; line-height: 24px; border-right-width: 2px; border-right-style: solid; border-right-color: #222222; }
#what_is .left .class { width: 409px; height: auto; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #222222; margin-top: 20px; padding-left: 10px; padding-right: 10px; }
#what_is .left .last{ width: 409px; height: auto; margin-top: 20px; padding-left: 10px; padding-right: 10px; }
#what_is .left .class h1 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: -45px 0px 25px 80px; }
#what_is .left .class p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 0px 25px 20px; color: #040404; }
#what_is .left .last h4 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: -50px 0px 25px 0px; float: right; color: #222222}
#what_is .right { width: 529px; height: auto; float: left; font-size: 11px; }
#what_is .right h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; margin: 15px 0 20px 20px;  }
#what_is .right img{ margin-left: 20px }
#what_is .right .school { width: 529px; height: auto; margin-top: 20px; padding-left: 20px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #222222; }
#what_is .right .last { width: 529px; height: auto; margin-top: 20px; padding-left: 20px; }
#what_is .right .school h1 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: -150px 0px 25px 180px; }
#what_is .right .school p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 0px 25px 180px; color: #040404; }
#what_is .right .last h1 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: -160px 0px 25px 180px; }
#what_is .right .last p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 0px 25px 180px; color: #040404; }
/*///////////////////// Tour (copied and adjusted */


#main h2 { font-size: 24px; font-weight: normal; margin: 35px 0 3px 0; }
#main hr { display: none; }
#main img { border: solid 50px #000000; margin-bottom: 20px; }
#main li { background: url(../cssimg/arrow.gif) left 5px no-repeat; list-style: none; padding: 0 0 0 12px; }
#jump, #jump2, #jump3 { float: left; width: 210px; }
/*///////////////////// Features (copied and adjusted from features.css */


.feature-list { float: left; clear: left; width:730px; }
.feature-list h1 { font-size: 24px; font-weight: bold; padding: 30px 0 35px 0px; }
div.feature-list img.f-image { float:left; margin:-38px 0 0; }
div.feature-list img.logo { vertical-align:middle; margin:0px; }
div.feature-list ul { margin:0pt 0pt 36px 100px; padding:0pt; }
div.feature-list ul.biao { background: #FFF; margin:0pt 0pt 36px 100px; padding-left:15px; }
div.feature-list .box { display: table-cell; vertical-align:middle; text-align:center; *display: block; *font-size:87px; *font-family:Arial; width:600px; height:100px; border: 0px solid; padding-left: 0px}
div.feature-list .box img { vertical-align:middle; }
div.feature-list li { color:#333333; padding:2px 0pt; }
div.feature-list h2 { font-size: 14px; font-weight: normal; margin: 0pt 0pt 10px -13px; }
div.feature-list p { color:#fff; width:100%; text-align:center; float: left; padding:0px 0 0px 0; margin:0px 0 0px 0;}
div.feature-list p.p1 { color:#ee2a24; width:100%; text-align:center; float: left; padding:5px; padding-left:12px; }
/*//////////////////////////////// Pricing */


#price_comparison { margin-top: 0px; border-top: 1px solid #38404b; border-right: 1px solid #38404b; border-bottom: 0px none #38404b; border-left: 1px solid #38404b; }
#price_comparison td { border-bottom: solid 1px #373f4a; padding: 5px 0 5px 0; text-align: center; }
#price_comparison img { margin-bottom: -4px; }
#price_comparison #price th { padding-bottom: 15px; text-align: center; }
#price_comparison #price .c1 { font-size: 18px; padding-top: 12px; text-align: right; vertical-align:top; }
#price_comparison .c1 { text-align: right; }
.billdetails { font: normal 13px Arial, Helvetica, sans-serif; color: #3c8000; background: #eefce4; text-align: center; }
/*//////////////////////////////// Support */


.question { font-size: 12px; font-weight: bold; margin-top: 20px; }
.answer { color: #afafaf; }
/*//////////////////////////////// Support */


#col_left li { background: url(../cssimg/bul_play.gif) 20px 3px no-repeat; font-size: 13px; list-style: none; padding: 4px 0 4px 45px; }
#col_left li a { color: #afafaf; text-decoration: none; }
#col_left li a:hover { color: #508dff; text-decoration: underline; }
/*//////////////////////////////// Contact */


#contact { margin-top: 30px; }
#contact .left, #contact .right { float: left; margin-right: 15px; /* for IE 6 */ width: 285px; }
#contact[id] .left, #contact .right { margin-right: 30px; }
#contact .right { margin: 0px; }
#contact input, #contact textarea { border: 0px; margin: 6px 0 20px 0; padding: 6px; width: 273px; }
#contact input.send { width: 96px; height: 46px; margin: -6px 0 0 -2px; padding: 0; }
#contact textarea { width: 588px; height: 100px; }
/*//////////////////////////////// Footer */

#footer h1 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 20px; margin: 5px 0 5px 0; }
#footer h3 { font-size: 11px; font-weight: bold; margin: 0px; }
#footer { padding: 0px 0 40px 0; }
#footer a { padding: 0 8px 0 8px; }
#footer .left { width: 225px; height: 150px; float: left; font-size: 11px; padding-left: 20px;}
#footer .center{ clear: both; width: 980px; }
#footer p {float: center;}

#bottom h1 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; margin: 0px 0 0px 0; color: #508dff; padding: 0 8px 0 8px; }
#bottom p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #040404; padding: 0 8px 0 8px; }
#bottom h3 { font-size: 11px; font-weight: bold; margin: 0px; }
#bottom { width: 980px; height: auto; padding: 0px 0 0px 0; }
#bottom a { padding: 0 8px 0 8px; }
#bottom .dede { width: 224px; height: auto; float: left; font-size: 11px; padding-left: 20px;}
#bottom .last { width: 225px; height: auto; float: left; font-size: 11px; padding-left: 20px;}
#bottom .last h1 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 25px; margin: 0px 0 0px 0; color: #222222; padding: 10px 8px 0 8px; }
#bottom .center{ clear: both; width: 980px; }
#bottom ul { float: right; margin-top: 50px; overflow: hidden;}
#bottom[id] ul { width: auto; }
#bottom h1 a:hover { text-decoration: underline !important; }

#pricingCols { width: 980px; height: auto; margin-right: auto; margin-left: auto; margin-bottom: 28px; }
#pricingLeft { width: 690px; height: auto; float: left; }
#pricingRight { width: 270px; height: auto; float: right; }
#featuretails { width: 950px; height: auto; margin-right: auto; margin-left: auto; background: #222a35; padding: 15px; margin-top: 28px; }
#featuretails h3 { font-size: 15px; font-weight: bold; text-align: left; margin-bottom: 6px; color: #57adff; }
#featuretails p { font-size: 15px; line-height: 20px; font-weight: normal; color: #fff; text-align: left; margin-bottom: 28px; }
#featuretails h2 { width: 930px; height: 40px; font-size: 17px; line-height: 40px; font-weight: bold; color: #fff; background: #161a20; padding-left: 10px; margin-bottom: 28px; }
#free { width: 690px; height: 116px; }