/*
	Import Fonts
*/

@import url('../../../roboto-webfont.googlecode.com/svn/trunk/roboto.all.css');

/*
	Table of Contents
	
	1. Reset
	2. Defaults
	3. Globals
	4. Input Styles
	5. Structure 
	6. jQuery UI Elements
	7. Bullets
	8. List Navigation
	9. Google Map Canvas
	10. Information Box
	11. Parallax Pricing Table
	12. Price Badge
	13. Server Features
	14. Cloud Overview
	15. Icon Classes
*/

/*
	1. Reset
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
a, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
input[type="text"], input[type="password"], textarea, button,
table, caption, tbody, tfoot, thead, tr, th, td
{
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

body
{
	line-height: 1;
}

ol, ul
{
	list-style: none;
}

:focus, :active
{
	outline: 0;
}

input, select
{
	vertical-align: middle;
}

select
{
 	margin: 0;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.clear
{
	clear: both;
	margin-top: 45px;
	margin-bottom: 45px;
}

.space
{
	clear: both;
	margin-top: 25px;
	margin-bottom: 25px;
}

/*
	2. Defaults
*/

body, input, select, textarea, button
{
	font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
}

body
{
	background: #202122 url(../img/layout/bodyPattern.png) left top repeat;
	color:#707070;
}

a
{
	color: #868686;
	text-decoration: none;
	/* transitions */
	-moz-transition:color 0.3s ease-out;
	-webkit-transition:color 0.3s ease-out;
	-o-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
}

a:hover
{
	color: #fee7af;
	text-decoration: none;
}

p
{
	font: 14px "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	color: #a8a8a8;
	font-weight: normal;
	overflow: hidden;
	line-height: 24px;
}

h1,
h2,
h3,
h4,
h5
{
	margin:0;
}

h1
{	
	font: 24px "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	color: #eba90a;
	font-weight: 500;
	line-height: 30px;
	text-shadow: black 0.1em 0.1em 0.2em;
}

h2
{
	font: 18px "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	color: #fee7af;
	font-weight: normal;
	line-height: 26px;
	text-shadow: black 0.1em 0.1em 0.2em;
}

h3
{
	font: 16px "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	color: #fee7af;
	font-weight: normal;
	text-shadow: black 0.1em 0.1em 0.2em;
	line-height: 24px;
}

h4
{
	font: 16px "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
	text-shadow: black 0.1em 0.1em 0.2em;
	line-height: 22px;
}

