/* global */
body {
   background: url(../images/bg.gif) #F5F5F5 repeat-x; 
}

body,select,input,textarea,button{
   color: #555;
   font: 12px/1.5 Trebuchet MS,Arial, Helvetica, 'Sans-Serif'; 
}  

button{
   cursor: pointer;
}

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

a:hover {
   color: #8ED700;
}

input,select,button{
   vertical-align:middle;
}

img,object,embed{
   vertical-align: top;
}

#wrap{
   background: url(../images/headerb.png) no-repeat;
   margin: 0 auto;
   overflow: hidden;
   padding: 5px 30px 0;
   width: 980px;
}

#region{
   background: url(../images/region-bg.gif) #fff left bottom no-repeat;
   padding: 0 20px 77px;
   width: 940px;
}

a.btn,button.btn{
   background: url(../images/btn.gif) no-repeat;
   color: #333;
   font-size: 12px;
   display:block;
   font-weight: bold;
   height: 30px;
   line-height: 30px;
   text-transform: uppercase;
   text-align: center;
   text-shadow:1px 1px #fff;
   width: 96px;
}
a.btn:hover{
   background-position: 0 -30px;
   color: #000000;
}

h2{
   color:#000000;
   font-size: 30px;
   margin: 0 0 20px;
}

.shamrock{
   color: #000000;
}

/* header area */
#header{
   background: url(../images/headercabe.png) no-repeat;
   margin: 0 -20px 31px;
   padding: 0 20px;
   position: relative;
   width: 100%;
}

#logo{
   padding: 30px 0 0 15px;
}

#header-login{
   font-size: 11px;
   position: absolute;
   right: 22px;
   top: 15px;
}
#header-login li{
   float: left;
   margin-left: 49px;
}
#header-login li em{
   color: #000000;
   font-style: normal;
}

#mainnav{
   background: url(../images/mainmenu.png) repeat-x;
   font-size: 14px;
   font-weight: bold;
   line-height: 40px;
   position: absolute;
   right: 20px;
   top: 40px;
}
#mainnav li,#mainnav a{
   float: left;
}
#mainnav li{
   background: url(../images/mainmenu.png) 0 -240px no-repeat;
   padding: 0 0 0 2px;
}
#mainnav li.first{
   background: none;
   padding: 0;
}
#mainnav li.first a,#mainnav li.last a{
   background: url(../images/mainmenu.png) 0 -80px no-repeat; 
}
#mainnav li.last a{
   background-position:right -160px;
   padding: 0 20px 0 18px;
}
#mainnav li.first a:hover,#mainnav li.on a#nav-home{
   background-position: 0 -120px;
}
#mainnav li.last a:hover,#mainnav li.on a#nav-contact{
   background-position: right -200px;
}
#mainnav a{
   color: #fff;
   padding: 0 20px 0 21px;
   text-shadow:1px 1px #00BBE4;
}
#mainnav a:hover,#mainnav li.on a{
   background: url(../images/mainmenu.png) 0 -40px repeat-x;
   color: #333;
   text-shadow:1px 1px #D4F7FF;
}

/* banner area */
.banner{
   background: url(../images/banner1.jpg) no-repeat;
   height: 90px;
   padding: 0 0 0 30px;
}
.banner h3{
   color: #fff;
   font-size: 36px;
   font-weight: bold;
   padding: 19px 0 0;
}
#home-banner{
   background-image: url(../images/banner.png);
   color: #fff;
   font-size: 14px;
   height: 310px;
   margin: 0 0 0 -40px;
   position: relative;
   padding: 0 400px 0 71px;
}
#home-banner h3{
   padding: 34px 0 12px;
}
#home-banner p{
   line-height: 25px;
   margin-bottom: 23px;
}
#home-banner a.btn{
   background-position: 0 -60px;
   color: #fff;
   font-size: 14px;
   height: 36px;
   line-height: 36px;
   text-shadow: none;
   text-transform: none;
   width: 122px;
}
#home-banner a.btn:hover{
   background-position: 0 -96px;
   color: #333;
}

