@charset "utf-8";
/* CSS Document */

/* ----------- Contents ------------------------------------------
1. 	Common page elements 
	(ordered from top to bottom of visible page)
2. 	Landing pages
3. 	Forms
---------------------------------------------------------------- */


/* ----------- Common page elements ---------------------------- */

* { /* start from zero */
	margin:0;
	padding:0;
} 

html { /* no horizontal scrolling */
	overflow-x:hidden; !important
} 

body { 
	background-color:#f2841f; 
	overflow-x:hidden; !important
}

img {
	border:none;
}

div#branding {
	position:absolute;
	left:50%;
	margin-left:-366px;
	top:50%;
	margin-top:-220px;
	width:750px;
	z-index:2;
	}
	img#logo {
		width:728px;
		height:42px;
		z-index:2;
}

div#photobar {
	position:absolute;
	right:50%;
	margin-right:-354px;
	top:50%;
	margin-top:-170px;
	width:1232px;
	height:43px;
	z-index:2;
	border:none;
	background-repeat:no-repeat;
	background-repeat:no-repeat;
	background-repeat:no-repeat;
	}
		/* Specify photobar for each section */
		.home div#photobar { background-color:#dcf1fc; }
		.about div#photobar { background-image:url(/images/photos-about.jpg); }
		.innovations div#photobar { background-image:url(/images/photos-innovations.jpg); }
		.solutions div#photobar { background-image:url(/images/photos-solutions.jpg); }
		.clients div#photobar { background-image:url(/images/photos-clients.jpg); }
		.ideafile div#photobar { background-image:url(/images/photos-ideafile.jpg); }
		.contact div#photobar, .privacy div#photobar { background-image:url(/images/photos-contact.jpg); }
	/* Wider monitors, longer photobars, brave new world */
	.housingworries div#photobar { width:1370px; }
	.postcutoffplan div#photobar { width:1479px; }
	.housingesp div#photobar { width:1479px; }
	.techtools div#photobar { width:1479px; }
	.masterplan div#photobar { width:1479px; }

		
table.bluebkgnd {
	width:110%;
	position:absolute; 
	top:50%; 
	margin-top:-170px; 
	margin-left:-20px; /* extends color to left edge of screen */
	z-index:1;
	border:none;
	}
		.bluebkgnd td {
			width:100%;
			height:368px;
			text-align:center;
			background-color:#dcf1fc;
}

div#navbottom {
	position:absolute;
	left:50%;
	margin-left:-365px;
	top:50%;
	margin-top:205px;
	padding-left:7px;
	width:800px;
	height:20px;
	z-index:2;
}

div#secondnav {
	position:absolute;
	left:50%;
	margin-left:-360px;
	top:50%;
	margin-top:-70px;
	width:175px;
	z-index:2;
}
.long div#secondnav {
	margin-top:-100px;
}

div#contentleft {
	position:absolute;
	left:50%;
	margin-left:-360px;
	top:50%;
	margin-top:-82px;
	width:715px;
	z-index:2;
}

div#contentright {
	position:absolute;
	left:50%;
	margin-left:-170px;
	top:50%;
	margin-top:-71px;
	width:525px;
	z-index:2;
	}
		#mycustomscroll {
			/* IE overflow fix, position must be relative or absolute*/
			position: relative;
			width: 515px;
			height: 240px;
			margin:0;
			padding:0 15px 0 0;
			overflow: auto;
			text-align: left;
			background-color: #dcf1fc;
		}
		div#testimonial {
			position:absolute;
			left:50%;
			margin-left:30px;
			top:50%;
			margin-top:85px;
			width:340px;
			text-align:left;
			z-index:2;
		}
		.testimonials #quote {
}

div#homecontentright {
	position:absolute;
	left:50%;
	margin-left:-84px;
	top:50%;
	margin-top:35px;
	width:360px;
	z-index:2;
	}
		div#homecontentright table {
			display:block;
			width:378px;
			border:none;
			border-collapse:collapse;
		}
		div#homecontentright td {
			width:353px;
			height:24px;
		}
		div#homecontentright td.right {
			width:25px;
			text-align:right;
		}
		div#homecontentright td.right img {
			display:inline;
			border:none;
			margin:0;
			padding:0;
		}
		


		/* ------ Home page news updates ------- */
		div#newsupdates {
			position:absolute;
			left:50%;
			margin-left:-84px;
			top:50%;
			margin-top:107px;
			width:360px;
			padding-top:3px;
			z-index:2;
		}	
		div#newsscroller {
			position:absolute;
			left:50%;
			margin-left:-84px;
			top:50%;
			margin-top:133px;
			width:360px;
			z-index:2;
		}
		#pscroller1 {
			text-align:left;
			width: 360px;
			height: 50px;
			border: none;
			background-color:#dcf1fc;
}

/* ---------Home page promo box------------ */
#promo-container {
	position:absolute;
	top:50%;
	left:50%;
	margin:60px 0 0 -975px;
	display:block;
	width:800px;
	height:52px;
	background-image:url(../images/promo-white-line.png);
	background-repeat:no-repeat;
	background-position:0 23px;
	z-index:6;
}
#promo {
	display:block;
	margin:0 -5px 0 425px;
	padding:0;
	width:375px;
	height:48px;
	background-color:#dcf1fc;
	border:2px solid #fff;
	text-align:right;
}

.landing #promo-container {
	position:absolute;
	top:50%;
	left:50%;
	margin:50px 0 0 -1095px;
	display:block;
	width:800px;
	height:64px;
	background-image:url(/images/promo-white-line.png);
	background-repeat:no-repeat;
	background-position:0 30px;
	z-index:6;
}
.landing #promo {
	display:block;
	margin:0 -5px 0 575px;
	padding:0;
	width:225px;
	height:60px;
	background-color:#dcf1fc;
	border:2px solid #fff;
	text-align:right;
}

