/*
Theme Name: ZeHosting
Theme URI: http://zehosting.com/
Description: This theme was coded for ZeHosting by Amber Weinberg.
Author: Amber Weinberg
Author URI: http://www.amberweinberg.com/

*/
/*****CSS RESET*******/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/****BODY STYLES********/

body { font-family: Myriad Pro, Myriad, Arial, sans-serif; font-size: 16px; color: #C3C3C3; text-shadow: 1px 1px 1px #000; background: url('../images/subBkg.jpg') repeat-x top center #303030; }
body.home { background: url('../images/homeBkg.jpg') repeat-x top center #303030; }
body.product { background: url('../images/productBkg.jpg') repeat-x top center #303030; }

p { padding-bottom: 15px; line-height: 27px; }
p span { font-size: 22px; color: #FFF; }

a { color: #FFF; text-decoration: none; }
a:hover { color: #FFF; }
a.active { color: #FFF; }

span { color: #C3C3C3; }
span a { color: #FFF; }

h1, h2, h3 { color: #C3C3C3; font-weight: normal; }
h1 { font-size: 24px; }
h1 span { font-size: 30px; }
h2 { font-size: 20px; }
h3 { font-size: 17px; color: #FFF; }

#container { margin: 0 auto; position: relative; width: 1118px; min-width: 50px; padding-top: 10px; }

/****HEADER STYLES*******/

a.logo { position: absolute; float: left; width: 187px; height: 103px; top: 10px; left: 0; }

/*****NAV STYLES*******/

ul#nav { float: right; }
ul#nav li { float: left; padding: 0 10px 5px; font-size: 14px; }
ul#nav li a { float: left; margin-top: 35px; }
ul#nav li.phone { margin-top: 7px; line-height: 22px; }
ul#nav li.phone span { font-size: 24px; color: #FFF;}
ul#nav li img { padding-right: 5px; }

ul.dropdown { position: relative; z-index: 300; }
ul.dropdown li { float: left; zoom: 1; }
ul.dropdown li a { display: block; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; }

/* LEVEL TWO*/
ul.dropdown ul { width: 150px; display: none; position: absolute; top: 100%; background: #666; }
ul.dropdown ul li  { width: 100%; padding: 0 !important; border-bottom: 1px solid #ccc; float: left; width: 100%; }
ul.dropdown ul li a	{ width: 140px; padding: 5px; display: inline-block; color: #FFF; margin: 0 !important; } 
ul.dropdown ul li a:hover { background: #999; }

a.login, .login input[type=submit] { width: auto; height: 17px; margin-top: 27px !important; padding: 6px 0 0 6px; color: #FFF; text-shadow: none; text-transform: uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: url('../images/btn.jpg') repeat-x; }

/*****FOOTER STYLES*******/

#footer { float: left; width: 100%; margin-top: 50px; padding: 30px 0 50px; font-size: 14px; background: url('../images/footerDivider.jpg') repeat-x top; }
#footer ul { float: left; padding-right: 30px; line-height: 25px; }
#footer li span { font-size: 16px; }

#footerInfo { position: relative; float: right; width: 450px; }
#footer p { width: 450px; clear: right; font-size: 12px; text-align: right; }
#footer p.phone { float: right; padding-bottom: 50px; line-height: 3px; }
#footer p.phone span { font-size: 30px; line-height: 38px; }

#footerLine { background:none repeat scroll 0 0 #005198; clear:both; height:4px; width:100%; }

#twitterHostingQuoteDiv { width: auto !important; left: 60px !important; }
#twitterHosting { float: left; padding-left: 60px; }

/*****HOME CONTENT STYLES*******/

#hero { position: relative; float: left; width: 1008px; padding: 60px 0 0 110px; }
#hero .server { position: relative; float: left; width: 285px; margin-left: 35px; margin-right: 35px; cursor: pointer; text-align: center; }
#hero .server p span { font-size: 18px; }
#hero .server img { padding: 0 0 15px 10px; }
#hero .server img.mail { padding-top: 3px; }
#hero .server img.mini { padding-top: 16px; }
#serverProductsDiv { width: 710px; margin: 0 auto; }
#clusteredHostingServerDiv, #kerioConnectMailServerDiv, #dedicatedMacMiniServer, #twitterHosting { float: left; clear: none; position: relative; }
#clusteredHostingServerDiv, #kerioConnectMailServerDiv, #dedicatedMacMiniServer { float: left; clear: none; position: relative; }

p.home { float: left; width: 635px; margin: 30px 0 0; }

.featuredClients { float: right;  width: 400px; margin-top: 35px; color: #FFF; }
.featuredClients img { float: left; padding-bottom: 20px; }
.featuredClients p { padding: 0 0 0 70px; }
.featuredClients .bubble { padding-bottom: 10px; }

.bubble { float: left; width: float: left; width: 100%; height: 20px; background: url('../images/bubble.png') no-repeat top center; }

/*****SUB CONTENT STYLES*******/

.subNav { float: left; width: 100%; margin-top: 55px; padding-bottom: 15px; background: url('../images/footerDivider.jpg') repeat-x bottom; }
.subNav h1 { float: left; width: 530px; }
.subNav ul { float: left; margin-top: 6px; }
.subNav ul li { float: left; padding: 0 10px; font-size: 14px; }

.subContainer { float: left; width: 625px; margin: 20px 0 0px; padding: 35px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #454545; }
.subContainer h2 { padding-bottom: 15px; }
.subContainer a { color: #FFF; }

.full { width: 95%; }

body.whmcs .subContainer { width: 100%; padding: 0;}
body.whmcs .subContainer .cont { padding: 35px; }

/*.login { width: 275px; color: #FFF;  }*/
input[type=text], input[type=password] { width: 255px; margin-top: 10px; padding: 3px 10px; border: 1px solid #c2c2c2; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
select { margin-top: 10px;}
.login input[type=submit] { height: 22px; margin-top: 0 !important; padding: 0 6px; font-size: 12px; font-weight: bold; cursor: pointer; border: none; }
.login p.submit { float: left; margin-top: 10px; }
/*login p.check { float: right; margin-top: 10px; }*/
.login hr { width: 100%; clear: both; border: 1px solid #8a8a8a; background: #8a8a8a; }
.login a { color: #999; font-size: 14px; }
.login a:hover { color: #FFF; }

.sidebar { float: left; width: 265px; margin-top: 20px; padding-left: 50px; font-size: 14px; }
.sidebar ul { float: left; width: 100%; padding-bottom: 10px; }
.sidebar li { padding-left: 15px; border-bottom: 1px solid #FFF; line-height: 30px; }
.sidebar p { padding: 0 0 5px 15px; }

.productBanner { float: left; width: 100%; height: 160px; margin-top: 7px; font-size: 30px; color: #FFF; }
.productBanner img { float: left; padding: 0 50px 0 230px; }
.productBanner p { padding-top: 50px; }
.productBanner p span { color: #C3C3C3; font-size: 22px; }

.productContainer { float: left; width: 600px; }
.productTitle { float: left; width: 600px; margin-top: 30px; }
.productTitle img { padding-right: 5px; vertical-align: bottom; }
.productTitle ul { margin-top: 20px; }
.productTitle li { float: left; padding: 0 10px; font-size: 14px; }

#product-content-nav li a{ cursor:pointer; }

.product .subContainer { width: 560px; padding: 20px; }
.product .subContainer h2 { padding-bottom: 0; }
.product .subContainer h2 img { padding-right: 5px; vertical-align: middle; }
.product .subContainer hr { margin-bottom: 20px; }
.product .subContainer .column { float: left; width: 245px; padding-right: 20px; font-size: 14px; } 
.product .subContainer .column p { margin-top: 5px; line-height: 20px; }
.product .subContainer .column.last { padding-right: 0; }

 ul.aup { list-style-type: disc; margin: 5px 0 20px 50px;}
 ul.aup li { margin: 5px 0px; line-height: 20px;}

#scroller-window, #scroller-overview-window, #scroller-features-window, #scroller-faq-window { height:400px; }
#scroller-window { position:relative; overflow: hidden; width: 560px; }
#scroller-overview-window, #scroller-features-window, #scroller-faq-window { overflow: hidden; width: 550px; }
#scroller-overview-wrap, #scroller-features-wrap, #scroller-faq-wrap { width: 540px; position: absolute;}
#scroller-vertical{	position:absolute; top:0; left:10px; height:400px; width:560px; }

#scroller-faq-window ul { list-style-type: disc; margin: 0 0 0 30px;}

.blog .sidebar, .single .sidebar { float: left; width: 265px; margin-top: 20px; padding-left: 50px; font-size: 14px; }
.blog .sidebar ul, .single .sidebar ul { float: left; width: 100%; padding-bottom: 10px; }
.blog .sidebar li, .single .sidebar li { padding-left: 15px; border-bottom: 0px; }
.blog .sidebar li li, .single .sidebar li li { padding-left: 15px; border-bottom: 1px solid #FFF; }
.blog .sidebar .widget, .single .sidebar .widget { float: left; width: 100%; padding: 15px 0; }
.blog .sidebar p, .single .sidebar p { padding: 0 0 5px 15px; }
.blog .sidebar .widgettitle, .single .sidebar .widgettitle { margin-bottom: 1px; border-bottom: 1px solid #FFF; }

.product .sidebar { width: 288px; margin-top: 38px; padding-left: 10px; }
.product .sidebar .price { float: left; width: 268px; height: 51px; padding: 22px 0 20px 20px; font-size: 35px; color: #FFF; background: url('../images/price.jpg') no-repeat; }
.product .sidebar .price span { font-size: 18px; }
.product .sidebar .price a.login { position: relative; margin-left: 10px; top: -6px; padding: 9px 10px 5px; font-size: 14px; background: url('../images/priceBtn.jpg') repeat-x; }
.product .sidebar h3 { padding: 0px 0 10px 20px; }
.product .sidebar ul { width: 265px; padding-left: 15px; font-size: 14px; }
.product .sidebar ul li { padding-left: 5px; }
.product .sidebar ul li img { padding-right: 10px; vertical-align: middle; }
.product .sidebar .testimonial { float: left; width: 240px; margin-top: 30px; padding-left: 38px; font-size: 16px; color: #FFF; }
.product .sidebar .testimonial span { float: left; padding: 5px 0 0 40px; }
.product .sidebar .testimonial .bubble { margin: 15px 0 0 0 ; }
.product .sidebar .testimonial p { float: left; padding: 5px 0 0 0; font-size: 16px; color: #FFF; line-height: 20px; }
.product .sidebar .testimonial p span { padding: 0; font-size: 14px; color: #C3C3C3; }

#bubbleTooltip { background-color:#000; border:2px solid #fff; padding:10px 15px; width:180px; display:none; color:#fff; text-align:center; font-size:13px; 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#bubbleTooltip .pointer, #bubbleTooltip .inner-pointer {  position: absolute; width:0; height:0; border-bottom-width: 0; background: none; }  
#bubbleTooltip .pointer { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 14px solid #fff; bottom: -14px; right: auto; left: 47%; margin-left: -7px; }  
#bubbleTooltip .inner-pointer { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #000; bottom: auto; top: -14px; left: -5px; }  

a.nolink { cursor: default; }

.featImgL { clear:both; margin-bottom: 35px; }
.featImgL div img { float: left; display: block; }
.featImgL h3 { margin-bottom: 5px;}
.featImgL ul { list-style-type: disc; margin: 0px 0 0 160px; }
.featImgL ul li { font-size: 14px; margin-bottom: 3px; }

.alignleft { float: left; padding: 0 15px 15px 0; }
.alignright { float: right; padding: 0 0 15px 0 15px; }

.post { float: left; width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #FFF; }
.post small { float: right; font-size: 11px; font-style: italic; line-height: 15px; }
.post h2 { float: left; }
.post h2 span { font-size: 14px; }
.post p { clear: both; }
#respond { float: left; margin-top: 20px; font-size: 14px; }
li.comment { float: left;  width: 595px; margin-bottom: 15px; padding: 15px; font-size: 14px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #666; }
li.comment.odd { background: #333; }
img.avatar { float: left; padding: 0 10px 10px 0; }
li.comment p { clear: both; font-size: 16px; }

#habla_conversation_div span, .hbl_var_font_size { font-size: 14px; font-weight: normal; color: #000; text-shadow: none; }