/*------------------*/
/*	GENERAL
/*------------------------------------------------------*/

/* ----------- Logo ----------- */
#trueHeader #logo{
	float:left;
	display:block;
	width:100%;
	height:40px;
    margin-top:5px;
    margin-left:0px;
	text-indent:-999em;
	background:url(../images/logo.png) no-repeat left top;
}


/*------------------*/
/*	SITE STRUCTURE
/*------------------------------------------------------*/

.site_wrapper {
	width: 100%;
	margin: 0 auto 0 auto;
    min-width:1000px;
    position:absolute;
    }
.container_full {
	width: 100%;
	float: left;
	margin: auto auto auto auto;
}
.container {
	width: 1000px;
	margin: auto auto auto auto;
}


/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth {
	position: relative;
	margin-right: 4%;
	float: left;
}
.one_full {
	width: 100%;
}
.one_half {
	width: 48%;
}
.one_third {
	width: 30.650%;
}
.one_fourth {
	width: 22%;
}
.one_fifth {
	width: 16.800%;
}
.two_third {
	width: 65.350%;
}
.three_fourth {
	width: 74%;
}

.last {
	margin-right: 0 !important;
	clear: right;
}

/*------------------*/
/*	CONTENT
/*------------------------------------------------------*/


/* 404 Error Page */
.error_pagenotfound {
	padding: 50px 30px 58px 30px;
	margin: 0 auto;
	width: 67%;
	background-color: #fff;
	border: 1px solid #eee;
	border-bottom: 5px solid #eee;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
}
.error_pagenotfound strong {
	display: block;
	font-size: 145px;
	line-height: 100px;
	color: #e3e3e3;
	font-weight: normal;
}
.error_pagenotfound b {
	display: block;
	font-size: 40px;
	line-height: 40px;
	color: #eee;
	margin: 0;
	font-weight: 300;
}
.error_pagenotfound em {
	display: block;
	font-size: 18px;
	line-height: 50px;
	color: #ff8100;
	margin: 0;
	font-style: normal;
}


/*------------------*/
/* TYPOGRAPHY ELEMENTS
/*------------------------------------------------------*/

/* highlight colors */
.highlight {
	color: #fff;
	padding: 2px 5px;
	background: #000;
	border-radius:3px;
}
.highlight.black {
	background: #000;
	border-radius:3px;
}
.highlight.red {
	background: #ff0000;
	border-radius:3px;
}
.highlight.gray {
	background: #aaa;
}
.highlight.yellow {
	background: #fff000;
}
.highlight.blue {
	background: #0099cc;
}
.highlight.pink {
	background: #e826b4;
}
.highlight.green {
	background: #48b02b;
}
.highlight.orange {
	background: #ffcc00;
}
.highlight.magenta {
	background: #9325ea;
}


/* buttons */
.button, button {	
    text-decoration:none;
	text-align:center;
	color:#585656;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height:32px;
	line-height:32px;
	padding:0px 15px;
	position:relative;
	outline: none;
	overflow: hidden; /* removes extra side padding in IE */
	cursor: pointer;
	border: 1px solid #dcdcdc;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	text-transform: uppercase;

	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center top,
		center bottom,
		from(rgba(255, 255, 255, .1)),
		to(rgba(0, 0, 0, .1))
	);/* Saf4+, Chrome */
	
	background-color:white;
}

.button::-moz-focus-inner {
    border: none; /* overrides extra padding in Firefox */
}

.button:hover, .button.hover, .page-numbers:hover  {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
}
.button:active, .button.active, .page-numbers:active {
	top:2px;
	background: -moz-linear-gradient(
		center top,
		rgba(0, 0, 0, .1) 0%,
		rgba(255, 255, 255, .2) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .2)),
		to(rgba(0, 0, 0, .1))
	);/* Saf4+, Chrome */

}

.button.full{
	display: block;
}

.button.small{
	font-size:13px;
}
.button.medium{
	font-size:13px;
	height:40px;
	line-height:40px;
}
.button.large{
	font-size:16px;
	height:50px;
	line-height:50px;
}


/* styled buttons */
.button.red {
	background-color: #ff0000;
	color: #fff;
}
.button.blue {
	background-color: #117ed1;
	color: #fff;
}
.button.lightblue {
	background-color: #0099cc;
	color: #fff;
}
.button.green {
	background-color: #009933;
	color: #fff;
}
.button.black {
	background-color: #333;
	color: #fff;
}
.button.orange {
	background-color: #ff8100;
	color: #fff;
}
.button.darkgray {
	background-color: #818181;
	color: #fff;
}
.button.gray {
	background-color: #f0f0f0;
	color: #000;
}


/* top section */
.top_section {
	float: left;
	width: 100%;
	height: 22px;
	padding-top: 10px;
	background-color: #f7f7f7;
	position: absolute;
	z-index: 9999;
	border-top: 1px solid #fff;
}
.top_section ul {
	float: right;
	padding: 0px;
	margin: 0px;
}
.top_section li {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	color: #b9b9b9;
}
.top_section li strong {
	color: #ff8100;
	font-weight: normal;
	font-size: 14px;
}
.top_section li a {
	color: #b9b9b9;
}
.top_section li a:hover {
	color: #727272;
}
.top_section li i {
	color: #d3d3d3;
}
.top_section li i:hover {
	color: #999;
}


