@charset "utf-8";
/* CSS Document */
/***************************************************
BASE
***************************************************/
html,body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1.3em;
	color:#111;
}
.bg {
	background:url(../img/bg.jpg) top right repeat;
	position: fixed;
	width: 100%;
	height: 300%;
	top:0;
	left:0;
	z-index: -2;
}
.bgtwo {
	background:url(../img/bg2.jpg) top center repeat;
	position: fixed;
	width: 100%;
	height: 300%;
	top:0;
	left:0;
	z-index: -2;
}

body.android .bg {
	display:none;
}
a {
	color:#44A4D4;
}
a:hover {
	color:#738734;
	text-decoration:none;
}


/***************************************************
HEADER / NAV
***************************************************/
#header	{
	background:#fff;
}
#header a {
	color:#666;
	text-decoration:none;
}
#header a:hover {
	color:#44A4D4;
}
#logo {
	float:left;
	padding:15px 0;
}
#clink {
	float:right;
	padding:25px 0 0 0;
}
#iconfb, #icontw, #csupport, #csales {
	float:right;
	font-size:0.8em;
	margin-left:10px;
	display:block;
	line-height:2.8em;
}
#csupport {
	background:url(../img/icon-support.png) left center no-repeat;
	padding-left:30px;
}
#csales {
	background:url(../img/icon-sales.png) left center no-repeat;
	padding-left:30px;
}
#stickynav {
	background:#4EA8D5;
	line-height:3em;
	color:#fff;
	margin:auto;
	width:100%;
	z-index:100;
}
#prices {
	font-size:0.75em;
	text-align:center;
}
#prices span {
	font-family: 'Lato', sans-serif;
	font-size:2.5em;
	display:block;
	padding-top:10px;
	color:#184B5F;
	font-weight:400;
}
#homebanner {
	max-height:250px;
	font-family: 'Lato', sans-serif
}
.slidehead {
	font-size:2em;
	color:#fff;
}
.slidebod {
	font-size:1.5em;
	font-weight:300;
	line-height:1em;
}

/***************************************************
HOME PAGE
***************************************************/
/** outside containers **/
#hometop, #portfolio, #homecont, #threebox {
	background:#fff;
	padding:40px 0;
	z-index:10000;
}
#inclist, #extracontent {
	background:#F5F5F5;
	padding:40px 0;
	z-index:10000;	
}
#inclist a {
	color:#000;
	text-decoration:none;
}
#inclist a:hover {
	color:#738734;
}
#prices {
	background:#eee;
	padding:20px 0;
	z-index:2;	
}
#testimonials {
	background:#44A4D4;
	padding:40px 0;
	z-index:10000;	
}

/*** home top ***/
#hometop p {
	font-size:0.75em;
}
#resbanner {
	position:relative;
}
#resbanner img {
	margin-top:10px;
}
#resbanner .stdbtn {
	position:absolute;
	bottom:7px;
	right:0;
}
#clienttest .stdbtn {
	font-size:1em;
}
#homequick .option p {
	font-size:0.8em;
	float:right;
	width:90%;
}

/*** inc list ***/
#ilDomain, #ilHosting, #ilDomain, #ilEmail, #ilSupport, #ilGallery, #ilSEO, #ilStats, #ilLogo, #ilPhoto, #ilCMS {
	padding-top:110px;
	text-align:center;	
	font-size:0.85em;
}
#ilDomain{
	background:url(../img/ilDomain.png) top center no-repeat;
}
#ilHosting{
	background:url(../img/ilHosting.png) top center no-repeat;
}
#ilEmail{
	background:url(../img/ilEmail.png) top center no-repeat;
}
#ilSupport{
	background:url(../img/ilSupport.png) top center no-repeat;	
}
#ilGallery{
	background:url(../img/ilGallery.png) top center no-repeat;	
}
#ilSEO{
	background:url(../img/ilSEO.png) top center no-repeat;	
}
#ilStats{
	background:url(../img/ilStats.png) top center no-repeat;	
}
#ilLogo{
	background:url(../img/ilLogo.png) top center no-repeat;	
}
#ilPhoto{
	background:url(../img/ilPhoto.png) top center no-repeat;	
}
#ilCMS{
	background:url(../img/ilCMS.png) top center no-repeat;	
}

