/*
Theme Name: AEYC Sites
Theme URI: http://aeycsites.com
Description: The AEYC Sites default theme
Author: Cave Interactive Media
Version: 1.0
*/


/*--------------------------------------------------------------
	Reset default browser CSS.
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }


/*--------------------------------------------------------------
	Base typography
--------------------------------------------------------------*/

h2{
	font-family:Rockwell, 'Droid Serif', Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size:20px;
	}

#main h2{
	padding:5px 0;
	margin:10px 0;
	color:#7FAACC;
	border-bottom:3px double #e8e8e8;
	}

p{
	padding:5px 0;
	line-height:130%;
	}

/*--------------------------------------------------------------
	Layout & Modified typography
--------------------------------------------------------------*/
body{
	background:url(img/body.png);
	font-family:Helvetica, Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size:12px;
	}
#outer-wrapper{
	height:500px;
	margin:0;
	padding:1px;
	background:url(img/outer-wrapper.png) repeat-x;	
	}
#inner-wrapper{
	width:900px;
	margin:0 auto;
	}

#logo{
	width:230px;
	height:56px;
	float:left;
	background:url(img/logo.png);
	text-indent:-5000px;
	overflow:hidden;
	}
#logo a{
	display:block;
	width:230px;
	height:56px;
	}	
#header{
	margin:30px 0 10px 0;
	}
.nav, .smallnav{
	float:left;
	font-size:18px;
	font-family:Rockwell, 'Droid Serif', Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	margin:14px 0 0 20px;
	}
.nav li, .smallnav li{
	float:left;
	display:inline;
	margin:0 5px;
	}
.nav li a, .smallnav li a{
	color:#7b7b7b;
	display:block;
	height:30px;
	line-height:30px;
	padding:0 10px;
	text-decoration: none;
	}
.nav li a:hover,
.nav li a:focus,
.smallnav li a:hover,
.smallnav li a:focus{
	color:#000;
	text-decoration: underline;
	}
	
.smallnav{
	float:right;
	font-size:13px;
	}
.smallnav li{
	margin:0;
	}
.smallnav li a{
	padding:0 7px;
	}
.current_page_item{
	background:#fff;
	
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	}	
.current_page_item a{
	color:#7e7e7e;
	}
	
#content{
	background:#fff;
	border:1px solid #fff;
	
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	}

#feature{
	padding-top:20px;
	box-shadow:inset 0 0 30px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0 0 30px rgba(0,0,0,0.3);
	-webkit-box-shadow:inset 0 0 30px rgba(0,0,0,0.3);
	background:#1A9AE0 url(img/feature-v.png);
	
	color:#fff;
	font-size:14px;
	line-height:125%;
	
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
	}
#feature p{
	padding:8px 5px 20px 5px;
	margin:0;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
	}
#feature ul{
	font-size:12px;
	line-height:16px;
	}
#feature ul li{
	float:left;
	width:190px;
	margin:5px;
	color:#fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	}
#feature li img{
	margin-right:7px;
	vertical-align:middle;
	}
#feature p a{
	color:#fff;
	text-decoration: underline;
	}
#banner{
	position:relative;
	background:#004E92;
	width:100%;
	margin:10px -11px 0 -11px;
	padding:0 11px 0 11px;
	height:70px;
	}
.home #banner{
	margin-top:0px;
	}
#banner-container{
	position:relative;
  font-family:Rockwell, 'Droid Serif', Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  color:#fff;
  margin:0;
  padding:0 10px;
  top:-1px;
  line-height:70px;
  height:70px;
	}
.home #banner-container{
	border-top:1px solid #148BCC;
	border-bottom:1px solid #1992D6;
	
	box-shadow:0 5px 0 rgba(0,0,0,0.1),0 -5px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:0 5px 0 rgba(0,0,0,0.1),0 -5px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:0 5px 0 rgba(0,0,0,0.1),0 -5px 0 rgba(0,0,0,0.1);
	}
#banner h1{
	float:left;
	font-size:24px;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
	}

#slider-nav{
	float:right;
	}	

.prev{
	position:relative;
	top:-3px;
	padding:33px 0;
	font-size:12px;
	color:#87ABCB;
	text-decoration: none;
	margin-right:15px;
	outline:none;
	}
.prev:hover{
	color:#fff;
	text-decoration: underline;
	}
.next{
	padding:26px 20px;
	font-size:26px;
	margin-right:15px;
	border:1px solid #C83E91;
	background:#DF0C68 url(img/btn.png) left center repeat-x;
	color:#fff;
	text-decoration: none;
	outline:none;
	
	box-shadow:0 0 0 5px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 0 5px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);
	
	}
.next:hover{
	text-decoration: underline;
	
	box-shadow:0 0 0 5px rgba(255,255,255,0.1);
	-moz-box-shadow:0 0 0 5px rgba(255,255,255,0.1);
	-webkit-box-shadow:0 0 5px rgba(255,255,255,0.4);
	}