.contact div#contentright {
	position:absolute;
	left:50%;
	margin-left:-172px;
	top:50%;
	margin-top:-71px;
	width:525px;
	padding-left:2px;
	z-index:2;
	}
		.contact #contentright img {
			margin-left:10px;
			vertical-align:-5px;
		}
		.contact div#contentright table {
			width:378px;
			border:none;
		}
		.contact div#contentright td#right {
			width:25px;
			vertical-align:top;
			text-align:right;
		}
		.contact div#contentright td#right img {
			display:block;
			border:none;
			vertical-align:top;
		}
		.contact div#form {
			position:absolute;
			left:50%;
			margin-left:-172px;
			top:50%;
			margin-top:15px;
			width:525px;
			padding-left:2px;
			z-index:2;
		}
		#contactinfo {
			position:absolute;
			left:50%;
			margin-left:-360px;
			top:50%;
			margin-top:-26px;
			width:175px;
			z-index:2;
		}	

div#signoff-nav {
	position:absolute;
	top:50%;
	margin-top:320px;
	right:50%;
	margin-right:-355px;
}

/* Show background photobar image if no Flash is detected */
div#no-script {
	width:1232px;
	height:43px;
	background-image:url(/images/photos-home.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#dcf1fc;
}


/* ------------- Landing pages ------------- */

.landing div#secondnav {
	position:absolute;
	left:50%;
	margin-left:-360px;
	top:50%;
	margin-top:-95px;
	width:175px;
	z-index:2;
}

.landing div#contentright {
	position:absolute;
	left:50%;
	margin-left:-232px;
	top:50%;
	margin-top:-96px;
	width:585px;
	z-index:2;
	padding-left:2px;
	}
		.landing #mycustomscroll {
			/* IE overflow fix, position must be relative or absolute*/
			position: relative;
			width: 575px;
			height: 265px;
			overflow: auto;
			margin:0;
			padding:0 15px 0 0;
			text-align: left;
			background-color: #dcf1fc;
}

.zoomlist div#contentright { width:590px; }
.postcutoffplan div#contentright,
.housingesp div#contentright { width:595px; }
.techtools div#contentright { width:595px; }

.ipadform div#secondnav {
	position:absolute;
	left:50%;
	margin-left:-330px;
	top:50%;
	margin-top:-70px;
	width:250px;
	z-index:2;
}
.ipadform div#secondnav h3 {
	font-size:13px;
	font-weight:bold;
	color:#000;
	line-height:130%;
	width:210px;
}
.ipadform div#secondnav p {
	font-size:12px;
	font-weight:normal;
	color:#000;
	line-height:130%;
	margin-top:25px;
}

.ipadform div#contentright {
	position:absolute;
	left:50%;
	margin-left:-10px;
	top:50%;
	margin-top:-75px;
	width:300px;
	z-index:2;
}

.ipadform img#arrow {
	position:absolute;
	left:50%;
	margin-left:-130px;
	top:50%;
	margin-top:-68px;
	border:none;
	z-index:2;
}

.demoform div#secondnav {
	position:absolute;
	left:50%;
	margin-left:-330px;
	top:50%;
	margin-top:-70px;
	width:240px;
	z-index:2;
}
.demoform div#secondnav h3 {
	font-size:13px;
	font-weight:bold;
	color:#000;
	line-height:130%;
	width:210px;
}
.demoform div#secondnav p {
	font-size:12px;
	font-weight:normal;
	color:#000;
	line-height:130%;
	margin-top:25px;
}

.demoform div#contentright {
	position:absolute;
	left:50%;
	margin-left:-50px;
	top:50%;
	margin-top:-75px;
	width:400px;
	z-index:2;
}

.demoform img#arrow {
	position:absolute;
	left:50%;
	margin-left:-125px;
	top:50%;
	margin-top:-70px;
	border:none;
	z-index:2;
}

#demothank 	{
	position:absolute;
	left:50%;
	margin-left:-170px;
	top:50%;
	margin-top:-60px;
	width:500px;
	z-index:2;
}

.housingworries div#secondnav,
.postcutoffplan div#secondnav,
.housingesp div#secondnav { margin-left:-415px; }
.techtools div#secondnav { margin-left:-415px; }
.housingworries div#secondnav li,
.postcutoffplan div#secondnav li,
.housingesp div#secondnav li { font-size:13px; text-indent:-3px; }
.techtools div#secondnav li { font-size:13px; text-indent:-3px; }
.housingworries div#secondnav li.citation,
.postcutoffplan div#secondnav li.citation,
.housingesp div#secondnav li.citation { margin-top:9px; text-indent:0; font-size:11px; color:#000; font-weight:normal; }
.techtools div#secondnav li.citation { margin-top:9px; text-indent:0; font-size:11px; color:#000; font-weight:normal; }		

/* --------------Forms--------------- */

fieldset {
	border:none;
}
table.form { 
	width:525px;
	margin:5px 0 2px 0;
}
		.form td {
			margin:0;
			padding:0;
		}
		div#contact-error {
			position:absolute;
			left:50%;
			margin-left:150px;
			top:50%;
			margin-top:156px;
			width:300px;
			z-index:4;
}

table.demoform { 
	width:400px;
	margin:5px 0 2px 0;
}
		.demoform td {
			margin:0;
			padding-top:2px;
			padding-bottom:2px;
		}
		.demoform td.left {
			text-align:right;
			padding-right:8px;
		}