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

* {
	border:0 solid #eee;
	list-style:none;
	margin:0;
	padding:0;
}
/*JS notification */
#jswarning{ 
	 font-family:Arial, Helvetica, sans-serif; 
	 font-size: 9px;
	 margin:100px 0px 0px 114px;
	 height: 20px; 
	 border: #d6d8d6 1px solid; 
	 width: 100%; 
	 padding-top: 10px; 
	 padding-left: 30px; 
	 background: #efefef url(img/exclamation.gif) 4px 8px no-repeat; 
	 z-index:200;
	} 

/* ---------------- html and body info is split into 2 separate style sheets - NoScroll is used for the index page and scroll is used for all others -------------
html {
	width:100%;
	height:100%;
	overflow:hidden;
}
*/
/*
body {
	width:100%;
	height:100%;
	overflow:hidden;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	cursor:default;
	/*background:url(loading.gif);
	color:#000;
	margin:0;
	padding:0;
}
*/
a {
	text-decoration:none;
	color:#666;
}
a:hover {
	text-decoration:none;
	color:#000;
}
.ON{
	color:#67A5C3;/* link "turned on" color blue */
}
p{
	padding:0px;
	margin:0px;
	font-size:12px;
	line-height:14px;
}
h2{
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	color:#666;
	margin-bottom:20px;
}
h3{
	display:block;
	font-size:13px;
	font-weight:bold;
	color:#666;
	width:580px;
	text-transform:uppercase;
	margin-bottom:5px;
	border-bottom:#666 solid 1px;
}
h4{
	display:block;
	font-size:13px;
	font-weight:bold;
	color:#666;
	width:580px;
	text-transform:uppercase;
	margin:10px 0 10px 0;
	border-bottom:#666 solid 1px;
}

/* ------------------------------------  Top NAVIGATION  ------------------------------------ */
#homelink{ /* logo */
	position:relative;
	top:40px;
	left:100px;
	width:182px;/* same as image logo size */
	height:42px;/* same as image logo size */
	margin:14px 104px 30px 14px;
	z-index:90;
}
#maskhome{ /* translucent box behind logo on HOME page */
	position:absolute;
	top:40px;
	left:100px;
	width:300px;
	height:100px;
	padding:10px;
	background:#fff;
	opacity:0.75;
	filter:alpha(opacity=75);
	padding:0px;
	z-index:80;
}
#mask{ /* translucent box behind logo on ALL OTHER pages */
	position:absolute;
	top:40px;
	left:100px;
	width:300px;
	height:100px;
	padding:10px;
	z-index:80;
	background:#E6E6E6;
	opacity:0.8;
	filter:alpha(opacity=80);
	padding:0px;
}
#navbarhome{  /* translucent bar behind navigation Home page*/
	position:absolute;
	top:40px;
	left:400px;
	margin-top:0px;
	height:100px;
	width:90%;
	line-height:12px;
	background:#fff;
	opacity:0.75;
	filter:alpha(opacity=75);
	padding:0px;
	z-index:80;
}
#navbar{  /* translucent bar behind navigation on ALL OTHER pages*/
	position:absolute;
	top:40px;
	left:400px;
	width:90%;
	line-height:12px;
	z-index:80;
	height:100px;
	margin-top:0px;
	background:#E6E6E6;
	opacity:0.8;
	filter:alpha(opacity=80);
	padding:0px;
}
*#navbar{/* hack to make horizontal scroll bar disappear in IE on PC*/
	width:95%;
}

#menucontainer {
	position:absolute;
	top:45px; /*  visually align with logo top */
	left:400px;
	width:691px;
	padding:0px;
	margin:0px;
	line-height:10px;
	text-transform:uppercase;
	z-index:90;
}
#menu1 { /* 1 - Main sections */
	float:left;
	display:block;
	margin-top:0px;
	padding:10px 0 10px 10px;
}
#menu1 ul {
	float:left;
	width:80px;
}
#menu1 li  {
	height:12px;
	font-weight:bold;
	color: #666;
	padding:0px;
}
#menu1 li a:hover {
	color:#000;
}
/* 2 - secondary menus within sections */
/* 3 - tertiary menu within portfolio with property names and locations */
#menu2,
#menu3 {
	float:left;
	display:block;
	padding:10px 0 10px 10px;
}
#menu2 ul {
	margin-left: 0;
	padding-left: 0;
	width:85px;
}