/** portfolio **/
a.views, a.getq {
	font-size:0.7em;
	text-decoration:none;
	float:left;
	color:#999;
}
a.views:hover, a.getq:hover {
	color:#111;
}
a.views {
	background:url(../img/icon-views.png) left center no-repeat;
	padding-left:27px;
}
a.getq {
	background:url(../img/icon-getq.png) left center no-repeat;
	padding-left:12px;
	margin-left:10px;
}
a.views:hover {
	background:url(../img/icon-views2.png) left center no-repeat;
}
a.getq:hover {
	background:url(../img/icon-getq2.png) left center no-repeat;
}

/*** home cont ***/
#homecont {
	border-bottom:5px solid #F5F5F5;
}
#homecont p {
	font-size:0.75em;
}

/*** home grid ***/
#homegrid img {
	float:left;
	max-width:200px;
}
.hide {
	width:100%;
	text-align:center;
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */	
	background:none;
}
.hide img {
	padding-top:7%;
}
	
/** testimonials **/
ul.bxslider, ul.bxslider li {
	margin:0;
	padding:0;
	list-style:none;
}
.bxslider {
	font-size:2em;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	line-height:1.5em;
	color:#fff;
}
.tname {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.65em;
	color:#F0CC0C;
	line-height:1em;
	margin-top:20px;
}
.tsite {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.65em;
	color:#fff;
	line-height:1.5em;
}
.ql {
	background:url(../img/qleft.png) left top no-repeat;
	width:32px;
	height:30px;
	display:inline-block;
	padding-right:10px;
}
.qr {
	background:url(../img/qright.png) right bottom no-repeat;
	width:32px;
	height:20px;
	display:inline-block;
	padding-left:10px;
}
	

/*** threebox ***/
#mbg, #pmp {
	font-size:0.75em;
}
#mbg {
	margin-bottom:20px;
}
img#mbgman {
	float:left;
	margin-right:5%;
}
img#pmppig {
	float:right;
	margin-left:5%;
}
#cms p {
	font-size:0.75em;
}
#cms img {
	float:right;
	margin-top:20px;
}
#blogtit a {
	font-size:1.2em;
	color:#44A4D4;
	text-decoration:none;
	padding-bottom:10px;
	display:block;
}
#blogart {
	font-size:0.75em;
	padding-bottom:20px;
}

/*** extra content ***/
#extracontent {
	padding-bottom:80px;
}
#extracontent .container {
	position:relative;
}
#extracontent p {
	font-size:0.75em;
}
.clickme {
	position:absolute;
	bottom:-40px;
	right:0;
}
.reveal {
	position:absolute;
	bottom:-40px;
	left:0;
}

#extracontent ul {
	font-size:0.75em;
	margin-left:20px;
	width:45%;
	float:left;
}

/***************************************************
MISC INNER
***************************************************/
#inner {
	padding-bottom:40px;
}
#inner.nopad {
	padding-bottom:0;
}
#innerhead {
	border-bottom:1px solid #e9e9e9;
	background:#fff;
	padding-bottom:0;
}
#innerhead span {
	color:#389ED1;
}
#inner .container {
	font-size:0.75em;
}
#innerintro {
	padding:40px 0;
	background:#fff;
}
#fullfunc .col {
	position:relative;
	padding-bottom:20px;
}
#fullfunc .box {
	padding-top:10px;
}
.box ul, ul.stdlist {
	margin-left:30px;
	list-style:none;	
}
.box ul li {
	padding:5px 0 5px 25px;
	background:url(../img/bullet.png) left center no-repeat;
	list-style:none;
	border-bottom:1px solid #ccc;
}
ul.stdlist li {
	padding:5px 0 5px 25px;
	background:url(../img/bullet.png) left center no-repeat;
	list-style:none;
}
ul#sitemaplist, ul#sitemaplist li{
	margin:0;
	padding:0;
	list-style:none;
}	
ul#sitemaplist li {
	width:30%;
	margin-left:3%;
	float:left;
	padding:0 0 10px 0;
}
@media (max-width: 926px) {
	ul#sitemaplist li {
		width:45%;
	}
}
@media (max-width: 630px) {
	ul#sitemaplist li {
		width:100%;
	}
}
/***************************************************
PRICES
***************************************************/
#onep, #twop, #fivep, #ninep, #ecom {
	text-align:center;
	color:#fff;		
}
#onep {
	background:#95C851;
	margin-top:20px;
}
#twop {
	background:#184B5F;
	margin-top:20px;	
}
#fivep {
	background:#4EA8D5;
}
#ninep {
	background:#444444;
	margin-top:20px;	
}
#ecom {
	background:#6A9630;
	margin-top:20px;	
}
#onepp, #twopp, #fivepp, #ninepp, #ecompp {
	height:66px;
	font-size:3em;
	line-height:55px;
}
.pcont {
	background:#F5F5F5;
}
#onepp {
	background:url(../img/prices/onep.png) bottom center;
}
.stdtable #onepp {
	background:url(../img/prices/stdone.png) bottom center;
}
#pricetable a {
	color:#121212;
	text-decoration:none;
}
#stdtable a:hover {
	color:#738734;
	text-decoration:underline;
}
#twopp {
	background:url(../img/prices/twop.png) top center;
}
.stdtable #twopp {
	background:url(../img/prices/stdtwo.png) bottom center;
}
#fivepp {
	background:url(../img/prices/fivep.png) top center;
	height:86px;
}
.stdtable #fivepp {
	background:url(../img/prices/stdfive.png) top center;
}
#fivepp span {
	color:#FFFF00;
	font-size:0.3em;
	display:block;
	line-height:1em;
	padding-top:10px;
}
#ninepp {
	background:url(../img/prices/ninep.png) top center;
}
.stdtable #ninepp {
	background:url(../img/prices/stdnine.png) top center;
}
#ecompp {
	background:url(../img/prices/ecom.png) top center;
}
.pon, .poff {
	padding:0 10px;
	line-height:3em;
	color:#121212;
}
.poff {
	background:#fff;
}
a#onepb, a#twopb, a#fivepb, a#ninepb, a#ecompb {
	text-align:center;
	color:#fff;
	display:block;
	height:46px;
	line-height:40px;
	text-decoration:none;
}
.stdtable a:hover#onepb, .stdtable a:hover#twopb, .stdtable a:hover#fivepb, .stdtable a:hover#ninepb, a:hover#onepb, a:hover#twopb, a:hover#fivepb, a:hover#ninepb  {
	background-position:0 -46px;
	color:#fff;
	text-decoration:none;
}
a#onepb {
	background:url(../img/prices/onepb.png) no-repeat top left;
}
.stdtable a#onepb {
	background:url(../img/prices/stdonepb.png) no-repeat top left;
}