/* center of page */
#xen-tab-openvz{
   background: url(../images/xen-tab-openvz-bg.gif) 0 30px no-repeat;
   float: left;
   height: 260px;
   margin: 30px 19px 0 0;
   position: relative;
   width: 320px;
}
#xen-tab-openvz dl{
   padding: 0 0 0 10px;
}
#xen-tab-openvz dt{  
   float: left;
   margin-right: 2px;
   text-align: center;
}
#xen-tab-openvz dt span{
   background: url(../images/xen-tab-openvz-bg.gif) 0 -261px no-repeat;
   color: #999;
   cursor: pointer;
   display: block;
   height: 30px;
   line-height: 30px;   
   text-shadow:1px 1px #fff;
   width: 80px;
}
#xen-tab-openvz dt span.xen{
   background-position: -80px -230px;
   width: 104px;
}
#xen-tab-openvz dt.on span{
   background-position: 0 -230px;
   color: #333;
   height: 31px;
   margin-bottom: -1px;
   position: relative;
}
#xen-tab-openvz dt.on span.xen{
   background-position: -80px -261px;
}
#xen-tab-openvz dd{
   font-size: 11px;
   display: none;
   position: absolute;
   padding: 3px 20px 0;
   left: 0;
   top: 30px;
   width: 280px;
}
#xen-tab-openvz .intro{
   height: 60px;
   margin-bottom: 8px;
}
#xen-tab-openvz .intro h4,#xen-tab-openvz .intro p{
   float: left;
}
#xen-tab-openvz .intro h4{
   color: #000000;
   font-size:36px;
   font-weight: bold;
   margin-right: 8px;
   margin-top: 10px;
}
#xen-tab-openvz .intro p{
   color: #999;
   font-size: 14px;
   line-height: 12px;
   padding: 14px 0 0;
}
#xen-tab-openvz .intro p span{
   font-size: 10px;
}
#xen-tab-openvz .intro p strong{
   color: #333;
}
#xen-tab-openvz p.img{
   float: right;
   padding: 4px 0 0;
}
#xen-tab-openvz ul{
   line-height: 18px;
   margin-bottom: 13px;
   padding: 0 0 0 10px;
}
#xen-tab-openvz a.btn{
   float: left;
   margin-right: 10px;
}

#included{
   background: url(../images/incluido.png) no-repeat;
   float: left;
   height: 260px;
   margin: 30px 0 0;
   padding: 0 0 0 38px;
   width: 252px;
}
#included h3{
   color: #000000;
   font-size:18px;
   margin: 0 0 14px;
   padding: 7px 0 10px 56px;
}
#included li{
   background: url(../images/icon-right.gif) 0 3px no-repeat;
   line-height: 22px;
   padding: 0 0 0 28px;
}
#included a.btn{
   margin: 18px 0 0 -13px;
   position: relative;
}

#login{
   background: url(../images/login-bg.gif) no-repeat;
   float: right;
   height: 240px;
   padding: 0 10px 0 12px;
   margin: 30px 0 0;
   width: 258px;
}
#login h3{
   color: #333;
   font-weight: normal;
   height: 40px;
   font-size: 18px;
   line-height: 40px;
   text-align: center;
   text-shadow:1px 1px #fff;
   width: 151px;
}
#login ul{
   padding: 30px 0 0 8px;
}
#login li{
   margin: 0 0 12px;
   width: 100%;
}
#login input{
   border:1px solid #ddd;
   margin: 0 10px 0 0;
   padding:5px 4px;
   width: 130px;
}
#login button{
   border:0;
   background-position: 0 -132px;
}

/* footer */
#footer{
   color: #999;
   font-size: 11px;
   margin: 0 auto;
   overflow: hidden;
   padding: 3px 0 36px;
   width: 940px;
}
#footer-nav{
   display: inline;
   float: right;
   margin-right: -22px;
}
#footer-nav li{
   background: url(../images/footer-line.gif) right center no-repeat;
   float: left;
   line-height: 20px;
   padding: 0 21px 0 10px;
}
#footer-nav li img{
   vertical-align: middle;
}

#footer-author{
   background: url(../images/footer-logo.gif) no-repeat;
   float: left;
   height:43px;
   line-height: 43px;
   padding: 1px 0 0 111px;
}

/* internal_table page */
#subnav{
   border-bottom: 1px solid #eee;   
   padding:11px 0 12px 20px;
}
#subnavbar,#subnavbar li,#get-star li{
   float: left;
}
#subnavbar li{
   line-height: 33px;
   margin-right:50px;
   padding: 3px 0 0;
}
#subnavbar li.on{
   background: url(../images/subnavbar-icon.gif) center bottom no-repeat;
   margin-bottom: -12px;
   padding: 3px 0 12px;
   position: relative;
}
#subnavbar a:hover,#subnavbar li.on a{
   color: #555;
}
#get-star{
   float: right;
}
#get-star li{
   margin-left: 9px;
}
#get-star a.btn{
   background-position: 0 -162px;
   font-size: 14px;
   height: 36px;
   line-height: 36px;
   text-shadow:1px 1px #C4E682;
   width: 120px;
}
#get-star a.btn:hover{
   background-position: 0 -198px;
   color: #fff;
   text-shadow:1px 1px #333;
}

/* center of page */
#main{
   background: url(../images/main-bg.gif) 660px 32px no-repeat;
   padding: 27px 0 47px;
   width: 100%;
}

/* left */
#mainbar{
   float: left;
   width: 600px;
   margin-top: -7px;
   padding: 0 0 0 20px;
}