#menu3 ul { /* portfolio/property names need a wide container, can be reduced if names get shorter, e.g cut location  */
	margin-left: 0;
	padding-left: 0;
	width:330px; /*based on widest name*/
}
#menu2 li,
#menu3 li{
	height:12px;
}
#socialmedia { 
	float:left;
	padding:10px 0px 0px 445px;
}
#socialmedia img { 
	padding-right:3px;
}
#socialmedia0 { 
	float:left;
	padding:10px 0px 0px 105px;
}
#socialmedia0 img { 
	padding-right:3px;
}
#socialmedia1 { 
	float:left;
	padding:10px 0px 0px 350px;
}
#socialmedia1 img { 
	padding-right:3px;
}
#socialmedia2 { 
	float:left;
	width:100px;
	padding:10px 0px 0px 10px;
}
#socialmedia2 img { 
	padding-right:3px;
}

/* -----------------------Announcements on home page---------------------------*/
#announcement{ 
	position:absolute;
	top:155px;
	left:410px;
	width:430px;
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:24px;
	color:#999;
	visibility:visible;
	z-index:100;
}
.news{ /* box containting the news items*/
	position:relative;
	width:430px;
	padding:15px;
	margin-bottom:5px;
	background-color: #FFF;
	visibility:visible;
	opacity:0.8;
	filter:alpha(opacity=80);
	z-index:100;
	}
.news a:link,
.news a:visited
{
	border:none;
	text-decoration:none;
	color:#999;
}
.news a:hover,
.news a:active {
	color:#000;
}
/* -------- news - announcement ----------- */
.brief{
	width:580px;
	height:114px;
	font-size:12px;
	padding:0 0 10px 0;
}
.brief img{
	position:relative;
	float:left;
	padding-right:10px;
}

/* -----------------------instructions: show text------------------------------ */
#seedetails { 
	float:left;
	width:140px;
	padding:10px 10px 10px 10px;

}
#seedetails ul {
	margin-left: 0;
	padding-left: 0;
	width:150px;
}
#seedetails a {
	height:10px;
	font-weight:normal;
	text-transform: none;
	color: #666;
}
/* ------------------------------------  Secondary Navigation - w/Anchor links on left side  ------------------------------------ */
#leftnav { /* list of links on left */
	position:absolute;
	top:200px;
	left:100px;
	font-size:11px;
	padding-left:65px; /*to align with left edge of logo it would need to be changed to 14px*/
	visibility:visible;
	z-index:100;
	margin:0;
}
#leftnav ul {
	float:left;
	width:200px;
}
#leftnav li{
	height:15px;
	font-weight:normal;
	text-transform:none;
}
#leftnav li.title,
#leftnav li a.title{
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	margin:0px 0px 0px 0px;
	padding:0px;
	color:#000;
	}

/* ------------------------------------  Portfolio pages  ------------------------------------ */
#projecttext{
	position:absolute;
	top:200px;
	left:400px;
	width:400px;
	height:200px;
	padding:10px 10px 10px 10px;
	background-color: #FFF;
	opacity:0.8;
	display:none;
	visibility:visible;
	filter:alpha(opacity=80);
	z-index:100;
}

#flashcontent { /* slideshow*/
	position:absolute;
	float:left;
	/*display:inline;*/
	top:200px;
	left:0px;
	width:100%;
	height:600px;
	padding-bottom:20px;
	z-index:1;
	text-align:top;
	}
/* ------------------------------------  Client / People / Firm page link colors  ------------------------------------ */
#list a,
#text a,
#projecttext a,
.bio a {
	text-decoration:none;
	color:#666;
	outline:0;
}
#list a:hover,
#text a:hover,
#projecttext a:hover,
.bio a:hover {
	text-decoration:none;
	color:#67A5C3;
	outline:0;
}
/*---- article template page---*/
#article{
	position:absolute;
	top:200px;
	left:400px;
	width:580px;
	padding:0px 10px 40px 10px;
	visibility:visible;
	z-index:100;
}
#article p{
	padding:0px 0px 10px 0px;
	margin:0px;
	}