a#twopb {
	background:url(../img/prices/twopb.png) no-repeat top left;
}
.stdtable a#twopb {
	background:url(../img/prices/stdtwopb.png) no-repeat top left;
}

a#fivepb {
	background:url(../img/prices/fivepb.png) no-repeat top left;
}
.stdtable a#fivepb {
	background:url(../img/prices/stdfivepb.png) no-repeat top left;
}

a#ninepb {
	background:url(../img/prices/ninepb.png) no-repeat top left;
}
.stdtable a#ninepb {
	background:url(../img/prices/stdninepb.png) no-repeat top left;
}

a#ecompb {
	background:url(../img/prices/ecompb.png) no-repeat top left;
}
#pricetable {
	padding-bottom:40px;
	background:#fff;
}
#stdtable {
	padding-bottom:0px;
	background:#fff;
}
#detailprice {
	text-align:center;
	font-size:1.2em;
	line-height:1.5em;
	padding:20px 0 40px 0;
	background:#fff;
}
#pricedet {
	padding:40px 0;
	background:#F5F5F5;
}
#pricedet.white {
	background:#fff;
}
#pricedet p {
	display:block;
	background:url(../img/prices/tick.png) center top no-repeat;
	padding:55px 0 0 0;
	text-align:center;
}
#pricedet.sociallist ul li {
	display:block;
	background:url(../img/prices/tick.png) center top no-repeat;
	padding:50px 0 0 0;
	min-height:40px;
	text-align:center;
	width:23%;
}

ul.featlist {
	margin:0 0 0 0;
	padding:0;
	list-style:none;
	width:100%;
}
ul.featlist li {
	float:left;
	width:23.5%;
	margin-left:2%;
}
ul.featlist li:first-child {
	margin: 0 0 0 0;
}

ul.threelist {
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
	width:100%;
}
ul.threelist li {
	float:left;
	width:32%;
	margin-left:2%;
}
ul.threelist li:first-child {
	margin: 0 0 0 0;
}


#pfeat {
	padding:40px 0;
	background:#fff;
}
#pricecontact {
	padding:40px 0;
	color:#fff;
}
#mainform {
	background:#F5F5F5;
	padding:40px 0;
}
#contactform p {
	float:right;
	font-size:0.75em;
	line-height:2.7em;
	padding-left:10px;
}
#getquoteform p {
	float:right;
	font-size:0.75em;
	line-height:2.7em;
	padding-left:10px;
	color:#fff;
}



