/*
Theme Name: Algae Energae
Theme URI: http://www.algaeenergae.com/
Description: Website Theme for Algae Energae Corporate Site
Version: 1.0
Author: Jason Hummel http://www.humjay.com

TOC:
Reset						// reset default browser styles
Layout						// styles to setup grid
Navigation					// styles for primary navigation
Containers					// content containers that change and style fonts, backgrounds, borders, etc.
Content						// styles for native HTML elements
Forms						// styles for form elements

COLOR REFERENCE:
Light Green:	d8dfa8		// bottom of the content gradient
Green:			c6cd89		// top of the content gradient
Dark Green:		4b5607		// text color
Olive:			afb57b		// color of border around content

*/

/* ========= */
/* = Reset = */
/* ========= */

html,body,div,span,
h1,h2,h3,h4,h5,h6,p,blockquote,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul, fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,
tr,th,td,input,button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	}
	
/* Positioning Classes */

.left {
	float: left;
	}

.right {
	float: right;
	}

.no-margin {
	margin: 0 auto;
	}

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
		}

		.clearfix {display: inline-block;}

		/* Hides from IE-mac \*/
			* html .clearfix {height: 1%;}
			.clearfix {display: block;}
		/* End hide from IE-mac */
	
/* Setting up measurements for site                   */
/* 1em = 10px on the onset. Inheritance applies. YMMV */

body {
	background: #a8e5e8;
	font: normal normal normal 12px/14px 'Arial Narrow', Arial, Verdana, sans-serif;
	}
	
.wrapper {
	margin: auto;
	position: relative;
	width: 875px;
	}
	
.header {
	background: url('/images/static/header_background.png') no-repeat 50% top;
	position: relative;
	z-index: 100;
	}
	
	.header .wrapper {
		width: 983px;
		z-index: 101;
		}
	
#sub .header {
	background: url('/images/static/masthead_background.png') repeat-x left -48px;
	}
	
#sub .header .wrapper {
	background: url('/images/static/masthead.png') no-repeat left -48px;
	}
	
	/* \_ */	
	
		.header-shadow {
			background: url('/images/static/header_shadow.png') repeat-x left top;
			bottom: 0;
			line-height: 0px;
			position: absolute;
			left: 0;
			height: 4px;
			width: 100%;
			z-index: 50;
			}
	
		h1 {
			padding: 5px 0;
			text-indent: -9999px;
			width: 205px;
			}

			/* \_ */	

				h1 a {
					background: url('/images/static/logo.png') no-repeat left top;;
					display: block;
					height: 73px;
					width: 205px;
					}
				
				#sub h1 {
					padding: 10px 0 0 0;
					}
					
				#sub h1 a {
					height: 135px;
					}
					
		.primary-nav {
			bottom: -2px;
			right: 0;
			position: absolute;
			z-index: 100;
			}
			
		#sub .primary-nav {
			bottom: -1px;
			}
			
			/* \_ */	
			
				.primary-nav li {
					background: url('/images/static/nav_community.png') no-repeat left top;
					float: left;
					}
					
				#sub .primary-nav li {
					border-bottom: 1px solid #fff;
					}
					
					
				#sub .primary-nav li.active {
					border-bottom: 1px solid #61aeb0;
					}
					/* \_ */	
					
						.primary-nav li a {
							display: block;
							height: 28px;
							text-indent: -9999px;
							width: 127px;
							}
							
.sub-nav {
	background: #61aeb0;
	border-top: 1px solid #fff;
	padding-top: 1px;
	}
	
	/* \_ */	
	
		.sub-nav li {
			float: left;
			}
			
			
			/* \_ */	
			
				.sub-nav li a {
					color: #fff;
					display: block;
					font-weight: bold;
					margin-right: 20px;
					padding: 5px 0px;
					text-decoration: none;
					}
					
					
				.sub-nav li.active a {
					color: #8b0b04;
					}
				
				.sub-nav li a:hover {
					text-decoration: underline;
					}
					
				.sub-nav li.active a:hover {
					cursor: default;
					text-decoration: none;
					}
					
.tert-nav {
	border: 1px dotted #333;
	border-left: none;
	border-right: none;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px 0;
	}
	
	/* \_ */	
	
		.tert-nav .active {
			color: #000;
			cursor: default;
			text-decoration: none;
			}
						
						
							
						/* --------------------------------------- */
						#nav-home {
							background-image: url('/images/static/nav_home.png');
							}
							
						#nav-community {
							background-image: url('/images/static/nav_community.png');
							}
							
						#nav-residents {
							background-image: url('/images/static/nav_residents.png');
							}
							
						#nav-leasing {
							background-image: url('/images/static/nav_leasing.png');
							}
							
						#nav-sales {
							background-image: url('/images/static/nav_sales.png');
							}
							
						#nav-contact {
							background-image: url('/images/static/nav_contact.png');
							}
							
.masthead {
	background: url('/images/static/masthead_background.png') repeat-x left top;
	border-top: 1px solid #fff;
	}
	
	/* \_ */	
	
		.masthead .wrapper {
			background: url('/images/static/masthead.png') repeat-x left top;
			height: 208px;
			
			}
			
			/* \_ */	
			
				.photos {
					background: url('/images/static/photo.png') no-repeat left top;
					height: 308px;
					left: 0;
					padding: 24px 29px 77px 23px;
					position: absolute;
					top: 15px;
					width: 298px;
					}
					
				#sub .photos {
					float: left;
					left: auto;
					position: static;
					top: auto;
					}
					
				.intro a {
					background: url('/images/static/intro_txt.png') no-repeat left top;
					display: block;
					height: 104px;
					left: 360px;
					position: absolute;
					text-indent: -9999px;
					top: 15px;
					width: 475px;
					}
					