#article h1{
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	color:#666;
	margin:0;
	padding:0;
}
#article h2{	font-size:12px;
	font-weight:normal;
	line-height:12px;
	color:#000;
	padding:0;
	margin-bottom:20px;}

/* FlIP book */
#flip{
	position:absolute;
	top:200px;
	left:364px;
	width:700px;
	height: 600px;
	padding:0px 10px 40px 10px;
	visibility:visible;
	z-index:100;
}
#flip h1{
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	color:#666;
	margin:0;
	padding:0 0 0 36px;
}
#flip a:link{
	font-weight:100;}
#flip p{
			padding:0 0 0 36px;
}
/* ------------------------------------  Client List page  ------------------------------------ */
#list{
	position:absolute;
	top:200px;
	left:400px;
	width:600px;
	padding:0px 10px 40px 10px;
	visibility:visible;
	z-index:100;
}
#list p{
	padding:0px 15px 8px 10px;
	margin:0px;
	text-indent:-10px;
	}
#list table{
	margin:0px 0px 30px 0px;
	}
#list p.last{
	padding:0px 15px 30px 10px;
	margin:0px;
	text-indent:-10px;
	}
#list p.noindent{
	padding:0px 15px 8px 0px;
	margin:0px;
	text-indent:0px;
	}
/* ------------------------------------  Firm pages  ------------------------------------ */
#text{
	position:absolute;
	top:200px;
	left:400px;
	width:600px;
	padding:0px 10px 40px 10px;
	visibility:visible;
	z-index:100;
}
#text p{
	padding:0 0 15px 0;
}

.columns{
	display:block;
	float:left;
	width:185px;
	margin-right:10px;
}
.intro{
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:22px;
	color:#666;
	padding-bottom:0px;
}
	
/* ------------------------------------  People pages  ------------------------------------ */
.bio {
	position:absolute;
	top:200px;
	left:400px;
	width:580px;
	line-height:14px;
	padding:0px 10px 40px 10px;
	z-index:100;
	visibility: hidden;
}
.bio p {
	padding:0 0 15px 0;
}
.bio img {
	padding-bottom:20px;
}
#gary{
	visibility:visible;
}
#thomas{
	visibility:hidden;
}
#david{
	visibility:hidden;
}
#leann{
	visibility:hidden;
}
#tim{
	visibility:hidden;
}
#donna{
	visibility:hidden;
}
#julie{
	visibility:hidden;
}
#ami{
	visibility:hidden;
}
#dana{
	visibility:hidden;
}
#jenna{
	visibility:hidden;
}
#kristin{
	visibility:hidden;
}
#anne_n{
	visibility:hidden;
}
#maura{
	visibility:hidden;
}
#randy{
	visibility:hidden;
}
#joseph{
	visibility:hidden;
}
#gint{
	visibility:hidden;
}
#laura{
	visibility:hidden;
}
#anne_k{
	visibility:hidden;
}
#amanda{
	visibility:hidden;
}
#jackie{
	visibility:hidden;
}
#chloe{
	visibility:hidden;
}
#chantal{
	visibility:hidden;
}
#trevor{
	visibility:hidden;
}
#cassandra{
	visibility:hidden;
}
#claire{
	visibility:hidden;
}
#margaret{
	visibility:hidden;
}
#katy{
	visibility:hidden;
}
#katey{
	visibility:hidden;
}
#april{
	visibility:hidden;
}
#mahsa{
	visibility:hidden;
}


.title2{
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:20px;
	color:#000;
	padding-bottom:20px;
}
		
/* -----------------  Home page background image - fill screen --------------------- */

#bg div {
	position:absolute;
	width:200%;
	height:200%;
	top:0%;
	left:-50%;
}
#bg td {
	vertical-align:top;
	text-align:center;
}
#bg img {
	min-height:50%;
	min-width:50%;
	margin:0 auto;
}
#bg {
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:2;
}
#bg table {
	width:100%;
	height:100%;
	overflow:hidden;
}
#bg td {
	width:100%;
	height:100%;
	overflow:hidden;
}