/* CSS Document */
body{
background:url(../images/bg.jpg) repeat-x #fff;
margin:0;
padding:0;
font-family:Arial;
font-size:12px;
}

img{border:none;}

a{
text-decoration:none;
color:#999;
}

a:hover{
text-decoration:none;
color:#999;
}

.clear{
clear:both;
}

#wrapper{
width:900px;
height:auto;
margin:0px auto;
display:block;
}

#flwrap{
margin:0px auto 0 9px;
width:899px;
}

/* Begin Header Area */
#header{
width:863px;
margin:0px auto;
padding:0 18px;
display:block;
}

/* Begin Logo */
#header .logo{
background:url(../images/logo.jpg) no-repeat;
width:297px;
height:68px;
display:block;
float:left;
margin:20px 0 0 2px;
text-indent:-9999px;
}
/* End Logo */

#header .header-links{width:382px;height:26px;display:block;float:right;margin:16px 0 0 0;}#header .header-links a {padding: 0 0 0 5px;}


/* Begin Navigation Menu */
#header .nav{
background:url(../images/menu-bg.jpg) no-repeat;
width:541px;
height:45px;
display:block;
float:right;
margin:2px 0 0 0;
}

#header .nav ul{
list-style-type:none;
margin:0;
padding:13px 0 0 13px;
}

#header .nav ul li {
font-family:Arial;
font-size:14px;
color:#999;
text-transform:uppercase;
display:inline;
font-weight:normal;
padding:4px 0 0 0;
margin:0px 11px 0 11px; 
}

#header .nav ul li.active {
background:url(../images/menu-active-left.jpg) top left no-repeat;
display:block;
line-height:21px;
padding:1px 0 6px 0;
display:inline;
margin:0px 15px 0 0;
}

#header .nav ul li.active span{
background:url(../images/menu-active-right.jpg) top right no-repeat;
line-height:21px;
padding:1px 6px 13px 6px;
color:#5C8ACC;
}
/* End Navigation Menu */


/* Begin First Divider Bar */
#divider{
background:url(../images/divider.jpg) no-repeat;
width:870px;
height:10px;
display:block;
margin:17px auto;
}
/* End First Divider Bar */


/* Begin Main Page Content */

#saying{
width:900px;
display:block;
margin:0px auto 23px auto;
font-size:31px;
color:#666;
text-align:center;
}

#saying span{
color:#1853A3;
}

#server-titles{
width:805px;
height:45px;
margin:0px auto;
display:block;
}

#server-titles .blue{
background:url(../images/main-blue-head.jpg) no-repeat;
width:269px;
height:35px;
display:block;
text-align:center;
float:left;
color:#fff;
padding:10px 0 0 0;
font-size:20px;
}

#server-titles .orange{
background:url(../images/main-orange-head.jpg) no-repeat;
width:268px;
height:35px;
display:block;
text-align:center;
float:left;
color:#fff;
padding:10px 0 0 0;
font-size:20px;
}

#server-titles .green{
background:url(../images/main-green-head.jpg) no-repeat;
width:268px;
height:35px;
display:block;
text-align:center;
float:right;
color:#fff;
padding:10px 0 0 0;
font-size:20px;
}

#server-desc{
width:805px;
height:200px;
display:block;
margin:0px auto;
}

#server-desc .blue{
background:url(../images/main-plan-bg.jpg) no-repeat;
width:249px;
height:200px;
display:block;
float:left;
padding:0 10px;
}

#server-desc .blue ul{
list-style-type:square;
list-style-image:url(../images/main-plan-li.jpg);
margin:5px 0 0 -5px;
}

#server-desc .blue ul li{
color:#333;
font-size:14px;
margin:0 0 0 5px;
line-height:22px;
}

#server-desc .blue .price{
width:130px;
height:45px;
display:block;
float:left;
font-size:16px;
color:#568BD2;
font-weight:bold;
margin:8px 0 0 0px;
text-align:center;
}

#server-desc .blue .price span{
font-size:13px;
color:#333;
margin:0 0 0 4px;
}