h5
{
	font: 14px "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
	line-height: 20px;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span
{
	font-weight: normal;
}

span.grey {
	color: #868686;
}

/* custom <p></p> defaults */ 
p.heading
{
	margin-top: 40px;
}

p.text
{
	margin-top: 14px;
}

p.twitter
{
	font-size: 12px;
	line-height: 18px;
	margin-top: 14px;
}

p.postedby
{
	font-size: 12px;
}

p.copyright
{
	margin-top: 26px;
	font-size: 22px;
}

span.copyright
{
	margin-top: 28px;
	font-size: 14px;
	color: #6c6c6c;
}

p.testimonial
{	
	margin-top: 14px;
	background: #232323;
	padding: 20px;
	border-radius: 15px;
	border: 1px solid #343434;
}

/* custom <h1></h1> defaults */
h1.subtitle {
	padding-top: 30px;
}

/* custom <h3></h3> defaults */
h3.text {
	margin-top: 8px;
}

h3.orange {
	color: #eba90a;
}

/* custom <h4></h4> defaults */
h4.text {
	margin-top: 25px;
}

/* custom <h5></h5> defaults */
h5.text {
	margin-top: 25px;
}

h5.slider {
	margin-top: 8px;
	margin-bottom: 8px;
}

h5.twitterpostedby
{
	font-size: 12px;
	color: #fff;
	margin-top: 8px;
}

/*
	3. Global
*/

.show
{
	display: block;
}

.hide
{
	display: none;
}

.noPadding
{
	padding: 0 !important;
}

.noMargin
{
	margin: 0 !important;
}

.marginTop
{
	margin-top: 40px !important;
}

.paddingTop
{
	padding-top: 40px !important;
}

.rightColumnPadding
{
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 45px;
}

.justify
{
	text-align: justify;
}

.alignRight
{
	text-align: right;
}

div.center
{
	width: 960px;
	margin: 0 auto;
}

.centerText {
	margin: 0;
	padding: 0;
	text-align: center;
}

/* blog right column */
.siteColumnRight {
	background: transparent url(../img/layout/siteColumnRight.png) left top no-repeat;
}

/* image box container */
.imgBox {
	background-color: #111111;
	border: 2px solid #2c2c2c;
}

/* full width horizontal line */
.lineHorizontal960 {
	position: relative;
	width: 960px;
	height: 2px;
	background: #fff url(../img/layout/lineHorizontal960.png) left top no-repeat;
	margin: 0 auto;
}

/* content title */
.title_mark {
	width: 50px;
	height: 110px;
	background: #fee7af;
}

/*
	4. Input Styles
*/

input[type="text"], textarea {
	width: 90%;
	height: 25px;
	font-size: 14px;
	color: #868686;
	border: 1px solid #fff;    
   	padding: 10px 10px 10px 18px;
   	margin-top: 5px;
    background: #FFF;
    display:inline-block;
    -moz-box-shadow:    inset 0 0 10px #8f8f8f;
    -webkit-box-shadow: inset 0 0 10px #8f8f8f;
   	box-shadow:         inset 0 0 10px #8f8f8f;
}

textarea {
	width: 90%;
	height: 100px;
	font-size: 14px;
	color: #868686;
	border: 1px solid #fff;    
   	padding: 10px 10px 10px 18px;
    background: #FFF;
    display:inline-block;
    -moz-box-shadow:    inset 0 0 10px #8f8f8f;
    -webkit-box-shadow: inset 0 0 10px #8f8f8f;
   	box-shadow:         inset 0 0 10px #8f8f8f;
}

input[type="submit"] {
	width: 120px; 
	height: 50px; 
	font-size: 16px;
	color: #fff;
	text-shadow: black 0.1em 0.1em 0.2em;
	border: 1px solid #63c745;    
   	padding: 8px;
    background: #2f9211;
    display:inline-block;
    -moz-box-shadow:    inset 0 0 10px #8f8f8f;
    -webkit-box-shadow: inset 0 0 10px #8f8f8f;
   	box-shadow:         inset 0 0 10px #8f8f8f;
   	-moz-transition:background 0.3s ease-out;
	-webkit-transition:background 0.3s ease-out;
	-o-transition:background 0.3s ease-out;
	transition:background 0.3s ease-out;
}

input[type="submit"]:hover {
	background: #27820b;
	
}

input[type="submit"]:active {
	background: #2d8f10;
	-moz-transition:background 0.3s ease-out;
	-webkit-transition:background 0.3s ease-out;
	-o-transition:background 0.3s ease-out;
	transition:background 0.3s ease-out;
}

/* domain search */
input[type="text"].domain {
	width: 500px;
	height: 38px;
	font-size: 18px;
	color: #868686;
	border: 1px solid #fff;    
   	padding: 10px 10px 10px 18px;
    background: #FFF;
    display:inline-block;
    -moz-box-shadow:    inset 0 0 10px #8f8f8f;
    -webkit-box-shadow: inset 0 0 10px #8f8f8f;
   	box-shadow:         inset 0 0 10px #8f8f8f;
}

/* domain search button */
input[type="submit"].domain {
	width: 157px; 
	height: 60px; 
	font-size: 18px;
	color: #fff;
	text-shadow: black 0.1em 0.1em 0.2em;
	border: 1px solid #63c745;    
   	padding: 10px;
    background: #2f9211;
    display:inline-block;
    margin-top:-3px;
	margin-left: -3px;
    -moz-box-shadow:    inset 0 0 10px #8f8f8f;
    -webkit-box-shadow: inset 0 0 10px #8f8f8f;
   	box-shadow:         inset 0 0 10px #8f8f8f;
   	-moz-transition:background 0.3s ease-out;
	-webkit-transition:background 0.3s ease-out;
	-o-transition:background 0.3s ease-out;
	transition:background 0.3s ease-out;
}

input[type="submit"].domain:hover {
	background: #27820b;
	
}

input[type="submit"].domain:active {
	background: #2d8f10;
	-moz-transition:background 0.3s ease-out;
	-webkit-transition:background 0.3s ease-out;
	-o-transition:background 0.3s ease-out;
	transition:background 0.3s ease-out;
}

/*
	5. Structure
*/

/* site wrapper */
.siteWrapper
{
	min-width: 960px;
}

/* site header */
.siteHeader {
	position: relative;
	z-index: 4;
	width: 100%;
	height: 76px;
	background: #fff url(../img/layout/headerPattern.png) left top repeat-x;
	border-bottom:thin;
	-webkit-border-image: url(../img/layout/lineHorizontal.png) 0 0 2 0 stretch stretch;
	opacity: 0.7;
	-moz-transition:opacity 0.3s ease-out;
	-webkit-transition:opacity 0.3s ease-out;
	-o-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

.siteHeader:hover {
	opacity: 1;
	-moz-transition:opacity 0.3s ease-out;
	-webkit-transition:opacity 0.3s ease-out;
	-o-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

.siteHeader .logo {
	float: left;
	width: 153px;
	height: 30px;
	margin-top: 24px;
	background: transparent url(../img/logos/headerLogo.png) left center no-repeat;
}

/* navigation */
.siteHeader .navigation {
	float: right;
}

.siteHeader .top {
	width:100%;
	height:30px;
	line-height:30px;
	margin-top: 28px;
}

.siteHeader nav.topMenu {
	position:relative;
}

.siteHeader nav.topMenu ul {
	margin:0;
	padding:0;
}

.siteHeader nav.topMenu ul li {	
	float:left;
	width:130px;
	font: 14px "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	color: #868686;
	text-shadow: black 0.1em 0.1em 0.2em;
	text-align:center;
	text-transform:uppercase;
	list-style:none;
	margin: 0 auto;
	padding: 2px;
}

.siteHeader nav.topMenu ul li a {
	color:rgba(255,255,255,0.5);
	text-decoration:none;
	display:block;		
}

.siteHeader nav.topMenu ul li a:hover {
	color:#fff;
}

/* activate link when mouse over sub-menu */
.siteHeader nav.topMenu ul li:hover > a {	
	color:#eba90a;
}

.siteHeader nav.topMenu ul li span { 
	background:url(arrow.png) center no-repeat;
	height:10px;
	position:absolute;
	text-indent:-9999px;
	top:12px;
	right:5px;
	width:10px;
}

.siteHeader nav.topMenu ul li span.arrow {
	background-position:0 2px;
}

.siteHeader nav.topMenu ul li span.arrow-right {
	background-position:-10px 2px;
}

/* sub menu style */
.siteHeader nav.topMenu ul li ul.sublist {
	width:140px;
	position:absolute;
	top:32px;
	background:#222;
	border: 1px solid #2c2c2c;
	list-style:none;
	opacity:0;
	visibility:hidden;
	margin-left:-20px;
	padding:0 15px 15px 15px;   
    /* transitions */
	-moz-transition:opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear; 
	-webkit-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	-o-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	/* shadow */
	box-shadow: 1px 2px 10px rgba(25,25,25,0.5);
	-webkit-box-shadow: 1px 2px 10px rgba(25,25,25,0.5);
	-moz-box-shadow: 1px 2px 10px rgba(25,25,25,0.5);
}

.siteHeader nav.topMenu ul li ul.sublist li {
	width:140px;
	clear:both;
	border-bottom:thin;
	-webkit-border-image: url(../img/layout/lineHorizontal.png) 0 0 2 0;
	padding:15px 0 15px 0;
	/* transitions */
	-moz-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	-webkit-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	-o-transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
}

.siteHeader nav.topMenu ul li ul.sublist li a {
	font: 12px "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	color:#fff;
	text-shadow: black 0.1em 0.1em 0.2em;
}

.siteHeader nav.topMenu ul li:hover ul.sublist {
	opacity:1;
	visibility:visible;
}

.siteHeader nav.topMenu ul li:hover ul.sublist li {
	margin-top:0;
	opacity:1;
}

.siteHeader nav.topMenu ul li:hover ul.sublist li a {
	color:#fff;
	/* Transitions */
	-moz-transition:color 0.1s ease-out;
	-webkit-transition:color 0.1s ease-out;
	-o-transition:color 0.1s ease-out;
	transition:color 0.1s ease-out;
}

.siteHeader nav.topMenu ul li:hover ul.sublist li a:hover {
	color:rgba(255,255,255,1);
	/* Transitions */
	-moz-transition:color 0.3s ease-out;
	-webkit-transition:color 0.3s ease-out;
	-o-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
}

.siteHeader nav.topMenu ul li:hover ul.sublist li:hover > a { 
	color:#fee7af;
}

/* slider */
.siteSlider {
	position: relative;
	width: 100%;
}

/* domain Search */
.siteDomainSearch {
	position: relative;
	width: 100%;
	text-align: center;
}

p.siteDomainSearch {
	margin-top: 20px;
	font-size: 14px;
}

/* content page control */
.siteSubpageControl {
	position: relative;
	width: 100%;
	z-index: 2;
}

/* content page navigation */
.contentNav {
	padding: 0px;
}

.contentNav li {
	display: inline;
	margin-left: 30px;
	font: 14px "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	color: #868686;
	font-weight: 500;
	text-shadow: black 0.1em 0.1em 0.2em;
}

.contentNav li a {
	text-decoration: none;
}

.contentNav li a:hover {
	color: #fee7af;
	text-decoration: none;
}

.contentNav .active {
	color: #eba90a;
	text-decoration: none;
	background-color: #141414;
	border: 1px solid #262626;
	padding: 8px;
}

/* content page title */
.siteHeaderTitle {
	position: relative;
	width: 100%;
	height: 115px;
	background: #fff url(../img/layout/titlePattern.png) left top repeat;
	border-bottom:thin;
	-webkit-border-image: url(../img/layout/lineHorizontal.png) 0 0 2 0 stretch stretch;
}

/* footer */
.siteFooter {
	position: relative;
	width: 100%;
	height: 274px;
	padding-top: 35px;
	background: #fff url(../img/layout/footerPattern.png) left top repeat;
	border-top:thin;
	-webkit-border-image: url(../img/layout/lineHorizontalFooter.png) 2 0 0 0 stretch stretch;	
}

/* copyright */
.siteFooterCopyright {
	position: relative;
	width: 100%;
	height: 74px;
	background: #fff url(../img/layout/footerCopyrightPattern.png) left top repeat;
	border-top:thin;
	-webkit-border-image: url(../img/layout/lineHorizontalFooterBottom.png) 3 0 0 0;	
}

/*
	6. jQuery UI Elements
*/

/* accordian */

.accordion {
	width: 100%;
	text-align: left;
}
.accordion .ui-accordion-header {
	padding: 20px 0 20px 0;
	font-size: 14px;
	color: #fff;
	background-color:rgba(235,235,235,0);
	border-bottom: 1px solid #3c3c3c;
	border-style: dashed;
}
.accordion .ui-accordion-header a {
	color: #fee7af;
	line-height: 42px;
	display: block;
	font-size: 14px;
	width: 100%;
	text-indent: 10px;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
	border-right: 1px solid rgba(0, 0, 0, .2);
	border-left: 1px solid rgba(0, 0, 0, .2);
	border-bottom:thin;
	border-style: dotted;
	
}

.accordion .ui-accordion-content {
	width: 100%;
	height: 125px;
	background-color: transparent;
	color: #868686;
	font-size: 10pt;
	line-height: 16pt;
	text-align: justify;
}
.accordion .ui-accordion-content > * {
	margin: 0 auto;
	padding: 20px;
}
.accordion .ui-accordion-content a {
	color: #868686;
}

/* tabs */
#tabs-min { 
    background: transparent; 
    border: none; 
    font-size: 16px;
} 
#tabs-min .ui-widget-header { 
    background: transparent; 
    border-bottom:solid;
	-webkit-border-image: url(../img/layout/lineHorizontal.png) 0 0 2 0 stretch stretch;
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
#tabs-min .ui-tabs-nav .ui-state-default { 
    background: transparent; 
    border: none; 
    
} 
#tabs-min .ui-tabs-nav .ui-state-active { 
    background: transparent url(../img/layout/uiTabsArrow.png) no-repeat bottom center; 
    border: none; 
} 
#tabs-min .ui-tabs-nav .ui-state-default a { 
    color: #868686; 
    cursor: pointer;
} 
#tabs-min .ui-tabs-nav .ui-state-active a { 
    color: #eba90a; 
    cursor: pointer;
}

