@charset 'utf-8';


/*-------------------------------------------    
 *
 *	Layout Overrides
 *
-------------------------------------------*/

#layout {
	margin-top:95px;
}

/*-------------------------------------------    
 *
 *	Pricing Elements
 *
-------------------------------------------*/

#pricing {
	margin-top: 40px;
}

#pricing .aside {
	float:left;
	margin-right:24px;
	width: 288px;
}

#pricing #starter-package {
	width: 600px;
}

#pricing #enterprise-package ul {
	margin-bottom: 34px;
}

#pricing .aside.last {
	margin:0;
}

#pricing div.callout {
	min-height: 220px;
}

#pricing div.callout h2 {
	margin-bottom: 20px;
}

#pricing div.callout ul {
	margin-bottom: 10px;
}

#pricing div.callout h3 a span {
	color: #187893;
}


/*-------------------------------------------    
 *
 *	Hero
 *
-------------------------------------------*/

#hero {
	height:350px;
	color: white;
}

#hero span {
	color: #61c6dc;
}

#hero ul {
	position:absolute;
	top:350px;
	left:-12px;
	height:40px;
	width:924px;
}
#hero li.hidden {
	display: none;
}
#hero li {
	float:left;
	width:206px;
	height:20px;
}
#hero li a {
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	-moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	-webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	border-right:1px solid #010101;
	color: white;
	line-height: 1.7;
	text-align:center;
	font-weight: bold;
	text-transform: uppercase;
	padding:10px 0 10px 0;
	display: block;	
}

#hero li a.hero {
	background: #61c6dc url('/image/gradients/def_large-up.png') repeat-x left top;
}
#hero li a.hero.on { background-image: url('/image/gradients/def_large-down.png'); }

#hero li.first a {
	border-top-left-radius:12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius :12px;
	border-bottom-left-radius:12px;
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-bottom-left-radius :12px;
}
#hero li.last a {
	border-top-right-radius:12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius :12px;
	border-bottom-right-radius:12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-right-radius :12px;
	border: none;
}
#hero li.sign-up a, #hero li.sign-up a:hover {
	background: url("/image/backgrounds/bg_signup.png") no-repeat top left !important;
	width:288px;
	text-indent: -9999px;
	margin-left: 20px;
	border:none;
}
#hero li a:hover, #hero li a.on {
	background: #e90505;
	border-color: #e90505;
}
#hero div.callout {
	background: url("/image/backgrounds/bg_callout_black.png");
}
#hero h3 {
	font-size: 20px;
	line-height: 25px;
	text-transform: inherit;
}


/*-------------------------------------------    
 *
 *	content elements
 *
-------------------------------------------*/

div.feature {
	margin-bottom: 10px;
}
div.feature img {
	float:left;
	margin:3px 24px 24px 0;
}
div.feature h3 {
	margin-bottom: 10px;
	line-height: 1.3;
	color: white;
}
div.callout {
	background: url("/image/backgrounds/bg_callout.png");
	padding:24px 24px 12px 24px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
div.callout div.item {
	height: 80px;
	overflow: hidden;
	margin-bottom:24px;
}
div.callout div.item p {
	margin-top:-12px;
}
#main div.article div.feature.first {
	margin-bottom: 40px;
}

#companies p {
	margin-bottom: 20px;
}

/*-------------------------------------------    
 *
 *	slideshow
 *
-------------------------------------------*/

#slideshow {
    position:relative; 
    overflow:hidden; 
    width:912px; 
    height:350px;
}
#slideshow div.item {
  	float:left; 
    width:912px;  
    height: 350px;
    margin-top: 40px;
}
#slideshow #slides {
    position: absolute; 
}