#server-desc .blue .price h2{
font-size:12px;
color:#333;
margin:1px 0 0 0px;
text-transform:uppercase;
}

#server-desc .blue .order{
width:100px;
height:45px;
display:block;
float:right;
margin:15px -3px 0 0;
}

#server-desc .blue .order .btn{
background:url(../images/btn1.jpg) no-repeat;
height:21px;
width:87px;
display:block;
color:#fff;
text-decoration:none;
padding:3px 0 0 0;
text-align:center;
}

#server-desc .orange{
background:url(../images/main-plan-bg.jpg) no-repeat;
width:248px;
height:200px;
display:block;
float:left;
padding:0 10px;
}

#server-desc .orange ul{
list-style-type:square;
list-style-image:url(../images/main-plan-li.jpg);
margin:5px 0 0 -5px;
}

#server-desc .orange ul li{
color:#333;
font-size:14px;
margin:0 0 0 5px;
line-height:22px;
}

#server-desc .orange .price{
width:130px;
height:45px;
display:block;
float:left;
font-size:16px;
color:#FF7200;
font-weight:bold;
margin:8px 0 0 0px;
text-align:center;
}

#server-desc .orange .price span{
font-size:13px;
color:#333;
margin:0 0 0 4px;
}

#server-desc .orange .price h2{
font-size:12px;
color:#333;
margin:1px 0 0 0px;
text-transform:uppercase;
}

#server-desc .orange .order{
width:100px;
height:45px;
display:block;
float:right;
margin:15px -3px 0 0;
}

#server-desc .orange .order .btn{
background:url(../images/btn2.jpg) no-repeat;
height:21px;
width:87px;
display:block;
color:#fff;
text-decoration:none;
padding:3px 0 0 0;
text-align:center;
}

#server-desc .green{
background:url(../images/main-plan-bg.jpg) no-repeat;
width:248px;
height:200px;
display:block;
float:right;
padding:0 10px;
}

#server-desc .green ul{
list-style-type:square;
list-style-image:url(../images/main-plan-li.jpg);
margin:5px 0 0 -5px;
}

#server-desc .green ul li{
color:#333;
font-size:14px;
margin:0 0 0 5px;
line-height:22px;
}


#server-desc .green .price{
width:130px;
height:45px;
display:block;
float:left;
font-size:16px;
color:#4F8E16;
font-weight:bold;
margin:8px 0 0 0px;
text-align:center;
}

#server-desc .green .price span{
font-size:13px;
color:#333;
margin:0 0 0 4px;
}

#server-desc .green .price h2{
font-size:12px;
color:#333;
margin:1px 0 0 0px;
text-transform:uppercase;
}

#server-desc .green .order{
width:100px;
height:45px;
display:block;
float:right;
margin:15px -3px 0 0;
}

#server-desc .green .order .btn{
background:url(../images/btn3.jpg) no-repeat;
height:21px;
width:87px;
display:block;
color:#fff;
text-decoration:none;
padding:3px 0 0 0;
text-align:center;
}


#main-server{
background:url(../images/main-server2.jpg) no-repeat;
width:930px;
height:221px;
display:block;
margin:0px auto 0px -12px;
}


/* End Main Page Content */


/* Begin Left Content Area */

#content-wrap{
width:867px;
height:auto;
margin:0px auto;
}

#content{
width:658px;
height:auto;
display:block;
float:left;
}

#content .head{
background:url(../images/content-top.jpg) no-repeat;
width:658px;
height:13px;
display:block;
}

#content .bg{
background:url(../images/content-bg.jpg) repeat-y; 
width:647px;
height:auto;
display:block;
padding:0 6px 0 5px;
}

#content .bg .hd-about{
background:url(../images/head-about.jpg) no-repeat;
height:42px;
width:647px;
display:block;
margin:-9px auto 0 auto;
padding:5px 0 0 0;
}

#content .bg .hd-about h1{
color:#fff;
font-size:22px;
font-weight:normal;
letter-spacing:-1px;
text-align:center;
margin:0;
padding:0;
}