/* step slider */
#slider {
	background-image: url(../img/layout/stepslider_bg.png);
	border-width: 1px;
	border-style: solid;
	border-color: #333 #333 #777 #333;
	border-radius: 25px;
	box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5),   
                 0 1px 0 0px rgba(0, 0, 0, .5);  
}

#slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 25px;
	height: 25px;
	border-radius: 25px;
	border-width: 1px;
	border-style: solid;
	border-color: #dfdfdf;
	cursor: default;
	background-image: url(../img/layout/stepslider_handle.png);
	-moz-transition:box-shadow 0.3s ease-out;
	-webkit-transition:box-shadow 0.3s ease-out;
	-o-transition:box-shadow 0.3s ease-out;
	transition:box-shadow 0.3s ease-out;
}

#slider .ui-slider-handle:active {
	position: absolute;
	z-index: 2;
	width: 25px;
	height: 25px;
	border-radius: 25px;
	border-width: 1px;
	border-style: solid;
	border-color: #dfdfdf;
	cursor: default;
	background-image: url(../img/layout/stepslider_handle.png);
	box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5),   
                 0 1px 0 0px rgba(0, 0, 0, .5);         
    -moz-transition:box-shadow 0.3s ease-out;
	-webkit-transition:box-shadow 0.3s ease-out;
	-o-transition:box-shadow 0.3s ease-out;
	transition:box-shadow 0.3s ease-out;
}