.prev.disabled{
	color:#004E92 !important;
	text-shadow:none;
	cursor:default;
	}
.next.disabled{
	padding:0 21px !important;
	background:none !important;
	color:#004E92 !important;
	border:0;
	cursor:default;
	
	text-shadow:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	}
#left_flap,
#right_flap {
	 width: 0; height: 0;
	 line-height: 0;
	 border-left: 10px solid transparent;
	 border-top: 10px solid #04294E;
	 top: 100%;
	 left: 0;
	 position: absolute;
	}

#right_flap{
	left:910px;
	border-left:0;
	border-right:10px solid transparent;
	}

#slider{
	clear:both;
	overflow:hidden;
	position:relative;
	margin-top:1px;
	width:898px;
	height:300px;
	}
#slider .items {
	width:20000px;
	position:absolute;
	clear:both;
	}
.items .item {
	width:838px;
	float:left;
	padding:20px 30px;
	}
.caption{
	float:left;
	padding:0;
	width:400px;
	}
.screenshot{
	padding:5px;
	float:right;
	width:400px;
	background:#eee;
	border:1px solid #fff;
	
	box-shadow:0 0 0 5px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 0 5px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.4);
	}
.screenshot.noframe{
	background:transparent;
	border:none;
		
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	}
#main{
	border-top:1px solid #fff;
	padding:0 20px;
	font-size:12px; 
	background:url(img/main.png) repeat-x;
	float:left;
	}
#main.narrow{
	width:638px;
	}

#footer{
	padding-top:10px;
	font-size:11px;
	}


/* Main content area specific
--------------------------------------------------------------*/

.btn{
	font-family:Rockwell, 'Droid Serif', Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	display:block;
	width:180px;
	padding:13px 15px;
	font-size:16px;
	text-align:center;
	margin:0 auto;
	border:1px solid #C83E91;
	background:#DF0C68 url(img/btn.png) left center repeat-x;
	color:#fff;
	text-decoration: none !important;
	outline:none;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	box-shadow:0 0 0 5px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 0 5px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);
	
	}
.btn:hover{
	text-decoration: underline !important;
	
	box-shadow:0 0 0 5px rgba(255,255,255,0.1);
	-moz-box-shadow:0 0 0 5px rgba(255,255,255,0.1);
	-webkit-box-shadow:0 0 5px rgba(255,255,255,0.4);
	}

.smallnav .btn{
	font-size:13px;
	color:#fff !important;
	width:auto;
	margin:0 7px;
	
	box-shadow:0 0 0 5px rgba(0,0,0,0.05);
	-moz-box-shadow:0 0 0 5px rgba(0,0,0,0.05);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
	}

.smallnav .btn:hover{	
	box-shadow:0 0 0 5px rgba(255,255,255,0.5);
	-moz-box-shadow:0 0 0 5px rgba(255,255,255,0.5);
	-webkit-box-shadow:0 0 5px rgba(255,255,255,0.8);
	}

/* Pricing */
#plans{
	width:850px;
	margin:30px auto 0 auto;
	}
.plan{
	float:left;
	width:148px;
	background:#f0efed;
	border:1px solid #e0e0e0;
	margin:0px 10px 15px 10px;
	color:#555;
	}
#main .plan .title{
	color:#fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
	text-align:center;
	margin:-1px;
	font-size:24px;
	padding:10px 0;
	
	box-shadow:inset 1px 1px 0px rgba(255,255,255,0.4), inset -1px -1px 0px rgba(255,255,255,0.4);
	-moz-box-shadow:inset 1px 1px 0px rgba(255,255,255,0.4), inset -1px -1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:inset 1px 1px 0px rgba(255,255,255,0.4), inset -1px -1px 0px rgba(255,255,255,0.4);
	}

#main .starter .title{
	background:#B1CC6D;
	border:1px solid #9DA678;
	}
.starter .price{color:#B1CC6D}

#main .basic .title{
	background:#FFBB00;
	border:1px solid #BC9959;
	}
.basic .price{color:#FFBB00}

#main .plus .title{
	background:#FF4400;
	border:1px solid #936056;
	}
.plus .price{color:#FF4400}	

#main .advanced .title{
	background:#11AAFF;
	border:1px solid #5D93BD;
	}
.advanced .price{color:#11AAFF}
	
#main .pro .title{
	background:#005599;
	border:1px solid #506375;
	}
.pro .price{color:#005599}

.plan ul{
	margin:3px 9px;
	}

.plan li{
	font-size:12px;
	line-height:30px;

	padding-left:22px;
	border-bottom:1px solid #dedddc;
	
	box-shadow:0px 1px 0px rgba(255,255,255,0.4);
	-moz-box-shadow:0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.4);
	}
	
.plan strong{
	color:#000;
	}	
