/*
Theme Name: QM Properties
Theme URI: http://www.newlight.com.au/
Description: The QM Properties Website.
Version: 1.0
Author: Nick Doherty
Author URI: http://www.nickdoherty.com/
*/

* { margin:0; padding:0; }

body { 
	background: fixed url('images/bg.jpg') no-repeat center center; 
	font: 12px "Arial";
	line-height:21px;
	color:#666;
}

strong {
	font-size:14px;
	font-weight:bold;
}

p { margin-bottom:20px; }

#container {
	width:1015px;
	height:585px;
	margin:-292.5px 0 0 -507.5px;
	position:absolute;
	top:50%;
	left:50%;
	/*border:1px #666 solid;*/
}

	#container-bg {
		width:978px;
		height:518px;
		position:absolute;
		top:37px;
		left:23px;
		z-index:10;
	}
	
		#container-bg.bg-blank {
			background: url('images/contain-bg.png') no-repeat;
		}
		
		#container-bg.bg-palms { 
			background: url('images/contain-bg-palms.png') no-repeat;
		}
		
		#container-bg.mappage {
			background: url('images/map-large.png') no-repeat;
		}
		
		#top-left-corner {
			background: url('images/corners/top-left.png') no-repeat;
			width:94px;
			height:94px;
			position:absolute;
			top:-14px;
			left:-14px;
		}
		
		#top-right-corner {
			background: url('images/corners/top-right.png') no-repeat;
			width:94px;
			height:94px;
			position:absolute;
			top:-14px;
			right:-12px;
		}
		
		#bottom-left-corner {
			background: url('images/corners/bottom-left.png') no-repeat;
			width:94px;
			height:94px;
			position:absolute;
			bottom:-12px;
			left:-14px;
		}
		
		#bottom-right-corner {
			background: url('images/corners/bottom-right.png') no-repeat;
			width:99px;
			height:94px;
			position:absolute;
			bottom:-12px;
			right:-18px;
		}

#menu {
	list-style-type:none;
	position:absolute;
	top:-1px;
	left:102px;
	z-index:5;
}

	#menu li {
		float:left;
	}
	
	
#content {
	/*border:1px #666 solid;*/
	width:920px;
	height:475px;
	margin:55px 0px 0px 45px;
	position:relative;
	z-index:15;
}

	#left {
		width:430px;
		height:475px;
		float:left;
		padding:24px 22px 5px 23px;
		/*border:1px #666 solid;*/
	}
	
	#left.wide {
		width:540px;
		position:relative;
		/*border:1px #666 solid;*/
	}
	
		h1 {
			font: 30px "Din, Helvetica";
			line-height:21px;
			color:#e5b704;
			text-transform:uppercase;
			margin-bottom:20px;
		}
		
			h1 span { color:#666; }
			
		h2 { }
		
		h3 { }
		
		h4 { font: 12px "Arial"; line-height:18px; color:#666; font-weight:bold; }
		
		h5 { font: 14px "Arial"; line-height:18px; color:#000; }
		
		h6 { 
			font-size: 14px; 
			font-weight:bold; 
			line-height:18px; 
			color:#666; 
			text-transform: uppercase; 
			margin-bottom:20px;
		}
		
		#left .label { width:45px; float:left; font-weight:bold; font-size:11px; line-height:18px; }
		#left .award { float:left; width:345px; font-size:11px; line-height:18px; }
		
		.seperator { 
			background: url('images/seperator.png') no-repeat; 
			width:439px; 
			height:2px; 
			margin:17px 0 20px 0;
		}
		
		
		#contact-left {
			width:271px;
			float:left;
			padding-right:15px;
			/*border:1px #666 solid;*/
		}
		
		#contact-right {
			width:202px;
			float:left;
			background: url('images/contact-div.png') no-repeat 0% 44%;
			height:410px;
			padding-left:35px;
			padding-top:50px;
			/*border:1px #666 solid;*/
		}
			
			#contact-right p { margin-bottom:0; }
			#contact-right strong { font-size:12px; }
			
			.contact-details { display:none; }
				p.phone strong { font-size:12px; width:60px; float:left; }
			
	
		#left ul { margin-left:30px; margin-bottom:20px; }
		
		#left ul.office-list { list-style-type:none; margin-left:20px; }
			#left ul.office-list li { 
				background:url('images/list-bullet.png') no-repeat 0% 47%; 
				padding-left:12px; 
				color:#000;
				cursor:pointer;
			}
			
			#left ul.office-list li.current {
				color:#666;
			}
		
		.news-item { position:relative; }
			.news-item p { font-size:11px; line-height:18px; }
		
		.file-download { 
			background: url('images/pdf.png') no-repeat; 
			width:38px; 
			height:19px;
			position:absolute;
			top:-3px;
			right:0px; 
		}
		
	
	#right {
		width:435px;
		height:475px;
		float:left;
		position:relative;
		/*border:1px #666 solid;*/
	}
	
	#right.thin {
		width:320px;
	}
	
		#hero-container {
			position:absolute;
			left:35px;
			top:28px;
		}
		
				
		#hero-container.thin {
			left:17px;
		}		
			
			.hero-one {
				position:absolute;
				top:-1px;
				left:0;
			}
			
			.hero-two {
				position:absolute;
				top:214px;
				left:0;
			}
	