/*
	7. Bullets
*/

/* square */
.list_bullets_square  {
	margin-top: 5px;
	list-style: none;
}

.list_bullets_square li {
	padding-left: 12px;
	background-image: url(../img/layout/square.png);
	background-repeat: no-repeat;
	background-position: 0 0.9em;
	font: 14px "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	color: #868686;
	font-weight: normal;
	line-height: 28px;
}

/* dot */
.list_bullets_dot {
	margin-top: 5px;
	list-style: none;
}

.list_bullets_dot li {
	padding-left: 12px;
	background-image: url(../img/layout/dot.png);
	background-repeat: no-repeat;
	background-position: 0 0.9em;
	font: 14px "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	color: #868686;
	font-weight: normal;
	line-height: 28px;

}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/* arrow */
.list_bullets_arrow {
	margin-top: 5px;
	list-style: none;
}

.list_bullets_arrow li {
	padding-left: 12px;
	background-image: url(../img/layout/arrow.png);
	background-repeat: no-repeat;
	background-position: 0 0.9em;
	font: 14px "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	color: #868686;
	font-weight: normal;
	line-height: 28px;
}

/*
	8. List Navigation
*/

.list_nav {
	list-style: none;
}

.list_nav li {
	padding: 8px 10px 8px 15px;
	font: 14px "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: normal;
	line-height: 28px;
	background: #2a2a2a;
	margin-top: 2px;
	/* Transitions */
	-moz-transition:background 0.3s ease-out;
	-webkit-transition:background 0.3s ease-out;
	-o-transition:background 0.3s ease-out;
	transition:background 0.3s ease-out;
}

