@font-face {
	font-family: 'bank_gothic_lightregular';
	src: url('../../fonts/web/bank_gothic_light-webfont.eot');
	src: url('../../fonts/web/bank_gothic_light-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/web/bank_gothic_light-webfont.woff') format('woff'), url('../../fonts/web/bank_gothic_light-webfont.ttf') format('truetype'), url('../../fonts/web/bank_gothic_light-webfont.svg#bank_gothic_lightregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'museo_slab500';
	src: url('../../fonts/web/museo_slab_500-webfont.eot');
	src: url('../../fonts/web/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/web/museo_slab_500-webfont.woff') format('woff'), url('../../fonts/web/museo_slab_500-webfont.ttf') format('truetype'), url('../../fonts/web/museo_slab_500-webfont.svg#museo_slab500') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'museo_slab700';
	src: url('../../fonts/web/museo_slab_700-webfont.eot');
	src: url('../../fonts/web/museo_slab_700-webfont.eot?#iefix') format('embedded-opentype'),  url('../../fonts/web/museo_slab_700-webfont.woff') format('woff'),  url('../../fonts/web/museo_slab_700-webfont.ttf') format('truetype'),  url('../../fonts/web/museo_slab_700-webfont.svg#museo_slab700') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	margin: 0;
	color: #5d5d5d;
	font: 18px/20px Arial, Helvetica, sans-serif;
	min-width: 1003px;
	background: #e2e2e2;
}
img { border-style: none; }
a {
	text-decoration: none;
	color: #000;
}
a:hover { text-decoration: underline; }
a:active { background-color: transparent; }
input, textarea, select {
	font: 100% Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #000;
}
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
#wrapper { overflow: hidden; }
#header {
	height: 42px;
	padding: 0 0 3px;
	background: url(../../img/web/bg-top-bar.gif) repeat-x;
}
#header .holder {
	width: 940px;
	margin: 0 auto;
	padding:0 0 0 23px;
}


.logos {
    display:inline-block;
    width: 25px;
    height: 30px;
    float: left;
    margin: 0px 40px 0 20px;
}