.main {
	background: #fff;
	min-height: 275px;
	padding: 15px 0 50px 0;
	}
	
	/* \_ */	
	
		.home-content,
		.sub-content {
			display: inline;
			float: left;
			margin-left: 362px;
			width: 225px;
			}
			
		.sub-content {
			margin-left: 15px;
			width: 510px;
			}
			
			/* \_ */	
			
				.cottage-render,
				.clubhouse-render {
					float: left;
					width: 243px;
					}
					
					/* \_ */	
					
						.render {
							height: 621px;
							}
							
						.cottage-render ul {
							float: right;
							}
						
						.cottage-render li {
							color: #1e6061;
							cursor: pointer;
							font-size: 16px;
							padding: 5px 0;
							text-decoration: underline;
							}
							
						.cottage-render li span {
							color: #8b0b04;
							text-decoration: none;
							}
							
						.cottage-render li.active {
							color: #000;
							font-weight: bold;
							text-decoration: none;
							}
					
				.cottage-desc {
					display: inline;
					float: left;
					margin-left: 20px;
					width: 247px;
					}
					
				a.next {
					background: url('/images/static/next.png') no-repeat right 50%;
					float: right;
					font-size: 12px;
					font-weight: bold;
					margin-left: 5px;
					padding: 11px 40px 11px 0;
					}
					
				.sub-content ul.thumbs {
					margin: 1em 0 0 0;
					}
					
					/* \_ */	
					
						.sub-content ul.thumbs li {
							display: inline;
							float: left;
							list-style: none;
							margin: 0 0 1em 0;
							text-align: center;
							width: 170px;
							}
							
							/* \_ */	
							
							.thumbs img
							.captcha img {
								border: 0;
								}
		
				.sub-content ul.render-control li {
					list-style: none;
					margin: 0;
					}
					
				.sub-content ul.amenities {
					margin: 0 0 0 15px;
					padding: 0;
					}
					
				ul.amenities li {
					float: left;
					width: 165px;
					}
			
.balloons {
	display: inline;
	float: left;
	left: 10px;
	position: relative;
	top: -45px;
	}
	
	/* \_ */	
	
		.balloon {
			width: 261px;
			}
		
			/* \_ */	
			
				.balloon a {
					color: #000;
					text-decoration: none;
					}
		
				.balloon .top {
					background: url('/images/static/balloon_top.png') no-repeat left top;
					height: 12px;
					}
				
				.balloon .content {
					background: url('/images/static/balloon_content.png') repeat-y left top;
					padding: 0 14px 0 9px;
					}
					
					/* \_ */	
					
						.balloon .overlap {
							position: relative;
							top: -3px;
							}
							
						.balloon h4 { 
							font-weight: normal;
							}
				
				.balloon .bottom {
					background: url('/images/static/baloon_bottom.png') no-repeat left top;
					height: 46px;
					}
		
.announcements {
	border-top: 1px dotted #333;
	margin-top: 20px;
	padding-top: 20px;
}	
				
.announcement {
	border-bottom: 1px dotted #333;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
				
.footer {
	background: url('/images/static/footer_background.png') repeat-x left top;
	min-height: 90px;
	padding: 30px 0;
	}
	
	/* \_ */	
	
		.utility {
			float: right;
			line-height: 1.1;
			}
			
			/* \_ */	
			
				.utility li {
					float: left;
					padding: 0 30px
					}
					
					/* \_ */	
					
						.utility li a {
							color: #fff;
							font-size: 18px;
							text-decoration: none;
							}
							
		.legal {
			font-family: arial;
			font-size: 12px;
			}
			
h4 {
	font-size: 16px;
	line-height: 1.2;
	}
	
h5 {
	font-size: 14px;
	line-height: 1.2;
	}
	
p {
	margin: 12px 0;
	}
	
a {
	color: #1e6061;
	outline: none;
	}
	
.sub-content ul {
	margin: 1em 0 1em 2.5em;
	}
	
.sub-content li {
	list-style-type: disc;
	margin: .25em 0;
	}
	
.form-row {
	margin: 1em 0;
	}
	
.xlarge, .medium, .small, .tiny {
	background: url('/images/static/input_background.png') repeat-x left top;
	border: 1px solid #82cfce;
	padding: .4em .7em;
	width: 490px;
	}
	
.medium {
	width: 200px;
	}
	
.small { width: 90px; }

.tiny { width: 35px; }
	
.sbmt {
	background: url('/images/static/btn_submit.png') no-repeat left top;
	height: 36px;
	width: 156px;
	}
	
.divider {
	border-bottom: 1px dotted #333;
	margin: 2em 0;
	}
	
	/* \_ */	
	
		.divider hr {
			display: none;
		}
	
/* ==================== */
/* = Calendar Control = */
/* ==================== */


/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */

/* the input field */


/* calendar root element */
#calroot {
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;	
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	
	padding:2px 0;
	height:22px;
} 

#caltitle {
	font-size:14px;
	color:#0150D1;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url('/images/static/prev.gif') no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

#calnext {
	background-image:url('/images/static/next.gif');
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}

/* year/month selector */
#caltitle select {
	font-size:10px;	
}

/* names of the days */
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;		
}

/* offmonth day */
a.caloff {
	color:#ccc;		
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}

/* ========================= */
/* = SIMPLE OVERLAY STYLES = */
/* ========================= */

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	

	
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

#home .simple_overlay {
	border: none;
	line-height: 48px;
	text-align: center;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#home .simple_overlay h2 {
	font-size: 48px;
	margin-bottom: 12px;
	}
	
/* close button positioned on upper right corner */
.simple_overlay .close {
	background: url('/images/static/apple-close.png') no-repeat left top;
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:25px;
	width:25px;
	}
	
.simple_overlay img {
	display: block;
	}