.list_nav li:hover {
	padding: 8px 10px 8px 15px;
	font: 14px "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	color: #000;
	font-weight: normal;
	line-height: 28px;
	background: #242424;
	margin-top: 2px;
	/* Transitions */
	-moz-transition:background 0.3s ease-out;
	-webkit-transition:background 0.3s ease-out;
	-o-transition:background 0.3s ease-out;
	transition:background 0.3s ease-out;
}

/*
	9. Google Map Canvas
*/

.map_canvas {
	margin-top: 12px;
	width: 100%;
	height: 300px;
}

/*
	10. Information Box
*/

.contentInfoBox
{	
	text-align: center;
	background: #414141;
	border: 1px solid #4d4d4d;
	-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	vertical-align: middle;
	padding: 20px;
	/* Gradient */
	background-image: linear-gradient(top, #414141, #262626); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#414141', endColorstr='#262626'); /* IE5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#414141', endColorstr='#262626'); /* IE8 */
	background: -ms-linear-gradient(top, #414141, #262626); /* IE9 */
	background: -moz-linear-gradient(top, #414141, #262626); /* Firefox */ 
	background: -o-linear-gradient(top, #414141, #262626); /* Opera 11  */
	background: -webkit-linear-gradient(top, #414141, #262626); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #414141), color-stop(1, #262626)); /* Chrome 10, Safari */
		
}

.contentInfoBox:hover p
{	
	color: #fff;
	/* Transitions */
	-moz-transition:color 0.3s ease-out;
	-webkit-transition:color 0.3s ease-out;
	-o-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
}

.contentInfoBox p
{	
	font: 18px "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	color: #989898;
	font-weight: normal;
	margin: 10px;
	/* Transitions */
	-moz-transition:color 0.3s ease-out;
	-webkit-transition:color 0.3s ease-out;
	-o-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
}

/*
	11. Parallax Pricing Table
*/

table, td, th
{
	width: 100%;
	margin-top: 15px;
	line-height: normal !important;
}

/* footer: view all plans */
th
{
	padding: 16px;
	font-size: 14px;
	border: 1px solid #404040;
	background-color: #e2e2e2; /* background color for non-css3 browsers */
	/* Gradient */
	background-image: linear-gradient(top, #424242, #2b2b2b); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#2b2b2b'); /* IE5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#2b2b2b'); /* IE8 */
	background: -ms-linear-gradient(top, #424242, #2b2b2b); /* IE9 */
	background: -moz-linear-gradient(top, #424242, #2b2b2b); /* Firefox */ 
	background: -o-linear-gradient(top, #424242, #2b2b2b); /* Opera 11  */
	background: -webkit-linear-gradient(top, #424242, #2b2b2b); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #424242), color-stop(1, #2b2b2b)); /* Chrome 10, Safari */
}

/* data rows */
.row_1
{
	padding: 16px;
	background-color: #e9f3ff;
	color:#333333;
	font-size: 14px;
	/* Transitions */
	-moz-transition:background-color 0.3s ease-out;
	-webkit-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;

}

.row_1:hover
{
	background-color: #dfecff;
	color:#333333;
	/* Transitions */
	-moz-transition:background-color 0.3s ease-out;
	-webkit-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
}

.row_2
{
	padding: 16px;
	background-color: #ffffff;
	color:#333333;
	font-size: 14px;
	/* Transitions */
	-moz-transition:background-color 0.3s ease-out;
	-webkit-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
}

.row_2:hover
{
	padding: 16px;
	background-color: #f9fbff;
	color:#333333;
	font-size: 14px;
	/* Transitions */
	-moz-transition:background-color 0.3s ease-out;
	-webkit-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
}

/*
	12. Price Badge
*/
.overview_price {
	width: 130px;
	height: 130px;
	position: absolute;
	margin-left: 350px;
	margin-top: 90px;
	z-index: 10;
	background-color: rgba(235, 100, 1, 0.9); 
	border: 2px dashed #ff8e46;
	-moz-border-radius:75px;
	-webkit-border-radius: 75px;
	/* Transitions Background-COlor */
	-moz-transition:background-color 0.3s ease-out;
	-webkit-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
}

.overview_price:hover {
	background-color: rgba(226, 88, 0, 0.9);
	/* Transitions Background-COlor */
	-moz-transition:background-color 0.3s ease-out;
	-webkit-transition:background-color 0.3s ease-out;
	-o-transition:background-color 0.3s ease-out;
	transition:background-color 0.3s ease-out;
}

.overview_price:hover h5 {
	text-shadow: #ffd5ba 0.01em 0.04em 0.2em;
	/* Transitions Text-Shadow */
	-moz-transition:text-shadow 0.3s ease-out;
	-webkit-transition:text-shadow 0.3s ease-out;
	-o-transition:text-shadow 0.3s ease-out;
	transition:text-shadow 0.3s ease-out;
}

.overview_price h5 {
	text-align: center;
	color: #fff;
	font-size: 48px;
	margin-top: 52px;
	/* Transitions */
	-moz-transition:text-shadow 0.3s ease-out;
	-webkit-transition:text-shadow 0.3s ease-out;
	-o-transition:text-shadow 0.3s ease-out;
	transition:text-shadow 0.3s ease-out;
}

.overview_price p {
	text-align: center;
	color: #ffd5b7;
	margin-top: 12px;
}

/*
	13. Server Features
*/

.feature {
	height: 535px;
}


.feature_box_one {
	position: absolute;
	width: 280px;
	margin-top: 55px;
	z-index: 10;
	text-align: left;
	opacity: 0.7;
	/* Transitions */
	-moz-transition:opacity 0.3s ease-out;
	-webkit-transition:opacity 0.3s ease-out;
	-o-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

.feature_box_two {
	position: absolute;
	width: 280px;
	margin-top: 20px;
	margin-left: 330px;
	z-index: 10;
	text-align: center;
	opacity: 0.7;
	/* Transitions */
	-moz-transition:opacity 0.3s ease-out;
	-webkit-transition:opacity 0.3s ease-out;
	-o-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

.feature_box_three {
	position: absolute;
	width: 280px;
	margin-top: 55px;
	margin-left: 660px;
	z-index: 10;
	text-align: right;
	opacity: 0.7;
	/* Transitions */
	-moz-transition:opacity 0.3s ease-out;
	-webkit-transition:opacity 0.3s ease-out;
	-o-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

.feature_box_four {
	position: absolute;
	width: 280px;
	margin-top: 405px;
	z-index: 10;
	text-align: left;
	opacity: 0.7;
	/* Transitions */
	-moz-transition:opacity 0.3s ease-out;
	-webkit-transition:opacity 0.3s ease-out;
	-o-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

.feature_box_five {
	position: absolute;
	width: 280px;
	margin-top: 440px;
	margin-left: 330px;
	z-index: 10;
	text-align: center;
	opacity: 0.7;
	/* Transitions */
	-moz-transition:opacity 0.3s ease-out;
	-webkit-transition:opacity 0.3s ease-out;
	-o-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

.feature_box_six {
	position: absolute;
	width: 280px;
	margin-top: 405px;
	margin-left: 660px;
	z-index: 10;
	text-align: right;
	opacity: 0.7;
	/* Transitions */
	-moz-transition:opacity 0.3s ease-out;
	-webkit-transition:opacity 0.3s ease-out;
	-o-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

.feature_box_one:hover {
	opacity: 1;
}

.feature_box_two:hover {
	opacity: 1;
}

.feature_box_three:hover {
	opacity: 1;
}

.feature_box_four:hover {
	opacity: 1;
}

.feature_box_five:hover {
	opacity: 1;
}

.feature_box_six:hover {
	opacity: 1;
}

.feature_img {
	position: absolute;
	margin-left: -95px;
	margin-top: -90px;
	opacity: 0.6;
	/* Transitions */
	-moz-transition:opacity 0.3s ease-out;
	-webkit-transition:opacity 0.3s ease-out;
	-o-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

.feature_img:hover {
	position: absolute;
	margin-left: -95px;
	margin-top: -90px;
	opacity: 1;
	/* Transitions */
	-moz-transition:opacity 0.3s ease-out;
	-webkit-transition:opacity 0.3s ease-out;
	-o-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

.feature_img_bg {
	position: absolute;
	margin-left: -95px;
	margin-top: -90px;
	opacity: 0.6;
	/* Transitions */
	-moz-transition:opacity 0.3s ease-out;
	-webkit-transition:opacity 0.3s ease-out;
	-o-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

.feature_img_bg:hover {
	position: absolute;
	margin-left: -95px;
	margin-top: -90px;
	opacity: 8;
	/* Transitions */
	-moz-transition:opacity 0.3s ease-out;
	-webkit-transition:opacity 0.3s ease-out;
	-o-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

/*
	14. Cloud Overview
*/

.cloud {
	height: 570px;
	
}

.cloud_box_slider {
	position: absolute;
	width: 280px;
	margin-top: 225px;
	margin-left: 330px;
	z-index: 10;
	text-align: center;
	opacity: 0.75;
	/* Transitions */
	-moz-transition:opacity 0.3s ease-out;
	-webkit-transition:opacity 0.3s ease-out;
	-o-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

.cloud_box_slider:hover {
	opacity: 1;
}

.label {
	font: 16px "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	color: #868686;
	font-weight: bold;
}

#label_plan {
	font: 20px "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	color: #fee7af;
	font-weight: normal;
	text-shadow: black 0.1em 0.1em 0.2em;
}

#label_price {
	font: 16px "Roboto", "Helvetica Neue", Helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
	text-shadow: black 0.1em 0.1em 0.2em;
	margin-top: 8px;
}

/*
	15. Icon Classes
*/

/* 16 x 16 Icons */

.icon_cogwheel_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_136_cogwheel_16.png) left center no-repeat;
}

.icon_power_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_063_power_16.png) left center no-repeat;
}

.icon_history_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_057_history_16.png) left center no-repeat;
}

.icon_magic_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_009_magic_16.png) left center no-repeat;
}

.icon_stat_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_040_stats_16.png) left center no-repeat;
}

.icon_random_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_083_random_16.png) left center no-repeat;
}

.icon_hdd_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_342_hdd_16.png) left center no-repeat;
}

.icon_globe_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_340_globe_16.png) left center no-repeat;
}

.icon_share_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_308_share_alt_16.png) left center no-repeat;
}

.icon_cloud_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_232_cloud_16.png) left center no-repeat;
}