#content .bg .hd-compare{
background:url(../images/head-compare.jpg) no-repeat;
height:42px;
width:858px;
display:block;
margin:-9px auto 0 auto;
padding:5px 0 0 0;
}

#content .bg .hd-compare h1{
color:#fff;
font-size:22px;
font-weight:normal;
letter-spacing:-1px;
text-align:center;
margin:0;
padding:0;
}

#content .bg .hd-mgmt{
background:url(../images/head-mgmt.jpg) no-repeat;
height:42px;
width:858px;
display:block;
padding:5px 0 0 0;
margin:4px auto 0 auto;
text-align:center;
}

#content .bg .hd-mgmt h1{
color:#fff;
font-size:22px;
font-weight:normal;
letter-spacing:-1px;
text-align:center;
margin:0;
padding:0;
width:858px;
}

#content .bg .dc-about{
background:url(../images/head-dc-about.jpg) no-repeat;
height:42px;
width:647px;
display:block;
margin:-9px auto 0 auto;
padding:5px 0 0 0;
}

#content .bg .dc-about h1{
color:#fff;
font-size:22px;
font-weight:normal;
letter-spacing:-1px;
text-align:center;
margin:0;
padding:0;
}

#content .bg .dc-photos{
background:url(../images/head-dc-photos.jpg) no-repeat;
height:42px;
width:647px;
display:block;
margin:4px auto 0 auto;
padding:5px 0 0 0;
}

#content .bg .dc-photos h1{
color:#fff;
font-size:22px;
font-weight:normal;
letter-spacing:-1px;
text-align:center;
margin:0;
padding:0;
}

#content .bg .innerhead{
background:url(../images/inner-content-head.jpg) no-repeat;
width:647px;
height:9px;
display:block;
margin:-4px auto 0 auto;
}

#content .bg .innerbg{
background-color:#FFF;
width:631px;
height:auto;
padding:8px;
display:block;
}

#content .bg .innerbg h1{
font-size:15px;
color:#666;
margin:-5px 0 2px 0;
}

#content .bg .innerbg p{
margin:0 0 5px 0;
font-size:12px;
}

#content .bg .innerbg .server{
background:url(../images/compare-server.jpg) no-repeat;
width:485px;
height:119px;
display:block;
float:right;
margin:15px 0 0 0;
}

#content .bg .innerbg .comparetitle{
background:url(../images/compare-title.jpg) no-repeat;
width:625px;
height:26px;
display:block;
margin:2px auto 0 0px;
}

#content .bg .innerbg .comparetitle .one{
width:184px;
height:26px;
display:block;
text-align:left;
color:#fff;
font-size:15px;
float:left;
padding:3px 0 0 5px;
font-weight:bold;
}

#content .bg .innerbg .comparetitle .two{
width:145px;
height:23px;
display:block;
text-align:center;
color:#fff;
font-size:15px;
float:left;
padding:3px 0 0 0;
font-weight:bold;
}

#content .bg .innerbg .comparetitle .three{
width:145px;
height:23px;
display:block;
text-align:center;
color:#fff;
font-size:15px;
float:left;
padding:3px 0 0 0;
font-weight:bold;
}

#content .bg .innerbg .comparetitle .four{
width:145px;
height:23px;
display:block;
text-align:center;
color:#fff;
font-size:15px;
float:right;
padding:3px 0 0 0px;
font-weight:bold;
}

#content .bg .innerbg .comparerow{
background:url(../images/compare-row.jpg) no-repeat;
width:625px;
height:29px;
display:block;
margin:4px auto 0 0px;
}

#content .bg .innerbg .comparerow .one{
width:168px;
height:26px;
display:block;
text-align:right;
color:#666;
font-size:13px;
float:left;
padding:5px 16px 0 0;
font-weight:bold;
}

#content .bg .innerbg .comparerow .two{
width:145px;
height:23px;
display:block;
text-align:center;
color:#666;
font-size:13px;
float:left;
padding:5px 0 0 0;
font-weight:bold;
}