/***************************************************
CONTACT / GET A QUOTE
***************************************************/
a.llink {
	font-size:2em;
	color:#4DA7D4;
	text-decoration:none;
	font-family: 'Lato', sans-serif;
	line-height:2em;
}
#contactdet span {
	font-size:0.75em;
	color:#666;
}
#contactdet {
	padding:20px 0 40px 0;
}


/***************************************************
FOOTERS
***************************************************/
#footer {
	background:#184B5F;
	padding:40px 0;
}
#footer a {
	color:#9BB2C9;
	text-decoration:none;	
}
#footer a:hover {
	color:#fff;
}
#footer ul {
	color:#9BB2C9;
	font-size:0.7em;
}
#absfooter {
	font-size:0.6em;
	position:relative;
	background:#191919;
	padding:20px 0;
	text-align:center;
	color:#666;
}
#absfooter a {
	color:#666;
}
#flogos img {
	margin:0 5px 10px;	
}
#backtotop {
	position:absolute;
	background:url(../img/arrowup.png);
	width:53px;
	height:22px;
	display:block;	
	top:-22px;
	left:48%;
	cursor:pointer;
}
#backtotop span {
	display:none;
}




/***************************************************
BUTTONS
***************************************************/
.stdbtn {
	background:#6C9931;
	line-height:41px;
	color:#fff;
	text-decoration:none;
	padding:0 15px;
	font-size:0.8em;
	display:block;
}
#footer .stdbtn	{
	background:#8FA6BC;
	color:#333;
}
.jetmenu > li > .megamenu .stdbtn {
	background:#184B5F;
	border:1px solid #226C91;
	color:#fff;
	line-height:30px;
	margin-top:10px;
}
#portfolio .stdbtn {
	margin:auto;
	width:130px;
	text-align:center;
}
#sbs .stdbtn, #fullfunc .stdbtn {
	margin-top:10px;
	font-size:1em;
}
#fullfunc .span_1_of_5 {
	text-align:right;
}
#innerintro .stdbtn {
	font-size:1em;
	margin-top:10px;
}
.slide .stdbtn	{
	background:#fff;
	color:#000;
}
#pricedet .stdbtn	{
	font-size:1em;
	margin:auto;
	width:160px;
	text-align:center;
	margin-top:20px;
}
#portfolio .hide .stdbtn {
	width:100%;
	padding:0;
	margin:0;
	color:#fff;
	background:#6C9931;
}
.stdbtn:hover {
	background:#184B5F;
	color:#fff;
}
#footer .stdbtn:hover {
	background:#fff;
	color:#333;
}
.jetmenu > li > .megamenu .stdbtn:hover {
	background:#44A4D4;
	line-height:30px;
	color:#fff;
	margin-top:10px;
}

/***************************************************
FONT STYLES
***************************************************/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif;
}
#homebanner h1 {
	font-size:1.5em;
	font-weight:300;
}
#innerhead h1 {
	font-size:1.6em;
	text-align:center;
	font-weight:400;
	line-height:1em;
	padding:40px 0;
}
h2 {
	font-size:1.56em;
	font-weight:400;
	text-align:center;
	margin-bottom:20px;
	font-weight:400;
}
#sbs h2	{
	text-align:left;
	font-size:1.56em;
}
#contactdet h2 {
	font-size:2em;
	margin-bottom:10px;
}
#pricedet h2 {
	margin-bottom:30px;
}
#clienttest h2, #cloudmail h2 {
	text-align:left;
}
h3 {
	font-size:1.25em;
	font-weight:400;
	margin-bottom:20px;
	font-weight:400;
}
#pricetable h3, #stdtable h3 {
	font-size:1.2em;
	line-height:3.5em;
	margin:0
}
#fullfunc h3, #mainform h3, #pricecontact h3  {
	text-align:left;
	font-size:1.56em;
}
h3.subhead {
	font-size:1.56em;
	color:#44A4D4;
}
h3.sub {
	font-size:1em;
	color:#666;
	text-align:center;
}
h4 {
	font-size:1.56em;
	font-weight:400;
	margin-bottom:20px;
	font-weight:400;
	text-align:center;
}
#testimonials h4 {
	color:#fff;
	border-bottom:1px solid #B8DDEF;
	padding-bottom:20px;
}
#mbgpmp h4, #cms h3, #blog h4 {
	font-size:1.3em;
	text-align:left;
}
#pfeat h4 {
	color:#212121;
	border-bottom:5px solid #F5F5F5;
	padding-bottom:10px;
}
#mbgpmp .clear {
	margin-top:20px;
}
h5 {
	font-size:1.56em;
	font-weight:400;
	margin-bottom:20px;
	font-weight:400;
	text-align:center;
}
h6 {
	font-size:1.2em;
	font-weight:400;
	margin-bottom:20px;
	font-weight:400;
}
#footer h6 {
	color:#fff;
	font-weight:300;
}
.blue {
	color:#44A4D4;
}