.icon_info_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_195_circle_info_16.png) left center no-repeat;
}

.icon_parents_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_024_parents_16.png) left center no-repeat;
}

.icon_edit_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_150_edit_16.png) left center no-repeat;
}

.icon_global_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_371_global_16.png) left center no-repeat;
}

.icon_twitter_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_411_twitter_16.png) left center no-repeat;
}

.icon_notes_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_029_notes_2_16.png) left center no-repeat;
}

.icon_cardio_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_282_cardio_16.png) left center no-repeat;
}

.icon_restart_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_365_restart_16.png) left center no-repeat;
}

.icon_keyboard_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_268_keyboard_wireless_16.png) left center no-repeat;
}

.icon_settings_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_280_settings_16.png) left center no-repeat;
}

.icon_gift_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_069_gift_16.png) left center no-repeat;
}

.icon_comments_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_309_comments_16.png) left center no-repeat;
}

.icon_chevright_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_223_chevron-right_16.png) left center no-repeat;
}

.icon_circle_arrow_right_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_217_circle_arrow_right_16.png) left center no-repeat;
}

.icon_phone_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_169_phone_16.png) left center no-repeat;
}

.icon_user_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_003_user_16.png) left center no-repeat;
}

.icon_book_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_351_book_open_16.png) left center no-repeat;
}

