@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 
	{ 
    	padding:236px 0 0;
        background-color:#fff; 
        overflow-x:hidden; !important
	}
body.home 
	{
    	padding:175px 0 0;
	}
img 
	{
		border:none;
	}

.clear 
	{
		clear:both;
	}

div#branding 
	{
		position:absolute;
		top:0;
		width:100%;
		height:126px;
		z-index:2;
		background-color:#f2841f;
		text-align:center;
	}

img#logo 
	{
		width:790px;
		margin:70px auto 0;
		z-index:2;
	}

div#photobar 
	{
	position:absolute;
	right:50%;
	margin-right:-384px;
	top:126px;
	width:1375px;
	height:43px;
	z-index:2;
	border:none;
	background-repeat:no-repeat;
	background-repeat:no-repeat;
	background-repeat:no-repeat;
	}
		/* Specify photobar for each major section */
.home div#photobar { background-color:#fff; }
.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, .ipadform div#photobar { background-image:url(/images/photos-contact.jpg); }

/* Accommodate legacy landing pages */
	.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; }

div#photobar.oldlanding {
	position:absolute;
	right:50%;
	margin-right:-384px;
	top:126px;
	width:1232px;
	height:43px;
	z-index:2;
}

/* Home: 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:#fff;
}

div#mainnav {
	position:absolute;
	right:50%;
	margin-right:-380px;
	top:0;
	margin-top:172px;
	padding-left:7px;
	width:750px;
	height:20px;
	z-index:2;
	text-align:right;
}

table.footer {
	width:110%;
	margin:40px 0 0;
	z-index:1;
	border:none;
	}
	.home table.footer {
	width:110%;
	margin:20px 0 0;
	z-index:1;
	border:none;
	}
		.footer td {
			width:100%;
			height:1px;
			text-align:center;
			background:none;
			border-top:6px solid #f2841f;
}

div#signoff-nav {
	margin:20px auto 0; 
	width:600px;
	padding:0 20px 0 0;
	height:20px;
	text-align:right;
	vertical-align:middle;
}


/* Page content styles -------------------- */
/*div#contentwrapper {
	width:760px;
	margin:0 auto 0 auto;
	padding:236px 0 0;
	text-align:left;
}
.home div#contentwrapper {
	width:800px;
	margin:236px auto 0;
	text-align:left;
}*/

div#contentwrapper {
    width:760px;
    margin:0 auto 0 auto;
    padding:0;
    text-align:left;
}
.home div#contentwrapper {
      width:800px;
      margin:0 auto 0 auto;
      text-align:left;
}

.ipadform #contentwrapper {
	position:relative;
	left:50%;
	margin-left:-380px;
}
div#secondnav {
	float:left;
	width:175px;
	z-index:2;
}

.home div#contentleft {
	margin:67px 0 0 75px;
	width:665px;
	z-index:2;
	text-align:left;
}

div#contentright {
	float:right;
	width:540px;
	margin-right:25px;
	z-index:2;
}

div#testimonial {
	margin:120px 0 0 400px;
	padding:30px 0 15px 0;
	text-align:left;
	z-index:2;
		}
		.clients div#testimonial {
			margin:120px 0 0 350px;
			padding:30px 0 15px 0;
			text-align:left;
			z-index:2;
		}
		.contact #testimonial h3 {
			margin-top:15px;
		}
		
div#homecontentright {
	margin:20px 0 0 340px;
	width:360px;
	z-index:2;
	}
		div#homecontentright table {
			display:block;
			width:378px;
			border:none;
			border-collapse:collapse;
		}
		div#homecontentright td {
			width:353px;
			height:24px;
			border:none;
		}
		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 {
			margin:25px 0 0 340px;
			width:360px;
			padding-top:3px;
			z-index:2;
		}	
		div#newsscroller {
			margin:6px 0 0 340px;
			width:360px;
			z-index:2;
		}
		#pscroller1 {
			text-align:left;
			width: 360px;
			height: 50px;
			border: none;
			background-color:#fff;
}

/* ---------Promo "bubble" box------------ */
#promo-container {
	position:absolute;
	top:0;
	left:50%;
	margin:353px 0 0 -975px;
	display:block;
	width:800px;
	height:52px;
	background-image:url(../images/promo-gray-line.png);
	background-repeat:no-repeat;
	background-position:0 23px;
	z-index:6;
}
#promo-container-single {
	position:absolute;
	top:0;
	left:50%;
	margin:375px 0 0 -975px;
	display:block;
	width:800px;
	height:52px;
	background-image:url(../images/promo-gray-line.png);
	background-repeat:no-repeat;
	background-position:0 23px;
	z-index:6;
}
#promo-container-2 {
	position:absolute;
	top:0;
	left:50%;
	margin:423px 0 0 -975px;
	display:block;
	width:800px;
	height:52px;
	z-index:6;
}
#promo {
	display:block;
	margin:0 -5px 0 440px;
	padding:0;
	width:365px;
	height:48px;
	background-color:#fff;
	border:2px solid #ddd;
	text-align:right;
}

/* Original working versions
#promo-container {
	position:absolute;
	top:0;
	left:50%;
	margin:300px 0 0 -975px;
	display:block;
	width:800px;
	height:52px;
	background-image:url(../images/promo-gray-line.png);
	background-repeat:no-repeat;
	background-position:0 23px;
	z-index:6;
}
#promo {
	display:block;
	margin:0 -5px 0 440px;
	padding:0;
	width:375px;
	height:48px;
	background-color:#fff;
	border:2px solid #ccc;
	text-align:right;
}
*/

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

.landing #pcma {
	display:block;
	margin:5px -5px 0 555px;
	padding:0;
	width:270px;
	height:48px;
	background-color:#dcf1fc;
	border:2px solid #fff;
	text-align:right;
}

.contact div#contentright {
	float:right;
	width:540px;
	margin-right:25px;
	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;
		}*/
		
		.contact div#form 
			{
				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;
		}	

.association-logos {
	display:block;
	position:absolute;
	top:250px;
	left:50%;
	margin:0 0 0 285px;
	z-index:100;
}



/* ------------- Scrolling (Phasing Out) ------------- */
		#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: #fff;
		}



/* Adjustments on individual pages --------- */
.zoomlist div#contentright { width:590px; }

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

.housingworries div#secondnav,
.postcutoffplan div#secondnav,
.housingesp div#secondnav { margin-left:-50px; }

.housingworries div#secondnav li,
.postcutoffplan div#secondnav li,
.housingesp div#secondnav li,
.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,
.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;
}


/* Demo request form -------------- */
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;
	}

.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;
	}

/* iPad contest entry form -------------- */

/* .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#secondnav p strong 
	{ 
		font-size:12px; 
	}

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

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

.ipadentry td { padding:2px 0; }