html{
width:100%;
height:100%;
margin:0 auto;
}
body {
width:100%; 
height:100%;
margin: 0;
padding:0;
font-size:100%;
font-family: "Univers Com 67 Condensed Bold", "Open Sans", "Arial", sans-serif;
background: #222 url('/site/img/ldnbg.jpg') top center no-repeat;
background-attachment:fixed !important;
background-size: cover !important;
position:fixed;
}

.wr {width:100%; height:100%;}
.content {width:100%;height:100%;overflow:scroll;}
header {width:100%; height:60px; position:fixed; background:#111; box-sizing:border-box; z-index:1001;}
.menuplaceholder {width:86%;height:60px;position:relative; margin:0 auto;}
.cbklogo {float:left; width:268px; height:40px; padding:10px;}
.cbklogo img {width:100%;}
.menu {float:right; height:40px; overflow:hidden; margin-right:50px; padding:10px;}
.menu ul {margin:0; padding:0; list-style:none;}
.menu ul li {display:inline-block;}
.menu ul li a {
				display:block; height:40px; background:rgba(0,0,0,0.4); color:#fff; 
				padding:10px 10px 0px 10px; text-align:center; text-decoration:none; 
				font-size:12px; box-sizing:border-box; border-radius:5px;
				-webkit-transition: background 0.5s; /* Safari */
     			transition: background 0.5s;
			}
.menu ul li a:hover {background-color:#4d91d2;}
#actv {background-color:#4d91d2;}
.menutog {float:right;width:60px; height:40px; padding:10px;display:none; margin-right:50px;}
.menutog a {display:block; height:40px; background-color:#4d91d2; color:#fff; padding:10px 10px 0px 10px; text-align:center; text-decoration:none; font-size:12px; box-sizing:border-box; border-radius:5px;}

.momenu {position:absolute; width:100%; top:60px; left:0px; background:#111; border-top:1px solid #222;}
.momenu ul {margin:0; padding:0;}
.momenu ul li {display:block; margin:0; border-bottom:1px solid #222;}
.momenu ul li a {display:block;color:#fff;text-decoration:none;text-align:center; padding:15px 10px;}

.blurb {margin:0px auto; width:90%; background: rgba(0,0,0,0.5); padding:30px; color:#fff; box-sizing:border-box;}
.blurb h1, .blurb h2, .blurb h3 {margin:0; padding:0;}

.features, .plans {width:90%; margin:0 auto; box-sizing:border-box;}

.feature {float:left; width:25%; height:350px; box-sizing:border-box;overflow:hidden;background:rgba(0,0,0,0.7);}
.featureInner, .planInner {width:100%;box-sizing:border-box; border-right:1px solid #333; color:#cacaca; text-align:center;}
.featureInner p, .planInner p {width:98%; margin:0px auto 5px auto; padding:10px; height:40px; font-size:12px; box-sizing:border-box; color:#fff;}
#fast, #affordable, #powerful, #flexible {width:50%; margin:0 auto; text-align:center; padding:5px 0px;}
#fast img, #affordable img, #powerful img, #flexible img {width:100%; max-width:400px;}

.plan {float:left; width:25%; height:550px;box-sizing:border-box;overflow:hidden;background:rgba(0,0,0,0.7);}
.plantext {width:100%;position:relative;box-sizing:border-box;overflow:hidden;background:rgba(0,0,0,0.7);}
.plantext span {display:block;font-size:12px; padding:3px; background:#222;}

.planprice {
	box-sizing:border-box;
	margin:0px auto -60px auto;
	padding:35px 0px 0px 0px;
	font-size:20px;
	font-weight:bold;
	width:120px;
	height:120px;
	border:3px solid #222;
	border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -khtml-border-radius: 50%;
    background:rgba(0,0,0,0.8);
	position:relative;
	z-index:101;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}
.planprice:hover {border:3px solid #4d91d2;}
.planprice span {display:block;font-size:11px;}

.support {width:100%; background:#4d91d2;color:#fff; margin:0 auto 10px auto;}
.support h4 {margin:0; padding:15px 10px 10px 10px; color:#fff;}
.support ul {display:inline-block; padding:0; margin:0 auto; list-style:none; text-align:left;}
.support ul li {padding:3px 0px;}
.support a {color:#fff; text-decoration:none;}
.spteml a {background: url('/site/img/spteml.png') center left no-repeat; padding-left:20px;}
.sptpho a {background: url('/site/img/sptpho.png') center left no-repeat; padding-left:20px;}


.fullcontent {width:100%; background:#f2f2f2; color:#777; box-sizing:border-box;}
.fcmargin    {width:86%; margin:10px auto;box-sizing:border-box; padding:30px 0px;}
.fcmargin h3 {color:#333; text-align:center; padding:10px; margin:0;}
.fcl {width:40%; float:left; text-align:center;}
.fcr {width:58%; float:right;}
.fcr ul {list-style:square; margin:20px 0px 0px 20px; padding:0px;}
.fcr ul li {padding:5px 0px;}

.formfields {width:100%;margin:0px auto;}
.formfields fieldset {margin:0; padding:0; border:none;}
.formfields table {border:0; border-collapse:collapse; border-spacing:0; padding:0;}
.formfields ul {list-style:none; margin:0; padding:0; text-align:left;}
.formfields input[type=text], .formfields input[type=tel], .formfields input[type=password] {
	width:100%; height:40px; margin:0 auto; padding:1%; background-color:#fcfcfc; border:1px solid #d2d2d1; border-radius:5px;
	border-width:1px;
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
   box-sizing: border-box;         /* Opera/IE 8+ */
}
.formfields textarea {
	width:100%; margin:0 auto; padding:1%; background-color:#fcfcfc; border:1px solid #d2d2d1; border-radius:5px;
	border-width:1px;
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
   box-sizing: border-box;         /* Opera/IE 8+ */
}
.formfields select {

width:100%; height:40px; margin:0 auto; padding:1%; background-color:#fcfcfc; border:1px solid #d2d2d1; border-radius:5px;
border-width:1px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}


.formfields input[type=submit] {
	display:block;
	width:200px;	
	color:#fff; 
	height:40px;
	background-color:#4d91d2;
	border-radius:5px;
	font-weight:normal; 
}

.formfields input[type=radio], .formfields input[type=checkbox]
	{
	  /* Double-sized Checkboxes */
	  -ms-transform: scale(1.5); /* IE */
	  -moz-transform: scale(1.5); /* FF */
	  -webkit-transform: scale(1.5); /* Safari and Chrome */
	  -o-transform: scale(1.5); /* Opera */
	  padding: 10px;
	}

.ftr {width:100%; background:#111; color:#eee;}
.ftrmargin {width:86%; margin:0 auto; padding:20px 0px;font-size:12px;}
.ftr h3 {margin:0;padding:0;text-align:left; font-size:14px;}
.ftr ul {list-style:none;margin:0;padding:0;width:40%;}
.ftr ul li {padding:0px; margin:0px; border-bottom:1px solid #222;}
.f1 ul li a {display:block; color:#999; padding:3px 0px 3px 15px;background:url('/site/img/ftrarw.gif') center left no-repeat; text-decoration:none;-webkit-transition: background 0.5s;transition: background 0.5s;}
.f1 ul li a:hover {background:#222;}

.f0 {width:25%; float:left;box-sizing:border-box;}
.f0 p {color:#999;}
.f1 {width:25%; float:left;box-sizing:border-box;}
.f2, .f3 {width:25%; float:left;box-sizing:border-box;}
.f2 {padding:0px 50px 0px 0px;}
.f3 address {font-style:normal; padding:0px 0px 0px 25px; background: url('/site/img/ftradd.gif') top left no-repeat; color:#999;}
.ftrcall a {display:block; margin-top:10px; padding:3px 0px 3px 25px; background: url('/site/img/ftrcall.gif') top left no-repeat; color:#999; text-decoration:none;}
.ftrem a {display:block; margin-top:10px; padding:3px 0px 3px 25px; background: url('/site/img/ftrem.gif') top left no-repeat; color:#999; text-decoration:none;}

.cright {display:block; padding:10px 5px; text-align:center; color:#999;}
.lightline {margin:0 auto; height:1px; background:#e1dfdf;}
.darkline {margin:0 auto; height:1px; background:#222;}
.blueline {margin:0 auto; height:2px; background:#4d91d2;}
.ftlc {width:20%; padding:2% 1%; vertical-align:middle; font-weight:normal; box-sizing:border-box;}
.ftrc {width:76%; padding:1%; vertical-align:middle;box-sizing:border-box;}
.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}
.s10  {height:10px;}
.s20  {height:20px;}
.clear {clear:both;}
.sep   {width:98%; margin:auto; height:2px;}

.info    {color: #00529B;background-color: #BDE5F8; background-image: url('/app/img/info.png');      background-position: 10px 10px; background-repeat: no-repeat; font-size:14px; border: 1px solid; margin: 5%; padding:15px 10px 15px 50px; text-align:left;}
.success {width:98%; margin: 5px auto; box-sizing:border-box; color: #4F8A10; background-color: #DFF2BF; background-image: url('/app/img/success.png');   background-position: center left;  background-repeat: no-repeat; font-size:14px; border: 1px solid; padding:15px 15px 15px 50px; text-align:left;}
.warning {color: #9F6000;background-color: #FEEFB3; background-image: url('/app/img/warning.png');   background-position: 10px 10px; background-repeat: no-repeat; font-size:14px; border: 1px solid; margin: 5%; padding:15px 10px 15px 50px; text-align:left;}
.error   {width:98%; margin: 5px auto; box-sizing:border-box; color: #D8000C; background-color: #FFBABA; background-image: url('/app/img/error.png');   background-position: center left;  background-repeat: no-repeat; font-size:14px; border: 1px solid; padding:15px 15px 15px 50px; text-align:left;}