.icon_conversation_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_244_conversation_16.png) left center no-repeat;
}

.icon_category_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_157_show_thumbnails_with_lines_16.png) left center no-repeat;
}

.icon_archive_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_130_inbox_16.png) left center no-repeat;
}

.icon_email_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_129_message_new_16.png) left center no-repeat;
}

.icon_facebook_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_410_facebook_16.png) left center no-repeat;
}

.icon_googleplus_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_382_google_plus_16.png) left center no-repeat;
}

.icon_windows_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_154_more_windows_16.png) left center no-repeat;
}

.icon_memory_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_156_show_thumbnails_16.png) left center no-repeat;
}

.icon_virtual_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_086_display_16.png) left center no-repeat;
}

.icon_location_small {
	padding-left: 25px;
	background: transparent url(../img/icons/glyphicons_242_google_maps_16.png) left center no-repeat;
}


/* 24 x 24 Icons */

.icon_cogwheel {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_136_cogwheel.png) left center no-repeat;
}

.icon_power {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_063_power.png) left center no-repeat;
}

.icon_history {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_057_history.png) left center no-repeat;
}

.icon_magic {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_009_magic.png) left center no-repeat;
}

.icon_stat {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_040_stats.png) left center no-repeat;
}

.icon_random {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_083_random.png) left center no-repeat;
}