#content .bg .innerbg .comparerow .three{
width:137px;
height:23px;
display:block;
text-align:center;
color:#666;
font-size:13px;
float:left;
padding:5px 0 0 8px;
font-weight:bold;
}

#content .bg .innerbg .comparerow .four{
width:145px;
height:23px;
display:block;
text-align:center;
color:#666;
font-size:13px;
float:right;
padding:5px 0 0 0px;
font-weight:bold;
}

#content .bg .innerbg .comparerow .btn1{
background:url(../images/btn1.jpg) no-repeat;
width:87px;
height:24px;
display:block;
font-size:13px;
color:#fff;
padding:2px 0 0 0;
text-align:center;
margin:-2px auto 0 auto;
}

#content .bg .innerbg .comparerow .btn2{
background:url(../images/btn2.jpg) no-repeat;
width:87px;
height:24px;
display:block;
margin:0px auto 0 auto;
font-size:13px;
color:#fff;
padding:2px 0 0 0;
text-align:center;
margin:-2px auto 0 -12px;
}

#content .bg .innerbg .comparerow .btn3{
background:url(../images/btn3.jpg) no-repeat;
width:87px;
height:24px;
display:block;
margin:0px auto 0 auto;
font-size:13px;
color:#fff;
padding:2px 0 0 0;
text-align:center;
margin:-31px auto 0 auto;
}

#content .bg .innerbg .mgmt-lft{
width:320px;
height:auto;
display:block;
float:left;
margin:8px 0 0 0;
}

#content .bg .innerbg .mgmt-lft h1{
color:#476A9B;
font-size:14px;
font-weight:bold;
margin:0;
padding:0;
}

#content .bg .innerbg .mgmt-lft p{
font-size:11px;
color:#666;
margin:0;
padding:0;
}

#content .bg .innerbg .mgmt-rt{
background:url(../images/server-mgmt-img.jpg) no-repeat;
width:298px;
height:102px;
display:block;
float:right;
}

#content .bg .innerbg .dcboxes{
width:638px;
height:195px;
margin:10px auto 0 -4px;
display:block;
}

#content .bg .innerbg .dcboxes .one{
background:url(../images/dc-box.jpg) no-repeat;
height:195px;
width:210px;
display:block;
float:left;
margin:0 4px 0 0;
}

#content .bg .innerbg .dcboxes .one h1{
font-size:14px;
color:#666;
text-align:center;
margin:15px 0 0 0;
padding:0;
font-weight:normal;
}

#content .bg .innerbg .dcboxes .one ul{
list-style-type:square;
list-style-image:url(../images/dc-list.jpg);
margin:19px 0 0 31px;
padding:0;
}

#content .bg .innerbg .dcboxes .one ul li{
color:#666;
font-size:12px;
margin:8px 0 0 0;
}

#content .bg .innerbg .dcboxes .two{
background:url(../images/dc-box.jpg) no-repeat;
height:195px;
width:210px;
display:block;
float:left;
margin:0 4px 0 0;
}

#content .bg .innerbg .dcboxes .two h1{
font-size:14px;
color:#666;
text-align:center;
margin:15px 0 0 0;
padding:0;
font-weight:normal;
}

#content .bg .innerbg .dcboxes .two ul{
list-style-type:square;
list-style-image:url(../images/dc-list.jpg);
margin:19px 0 0 31px;
padding:0;
}

#content .bg .innerbg .dcboxes .two ul li{
color:#666;
font-size:12px;
margin:8px 0 0 0;
}

#content .bg .innerbg .dcboxes .three{
background:url(../images/dc-box.jpg) no-repeat;
height:195px;
width:210px;
display:block;
float:right;
}

#content .bg .innerbg .dcboxes .three h1{
font-size:14px;
color:#666;
text-align:center;
margin:15px 0 0 0;
padding:0;
font-weight:normal;
}

#content .bg .innerbg .dcboxes .three ul{
list-style-type:square;
list-style-image:url(../images/dc-list.jpg);
margin:19px 0 0 31px;
padding:0;
}

