* {margin:0; padding:0;}
img {border:0;}
html, body {width: 100%; height: 100%; min-height: 100%; height: auto !important; height: 100%; position: absolute; font:14px Arial, Helvetica, sans-serif; color:#212120;}
body { background:#ffffff url(/images/index-img_02.gif) repeat-x;}
.center {width:900px; margin:0 auto; padding-bottom:80px;}
a {color:#000000; text-decoration:none;}
ul {list-style:none;}
.clear {clear:both; font-size:1px; height:0; line-height:0;}

/*Head*/
.head { height:98px; position:relative;}
.logo { top:29px; left:20px; position:absolute;}

/*Navigation*/
.nav { position:absolute; right:0; bottom:0;}
.nav li { float:left; margin:0 5px;}
.nav li a { display:block; font:12px Verdana, Arial, Helvetica, sans-serif; color:#f1eded; text-transform:uppercase; height:19px; padding:5px 8px 0 8px; float:left;}
.nav li a:hover,.nav li a.active { background:#ffffff; color:#2c86d2;}

/*Main*/
.left { width:690px; float:left}
.right { width:210px; float:left; padding-top:15px;}

/*Welcome box*/
.wellcome { padding:21px 30px 4px 26px;}
.wellcome .header { margin-bottom:8px;}

/*Main box*/
.main-box { background:url(/images/index-img_21.gif) no-repeat;}
.main-box-b { background:url(/images/index-img_70.gif) no-repeat bottom; min-height:1px; padding:15px 0 17px 18px;}

/*About*/
.about { padding:0 0 0 5px;}
.about p { padding:3px 30px 14px 3px;}

/*Demo*/
.demo { background: url(/images/demo-bg.jpg) repeat-x; height:96px; position:relative; width:650px; margin-bottom:10px;}
.demo img {position:absolute; top:0; right:0;}
.demo div { padding:9px 0 0 14px;}
.demo td { height:19px;}
.demo a{text-decoration:underline}
.demo a:hover{text-decoration:none}

/*Features*/
.header-graf { background:url(/images/index-img_45.gif) repeat-x; width:656px;}
.features {padding:8px 0 20px 28px; color:#111111; font-size:12px;}
.features li { padding:0 0 0 7px; background:url(/images/point.gif) no-repeat 0px 6px;}

/*Screenshots*/
.screenshots div { padding:9px 0 0 25px;}
.screenshots img { width:197px; height:126px; margin:0 8px 8px 0;border:1px solid #000;padding:2px}
.screenshots p { width:625px; text-align:right; font-size:10px; color:#858585; padding-bottom:8px;}

/*Requirements*/
.requirements { position:relative; }
.banner { position:absolute; left:248px; top:9px;}

/*Hosting*/
.hosting { background: url(/images/host-bg.jpg) repeat-y; width:667px; margin:20px auto 0 auto; text-align:center;}
.hosting-t { background:url(/images/host-t.jpg) no-repeat;}
.hosting-b { background:url(/images/host-b.jpg) no-repeat bottom; min-height:1px; padding:55px 15px 10px 15px;}
.hosting a{color:#00C;text-decoration:underline}
.hosting a:hover{text-decoration:none}
.hosting .bigger{font-size:120%;font-weight:bold;}

/*Footer*/
.footer {position: absolute; bottom: 0; left: 0; width: 100%; height: 54px; background:url(/images/index-img_73.gif) repeat-x;}
.footer-in {width:900px; margin:0 auto; height:54px; position:relative;}
.foot-logo { top:19px; left:37px; position:absolute;}
.footer p { position:absolute; font:11px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; left:154px; top:27px;}
.footer span { color:#636363;}
.foot-nav {text-transform:uppercase; position:absolute; top:28px; right:13px; font:10px Verdana, Arial, Helvetica, sans-serif;}
.foot-nav li { float:left; margin:0 13px;}
.foot-nav a { color:#f1eded;}
.foot-nav a:hover { color:#2c86d2;}

/*Left side*/
.left-box { background: url(/images/index-img_09.gif) repeat-x #2e2e2e; margin-bottom:1px;}
.left-box-b { background:url(/images/index-img_23.gif) repeat-x bottom; min-height:1px;}
.left-box-header {padding:10px 0 0 6px;}

/*Login*/
.login { padding:6px 0 22px 8px;}
.login p {text-indent:3px; font-size:13px; color:#ffffff; padding-bottom:6px; line-height:1.5;}
.login p input {display:block; width:178px; border:1px solid #484847; background:#212120; color:#ffffff; padding:1px 0;}
.login div { padding-top:3px;}
.login div a { color:#505050; font:13px Tahoma;}
.login div a:hover { color:#2c86d2;}
.log { border:1px solid #484847; background:#212120; padding:2px 2px 3px 8px; margin-left:14px;}
.log:hover {color:#2c86d2; border-color:#2c86d2;}

/*Registration*/
.reg { padding:4px 0 6px 0;}
.reg div { margin-left:36px;}
.reg p { margin-left:20px;}

/*Friends*/
.friends { padding:13px 0 15px 0; text-align:center;}
.friends span {padding-bottom:18px;display:block;}
.friends span a{color:#CCC}

/*Second Page*/
.second-l { padding-top:10px;}

/*Purchase*/
.purchase .header { padding-left:7px;}
.p-table {margin:5px 17px 15px 0 ;}
.p-table table td { height:21px; font-size:13px; color:#171716;}
.p-table table td a { color:#171716}
.center .p-header td { height:26px; background:#d3d1d1; color:#505050; font-weight:bold;}
.td-bg td { background:#eceaea;}
.col-1 { padding-left:10px; width:225px;}
.col-2 {width:188px;}
.col-3 { width:182px;}
.col-4 { width:51px;}
.col-id { padding-left:10px; width:40px;}
.p-table table tr:hover, .p-table table tr:hover a, .p-table table tr:hover td {background:#2e2e2e; color:#ffffff;}
.center .p-table table .p-header:hover, .center .p-table table .p-header:hover a, .center .p-table table .p-header:hover td { background:#d3d1d1; color:#505050;}
.p-table table tr a:hover {text-decoration:underline;}
.buy { margin:7px 0 0 10px;width:auto;}
.buy a {font-size:13px; text-decoration:underline; color:#0760ab; display:block; width:160px; height:16px; background:url(/images/sec-img_25.gif) no-repeat; padding-left:19px;}
.buy a:hover {background:url(/images/sec-img_33.gif) no-repeat; color:#b40880;}

/*Price*/
.price { padding-right:18px;}
.price .header { padding:0 0 5px 7px;}
.price table { width:100%;}
.price td { height:21px; color:#3c3c3c; font-weight:bold;}
.cpl-1 { padding:0 0 0 10px;}
.cpl-2 { text-align:right; padding-right:9px;}
.price p {padding:11px 0 0 5px;}

/*Bottom navigation*/
.bot-nav { margin:13px 0 0 21px;}
.bot-nav ul {width:100%;}
.bot-nav ul li { float:left;}
.bot-nav ul li a {padding-left:19px; display:block; height:16px; color:#2e2e2e; font-size:13px;}
.bot-nav ul li a:hover, .accul li a:hover, .acc ul li a:hover { color:#b40880; font-weight:bold;}
.nb-1 { width:84px; background:url(/images/sec-img_41.gif) no-repeat;}
.nb-2 { width:105px; background:url(/images/sec-img_43.gif) no-repeat;}
.nb-3 { width:79px; background:url(/images/sec-img_45.gif) no-repeat;}
.nb-4 { width:150px; background:url(/images/nb-7.gif) no-repeat;}
.nb-5 { width:84px; background:url(/images/sec-img_49.gif) no-repeat;}
.nb-6 { width:99px; background:url(/images/sec-img_51.gif) no-repeat;}

.nb-1:hover, .acc .nb-1:hover { background:url(/images/nba-1.gif) no-repeat;}
.nb-2:hover, .acc .nb-2:hover { background:url(/images/nba-2.gif) no-repeat;}
.nb-3:hover, .acc .nb-3:hover { background:url(/images/nba-3.gif) no-repeat;}
.nb-4:hover, .acc .nb-4:hover { background:url(/images/nba-4.gif) no-repeat;}
.nb-5:hover, .acc .nb-5:hover { background:url(/images/nba-5.gif) no-repeat;}
.nb-6:hover, .acc .nb-6:hover { background:url(/images/nba-6.gif) no-repeat;}

/*Account*/
.acc { padding-bottom:5px;}
.acc p { color:#ffffff; font-size:13px; padding:4px 10px 12px 8px;}
.name { font-weight:bold; color:#afafaf}
.sum { font-weight:bold; color:#2c86d2;}
.acc ul { margin:0;padding:0;margin-left:10px;}
.acc ul li { margin:0;padding:0;margin-bottom:4px;}
.acc ul li a { margin:0;padding:0;padding-left:22px; display:block; height:16px; font-size:13px; color:#ffffff;}

.acc .nb-1 { background:url(/images/sec-img_11.gif) no-repeat;width:auto;}
.acc .nb-2 { background:url(/images/sec-img_14.gif) no-repeat;width:auto;}
.acc .nb-3 { background:url(/images/sec-img_16.gif) no-repeat;width:auto;}
.acc .nb-4 { background:url(/images/n-7.gif) no-repeat;width:auto;}
.acc .nb-5 { background:url(/images/sec-img_20.gif) no-repeat;width:auto;}
.acc .nb-6 { background:url(/images/sec-img_22.gif) no-repeat;width:auto;}

.acc div { text-align:right; padding:0 18px 0 0;}
.acc div a {color:#76797c; font:13px Tahoma;}
.acc div a:hover {color:#2c86d2}

.acc .linkc a{color:#f1eded;text-decoration:underline}
.acc .linkc a:hover{color:#2c86d2;;text-decoration:none}

h1{font-size:18px;margin:10px 0;}
.left{line-height:130%}
.main-box-b a{color:#00C;text-decoration:underline}
.main-box-b a:hover{text-decoration:none}
.keyfeatures b{font-size:16px;color:#B40880;}
.keyfeatures{padding:3px 30px 14px 3px;}
.keyfeatures li{padding:5px 0px 5px 35px;text-align:justify;background:url(/images/xyxthumbs.gif) no-repeat left center;}