.icon_hdd {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_342_hdd.png) left center no-repeat;
}

.icon_globe {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_340_globe.png) left center no-repeat;
}

.icon_share {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_308_share_alt.png) left center no-repeat;
}

.icon_cloud {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_232_cloud.png) left center no-repeat;
}

.icon_info {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_195_circle_info.png) left center no-repeat;
}

.icon_parents {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_024_parents.png) left center no-repeat;
}

.icon_edit {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_150_edit.png) left center no-repeat;
}

.icon_global {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_371_global.png) left center no-repeat;
}

.icon_twitter {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_411_twitter.png) left center no-repeat;
}

.icon_notes {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_029_notes_2.png) left center no-repeat;
}

.icon_cardio {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_282_cardio.png) left center no-repeat;
}

.icon_restart {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_365_restart.png) left center no-repeat;
}

.icon_keyboard {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_268_keyboard_wireless.png) left center no-repeat;
}

.icon_settings {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_280_settings.png) left center no-repeat;
}

.icon_gift {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_069_gift.png) left center no-repeat;
}

.icon_comments {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_309_comments.png) left center no-repeat;
}

.icon_circle_arrow_right {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_217_circle_arrow_right.png) left center no-repeat;
}

.icon_phone {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_169_phone.png) left center no-repeat;
}

.icon_user {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_003_user.png) left center no-repeat;
}

.icon_book {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_351_book_open.png) left center no-repeat;
}

.icon_conversation {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_244_conversation.png) left center no-repeat;
}

.icon_category {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_157_show_thumbnails_with_lines.png) left center no-repeat;
}

.icon_archive {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_130_inbox.png) left center no-repeat;
}

.icon_email {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_129_message_new.png) left center no-repeat;
}

.icon_facebook {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_410_facebook.png) left center no-repeat;
}

.icon_googleplus {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_382_google_plus.png) left center no-repeat;
}

.icon_windows {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_154_more_windows.png) left center no-repeat;
}

.icon_memory {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_156_show_thumbnails.png) left center no-repeat;
}

.icon_virtual {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_086_display.png) left center no-repeat;
}

.icon_location {
	padding-left: 32px;
	background: transparent url(../img/icons/glyphicons_242_google_maps.png) left center no-repeat;
}