#content .bg .innerbg .dcboxes .three ul li{
color:#666;
font-size:12px;
margin:8px 0 0 0;
}

#content .bg .innerbg img{
margin:0px 12px;
}

#content .bg .innerfoot{
background:url(../images/inner-content-foot.jpg) no-repeat;
width:647px;
height:9px;
display:block;
margin:0px auto;
}

#content .foot{
background:url(../images/content-bottom.jpg) no-repeat;
width:658px;
height:10px;
display:block;
}

/* End Left Content Area */


/* Begin Right Menu */
#rtmenu{
display:block;
width:205px;
height:auto;
float:right;
}

#rtmenu .head{
background:url(../images/menu-head.jpg) no-repeat;
width:205px;
height:36px;
display:block;
padding:9px 0 0 0;
}

#rtmenu .head h1{
font-size:20px;
text-align:center;
margin:0;
padding:0;
color:#fff;
}

#rtmenu ul{
list-style-type:none;
margin:0;
padding:0;
}

#rtmenu ul li{
background:url(../images/rtmenu.jpg) no-repeat;
width:205px;
height:30px;
text-align:center;
font-size:17px;
color:#999;
margin:4px 0 0 0;
padding:10px 0 0 0;
}

#rtmenu ul li.active{
background:url(../images/rtmenu-active.jpg) no-repeat;
width:213px;
height:30px;
text-align:center;
font-size:17px;
color:#666;
font-weight:bold;
margin:4px 0 0 -8px;
padding:10px 0 0 0;
}

#rtmenu ul li.order a{
background:url(../images/rtmenu.jpg) no-repeat;
width:205px;
height:30px;
text-align:center;
font-size:17px;
color:#5C8ACC;
font-weight:bold;
margin:4px 0 0 0;
padding:10px 0 0 0;
}

/* End Right Menu */


/* Begin Right Blurb Box */
#rtblurb{
width:205px;
height:auto;
display:block;
margin:4px 0 0 0;
float:right;
}

#rtblurb .head{
background:url(../images/rt-blurb-head.jpg) no-repeat;
width:205px;
height:5px;
display:block;
}

#rtblurb .content{
width:193px;
height:auto;
display:block;
background-color:#AFAFAF;
padding:6px;
}

#rtblurb .content h1{
font-size:15px;
color:#fff;
letter-spacing:-1px;
margin:0 0 2px 0;
}

#rtblurb .content p{
font-size:12px;
color:#666;
margin:0 0 4px 0;
}

#rtblurb .foot{
background:url(../images/rt-blurb-foot.jpg) no-repeat;
width:205px;
height:4px;
display:block;
}

/* End Right Blurb Box */







/* Begin Second Divider Bar */
#divider2{
background:url(../images/divider.jpg) no-repeat;
width:870px;
height:10px;
display:block;
margin:17px auto 9px auto;;
}
/* End Second Divider Bar */


/* Begin Footer */
#footer{
width:900px;
height:auto;
display:block;
margin:0px 18px;
}

#footer .copy{
float:left;
display:block;
}

#footer .links{
display:block;
float:right;
margin:0 35px 0 0;
}

#footer .links span{
margin:0 8px;
color:#666;
}

#logos{
background:url(../images/logos.png) no-repeat;
width:900px;
height:49px;
display:block;
margin: 40px auto 0 4px;
}

#webmoney{
float:right;
width:290px;
height:88px;
display:block;
margin: 13px 32px 0px 0;
}
/* End Footer */


table.unlimited-servers td{
	padding:5px 5px;
	font-size:11px;
}

.gr td{
	background:#ccc;
}
.gr th{
	background:#ccc;
}
#content .bg2{
width:858px;
background:url(../images/bg-bg2.jpg) repeat-x; 
}
#content .bg .innerbg2{
width:845px;
background-color: #FBFBFB;
}
#content .bg3{
width:858px;
background:url(../images/sp.gif); 
}
/*for flags in top menu*/
#flags {
position:relative;
float:right;
top:-18px;
right:9px;
}