/*
Theme Name: North Quarter
Theme URI: http://www.newlight.com.au
Description: North Quarter Theme
Version: 1.0
Author: Nick Doherty
Author URI: http://www.nickdoherty.com
*/

* { margin: 0; padding:0; }

body {
	background: #ebe6df url('images/bg.gif') repeat-x;
	font:14px/18px "Century Gothic", "Helvetica";
}

h1 {
	font:30px/30px "Garamond-Book-Italic";
	color:#6b7535;
}

img { margin:0; padding:0; border: 0; }

.clear { clear:both; }

#container {
	width:960px;
	margin:0 auto;
	margin-top:63px;
}

#box-top {
	background: url('images/box-top.png') no-repeat;
	width:960px;
	height:90px;
}

#box-center {
	background: url('images/box-center.png') repeat-y;
	width:960px;
	position:relative;
}

#box-bottom {
	background: url('images/box-bottom.png') no-repeat;
	width:960px;
	height:90px;
}

#logo {
	background: url('images/logo.png') no-repeat;
	width:366px;
	height:93px;
	position:absolute;
	left:50%;
	margin-left:-499px;
	top:21px;
	z-index:100;
	cursor:pointer;
}

#inside-container {
	position:absolute;
	left:50%;
	top:73px;
	margin-left:-470px;
	z-index:10;
}
	
	#menu-container {
		width:170px;
		float:left;
		min-height:375px;
		background: url('images/menu-repeat.png') repeat-y;
	}
		
		
		#menu {
			list-style-type:none;
			position:absolute;
			left:50%;
			margin-left:-470px;
			top:125px;
			width:178px;
			z-index:100;
		}
		
			#menu li {
				font: 14px/26px "Century Gothic";
				text-transform:uppercase;
				color:#231f20;
				padding-left:21px;
				cursor:pointer;
			}
			
			#menu li.menu-off {
				width:170px;
				height:27px;
				background: url('images/menu-off.png') 0% 100% no-repeat;
				cursor:pointer;
			}
			
			#menu li.menu-over {
				background: url('images/menu-in.png') 0% 0% no-repeat;
				width:178px;
				height:27px;
				z-index:100;
				cursor:pointer;
			}
			
			#menu li.submenu-over {
				background: url('images/submenu-over.png') 0% 0% no-repeat;
				width:165px;
				height:27px;
				z-index:100;
			}
			
			#menu li.submenu-off {
				background: url('images/menu-off.png') 0% 100% no-repeat;
				width:170px;
				height:27px;
				cursor:pointer;
			}
			
				#menu li a {
					text-decoration:none;
					color:#231f20;
					cursor:pointer;
				}
			
			#menu li ul {
				position:relative;
				list-style-type:none;
				display:none;
				left:149px;
				bottom:26px;
			}
				
				#menu li ul li, #menu li ul li.submenu-off {
					width:170px;
					height:26px;
					background:#154458;
					border-bottom:1px #fff solid;
					color:#fff;
				}
				
				#menu li ul li.sub-over {
					background: url('images/sub-over.png') repeat-x;
					width:170px;
					height:26px;
					/*border:1px red solid;*/
				}
				
					#menu li ul li a {
						text-decoration:none;
						color:#fff;
						cursor:pointer;
					}
		
		
	#content-container {
		float:left;
		width:769px;
		min-height:375px;
		background: transparent;
		border-left:1px #154458 solid;
	}

		#content {
			/*background: #fff;*/
		}
		
			.inside-hero {
				width:769px;
				height:185px;
			}
			
			.inside-hero.error {
				background: url('images/hero/error.png');
			}
			
			.full-hero {
				width:769px;
				height:508px;
			}
			
			.full-hero-flash {
				width:769px;
				height:510px;
			}
			
			.no-hero {
				background: url('images/no-hero.png') no-repeat;
				width:769px;
				height:34px;
			}
			
			#copy {
				background:#fff;
				min-height:200px;
				
			}
			
				#copy a {
					color:#154458;
				}
				
				#copy p {
					margin-bottom:15px;
				}
			
			#copy.full {
				padding:25px 10px 10px 25px;
			}
				
				#amenities-left {
					width:275px;
					float:left;
					padding:25px 10px 10px 25px;
				}
				
				
				#amenities-right {
					width:430px;
					float:left;
					margin-left:10px;
					margin-top:15px;
					margin-bottom:10px;
					position:relative; bottom:30px;
				}
					#amenities-right img { float:right;  }
					
					#amenities-right p {
						text-transform:uppercase;
						font-size:11px;
						float:right;
					}
					
				#fixtures-left {
					width:435px;
					float:left;
					padding:25px 10px 10px 25px;
				}
				
					#fixtures-left #copy ul {
						padding-top:10px;
					}
					
					#copy #fixtures-left ul {
						padding-top:0px;
					}
				
				#fixtures-right {
					width:282px;
					float:left;
					margin-left:10px;
					margin-top:15px;
					margin-bottom:10px;
					position:relative;
					bottom:30px;
				}
				
				#fixtures-right img {
					margin-bottom:5px;
				}
					
					#fixtures-right p {
						text-transform:uppercase;
						font-size:11px;
						margin-left:65px;
					}
			
				#floorplans-left {
					width:360px;
					float:left;
					padding:25px 10px 10px 25px;
					/*border:1px #666 solid;*/
				}
				
				#floorplans-right {
					width:325px;
					float:left;
					margin-left:10px;
					margin-bottom:10px;
					/*border:1px #666 solid;*/
					position:relative;
				}
				
					#floorplan-image-one {
						width:166px;
						height:261px;
						float:left;
						/*border:1px #666 solid;*/
						padding-top:149px;
					}
					
					#floorplan-image-two {
						width:153px;
						height:405px;
						float:left;
						/*border:1px #666 solid;*/
					}
					
					#floorplans-right p {
						text-transform:uppercase;
						font-size:11px;
						position:absolute;
						left:-70px;
						bottom:-7px;
					}
					
					#elevations-left {
						width:300px;
						float:left;
						padding:25px 10px 10px 25px;
						/*border:1px #666 solid;*/	
					}
					
					#elevations-right {
						width:385px;
						float:left;
						margin-left:10px;
						margin-bottom:10px;
					}
					
					p.elevations {
						text-transform:uppercase;
						font-size:11px;
						float:right;
						margin-right:20px;
					}
					
					#elevations-gallery {
						width:660px;
						margin-left:35px;
						margin-bottom:20px;
						padding-top:30px;
					}
					
					#elevations-gallery img {
						margin-right:10px;
					}
					
					#community-hero {
						width:709px;
						height:209px;
						margin-bottom:20px;
						margin-left:5px;
						margin-top:20px;
					}
					
					#list-left {
						width:300px;
						float:left;
						/*border:1px #666 solid;*/
					}
						
						#copy #list-left ul li { 
							width:280px;
						}so
					
					#list-right {
						width:300px;
						float:left;
						/*border:1px #666 solid;*/
					}
						
						#copy #list-right ul li { 
							width:280px;
						}
					
			#copy.right-sidebar {
				
			}
			
			#copy h1 {
				margin-bottom:10px;
			}
			
				#copy ul {
					padding:0px 0px 10px 10px;
				}
					#copy ul li {
						background:url("images/list-item.png") no-repeat 0px 5px;
						list-style-type:none;
						text-indent:0px;
						padding-left:20px;
						width:370px;
						margin:3px 0;
					}
					
					#copy.amenities ul li {
						width:270px;
					}
					
					#copy ul li a {
						color:#154458;
					}
			
					
			
			#fill {
				background: #fff;
				height:5px;
			}
		
	#dennis-family {
		background: url('images/dennis-family.png') no-repeat;
		width:150px;
		height:165px;
		float:left;
		position:relative;
		bottom:50px;
		margin-left:10px;
		cursor:pointer;
	}	
	
	#register-your-interest {