.space-list{
   border-bottom: 1px solid #ddd;
   padding: 0 0 43px;
   width:100%;
}
.price{
   background: url(../images/price-bg.gif) #FCFCFC repeat-x;
}
.price ul{
   background: url(../images/price-ul-bg.gif) no-repeat;
   width: 100%;
}
.price li{
   border-left: 1px solid #fff;
   background: url(../images/price-li-bg.png) no-repeat;
   float: right;
   height: 107px;
   text-align: center;
   width: 104px;
}
.price li h4{
   color: #fff;   
   font-size: 36px;
   height: 54px;
   line-height: 55px;
   overflow: hidden;
   padding: 4px 0 0 0;
}
.price li p{
   color: #7A7A7A;
   font-size: 14px;
   font-weight: bold;
   line-height: 45px;
}
.price li p em{
   color: #fff;
   font-size: 18px;
   font-style: normal;
}
.price li.nine{
   background-position: -315px 0;
}
.price li.seven{
   background-position: -210px 0;
}
.price li.five{
   background-position: -105px 0;
}
.space-list h3{
   background: url(../images/space-list-h3-bg.gif) repeat-x;
   color: #333;
   font-size: 18px;
   height: 48px;
   line-height: 48px;
   padding: 0 20px;
   position: relative;
   text-shadow:1px 1px #fff;
}
.space-list table{
   margin-top: -10px;
   table-layout: fixed;
   width: 100%;
}
.space-list th{
   height: 10px;
   line-height:0;
   overflow: hidden;
   width: 96px;
   text-indent: -2000px;
}
.space-list th.text-left{
   width: 165px;
}
.space-list td.text-left img{
   vertical-align: middle;
}
.space-list td{
   border-bottom: 1px solid #E9EDEF;
   line-height: 21px;
   padding: 7px 5px;
}
.space-list tr.order td{
   border: 0;
   padding-top:10px;
}
.space-list td,.space-list th{   
   text-align: center;
}
.space-list td.text-left,.space-list th.text-left{
   font-size: 11px;
   font-weight: normal;
   padding: 0 5px 0 20px;
   text-align: left;
}
.space-list td.text-left a{
   margin-right: 3px;
}
.font14 td{
   font-size: 14px;
}

/* product list */
.product{
   background: url(../images/dot-x.gif) left bottom repeat-x;
   padding:16px 0 21px 7px;
}
.product .pic{
   float: left;
   padding: 4px 0 0;
}
.product-info{
   float: right;
   width: 498px;
}
.product-info h4{
   color: #333;
   font-size: 14px;
   margin-bottom: 8px;
}
.product-info p{
   min-height:54px;
}

/* right */
#sidebar{
   float: right;
   padding: 0 4px 0 0;
   width: 250px;
}

#ipsum {
   margin-bottom: 30px;
}
#ipsum h3{
   color: #406269;
   font-size: 18px;
   background: url(../images/ipsum-icon.gif) no-repeat;
   padding: 5px 0 5px 50px;
   margin: 0 0 3px 7px;
}
#ipsum li{
   border-bottom: 1px solid #EEE;
   line-height: 35px;
   width: 100%;
}
#ipsum li a{
   display: block;
   padding: 0 10px;
}

#quote blockquote{
   background: url(../images/quote-t.gif) #333 no-repeat;
   color: #999;
   font-style: italic;
   padding: 14px 17px 7px;
}
#quote blockquote em{
   color: #fff;
}
#quote dl{
   background: url(../images/quote-b.gif) no-repeat;
   line-height: 18px;
   padding: 31px 17px 0;
}
#quote dt cite{
   color: #333;
   font-weight: bold;
}
#quote .headship{
   color: #999;
   font-size: 10px;
}

cite em {
   color:#000000;
}

/* internal page */
.content h2{
   margin-bottom: 12px;
}
.content h3{
   color:#333;
   font-size: 18px;
   margin: 0 0 20px;
}
.content p{
   margin-bottom: 18px;
}

/* contact us page */
#contact-form ul{
   margin-top: 23px;
}
#contact-form li{
   float: left;
   margin-bottom: 6px;
   width: 100%;
}
#contact-form li label{
   float: left;
   line-height: 28px;
   text-align: right;
   width: 80px;
}
.form-right{
   float: right;
   width: 508px;
}
.form-right input,.form-right textarea,.form-right button{
   background: #eee;
   border: 1px solid #ddd;
   padding: 5px;
   width: 230px;
}
.form-right textarea{
   height: 125px;
   width: 350px;
}
.form-right button{
   height: 30px;
   overflow: hidden;
   width: 53px;
}
#notify {
color: #262626;
text-decoration: none;
display: block;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #FFFEC9;
font: normal 12px/100% arial;
padding: 8px 5px 8px 25px;
width: 400px;
margin: 10px auto 10px auto;
border: 1px solid #FCF374;
background-image: url(../images/bullet_error.png);
background-repeat: no-repeat;
background-position: 5px 6px;
}

#notify:hover, #betanotify:active {
color: #262626;
text-decoration: underline;
border: 1px solid #E6DB47;
}

#notifyplus {
color: #262626;
text-decoration: none;
display: block;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #FFFEC9;
font: normal 12px/100% arial;
padding: 8px 5px 8px 25px;
width: 350px;
margin: 10px auto 10px auto;
border: 1px solid #FCF374;
background-image: url(../images/bullet_error.png);
background-repeat: no-repeat;
background-position: 5px 6px;
}