body {background:#f6f6f6; color:#333; line-height:20px;}

.wrapper {position:relative; overflow:hidden}

/* CLASS PUBLIC
---------------------------------------------------------------*/

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

.button {  border: 1px solid #FFF; color: #FFF; font-weight: bold; padding: 5px 10px;}

#jv-sidebar2 .jv-module {margin-bottom:30px;padding-left: 35px;}


/* HEADER
---------------------------------------------------------------*/
#jv-header {background:url(../images/bg-top.png) repeat-x; height:81px; position:absolute; width:100%; z-index:100;}
#jv-header .jv-block {position:relative;}

  /* Logo */
  .jv-logo { padding-right:30px; background:url(../images/sep.png) 100% 0 repeat-y; position:absolute; left:0; top:20px}
  #logo  {width:166px; height:36px; float: left;}
  #logo a { background:url(../images/logo.png); display: block; height:36px; width: 100%;}

  /*Menu*/
  .jv-menu{ position:absolute; left:216px; top:0}
/* Search */
  .jv-search {right:0; margin-top:20px; position:absolute; width:220px}
  .jv-search .search{background:url(../images/bg-search.png) no-repeat 100% 0; height:28px; line-height:28px}
  .search .inputbox{border:0; height:28px; width:187px; padding-left:5px; color:#808d90; line-height:28px; background:url(../images/bg-search.png) no-repeat 0 -28px;}


/*BREADCRUMB
---------------------------------------------------------------*/
#jv-breadcrumb {background:url(../images/bg-breadcrumb.png) repeat-x; height:59px; }
#jv-breadcrumb .jv-block {padding:10px 0 0; background:none;}
.jv-breadcrumb  {margin-top:15px; background:none;}
.jv-breadcrumb span.breadcrumbs {background:none;}
.jv-breadcrumb span.breadcrumbs a.pathway {padding-left:8px; color:#fff; display:block; float:left; margin-right:5px;}
.jv-breadcrumb span.breadcrumbs a.pathway:hover {background-color:transparent;}
.jv-breadcrumb span.breadcrumbs a.pathway span {padding-right:8px; background-position:100% -24px; display:block; height:24px; line-height:24px}
.jv-breadcrumb span.breadcrumbs span.other {padding-left:8px; background-position:0 -72px; display:block; float:left; margin-right:5px;}
.jv-breadcrumb span.breadcrumbs span.other span {padding-right:8px; background-position:100% -48px; display:block; height:24px; line-height:24px}
/*MODULEBOX
---------------------------------------------------------------*/
/*Box1*/
#jv-modulebox1 {margin-top:20px; background:url(../images/sep2.png) 50% 100% no-repeat; padding-bottom:20px;}
#jv-modulebox1 .contentmod{ overflow:visible}
 
/*Box2*/
#jv-modulebox2 .jv-module {background:url(../images/bottom-sep.png) no-repeat; padding:30px 25px 15px 20px; color:#a6bac1;}
#jv-modulebox2 .jv-module h2.title {color:#10c6ff; margin-bottom:20px;}

/*Box4*/
#jv-modulebox4 {margin-top:-59px; margin-bottom:59px;}

.jv-user5 {float:right; padding-top:8px; padding-left:20px; width:290px;     position: relative;   z-index: 100;}
.jv-user5 a {display:block; width:126px; height:33px; line-height:33px; font-weight:bold; color:#fff; font-size:92%; padding-left:10px; cursor:pointer;} 

/*About us*/
.module-aboutus,.module-services {padding-right:30px;width:500px;}
.module-aboutus h2 {background:url(../images/icon-group.png) 0 50% no-repeat;}

.module-services h2 {background:url(../images/icon-services.png) 0 50% no-repeat;}

/*Testimonials*/
.module-testimonials h2 {background:url(../images/icon-testimonials.png) 0 50% no-repeat; }


.module-aboutus h2,.module-services h2,.module-testimonials h2 {padding:5px 0 5px 50px; margin-bottom:25px;}
.module-aboutus .contentmod,.module-services .contentmod,.module-testimonials .contentmod {background:url(../images/sep1.png) 0 0 no-repeat; padding-top:30px;}

/*Lastestnews*/
.module-latestnews li,.module-follow li {background:url(../images/line.png) repeat-x; font-weight:bold; padding:7px 5px 5px; font-size:94%;}
.module-latestnews li:hover a,.module-follow li:hover a {color:#fff; background-color:transparent;}

/*Follow us*/
.module-follow .facebook a,.module-follow .twitter a,.module-follow .reddit a,.module-follow .digg a,.module-follow .flickr a 
{background-image:url(../images/icon-social.png); background-repeat:no-repeat; padding-left:25px; display:block}
.module-follow .twitter a {background-position:0 -32px;}
.module-follow .reddit a {background-position:0 -64px;}
.module-follow .digg a {background-position:0 -96px;}
.module-follow .flickr a {background-position:0 -128px;}

/*Newsletter*/
.module-newsletter {font-weight:bold;}
.module-newsletter img {margin-bottom:25px;}
.module-newsletter .inputbox {background:url(../images/search.png) no-repeat; border:0; height:28px; width:185px; padding-left:10px; color:#808d90;line-height:28px; float:left;}
.module-newsletter .go {float:left; background-repeat:no-repeat;background-color:transparent; border:none; width:21px; height:28px; cursor:pointer;}
.module-newsletter .hotline {clear:both; background:url(../images/telephone.png) 0 50% no-repeat; padding:5px 0 5px 35px; font-size:22px; margin-top:15px; font-weight:normal;}

/*Our client*/
.module-ourclient {background:url(../images/bg-client.png); padding:20px 0;}
.module-ourclient h2.title {background:url(../images/sep1.png) 0 100% no-repeat; margin-left:-30px; padding-bottom:15px; margin-bottom:10px!important;}
.module-ourclient h2.title span {margin-left:30px;}
.module-ourclient ul {margin-right:30px;}
.module-ourclient li {width:33%; float:left; text-align:center; margin:5px 0;}
/* MODULE
---------------------------------------------------------------*/
/* end mod default */
.jv-slide #jv-slideshow .jv-slideshow-controls{ right:320px}
.jv-slide #jv-slideshow .jv-slideshow-captions{ right:15px}
#jv-slideshow .jv-slideshow-captions .description{ font-size:14px !important}
#jv-slideshow .description h3{ font-family:'BebasNeueRegular'; font-size:30px !important; font-weight:normal}

.jv-module h2.title,#contact h2.componentheading {margin-bottom:25px; font-size:230%; color:#000; line-height:normal; font-weight:normal; font-family:'BebasNeueRegular'}
* +html .jv-module h2.title {font-size:220%;}
* +html h2.title_article {font-size:220%;}
* +html .title-intro {font-size:220%;}

.jv-module h2 {font-size:16px; color:#037a9f; font-weight:normal;}
.jv-module h2 .first {margin-bottom:5px; font-size:165%; color:#000; display:block; font-weight:bold;}

* +html .jv-module h2 .first {font-size:145%;}
span.desc{font-family: Arial, Helvetica, sans-serif; font-size:15px}


.module-accordion h2.title { margin-bottom:25px;}


/* Login */
.form-login label { float: left; width:80px; }
.form-login p { margin-bottom:10px;}
.mod-login .login-input {  border:1px solid #cdcdcd; padding-left:5px;  height:20px; line-height:20px;  margin-bottom:10px; background:#fff;}
.mod-login .inputbox { width:100%; background:none; border:0; height:20px; font-size:11px; line-height:20px }
.more-login a { display:block;  margin-bottom: 2px;}

input.button { background:#333; border:0; color:#fff; padding:2px 5px; }


.comcontent table { width:100%;}
/* SLIDE
---------------------------------------------------------------*/
#jv-slideshow .jv-slideshow-captions .description {font-size:12px}
#jv-slide .contentmod {   padding: 0;}
#jv-slide {background-image:url(../images/bg-nav.png); background-position: 0 100%; background-repeat: repeat-x; padding-bottom:9px;}
#jv-slide .jv-block { background-position: 50% 0; background-repeat: no-repeat; width:100%}
#jv-slide .jv-block .jv-inner {width:960px; margin:0 auto; height:250px;}
.jv-slide #jv-slideshow .jv-slideshow-captions{ bottom:140px; height: auto; opacity:1 !important; width:500px; right:15px; left:auto; background:none}
.jv-slide #jv-slideshow .jv-slideshow-items, .jv-slide #jv-slideshow .jv-slideshow-content{ height:350px}


.jv-slide #jv-slideshow .jv-slideshow-controls li a img.icon{ background:url(../images/btn-slide.png) no-repeat; height:18px; width:18px}
.jv-slide #jv-slideshow .jv-slideshow-controls li a.active img.icon,.jv-slide  #jv-slideshow .jv-slideshow-controls li a:hover img.icon{ background-position:0 -18px}
.jv-slide .jv-slideshow-controls li a.active, .jv-slide .jv-slideshow-controls li a:hover, .jv-slide .jv-slideshow-items .item a{ background-color:transparent !important}
/*Hosting packages*/


.hosting-packages{ margin:0 -10px !important; overflow:hidden}
.hosting-packages ul{ margin:0 !important; overflow:hidden}
.hosting-packages > li {float:left; width:50%; list-style-type:none !important}
.hosting-packages .inner{ margin:10px; padding:20px; position:relative; overflow:hidden}
.hosting-packages .inner h3{ font-size:180%; margin-bottom:20px}
.hosting-packages .textintro{ position:relative; min-height:150px}

.hosting-packages .textintro ul li{background:url(../images/plus.png) no-repeat center left; padding-left:15px}
.hosting-packages .textintro ul li a{ color:#333; line-height:25px; display:block}
.hosting-packages .textintro ul li a:hover{ text-decoration:underline}
.hosting-packages .textintro ul li span{ display:block}

.hosting-packages .ordering{ height:36px; width:298px; position:absolute; bottom:-19px; left:-19px; background:url(../images/bg-order.png) repeat-x}
.hosting-packages .od-blue{ background-position:0 0 !important}
.hosting-packages .od-green{ background-position:0 -36px !important}
.hosting-packages .od-lightbrown{ background-position:0 -72px !important}
.hosting-packages .od-darkgrown{ background-position:0 -108px !important}

.hosting-packages .ordering p{ float:left; margin:0; padding-left:10px;}
.hosting-packages .ordering span{ font-size:200%; color:#fff; font-weight:700; margin-bottom:5px}
.hosting-packages .ordering sup{ font-size:70%}
.hosting-packages .ordering .bt-order{background:url(../images/bg-button.png) repeat-x; padding:2px 5px; border:1px solid #fff; text-transform:uppercase; float:right; margin:6px 10px 0 0}

.color-blue{ color:#0e8b58}
.color-green{ color:#728b0e}
.color-lightbrown{ color:#8b670e}
.color-darkbrown{ color:#8b3d0e}

/*Hosting features*/
.module-hosting-features {line-height:18px;}
.module-hosting-features h3 {font-size:100%;  margin-bottom:5px;}
.module-hosting-features .feature1,.module-hosting-features .feature2,.module-hosting-features .feature3,.module-hosting-features .feature4 {padding-left:40px; margin-bottom:15px;}
.module-hosting-features .feature1 {background:url(../images/help1.png) no-repeat;}
.module-hosting-features .feature2 {background:url(../images/time.png) no-repeat;}
.module-hosting-features .feature3 {background:url(../images/deposit.png) no-repeat;}
.module-hosting-features .feature4 {background:url(../images/power.png) no-repeat;}

.say-block {margin-top:40px;}
.say-block .shape {padding:10px; position:relative; background:#fff;}
.say-block .shape .arrow {position:absolute; left:60px; bottom:-17px; z-index:2; width:21px; height:17px; background:url(../images/say.png) no-repeat;}
.say-block .shape p {margin-bottom:0; font-style:italic;}
.say-block .author {font-weight:bold; margin-left:90px; margin-top:3px;} 

.ourservices {margin-bottom:25px; margin-top:40px;}

/*Contact us*/
#emailForm {margin-top:40px;}
#emailForm p{ border:1px solid #cecece; background:#fff; padding-left:3px}

#emailForm label {display:block; margin-left:10px; width:100%;}
#emailForm label span {color:#f00;}
#emailForm .inputbox {line-height:42px; height:42px; font-size:130%; border:0; width:100%}

#emailForm .contact_message .inputbox {height:150px; line-height:normal}
#emailForm .contact_message {margin-bottom:10px;}
#emailForm .button {float:right; text-transform:uppercase; margin-bottom:5px;}
* +html #emailForm .button {margin-bottom:100px;}

#emailForm .subject div {float:left; width:50%;}
.subject{ margin:0 -10px 20px}
.subject p{ margin:0 10px;}


/*Content*/
#jv-mainbody{ padding-bottom:30px}

#jv-container {margin-top:40px;}

.page_heading { font-size:100%; font-weight:bold; line-height:25px; color:#fff; text-transform:uppercase; padding:0 10px;}

h3.subtitle {font-size:140%; font-weight:normal; color:#026b8d; margin-top:30px;}

.in_page{ overflow:visible}

#jv-container .jv-block { background: url(../images/sep3.png) no-repeat scroll 650px 0 transparent;}

.readmore { border: 1px solid #FFFFFF;  color: #333333;  display: block;  float: left; margin-left: 1px;  margin-top: 23px;  padding: 3px 7px; }
.readmore:hover { background:none;}

.contact h3, h2.title_article, .title-intro { font-size:230%; font-weight: normal; margin-bottom: 25px; font-family:'BebasNeueRegular'; line-height:100%}

/*Block*/
.block1, .block2, .block3, .block4 { padding-left: 60px;}
.block1 h3, .block2 h3, .block3 h3, .block4 h3 {  font-size: 100%;}

.block1 { background: url(../images/database.png) no-repeat;}
.block2 { background: url(../images/help.png) no-repeat;}
.block3{ background:url(../images/chart.png) no-repeat}
.block4{ background:url(../images/coins.png) no-repeat}

/*Domain*/

.inputsearch { border: 1px solid #CECECE; padding: 5px 10px; width: 300px;}
.button2 { background-image:url(../images/btn-frm-search.png); background-repeat: no-repeat ; border:1px solid #FFF; color:#FFF; font-size:12px;font-weight:bold; height:35px; line-height:35px; width: 66px;}
p.comment{ font-size:11px}

/*Price domain*/
.tbl { border-bottom: 1px solid #C8C8C8;  border-left: 1px solid #C8C8C8; margin-bottom:10px}
.tbl3 { border-bottom: 1px solid #C8C8C8;  border-left: 1px solid #C8C8C8; margin-bottom:10px}

.tbl .head { border-top: 1px solid #C8C8C8; color: #FFFFFF; font-weight: bold;}
.tbl3 .head { border-top: 1px solid #C8C8C8; color: #FFFFFF; font-weight: bold;}

.head .col1 span, .head .col2 span, .head .col3 span, .head .col4 span{ border-top:none}

.tbl .col1, .tbl .col2, .tbl .col3, .tbl .col4 {  float: left;  width: 25%;}
.tbl3 .col1, .tbl3 .col2, .tbl3 .col3 {  float: left;  width: 33%;}


.tbl .col1 span, .tbl .col2 span, .tbl .col3 span, .tbl .col4 span {  border-top: 1px solid #FFFFFF;  display: block;  line-height: 28px;  padding: 0 5px;}
.tbl3 .col1 span, .tbl3 .col2 span, .tbl3 .col3 span, .tbl3 .col4 span {  border-top: 1px solid #FFFFFF;  display: block;  line-height: 28px;  padding: 0 5px;}

.tbl .col1 span, .tbl .col2 span, .tbl .col3 span {   border-right: 1px solid #FFFFFF;}
.tbl3 .col1 span, .tbl3 .col2 span, .tbl3 .col3 span {   border-right: 1px solid #FFFFFF;}

.tbl .col4 span {   border-right: 1px solid #C8C8C8;}
.tbl3 .col4 span {   border-right: 1px solid #C8C8C8;}
.tbl3 .col3 span {   border-right: 1px solid #C8C8C8;}


.tbl .row .col2 span, .tbl .row .col3 span, .tbl .row .col4 span {   background-color: #EEEEEE;}
.tbl3 .row .col2 span, .tbl3 .row .col3 span, .tbl3 .row .col4 span {   background-color: #EEEEEE;}
.tbl .row .col1 span, .tbl .row .col1 span { background-color: #DDDDDD;  font-weight: bold;}
.tbl3 .row .col1 span, .tbl3 .row .col1 span { background-color: #DDDDDD;  font-weight: bold;}

.tbl .row.head .col1 span {  background-color: #666666; }
.tbl3 .row.head .col1 span {  background-color: #666666; }

.tbl .row.head .col2 span { background-color: #669900; }
.tbl3 .row.head .col1 span  { background-color: #669900; }
.tbl3 .row.head .col2 span  { background-color: #669900; }
.tbl3 .row.head .col3 span  { background-color: #006699; }

.tbl3 .row.head .col1 span, .tbl .row.head .col3 span {background-color: #CC9900;border-right:1px solid #C8C8C8}

.tbl3 .row.head .col1 span, .tbl .row.head .col4 span {background-color: #CC3300;border-right:1px solid #C8C8C8}




#jv-mainbody  { background:#F6F6F6}

/*Tab*/
div.jv-tabs-container {clear: both}

.jv-tabs { position:relative; padding-top:30px}
.jv-tabs ul{ margin:0 !important; position:absolute; top:0; left:0; z-index:100}
.jv-tabs  ul li{ list-style-type:none}

/* FOOTER
---------------------------------------------------------------*/
#jv-footer {padding:10px 0px; background-image:url(../images/bg-footer.png); background-repeat: repeat-x;  font-size:90%;}  
.copyright {float:left; width:46%}
.jv-footer ul.menu {float:right;}
.jv-footer ul li { float:left}
.jv-footer ul li a {background-image: url(../images/menu.png); background-repeat:no-repeat; background-position:left center ; padding:0 10px; }
.jv-footer ul li a:hover {color:#fff;}
.jv-footer  li:first-child a  {background-image:none !important;}

div.jv-footer small {display: block;}