.users{background:url(img/icons/users.png) 0 50% no-repeat}
.user{background:url(img/icons/user.png) 0 50% no-repeat}
.pages{background:url(img/icons/pages.png) 0 50% no-repeat}
.domain{background:url(img/icons/domain.png) 0 50% no-repeat}
.storage{background:url(img/icons/storage.png) 0 50% no-repeat}
.empty{
	background:none;
	height:31px;
	border:0 !important;
	box-shadow:none !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	}

.price{
	font-family:Rockwell, 'Droid Serif', Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	text-align:center;
	font-size:40px;
	line-height:40px;
	position:relative;
	font-weight:bold;
	padding:5px 0 0 0;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
	}
.dollar-sign,
.per-month{
	color:#c0bfbe;
	font-size:16px;
	font-weight:normal;
	top:-0.2em;
	position:relative;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
	}
.dollar-sign{
	top:-1em;
	height:40px;
	}

/* 'Feature' sections
--------------------------------------------------------------*/
.features{
	margin:15px 0;
	}
.features li{
	float:left;
	width:256px;
	margin:5px 15px;
	color:#666;
	}
.features h3{
/* 	margin-left:-20px; */
	font-size:14px;
 	line-height:18px;
	font-weight:bold;
	color:#000;
	margin:0;
	display:inline;
	}
.features h3 img{
	vertical-align: middle;
	margin-right:4px;
	width:16px;
	height:16px;
	}
.features p{
	padding-top:6px;
	}

/* Sidebar specific
--------------------------------------------------------------*/
#sidebar{
	float:left;
	width:200px;
	padding:10px 15px 10px 5px;
	height:100px;
	background: url(img/main.png) repeat-x;
	border-top:1px solid #fff;
	}
	
#sidebar h1{
	color:#6b6b00;
	margin:0;
	border-bottom:1px solid #ffff80;
	font-size:14px;
	line-height:16px;
	}
#sidebar .container, #sidebar .element{
	font-size:12px;
	padding:10px;
	background:#f0efed;
	border:2px solid #ffff80;
	margin:0;
	color:#990;
	position:relative;
	background:#FFFFE1;
	}
#sidebar .container:before, #sidebar .element:before{
	border:1px solid #fff;
	content: '';  
	width: 100%;
	height: 100%;
	position: absolute;
	top: -1px;
	left: -1px;
	}
#sidebar .container, #sidebar .container:before{
	border-bottom:0 !important;
	padding-bottom:0;
	}
#sidebar .element, #sidebar .element:before{
	border-top:1px solid transparent;
	padding-top:0;
	}

#sidebar p{
	margin:0 !important;
	padding:5px 0;
	}



/*--------------------------------------------------------------
	Coming soon page

#coming-soon #inner-wrapper{
	width:400px;
	}
#coming-soon #header{
	margin-top:90px;
	}
#coming-soon #logo{
	margin:0 auto;
	float:none;
	}

#coming-soon #banner{
	background:url(img/coming-soon-banner.png);
	width:398px;
	height:52px;
	margin:-16px -11px -16px -11px;
	padding:16px 11px 0 11px;
	}
#coming-soon #banner p{
	  line-height:41px;
	  text-align:center;
	  }

.response{
	display:none;
	}

#mce-success-response{
	background:#DAF7BF;
	border:3px solid #F8CD10;
	margin:0;
	font-size:90%;
	padding:10px;
	line-height:130%;
	}
#mce-error-response,
div.mce_inline_error{
	background:#FF0020;
	border:3px solid #ad0017;
	color:#fff;
	margin:15px 0 0 0;
	font-size:90%;
	padding:10px;
	line-height:130%;
	}	
#coming-soon form{
	text-align:center;
	}
#coming-soon label{
	display:none;
	}
#coming-soon	.input-text{
	font-size:160%;
	padding:3px 5px;
	display:block;
	margin:0 auto;
	width:348px;
	}
--------------------------------------------------------------*/


/*--------------------------------------------------------------
	Signup form
--------------------------------------------------------------*/
fieldset{
	padding:1px 0 !important;
	}
#main legend{
	padding:5px 0;
	margin:0 0 15px 0;
	color:#7FAACC;
	border-bottom:3px double #e8e8e8;
	width:100%;
	font-family:Rockwell, 'Droid Serif', Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size:20px !important;
	font-weight:normal !important;
	}
fieldset p{
	padding:5px 0;
	line-height:130%;
	}
smaller{
	font-size:11px;
	color:#aaa;
	}
/*--------------------------------------------------------------
	Typography modifiers
--------------------------------------------------------------*/
	.small{ font-size:90% }		
	.faded{ color:#aaa }
		.faded a{
			color:#aaa;
			text-decoration: underline;
			}
		.faded a:hover, .faded a:focus{
			color:#666;
			}
	.textleft{ text-align: left }
	.textcenter{ text-align: center }
	.textright{ text-align: right }



/*--------------------------------------------------------------
	Miscellaneous
--------------------------------------------------------------*/	
#zenbox_tab{
	display:none;
	}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */