/* ---------------------------------------------

CSS Document created by Phinney/Bischoff Design House
For: Ambia http://www.ambia-inc.com

----------------------------------------------- */

html {
	min-height: 103%; /*add vertical scrollbars to all pages*/
	}
	
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
	color: #fff;
	font-size: 12px;
	background: #7289a6 url("/images/bg-main.gif") repeat-x left top;
	}

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 800px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 780px;
	}



/* ---------------------------------------------

LAYOUT

----------------------------------------------- */

/*#image   { position: relative; left: 0px; top: 138px; width: 100px; height: 100px; background-color: green;}
#logo    { position: relative; left: 630px; top: 78px; width: 100px; height: 100px; background-color: blue;}
#message { position: relative; left: 400px; top: 192px; width: 380px;  height: 100px; background-color: red;}
*/
#image   { float: left;  margin: 138px 0 0 0; }
#logo    { float: right; margin:  78px 0 0 0; }
#message { float: right; clear: right; margin: 0; width: 380px; }

#main {
	margin: 0 0 40px 0;
	padding: 300px 0 0 20px;
	padding: 20px 0 0 20px;
	width: 780px;
	float: left;
	}

#left-column { 
	float: left;
	width: 360px;
	margin: 0;
	padding: 0;
	}

#right-column {
	float: right;
	width: 280px;
	margin: 0;
	padding: 0 60px 0 0;
	}
	
#alt-right-column {
	float: right;
	width: 280px;
	margin: 0;
	padding: 0 60px 0 0;
	}
	
#alt-left-column {
	float: left;
	width: 360px;
	margin: 0;
	padding: 0;
	}
#alt-left-column2 {
	float: left;
	width: 360px;
	margin: 0;
	padding: 0;
	}	
#alt-right-column2 {
	float: right;
	width: 280px;
	margin: 0;
	padding: 0 60px 0 0;
	}	
/* ---------------------------------------------

TEXT FORMATTING

----------------------------------------------- */

h1, h2, h3, h4, h5, h6, dl {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #fff;
	}
h1 { font-size: 18px; margin: 0 0 .5em 0; }
h2 { font-size: 17px; margin: 0 0 .5em 0; }
h3 { font-size: 14px; margin: 0 0 .2em 0; color: #282d51; }
h4 {}
h5 {}
h6 {}

p, li, dt, dd, td, blockquote {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #fff;	
	}

p { 
	line-height: 18px; 
	margin: .25em 0 .75em 0; 
	}

p.footnote {
	font-size: 10px;
	line-height: 13px;
	color: #d6dce4;
	}
	
li { 
	line-height: 18px; 
	}


dl { 
	margin: 0; 
	padding: 0; 
	}
dt { 
	margin: 0; 
	padding: 0; 
	font-size: 14px; 
	}
dd {
	margin: 0 0 20px; 
	padding: 0; 
	}


/* ---------------------------------------------

LINKAGE

----------------------------------------------- */

a:link    { color: #282d51;}
a:visited { color: #c9cbdb; }
a:hover   { color: #fff; }



/* ---------------------------------------------

IMAGE

----------------------------------------------- */

#left-column img, 
#right-column img { 
	display: block; 
	}
#right-column img { 
	margin: 0 18px 18px 0; 
	border: 1px solid white;
	float: right;
	}
#alt-left-column img {
	margin: 8px 18px 18px 0;
	border: 1px solid white;
	float: left;
	}
#alt-left-column2 img {
	margin: 0 0 0 0 ;
	border: 1px solid white;
	float: left;
	}
#alt-right-column img {
	margin: 0 0 0 0;
	border: 1px solid white;
	float: right;
	}
#alt-right-column2 img {
	margin: 0 0 0 0;
	border: 1px solid white;
	float: left;
}
/* ---------------------------------------------

FORMS

----------------------------------------------- */

form, input { margin: 0; padding: 0; }



/* ---------------------------------------------

HOME PAGE

----------------------------------------------- */
body.home { background-image: url("/images/bg-home.gif"); }

body.home #wrapper { width: 800px; }

body.home #message      { margin: 3px 0 0 0; padding: 0; width: 400px;  }
body.home #logo         { margin: 63px 0 0 0; }
body.home #left-column  { width: 130px; padding: 0; }
body.home #right-column { width: 130px; padding: 0; }

body.home #main {
	width: 290px;
	margin: 0;
	padding: 30px 75px 40px 435px;
	background: transparent url("/images/drawing-home.gif") no-repeat 0 0;
	}
body.home #left-column h2, 
body.home #right-column h2 {
	font-size: 13px;
	color: #282d51;
	margin: 5px 0 5px 11px;
	padding: 0;
	clear: left;
	}
body.home #left-column p, 
body.home #right-column p {
	margin: 0 0 0 11px;
	line-height: 16px;
	}

body.home h1 { position: absolute; text-indent: -5000px; }
body.home #right-column img,
body.home #left-column img {
	border: none;
	float: left;
	margin: 0 0 5px 0;
	}



/* ---------------------------------------------

PROJECTS (CATEGORY) PAGE

----------------------------------------------- */

body.commercial  #main { background: url("/images/drawing-commercial.gif") no-repeat 0 0; }
body.government  #main { background: url("/images/drawing-government.gif") no-repeat 0 0; }
body.highered    #main { background: url("/images/drawing-highered.gif") no-repeat 0 0; }
body.historical  #main { background: url("/images/drawing-historical.gif") no-repeat 0 0; }
body.k12         #main { background: url("/images/drawing-k12.gif") no-repeat 0 0; }
body.residential #main { background: url("/images/drawing-residential.gif") no-repeat 0 0; }


body.projects #left-column  { width: 300px; padding: 0 0 0 90px; }
body.projects #right-column { width: 350px; padding: 0; }