#header .logo {
	width: 25px;
	height: 30px;
	float: left;
	margin: 6px 0 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../../img/web/logo.png) no-repeat;
}
#header .logo a {
	height: 100%;
	display: block;
}
#nav {
	list-style: none;
	padding: 0 4px 0 0;
	margin: 0;
	float: right;
	font-size: 12px;
	font-weight: bold;
	line-height: 41px;
	text-align: right;
	text-transform: uppercase;
	background: url(../../img/web/divider.png) no-repeat 100% 0;
}
#nav li {
	display: inline-block;
	padding: 0 0 1px 4px;
	margin: 0 0 0 -3px;
	background: url(../../img/web/divider.png) no-repeat 0 0;
}
#nav li a {
	display: block;
	height: 100%;
	padding: 0 15px;
	color: #111;
}
#nav li a:hover {
	color: #fff;
	text-decoration: none;
	background: url(../../img/web/nav-hover.png) repeat-x;
}
.visual { background: #bab69d url(../../img/web/bg-visual.jpg) no-repeat 50% 100%; }
.visual .holder{
	background:url(../../img/web/pattern.png);
}
.visual .frame {
	width: 963px;
	margin: 0 auto;
	padding: 36px 0 0;
	text-align: center;
	color: #090909;
	font: 20px/24px museo_slab500, "Arial Black", Gadget, sans-serif;
}

.visual .holder .frame h2
 {
    display:inline;
    font: 20px/24px museo_slab500, "Arial Black", Gadget, sans-serif;
    margin-top:0;
}


.txt-hosted-graphite {
	display: inline-block;
	padding: 0 0 0 60px;
	margin: 0 0 7px;
	font: 40px/69px bank_gothic_lightregular, "Arial Black", Gadget, sans-serif !important;
	text-transform: uppercase;
	background: url(../../img/web/logo-icon.png) no-repeat;
}
.visual .graph-holder {
	overflow: hidden;
	position: relative;
}
.visual img{
	display:block;
}
.visual p { margin: 0 0 41px; }
.visual p strong {
	font-weight: normal;
	text-transform: uppercase;
}
.visual .graph-all {
    width:980px;
    height:253px;
    float: right;
	margin: 0 0 0 0;
}

.visual .graph {
	width:515px;
	height:301px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.visual .graph-second {
	width:605px;
	height:354px;
	float: right;
	margin: 0 10px 0 0;
	position: relative;
	z-index: 9;
}
#main {
	overflow: hidden;
	padding: 0 0 470px;
	background: #fff url(../../img/web/bg-main.jpg) no-repeat 50% 100%;
}
.pkg-detail {
	border-width: 1px 0;
	border-color: #c0c0c0;
	border-style: solid;
}
.hosted {
	border: none;
	margin: 0 0 1px;
}
.pkg-detail .holder {
	width: 926px;
	margin: 0 auto;
	padding: 32px 22px 35px 15px;
}
.pkg-detail .bbtn {
	width: 251px;
	height: 41px;
	float: right;
	color: #fff;
	font-weight: bold;
	text-transform: capitalize;
	font-size: 20px;
	line-height: 41px;
	text-align: center;
	border-radius: 7px;
	background: #d54b1a;
	text-shadow: 1px -1px 0 rgba(126, 45, 17, 0.75);
}

.pkg-detail .bbtn:hover {
    background: #d52420;

}

.pkg-detail strong {
	font: 36px/41px museo_slab700, Arial, Helvetica, sans-serif;
	color: #090909;
    vertical-align: top;
}

.pkg-detail .holder h2.i
{
    font: 36px/41px museo_slab700, Arial, Helvetica, sans-serif;
    display:inline;
}

.pkg-detail ul li {

    display:inline-block;
}
.clients {
	border-top: 2px solid #fff;
	background: #f4f4f4;
}
.clients .holder {
	width: 963px;
	margin: 0 auto;
	padding: 21px 0 22px;
	overflow: hidden;
}
.clients .holder .heading {
	width: 210px;
	float: left;
	font-size: 14px;
	line-height: 17px;
	color: #090909;
	padding: 30px 2px;
	border-right: 1px solid #d3d3d3;
}
.clients .holder ul {
	width: 735px;
	list-style: none;
	padding: 15px 6px 0;
	margin: 0;
	float: right;
	border-left: 1px solid #ededed;
}
.clients .holder ul li {
	height: 58px;
	float: left;
	margin: 0 0 15px 35px;
}
.clients .holder ul img { display: block; }
.favorite {
	background: #fff;
	border-color: #c0c0c0;
	border-width: 1px 0;
	border-style: solid;
	margin: 0 0 47px;
}
.favorite .holder { padding: 22px 0 21px; }
.favorite .holder .heading { width: 185px; }
.favorite .holder ul {
	width: 772px;
	padding: 13px 0 0
}
.favorite .holder ul li {
	height: 71px;
	margin: 0 0 10px 37px;
}
.price-holder {
	background: url(../../img/web/bg-pricing.gif);
	border-bottom: 8px solid #f4f4f4;
}
.price-holder .holder {
	width: 963px;
	margin: 0 auto;
	padding: 32px 0 0;
	text-align: center;
}
.price-holder .info {
	font: 20px/28px museo_slab500, "Arial Black", Gadget, sans-serif;
	color: #000;
	display: block;
	margin: 0 0 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

.price-holder .info a {
    text-decoration: underline;
}


.plans {
	width: 105%;
	padding: 12px 0;
	margin: 0 0 17px -2px;
	overflow: hidden;
}
.plan {
	width: 188px;
	padding: 4px;
	float: left;
	margin: 0 41px 20px 12px;
	border: 1px solid #365e6b;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
	background: rgb(61,183,82); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, rgba(61,183,82,1) 0%, rgba(47,145,63,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(61,183,82,1)), color-stop(100%, rgba(47,145,63,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(61,183,82,1) 0%, rgba(47,145,63,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(61,183,82,1) 0%, rgba(47,145,63,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(61,183,82,1) 0%, rgba(47,145,63,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(61,183,82,1) 0%, rgba(47,145,63,1) 100%); /* W3C */
}
.plan .content {
	overflow: hidden;
	border: 1px solid #488070;
	border-radius: 3px;
	background: #fff;
	-webkit-box-shadow: inset -1px -1px 0 0 #ccd8db;
	box-shadow: inset -1px -1px 0 0 #ccd8db;
}
.plan .title {
	display: block;
	margin: 0 0 5px;
	color: #093811;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	font: 21px/40px museo_slab700, "Arial Black", Gadget, sans-serif;
}
.plan .small { color: #3db752; font-size:24px; }
.plan .tiny { color: #093711;}
.plan .price {
	height: 48px;
	display: block;
	background: #363636;
	font: 30px/50px museo_slab700, "Arial Black", Gadget, sans-serif;
	color: #fff;
}
.plan .price sub {
	font-size: 14px;
	position: relative;
	top: -15px;
}
.plan ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 15px;
	color: #464646;
	line-height: 41px;
}
.plan ul li { border-bottom: 1px solid #eef2f5; }
.plan .bbtn {
	width: 179px;
	height: 41px;
	font-size: 14px;
	line-height: 41px;
	margin: 6px 4px;
	font-weight: bold;
	text-transform: capitalize;
	float: left;
	color: #fff;
	border-radius: 5px;
	background: #3db752;
}
.benefits {
	width: 963px;
	margin: 0 auto 14px;
	overflow: hidden;
}

.benefits .col {
	width: 335px;
	float: left;
	margin: 0 83px 0 61px;
}

.offercontainer .benefits .col {
	width: 335px;
	float: left;
	margin: 0 43px 0 41px;
}
.benefits ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.benefits ul li {
	margin: 0 0 34px;
	padding: 0 5px 0 47px;
}
.benefits h3 {
	font-size: 18px;
	line-height: 20px;
	padding: 6px 0;
	margin: 0 0 8px;
	color: #000;
	text-transform: uppercase;
	border-bottom: 6px solid #000;
}
.benefits p { margin: 0; }
.benefits .dashboard { background: url(../../img/web/ico-dashboard.png) no-repeat 3px 10px; }
.benefits .account { background: url(../../img/web/ico-account.png) no-repeat 6px 12px; }
.benefits .access { background: url(../../img/web/ico-access.png) no-repeat 6px 9px; }
.benefits .language { background: url(../../img/web/ico-language.png) no-repeat 7px 11px; }
.benefits .hosted-statsd { background: url(../../img/web/ico-hosted.png) no-repeat 1px 13px; }
.benefits .world-class { background: url(../../img/web/ico-world-class.png) no-repeat 7px 7px; }
.benefits .high-resolution { background: url(../../img/web/ico-high-resulation.png) no-repeat 0 12px; }
.benefits .pkg-detail {
	border: none;
	text-align: center;
	position: relative;
	right: -7px;
	top: -5px;
}
.benefits .pkg-detail strong {
	text-align: left;
	display: block;
	padding: 0 0 0 36px;
	font: 30px/38px museo_slab500, Arial, Helvetica, sans-serif;
	margin: 0 -4px 23px 0;
	position: relative;
	color: #000;
}
.benefits .pkg-detail .bbtn {
	margin: 0 auto;
	float: none;
	display: inline-block;
}
#footer{
	width: 963px;
	margin: 0 auto;
	padding: 16px 0 2px;
	font-size: 12px;
	line-height: 20px;
}
#footer .logo {
	width: 34px;
	height: 39px;
	float: right;
	margin: 0 4px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../../img/web/logo3.gif) no-repeat;
}

#footer .twitter {
    width:150px;
    height:34px;
    float: right;
    text-indent: -9999px;
    	overflow: hidden;
    margin: 0;

    background:url(../../img/twitter-bird-light-bgs_s.png) right  no-repeat;
}
#footer .logo a,
#footer .twitter a{
	height: 100%;
	display: block;
}
#footer ul {
	list-style: none;
	padding: 7px 0;
	margin: 0 0 38px;
	font-weight: bold;
	text-transform: uppercase;
	overflow: hidden;
}
#footer ul li {
	float: left;
	padding: 0 0 0 10px;
	margin: 0 11px 0 0;
	background: url(../../img/web/divider.gif) no-repeat 0 5px;
}
#footer ul li:first-child {
	background: none;
	padding: 0;
}
#footer ul li a { color: #111; }
#footer .text {
	width: 350px;
	color: #5d5d5d;
	margin: 0 0 10px;
}
#footer .text p { margin: 0; }
#footer .address { font-style: normal; }
#footer .text p a{
	color: #5d5d5d;
}