/*		background: url('images/register-your-interest.png') no-repeat;
*/		width:480px;
		height:125px;
		float:left;
		position:relative;
		bottom:10px;
		margin-left:11px;
	}
	
		#reg-content {
			width:310px;
			position:absolute;
			top:25px;
			left:130px;
		}
		
		
		#register-your-interest p {
			font:12px/16px "Century Gothic";
			color:#231f20;
			text-transform:uppercase;
		}
		
			#register-your-interest p span {
				font:16px/18px "Century Gothic";
				font-weight:bold;
			}
	
	#news {
		width:270px;
		height:105px;
		float:left;
		position:relative;
		margin-left:10px;
		padding-top:10px;
	}
	
		#news-content {
			width:250px;
			height:105px;
			position:absolute;
			top:15px;
			left:10px;
		}
			
			#news-content h1 {
				color:#ffcc2e;
			}
				
				#news-content p {
					color:#6bad1f;
					text-transform:uppercase;
					font:14px/16px "Century Gothic";
				}

.home-hero {
	width:769px;
	height:375px;
}


#form-left {
	width:360px;
	float:left;
}

	#form-left label {
		width:140px;
		float:left;
		margin:5px 0;
	}
	
	#form-left input {
		width:200px;
		float:left;
		margin:5px 0;
	}

#form-right {
	width:300px;
	float:left;
	margin-left:30px;
}

	#form-right label {
		display:block;
		margin:5px 0;
	}
	
		#form-right select {
			display:block;
			width:250px;
			margin:5px 0;
		}
		
		#form-right textarea {
			width:250px;
			height:80px;
			margin:5px 0;
		}

#submit {
	margin:10px 0px 0px 150px;
	cursor:pointer;
}






#footer {
	float:right;
	margin-right:45px;
	position:relative;
	bottom:25px;
}

	#footer p {
		font:11px/11px "Century Gothic";
		color:#a6aeb9;
	}
	
		#footer p a {
			color:#7a8898;
		}



/* Validation */
.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  



a { outline:none; }