body.projects h1 { margin-left: 90px; }
body.projects h1 em { color: #282d51; font-style: normal; }

body.projects h2 { margin: 1em 0 0 0; font-weight: bold; font-size: 14px; line-height: 16px; } /* client name */
body.projects p { margin: 0; font-size: 12px; line-height: 14px; } /* project name */

body.projects h2 a:link,    body.projects p a:link    { color: #fff; text-decoration: none; }
body.projects h2 a:visited, body.projects p a:visited { color: #fff; text-decoration: none; }
body.projects h2 a:hover,   body.projects p a:hover   { color: #282d51; text-decoration: none; }



/* ---------------------------------------------

INDIVIDUAL PROJECT PAGE

----------------------------------------------- */
body.project-page { background-image: url("/images/bg-project.gif"); }

body.project-page #main { padding: 33px 0 0 10px; margin: 0 0 50px 0; } 
body.project-page #left-column  { width: 500px; padding: 0; } 
body.project-page #right-column { width: 260px; padding: 15px 0 0 0; }

body.project-page #left-column img {
	margin: 18px 18px 0 0;
	border: solid 1px #fff;
	display: block;
	float: left;
	} 

* html body.project-page #left-column img {
	margin: 18px 14px 0 0;
	display: inline;
	float: none;
	vertical-align: top;
	} 

body.project-page h1 { margin: 0; padding: 0; color: #282d51; }
body.project-page h2 { margin: 0 0 .5em 0; padding: 0; }

body.project-page #right-column ul { margin: 0 0 20px 0; padding: 0; list-style-type: none; font-size: 11px; }
body.project-page li strong { color: #282d51; font-weight: normal; }

body.project-page p.caption { font-size: 11px; margin: 0 0 10px 0; }

#project-selector { 
	position: absolute; 
	left: 114px; 
	top: 206px; 
	width: 232px; 
	height: 19px; 
	}

#next-button     { position:absolute; left:683px; top:212px; }
#previous-button { position:absolute; left:5px; top:212px;  }


/* ---------------------------------------------

NEWS PAGE

----------------------------------------------- */

body.news h3 a:link,
body.news h3 a:visited {
	text-decoration: none;
	color: #282d51;
	}

body.news h3 a:hover {
	text-decoration: underline;
	}
 


/* ---------------------------------------------

NAVIGATION

----------------------------------------------- */

ul#nav { 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	}

#nav li {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	}

#nav li a { 
	margin: 0; 
	padding: 0; 
	display: block; 
	}
#nav li a:link, 
#nav li a:visited { color: #999; text-decoration: none; }
#nav li a:hover   { color: #fff; }

#nav li a.here    { color: #fff; }

li#home     { position: absolute; top: 7px; left: 20px; }
li#projects { position: absolute; top: 7px; left: 112px; }
li#services { position: absolute; top: 7px; left: 233px; }
li#about    { position: absolute; top: 7px; left: 351px; }
li#news     { position: absolute; top: 7px; left: 457px; }
li#careers  { position: absolute; top: 7px; left: 558px; }


div.navmenu {
	visibility: hidden;
	}
	
.navmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

.navmenu ul li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 14px;
	float: left; 
	clear: left;
	}

.navmenu a { padding: 0 0 0 8px; float: left; clear: left; white-space: pre;}
.navmenu a:link    { color: #fff; text-decoration: none; }
.navmenu a:visited { color: #fff; text-decoration: none; }
.navmenu a:hover   { color: #282d51; }

.navmenu a.select { 
	background: transparent url("/images/arrow-nav.gif") no-repeat 0 4px; 
	cursor: default;
	}

.navmenu a.select:link,
.navmenu a.select:visited,
.navmenu a.select:hover { 
	color: #282d51; 
	}




#nav-projects, 
#nav-services, 
#nav-about, 
#nav-news, 
#nav-careers {
	position: absolute;
    top: 32px;
	width: 123px;
	z-index: 99;
	visibility: hidden;
	}

#nav-projects { left: 104px; }
#nav-services { left: 225px; }
#nav-about    { left: 343px; }
#nav-news     { left: 449px; }
#nav-careers  { left: 548px; }

body.projects     #nav-projects, 
body.about        #nav-about, 
body.project-page #nav-projects { visibility: visible; }


#navcurve { 
	position: absolute; 
	top: 24px; 
	width: 32px; 
	height: 3px; 
	background: url("/images/img-navcurve.gif") no-repeat left top; 
	}

body.home #navcurve         { left: 18px; }
body.projects #navcurve, 
body.project-page #navcurve { left: 120px; }
body.services #navcurve     { left: 239px; }
body.about #navcurve        { left: 351px; }
body.news #navcurve         { left: 455px; }
body.careers #navcurve      { left: 563px; }



/* ---------------------------------------------

AARON

----------------------------------------------- */
.newClass
{
	display: block; 
	margin: 0 0 0 0; 
	border: 1px solid white;
	float: right;

}
.newClass2
{
	display: block; 
	margin: 100 100 100 100;
	border: 1px solid white;
	float: left;

}

/* ---------------------------------------------

FOOTER

----------------------------------------------- */

#footer { width: 100%; clear: both;}
#footer p {
	color: #b8cde6;
	font-size: 9px;
	text-align: center;
	margin: 0;
	padding: 8px;
	letter-spacing: .25em;
	}
#footer a:link, #footer a:visited { text-decoration: none; color: #b8cde6; }
#footer a:hover { color: #282d51; }
cm	Õß»U2Ý#×Õ$!& ‘UéèLc$#(‰ÐÖñ‡­~êÓfÖÿ5WN
	b\Ö5°FÁY¡®0D-ÿB,1(–;^>Yv”¸-“;NO•ÊY‘