button {
    border:none;
    cursor:pointer;
}

.bodymimic {
    font-size:.5em !important;
    background: #e2e2e2;
    margin:40px 0 0 0;
    width:100%;

}

#footer * {
    font-size:1em !important;

}

#footer {
    margin-top:20px;
    padding-bottom:10px;
}

.mainmenu {
    height:45px;
    margin-bottom:-19px;
    background: #2d2d2e url(../../img/web/bg-top-bar.gif) repeat-x!important;

}

i {
   vertical-align: middle;
   margin-right:7px;
}

i.nopad {
   margin: 0px auto;
}


.logo {
	width: 25px;
	height: 30px;
	float: left;
	margin: 6px 0 0 20px!important;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../../img/web/logo.png) no-repeat;
}



.but {
   text-align: center;
    margin-bottom: 10px;;
}

.hiderow {
    height:1px;
    width:14%;
    float:left;
}

.flr {
    float:right!important;
}


.brand img {
    margin:-2px 30px 0 40px;
}


.stripeButtonForm {
    margin-bottom:10px;
    margin-top:10px;

}


.btn-large{padding:9px 14px;font-size:15px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.btn-large [class^="icon-"]{margin-top:1px;}


.marright2 {
   margin-right:20px;
}

.mar-top {
   margin-left:10px;
}

.marleft2 {
   margin-left:20px;
}

.ul {
    text-decoration:underline;
    color:#0074cc;
}

#grafanaBeta {
    display:none;
}


.b {
    display:block;
    margin:10px 0 10px 0;
}
.le {
    width:49%;
    display:inline-block;;
}

.ri {
    display:inline-block;
    margin:10px 0 0 30px;
    width:400px;
    text-align:center;
}

.martop {
   margin-top:20px;
}

.martop2 {
   margin-top:30px!important;
}

.vit {
    vertical-align: middle;

}

.tac {
   text-align: center;
}
.ib {
    display:inline;
}