.clearfix {
	clear:both;
	line-height:1px;
	height:1px;
}
	
	
/* Frontpage Stuff */
#frontpage-wrap {
	position:absolute;
	left:50%;
	top:21px;
	margin-left:-442px;
	width:890px;
	height:340px;
	/*border:1px #666 solid;*/
}

#frontpage-contain {
	position:relative;
	/*border:1px #666 solid;*/
	height:450px;
	top:5px;
}

.hero-frame {
	position:absolute;
	left:50%;
	margin-left:-445px;
	top:0px;
	z-index:100;
}

#frontpage-contain-info {
	position:absolute;
	right:50%;
	top:0px;
	z-index:2000;
}

.item-feature {
	height:450px;
}

	.hero-home {
		position:absolute;
		top:5px;
		left:5px;
	}
	
	#feature-info p.project-type {
		font-family: "Din Bold";
		font-size:18px;
		line-height:30px;
		text-transform:uppercase;
		margin:0;
		position:relative;
		right:2px;
		letter-spacing:1px;
		color:#000;
		margin-top:10px;
		margin-left:4px;
	}
	
	#arrow-left {
		background: url('images/arrow-left.png') no-repeat;
		width:58px;
		height:58px;
		position:absolute;
		left:50%;
		margin-left:-467px;
		top:190px;
		z-index:1000;
		cursor:pointer;
	}
	
	#arrow-right {
		background: url('images/arrow-right.png') no-repeat;
		width:58px;
		height:58px;
		position:absolute;
		left:50%;
		margin-left:417px;
		top:190px;
		z-index:1000;
		cursor:pointer;
	}
	
	#feature-info {
			position:absolute;
			right:50%;
			margin-right:-410px;
			top:295px;
			z-index:2000;
			width:340px;
		}
		
		#feature-info #feature-left {
			background: url('images/box-left.png') no-repeat;
			width:20px;
			height:167px;
			float:right;
			z-index:2000;
		}
		
		#feature-info #feature-center, #feature-info #feature-center .center-content {
			background: #fff;
			height:167px;
			width:300px;
			float:right;
			z-index:2000;
		}
		
		#feature-info #feature-center p {
			margin-bottom:5px;
		}
		
		#feature-info #feature-right {
			background: url('images/box-right.png') no-repeat;
			width:20px;
			height:167px;
			float:right;
			z-index:2000;
		}

	
/* Project Stuff */
#left.project {
	width:440px;
	height:475px;
	float:left;
	padding:24px 10px 5px 23px;
	/*border:1px #666 solid;*/
}
	
	#left.project h1 {
		margin-bottom:15px;
		position:relative;
		right:3px;
	}
	
	#left.project .project-type {
		font-family: "Din Bold";
		font-size:18px;
		line-height:30px;
		text-transform:uppercase;
		margin:0;
		position:relative;
		right:2px;
		letter-spacing:1px;
		color:#000;
	}
	
	#left.project .project-suburb {
		text-transform:uppercase;
		font-weight:bold;
		font-family:Arial;
		font-size:14px;
		line-height:14px;
	}