/***************************************************
MISC
***************************************************/
.mgrt {
	margin-right:10px;
}
.magbot {
	margin-bottom:10px;
}
.maglft {
	margin-left:10px;
	padding-bottom:20px;
	float:right;
}
.stdpad {
	padding:40px 0;
	background:#fff;
}
.stdpad.nopad, .stdpad.nopad {
	padding:40px 0 0 0;
}
#innerhead.nomag {
	padding-bottom:0;
}
#pricedet.nomagtop {
	margin-top:0;
}
.greypad {
	padding:40px 0;
	background:#F5F5F5;
}
.textcenter {
	text-align:center;
	display:block;
	font-size:1.2em;
	margin-top:40px;
}
.padtop {
	padding-top:20px;
}
/*#pricedet ul.featlist .lptop {
	padding-top:15px;
	display:block;
}*/
#sbs {
	background:#fff;
}
.green {
	color:#44A4D4;
	font-weight:bold;
}
#clienttest .span_1_of_5, #cloudmail .span_1_of_5 {
	padding-top:45px;
}

.Zebra_Tooltip {
    position: absolute;
    z-index: 8000;
    background: transparent;
	font-size:0.75em;
}

.Zebra_Tooltip .Zebra_Tooltip_Message {
    position: relative;
    padding: 20px;
    font-size: inherit;
    text-align: center;
    font-weight: normal;
    line-height: inherit;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    *margin-right: 0;
    _width:expression(document.body.clientWidth > 250 ? '250px': 'auto'); /* max-width for IE6 */
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow         { position: absolute; height: 10px; width: 20px; overflow: hidden }

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom  { bottom: 0 }
.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top     { top: 0    }

.Zebra_Tooltip .Zebra_Tooltip_Arrow div {
    position: absolute;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    left: 0;
    _border-left-color: pink;
    _border-right-color: pink;
    _filter: chroma(color=pink);
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom div  {
    top: 0;
    _border-bottom-color: pink;
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top div     {
    bottom: 0;
    _border-top-color: pink;
}

.Zebra_Tooltip .Zebra_Tooltip_Close {
    text-decoration: none;
    color: #FFF;
    position: absolute;
    right: 8px;
    top: 1px;
    font-size: inherit;
    font-weight: bold;
}

.Zebra_Tooltip .Zebra_Tooltip_Close:hover {
    color: #C40000;
}
.small {
	font-size:0.35em;
}
#hosting {
	padding:40px 0 20px 0;
}
#hosting #fivepp span {
	display:inline;
	color:#fff;
	font-size:0.35em;
}
#hosting .stdtable #fivepp {
	height:66px;
	background:url(../img/prices/stdfive.png) bottom center;
}
#hosting #onep, #hosting #twop, #hosting #ninep {
	margin-top:0;
}
.serviceintro {
	text-align:center;
	padding-bottom:20px;
	background:#fff;
}
#pricetable .serviceintro h3, #cloudmail h3 {
	font-size:1.7em;
	margin-bottom:0;
	padding-bottom:0;
	line-height:2em;
}
#cloudmail {
	padding:40px 0;
	background:#F5F5F5;
}
#cloudmail p {
	text-align:center;
}
#cloudmail .cintro {
	text-align:center;
}
#cloudmail h2 {
	display:block;
	background:url(../img/prices/tick.png) center top no-repeat;
	padding:55px 0 0 0;
	text-align:center;
}
#cloudmail .container {
	font-size:0.8em;
}
#cloudmail .stdpad .container, #cloudmail .greypad .container {
	padding:0 0;
}
#cmprice {
	font-size:1.3em;
	padding-bottom:10px;
	color:#44A4D4;
}
#cloudmail .stdbtn {
	width:100px;
	margin:20px auto;
	text-align:center;
}
ul.clist {
	margin:0 0 0 0;
	padding:0;
	list-style:none;
	width:100%;
}
ul.clist li {
	float:left;
	width:32%;
	margin-left:2%;
}
ul.clist li:first-child {
	margin: 0 0 0 0;
}


#payop {
	text-align:center;
}
#payop .stdbtn {
	margin:10px auto;
	font-size:1em;
	width:125px;
	border:none;
	cursor:pointer;
}