/* hosting plans */
.hosting_aplans {
	float: left;
	width: 100%;
	font-size: 14px;
	padding: 0 0 45px;
}
.hosting_aplans h1 {
	font-size: 32px;
	color: #3b3a39;
	padding: 0px;
	margin: 0px 0px 35px 0px;
	font-weight: 300;
}
.hosting_aplans h1 strong {
	font-weight: 600;
}
.hosting_aplans h1 i {
	font-size: 16px;
	color: #727272;
	font-style: normal;
	display: block;
	padding-top: 8px;
	line-height: 22px;
}
.hosting_aplans, .vps-plans i {
	
	font-size: 17px;
     vertical-align: middle;
}


/* scroll up */
.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:64px;
    right:20px;
    display:none;
    text-indent:-9999px;
    background: url(../images/scroll-top-arrow.png) no-repeat left top;
	z-index: 999;
}

/*Cloud palns */

.cloud-table {
    border-collapse: separate;
    border-spacing: 0 3px;
    clear: both;
    display: table;
    margin-bottom: -5px;
    width: 940px;
    margin : 30px auto;}


.cloud-plan-detail p {
    margin: 0;
}
.cloud-plan-bl:nth-child(1) .cloud-plan-db {
    background-color: #d7dcdf;
}
.cloud-plan-db div {
    margin-bottom: 15px;
    padding-top: 3px;
    position: relative;
}

.cloud-plan-bl {
    width:940px;
    margin-left:10px;
    margin-right:10px;
    display:table-row;
    cursor:pointer
}
.cloud-plan-bl>div {
    -webkit-transition:all 0.1s ease-in-out;
    -moz-transition:all 0.1s ease-in-out;
    -ms-transition:all 0.1s ease-in-out;
    -o-transition:all 0.1s ease-in-out;
    transition:all 0.1s ease-in-out
}
.cloud-plan-blt {
    width:410px;
    padding:15px 24px 15px 15px;
    height: 105px;
    display:table-cell
}
.cloud-plan-blt.hover {
    background-color:#2e3f47 !important
}

.cloud-plan-bl:nth-child(1) .cloud-plan-blt {
    background-color:rgba(132,
    170,
    201,
    0.07)
}
.cloud-plan-bl:nth-child(2) .cloud-plan-blt {
    background-color:rgba(132,
    170,
    201,
    0.15)
}
.cloud-plan-bl:nth-child(3) .cloud-plan-blt {
    background-color:rgba(132,
    170,
    201,
    0.24)
}
.cloud-plan-bl:nth-child(4) .cloud-plan-blt {
    background-color:rgba(132,
    170,
    201,
    0.3)
}
.cloud-plan-bl:nth-child(5) .cloud-plan-blt {
    background-color:rgba(132,
    170,
    201,
    0.4)
}
.cloud-plan-bl:nth-child(6) .cloud-plan-blt {
    background-color:rgba(132,
    170,
    201,
    0.5)
}
.cloud-plan-bl:nth-child(1) .cloud-plan-db {
    background-color:rgba(215, 220, 223, 0.33)
}
.cloud-plan-bl:nth-child(2) .cloud-plan-db {
    background-color:rgba(215, 220, 223, 0.33)
}
.cloud-plan-bl:nth-child(3) .cloud-plan-db {
    background-color:rgba(215, 220, 223, 0.33)
}
.cloud-plan-bl:nth-child(4) .cloud-plan-db {
    background-color:rgba(215, 220, 223, 0.33)
}
.cloud-plan-bl:nth-child(5) .cloud-plan-db {
    background-color:rgba(215, 220, 223, 0.33)
}
.cloud-plan-bl:nth-child(6) .cloud-plan-db {
    background-color:rgba(215, 220, 223, 0.33)
}
.cloud-plan-t {
    color:#0d3657;
    font-size:15px;
    line-height:36px;
    margin-bottom:5px;
    text-transform:uppercase
}
.cloud-plan-detail {
    color:#484848;
    font-size:14px;
}
.cloud-plan-detail p {
    margin:0
}
.cloud-plan-blt.hover .cloud-plan-t,
.cloud-plan-blt.hover .cloud-plan-detail {
    color:#fff
}
.cloud-plan-blt.hover .cloud-plan-t p,
.cloud-plan-blt.hover .cloud-plan-t li,
.cloud-plan-blt.hover .cloud-plan-detail p,
.cloud-plan-blt.hover .cloud-plan-detail li {
    color:#fff
}
.cloud-plan-db {
    width:206px;
    vertical-align:middle;
    padding-left:28px;
    display:table-cell;
    font-size:12px;
    line-height:18px;
    color:#111D2F;
  }
.cloud-plan-db.hover {
    background-color:#23353d !important;
    color:#fff
}

.cloud-plan-db div {
    margin-bottom:1px;
    position:relative;
    padding-top:3px;

}
.cloud-plan-db div:last-child {
    margin-bottom:0
}


.cloud-plan-db ul li span.bold {
    color:#EB6126;
    font-size:12px;
       display:inline;
    text-transform:uppercase
}
.cloud-plan-order {
    width:206px;
    background-color:#202f3f;
    text-align:center;
    vertical-align:middle;
    display:table-cell;
    color:#fff
}
.cloud-plan-order a {
    color:#fff
}
.cloud-plan-price {
    font-size:14px;
    margin-bottom:-15px;
    margin-top:-18px;
    line-height:60px
}
.cloud-plan-ul{ margin-left: 10px;margin-top:25px}
.cloud-plan-ul li {padding-bottom: 4px;}
.cloud-paln-ul ul li.bold {  color: #eb6126;
    display: inline;
    font-size: 12px;
    text-transform: uppercase;
}