#hero-container.project {
	position:absolute;
	left:35px;
	top:90px;
}

	.layout1-hero-wide {
		position:absolute;
		top:-1px;
		left:0;
	}
	
	.layout1-hero-thin-one {
		position:absolute;
		top:224px;
		left:0px;
	}
	
	.layout1-hero-thin-two {
		position:absolute;
		top:224px;
		left:200px;
	}
	
	.layout2-hero-wide {
		position:absolute;
		top:-1px;
		left:0;
	}
	
	.layout2-hero-thin-one {
		position:absolute;
		top:-1px;
		left:0px;
	}
	
	.layout2-hero-thin-two {
		position:absolute;
		top:185px;
		left:0px;
	}
	
	.layout3-hero-wide {
		position:absolute;
		top:-1px;
		left:0;
	}
	
	.layout3-hero-thin-one {
		position:absolute;
		top:-1px;
		left:0px;
	}
	
	#left.project p {
		font-size:11px;
		line-height:18px;
		margin-bottom:15px;
	}
	
	#left.project p strong {
		font-size:11px;
		line-height:18px;
		font-weight:bold;
	}
	
	ul.further-info { 
		list-style-type:none;
	}
	
	#left.project ul {
		list-style-type:image;
		list-style-image: url("images/list-bullet.png");
		margin-left:25px;
	}
	
	#left.project ul li {
		padding-left:0px; 
		padding-top:2px;
		color:#000;
		/*cursor:pointer;*/
		font-size:11px; 
		line-height:18px;
		color:#666;
	}
	
	#left.project ul.further-info, ul.map_link {
		list-style-type:none;
		list-style-image:none;
		margin-left:10px;
	}
	
	#left ul.map_link {
		margin-bottom: 0px; !important
	}
	
	#left ul.map_link li {
		background-image: none;
	}
	
	#left.project ul.further-info li, ul.map_link li {
		background:url('images/list-bullet.png') no-repeat 0% 47%; 
		padding-left:12px; 
		color:#666;
		cursor:pointer;
		line-height:14px;
		padding-bottom:2px;
	}
	
	ul.map_link li a {
		color: black;
		font-size: 11px;
	}
	
		#left.project ul.further-info li a {
			text-decoration:none;
			color:#000;
		}
	
	#left-inside {
		float:left;
		width:250px;
		padding-right:10px;
		height:200px;
		/*border:1px #666 solid;*/
	}
		#left.project #left-inside p {
			margin-bottom:0;
		}
	
	#further-info {
		background: url('images/projects/project-div.png') repeat-y;
		float:left;
		width:155px;
		height:200px;
		padding-left:20px;
		/*border:1px #666 solid;*/
	}
	
		#left.project #further-info p {
			font-size:12px;
			line-height:18px;
			font-weight:bold;
			text-transform:uppercase;
			color:#e5b704;
			margin:0;
		}
		
		.project-seperator {
			background: url('images/project-seperator.png') no-repeat 0% 0%;
			width:120px;
			height:2px;
			margin-bottom:5px;
		}
	
		
	.project-logo {
		float:right;
		margin-right:10px;
		margin-top:20px;
	}	
		
	#project-buttons {
		position:absolute;
		bottom:12px;
		left:303px;
		width: 185px;
	}
	
	#project-buttons #enq-lg {
		width: 130px;
	}
	
	#project-buttons img {
		display: block;
		margin: 0px auto;
	}
	
	#contact_info {
		margin-top: 20px;
	}
	
	#left.project #further-info #contact_info p {
		color: #666666;
		font-weight: normal;
		font-size: 11px;
		text-transform:none;
	}
	
	#left.project #further-info #contact_info p strong {
		font-weight: bold;
		font-size: 11px;
	}


/* Map Stuff */

#map-over {
	position:absolute;
	left:-17px;
	top:-13px;
	z-index:2;
	width:451px;
	height:500px;
	/*border:1px #666 solid;*/
}

	#map-inside {
		position:relative;
		width:451px;
		height:500px;
		/*border:1px #666 solid;*/
	}
	
		#map-info { 
			position:absolute;
			top:38px;
			left:40px;
		}
			#map-info h1 {
				margin-bottom:10px;
				position:relative;
				right:2px;
			}
		
		.blip-link { position:absolute; width:27px; height:33px; z-index:1000; }
		
		.blip-yellow {
			background: url('images/blip-yellow.png') no-repeat;
			position:relative;
			width:27px;
			height:33px;
		}
		
		.blip-red {
			background: url('images/blip-red.png') no-repeat;
			position:absolute;
			width:27px;
			height:33px;
		}
		
		.blip-purple {
			background: url('images/blip-purple.png') no-repeat;
			position:absolute;
			width:27px;
			height:33px;
		}

	#map-right {
		/*border:1px #666 solid;*/
		width:380px;
		height:370px;
		position:absolute;
		left:50%;
		top:30px;
		margin-left:1px;
		padding:20px 30px;
	}	
		
		#map-right p {
			margin-bottom:10px;
		}
		
		#map-right ul.project-list { list-style-type:none; margin-left:20px; height:300px; overflow:hidden; }
			#map-right ul.project-list li { 
				background:url('images/list-bullet.png') no-repeat 0% 47%; 
				padding-left:12px; 
				color:#000;
				cursor:pointer;
			}
			
			#map-right ul.project-list li a {
				font-family:Arial;
				font-size:11px;
				line-height:18px;
				color:#000;
				text-decoration:none;
			}
		
	#arrow-top {
		background: url('images/arrow-top.png');
		width:34px;
		height:34px;
		position:absolute;
		right:20px;
		top:50px;
	}
	
	#arrow-bottom {
		background: url('images/arrow-bottom.png');
		width:34px;
		height:34px;
		position:absolute;
		right:20px;
		bottom:40px;
	}
	
	
	
/* Register Stuff */
#left p.mandatory {
	position:absolute;
	top:32px;
	right:80px;
	margin:0;
}
	#left p.mandatory span {
		color:#662e91;
		font-weight:bold;
		font-size:16px;
	}

#left #register .label {
	font-family:Arial;
	font-size:12px;
	line-height:21px;
	width:200px;
	float:left;
	font-weight:bold;
	margin-bottom:10px;
	position:relative;
	/*border:1px #666 solid;*/
}

	#left #register .label span {
		float:right;
		color:#662e91;
		margin-right:5px;
		font-weight:bold;
		font-size:16px;
	}

#left #register .input-field {
	border: 1px #e5b704 solid;
	width:300px;
	float:left;
	margin-bottom:10px;
	line-height:21px;
	height:21px;
}

#left #register .submit {
	background: url('images/buttons/submit.png') no-repeat;
	width:107px;
	height:39px;
	float:left;
	cursor:pointer;
}
	
.reg-disclaimer { font:10px/18px Arial; position:relative; }	
.disclaimer-link { color:#666; text-decoration:none; }
	
/* Map Container */
#display-map {
	width:500px;
	height:340px;
}

/* Map Overs */
.map-overs {
	position:absolute;
	display:none;
	z-index:2000;
}

	.map-left {
		background: url('images/map-over-left.png') no-repeat;
		width:16px;
		height:66px;
		float:left;
	}
	
	.map-center {
		background: url('images/map-over-center.png') repeat-x;
		height:66px;
		float:left;
		padding:18px 0px 15px 0px;
	}
	
		.map-center p.suburb {
			font: 11px/11px Arial;
			color:#fff;
			text-transform:uppercase;
			margin:0;
		}
		
		.map-center p.estate-name {
			font:14px/14px Arial;
			font-weight:bold;
			text-transform:uppercase;
			color:#fff;
			margin:0;
		}
		
		
	.map-right {
		background: url('images/map-over-right.png') no-repeat;
		width:20px;
		height:66px;
		float:left;
	}



	
#footer {
	position:absolute;
	bottom:-9px;
	left:108px;
}

	#copyright {
		font-family:Arial;
		font-size:11px;
		line-height:14px;
		color:#999;
	}
	
		#copyright a {
			text-decoration:none;
			color:#999;
		}
		
		
		
		
/* Other Styles */
.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}

	.simply-scroll-clip { /* Clip DIV - automatically generated */
		position: relative;
		overflow: hidden;
		z-index: 2;
	}

	.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
		margin: 0;
		padding: 0;
		/*list-style: none;*/
	}
	
		.simply-scroll-list li {
			padding: 0;
			margin: 0;
			/*list-style: none;*/
		}
	
		.simply-scroll-list li img {
			border: none;
			display: block;
		}
	
	.simply-scroll-btn {
	}
	
	.simply-scroll-btn-up {
		background: url('images/arrow-top.png');
		width:34px;
		height:34px;
		position:absolute;
		right:0px;
		top:0px;
		cursor:pointer;
	}
	
	.simply-scroll-btn-down {
		background: url('images/arrow-bottom.png');
		width:34px;
		height:34px;
		position:absolute;
		right:0px;
		bottom:0px;
		cursor:pointer;
	}

.simply-scroll { /* Customisable base class for style override DIV */
	width: 576px;
	height: 200px;
	margin-bottom: 1em;
}

	.simply-scroll .simply-scroll-clip {
		width: 576px;
		height: 200px;
	}
	
		.simply-scroll .simply-scroll-list {}
		
		.simply-scroll .simply-scroll-list li {
			float: left;
			width: 290px;
			height: 200px;
		}
		
/* Vertical scroller example */

#priv-contain .vert {
	width:500px;
	height:370px;	
}

	#priv-contain .vert .simply-scroll-clip {
		width: 450px;
		height: 370px;
	}
	
	#priv-contain .vert #scroller {
		margin:0;
		padding:0;
	}
	
	#priv-contain .simply-scroll-btn-down {
		background: url('images/arrow-bottom.png');
		width:34px;
		height:34px;
		position:absolute;
		right:0px;
		bottom:0px;
		cursor:pointer;
	}
	
	#priv-contain .vert .simply-scroll-list ol.normal {
		list-style-type:decimal;
		margin-bottom:20px;
	}
	
	#priv-contain .vert .simply-scroll-list ol.normal li {
		list-style-type:decimal;
		background:none;
		height:inherit;
		width:inherit;
		margin-left:25px;
		color:#666;
		cursor:default;
	}
	
	/* award container */
	#award-container .vert {
	width:430px;
	height:370px;
}

	#award-container .vert .simply-scroll-clip {
		width: 400px;
		height: 370px;
	}
	
	#award-container .vert #scroller {
		margin:0;
		padding:0;
		
	}
	
	#award-container .simply-scroll-btn-down {
		background: url('images/arrow-bottom.png');
		width:34px;
		height:34px;
		position:absolute;
		right:0px;
		bottom:0px;
		cursor:pointer;
	}
	
	#award-container .vert .simply-scroll-list ol.normal {
		list-style-type:decimal;
		margin-bottom:20px;
	}
	
	#award-container .vert .simply-scroll-list ol.normal li {
		list-style-type:decimal;
		background:none;
		height:inherit;
		width:inherit;
		margin-left:25px;
		color:#666;
		cursor:default;
	}
	


.vert { 
	width: 340px;
	height: 310px;
	overflow:hidden;
	margin-bottom: 1.5em;
}

	.vert .simply-scroll-clip {
		width: 290px;
		height: 310px;
		overflow:hidden;
	}
	
		.vert .simply-scroll-list {
			/*list-style-type:none;*/ margin-left:20px;
		}
		
		.vert ul#scroller.simply-scroll-list li {
			width: 200px;
			height: 22px;
			background:url('images/list-bullet.png') no-repeat 0% 47%; 
			padding-left:12px; 
			color:#000;
			cursor:pointer;
		}
		
		.vert ul#scroller.simply-scroll-list li a {
			font-family:Arial;
			font-size:11px;
			line-height:18px;
			color:#000;
			text-decoration:none;
		}
		
	/* NOTE left-right classes wouldn't be needed on vertical scroller */
	
/* 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; }