/*
   screen.css
   etec consultants
   
   Created by Cale Woodley on 2008-06-13.
   Copyright 2008 Webfirm. All rights reserved.
	
	recreated and edited by Oscar Jul 08
	edited by Oscar + Beryl Nov 08
*/

@import url("reset.css");

body {
  background: #DFBC08 url('../images/core/bg.jpg') no-repeat 50% 0;
  color: #443b32;
  font: 0.69em/1.55em Verdana, Tahoma, sans-serif;
}

#container {
  width: 818px;
  margin: 0 auto;
  padding: 20px 0 0 0;
  border: 16px solid #fff;
  border-top: none;
  background: #b6a06c;
  position: relative;
  z-index: 90;
}

#container a { color: #fff;}
#container a:hover {text-decoration: none;}

div#logo-l {
  position: absolute;
  top: 50px;
  left: -50px;
  width: 117px;
  height: 255px;
  z-index: 10;
}

div#logo-r {
  position: absolute;
  top: 50px;
  margin-left: 67px;
  width: 199px;
  height: 95px;
  z-index: 10;
}

#flash, object#flash { width: 500px; height: 500px; margin: -20px 0; float: left; }

.center {
	margin: 0 auto;
}

.caption {
	font-style: italic;
	padding-left: 4px;
}

/* NAVIGATION
*************************************/
/*#navigation {
  height: 146px;
  width: 850px;
  margin: 0 auto;
  background: url('../images/nav/bg-nav.gif') repeat-x 0 bottom;
  position: relative;
  z-index: 100;
}

#nav {
  float: right;
  margin-right: 25px;
  height: 43px;
  padding-top: 100px;
  display: inline;
}

#nav li li a {
	color: #2D2824;
	text-decoration: none;
  line-height: 18px;
	background: #ffffff;
	display: block;
	padding: 0 15px;
	width: 87px;
	line-height: 25px;
}

#nav li ul.extend {width:180px!important;} 
#nav li ul.extend li a{ width: 150px!important; }

#nav li li a:hover {color: #fff; background: #2D2824;}

#nav li {
	float: left;
	display: inline-block;
	position: relative;
	z-index: 100;
}

#nav li ul {
	position: absolute;
	margin: 0 5px;
	display: inline-block;
	left: -999em;
	z-index: 100;
}

#nav li#nav-home {width: 59px;}
#nav li#nav-team {width: 116px;}
#nav li#nav-gallery {width: 127px;}
#nav li#nav-careers {width: 127px;}
#nav li#nav-contact {width: 91px;}

#nav li a.parent {
  display: block;
  height: 43px;
  text-indent: -999em;
}

#nav li#nav-home a.parent {background: url('../images/nav/nav-home.gif') 0 0 no-repeat; width: 59px;}
#nav li#nav-team a.parent {background: url('../images/nav/nav-team.gif') 0 0 no-repeat; width: 116px;}
#nav li#nav-gallery a.parent {background: url('../images/nav/nav-gallery.gif') 0 0 no-repeat; width: 127px;}
#nav li#nav-careers a.parent {background: url('../images/nav/nav-careers.gif') 0 0 no-repeat; width: 127px;}
#nav li#nav-contact a.parent {background: url('../images/nav/nav-contact.gif') 0 0 no-repeat; width: 91px;}

#nav li a.parent:hover {
  background-position: 0 -43px !important;
}

body#page-index #nav li#nav-home a.parent,
body#page-team #nav li#nav-team a.parent,
body#page-gallery #nav li#nav-gallery a.parent,
body#page-careers #nav li#nav-careers a.parent,
body#page-contact #nav li#nav-contact a.parent
{
  background-position: 0 -86px !important;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {position: static;}  
*/

#navigation {
  height: 146px;
  width: 850px;
  margin: 0 auto;
  background: url('../images/nav/bg-nav.gif') repeat-x 0 bottom;
  position: relative;
  z-index: 100;
}

#nav {
  float: right;
  margin-right: 25px;
  height: 43px;
  padding-top: 100px;
  display: inline;
}

#nav li li a {
  color: #2D2824;
  text-decoration: none;
  background: #ffffff;
  background-image: none!important;
  display: block;
  padding: 5px 15px;
  width: 88px;
  height:auto!important;
  text-indent: 0;
}

#nav li ul.extend a { width: 170px!important; }
#nav li ul.extend { width: 200px!important; }

#nav li li a:hover {color: #fff; background-color: #2D2824;}

#nav li {
  float: left;
  display: inline;
  position: relative;
  z-index: 100;
}

#nav li ul {
  position: absolute;
  margin: 0 5px;
  display: block;
  width: 127px;
  left: -999em;
  top: 100%;
}

#nav li#nav-home {width: 59px;}
#nav li#nav-team {width: 116px;}
#nav li#nav-gallery {width: 127px;}
#nav li#nav-careers {width: 127px;}
#nav li#nav-contact {width: 91px;}


#nav li a {
  display: block;
  height: 43px;
  text-indent: -999em;
  float: left;
}

#nav a#nav-home {background: url('../images/nav/nav-home.gif') 0 0 no-repeat; width: 59px;}
#nav a#nav-team {background: url('../images/nav/nav-team.gif') 0 0 no-repeat; width: 116px;}
#nav a#nav-gallery {background: url('../images/nav/nav-gallery.gif') 0 0 no-repeat; width: 127px;}
#nav a#nav-careers {background: url('../images/nav/nav-careers.gif') 0 0 no-repeat; width: 127px;}
#nav a#nav-contact {background: url('../images/nav/nav-contact.gif') 0 0 no-repeat; width: 91px;}

#nav li a:hover { background-position: 0 -43px !important; }

body#page-index #nav a#nav-home,
body#page-team #nav a#nav-team,
body#page-gallery #nav a#nav-gallery,
body#page-careers #nav a#nav-careers,
body#page-contact #nav a#nav-contact
{ background-position: 0 -86px !important; }

#nav li:hover ul, #nav li.sfhover ul { left: 0; }


/* TEXT
*************************************/
#text {
  width: 720px;
  margin-left: 60px;
  display: inline-block;
  position: relative;
  z-index: 90;
  min-height: 200px;
}

#text p {
  margin-bottom: 20px;
}

#text h1 {
  font-weight: normal;
  display: block;
  color: #000;
  font-size: 24px;
  text-transform: lowercase;
  padding: 0 0 5px 0;
}

#text h2 {
  font-size: 18px;
  margin: 10px 0;
  font-weight: normal;
  letter-spacing: 3px;
  font-family: Abadi MT Condensed Light,sans-serif;
}

#text h3 {
  font-weight: normal;
  margin-bottom: 5px;
  font-size: 18px;
}

#text h4 {
  font-weight: normal;
  margin-bottom: 5px;
  font-size: 16px;
}

#text hr {
  clear: both;
  color: #564f3f;
  border-bottom: 1px solid #e7dabb;
  border-left: none;
  border-right: none;
  margin-bottom: 10px;
  margin-top: 10px;
}

#text ul { list-style-type: disc; margin: 10px 30px; }

body#page-index #text hr {margin: 0!important;}

	#gallery_row1 {
		width: 560px;
		margin: 0 auto;
	}

#project-list .item .image{
	float: left;
	margin: 12px;
}

div#gallery div.image {
	background: #fff;
  float: left;
  width: 120px;
	padding: 5px;
	margin: 10px 20px 20px 20px;
}

.row {
	}

#gallery .image .gallery-name{
	text-align: center;
	margin-bottom: 5px;
}

.gallery-text {display:none;}

div#teamgallery div.image {
  float: left;
  width: 120px;
  height: 80px;
}

div#map {
  background:#fff;
  float: right;
  display: inline;
  width: 373px;
}

div#building-photo img, div#building-photo div#map {
  border: 5px solid #fff;
  margin:  0 0 10px;
}

div#building-photo img {
  width:373px;
}

#building-photo {
	float: left;
  display: inline;
  width:373px;
}


img.float-left {
  float: left;
  display: inline;
  margin: 10px 10px 10px 0;
}

img.float-right {
  float: right;
  display: inline;
  margin: 10px 0 10px 10px;
}

legend {
  font-weight: bold;
}

  /* INDEX */
  body#page-index #text {
    width: 288px;
    float: right;
	 display: block;
    padding: 0 15px 0 0;
	 margin: 0;
  }
  
  #scrollarea {
    margin: 20px 0;
	 width: 273px;
	 padding-right: 15px;
    height: 378px;
	 display: inline-block;
	 position: relative;
	 overflow: auto;
  }
  
	.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
	.vscrollerbase { width: 8px; background-color: #645a41; }
	.vscrollerbar { width: 8px; background-color: #1b1a19; }
	.hscrollerbase { height: 8px; background-color: #645a41; }
	.hscrollerbar { height: 8px; background-color: #1b1a19; }
	.scrollerjogbox { width: 8px; height: 10px; top: auto; left: auto; bottom: 0px; right: 0px; background-color: gray; }
  
  
  /* MEET THE TEAM */
  body#page-team h1.image-replace {
    width: 179px;
    height: 19px;
    background: url('../images/core/h1-team.gif') no-repeat;
    text-indent: -999em;
  }
	
	#ceos{
		height: 180px;
		margin: 0 auto;
		width: 480px;
	}	
	.ceo{
		float: left;
		margin: 10px 20px;
		text-align: center;
		width: 120px;
	}
	.ceo img{
		border: 2px solid #fff;
	}
	.teampic img{
		border: 2px solid #fff;
	}
	.teamlist{
		float: left;
		margin: 20px 10px;
		width: 160px;
	}
	.teamlist ul{
		border-bottom: 1px solid #564f3f;
		margin: 0 !important;
		padding: 10px 0;
	}
	.teamlist ul li{
		list-style: none;
	}
	#profilepicture{
		background: url(../images/no-profile-image.gif) no-repeat;
		height: 186px;
		float: left;
		margin: 0 10px 10px 10px;
		width: 156px;
	}
	
  /* OLD STYLES
  body#page-team table.team {
    float: left;
    margin: 0 15px 20px 15px;
    font-size: 1.09em;
  }
  
  body#page-team table.team th {
    text-align: left;
    color: #000;
    border-bottom: 1px solid #93825b;
    font-size:1.08em;
	 position: relative;
	 z-index: 1000;
  }
  
  body#page-team table.team a {
    display: block;
    color: #443b32;
    text-decoration: none;
    padding: 2px;
  }
  
  body#page-team table.team a:hover {background: #000;color: #fff;}
	*/
  /**/
  
  /**/
  
  /* CAREERS */
  body#page-careers h1.image-replace {
    width: 198px;
    height: 26px;
    background: url('../images/core/h1-careers.gif') no-repeat;
    text-indent: -999em;
  }
  
  ul#positions {
		float: left;
    margin: 0 0 10px 0;
		list-style: none;
		width: 350px;
  }
  
	#career-image{
		width: 250px;
		height: 250px;
		float: left;
	}

	#career-image img {
		border: 3px solid white;
	}
	
  ul#positions a {
    color: #443b32;
    text-decoration: none;
    padding: 2px;
  }
  
  ul#positions a:hover {background: #000;color: #fff;}
  /**/
  
  /* CONTACT */
  body#page-contact h1.image-replace {
    width: 155px;
    height: 26px;
    background: url('../images/core/h1-contact.gif') no-repeat;
    text-indent: -999em;
  }


/* CONTACTINFO
*************************************/
#contactinfo {
  clear: both;
  width: 818px;
  height: 60px;
  background: #312c27;
  margin: 20px 0 0 0;
  color: #b6a06c;
}

#contactinfo p {
  float: left;
  display: inline;
  margin: 13px 0 0 10px;
}

#affiliates {
  float: right;
  height: 60px;
  padding: 0 0 0 10px;
  margin: 0 10px 0 0;
  background: url('../images/core/contactinfo-divider.gif') left center no-repeat;
}

#affiliates img {
  float: left;
  margin: 12px 10px;
}


/* FOOTER
*************************************/
#footer {
  color: #000;
  width: 810px;
  margin: 0 auto;
  padding: 10px 20px;
}

#footer p {
  float: left;
  display: inline;
}

#footer span, #footer a {color: #fff;}
#footer a:hover {text-decoration: none;}

#footer span {
  margin-left: 20px;
}

#footer img {
  float: right;
  display: inline;
}


/* TEAM MEMBERS CUSTOM
*************************************/
.team-details{
	display:none;
	width:300px;
	height:200px;
	background: url('../images/team-rollover.png') no-repeat;
	position:absolute;
	margin: 60px 0 5px 25px;
	float:right;
}
.detail-text{
	position:relative;
	margin: 40px 5px 5px 25px;
	color:#cccccc;
}
.detail-text p{
	margin-top: 5px;
}

/* CUSTOM
*************************************/
.error{
	color: #fff;
	font-weight:bold;
}


/*=============================================================
	cmx forms
=============================================================*/


form.cmxform fieldset { margin-bottom: 20px; }
form.cmxform fieldset, form.cmxform ol, form.cmxform li, form.cmxform legend {  padding: 0; font: normal 11px/18px "Verdana"; color: #443b32; }
form.cmxform ol { list-style: none; }
form.cmxform li { margin-bottom: 5px; }
form.cmxform label { display: inline-block; vertical-align: top; margin-top: 3px; width: 125px;  }
form.cmxform label.nolabel { display: inline-block; vertical-align: top; margin-top: 3px;  width:0;}
form.cmxform input, form.cmxform select, form.cmxform textarea {
	width: 240px;
	padding: 3px 5px;
	background: #fff;
	font: normal 11px/12px "Verdana";
	color: #443b32;
}
form.cmxform textarea { height: 130px; overflow: hidden; overflow: auto; }
input.download { float:right; }
form.cmxform input.send, input.download { border: 0; width: auto; height: 25px; padding: 5px 10px; text-align: center; background-color: #443b32; color: #fff; font-weight: bold; text-decoration: none; margin: 0 10px 0 0; cursor: pointer; }
form.cmxform input.send:hover, input.download:hover { background: #DFBC08; color: #fff; text-decoration: none; }
.attention { color:#990000;}


/*=============================================================
	Gallery 'gallery-details.asp' / 'gallery.asp'
=============================================================*/

  body#page-gallery h1.image-replace {
    width: 190px;
    height: 27px;
    background: url('../images/core/h1-gallery.gif') no-repeat;
    text-indent: -999em;
  }
	
	#gallery_categories .image {
		float: left;
		margin: 0 20px 0 20px;
	}
		#gallery_categories .gallery-name {
			text-align: center;
		}
		#gallery_categories .image img {
			border: 1px solid #fff;
		}
	
		#displayed_images img {
			border: 1px solid #fff;
			-moz-box-shadow: 0px 0px 2px grey;
		}
		
	#gallery_description {
		width: 420px;
		margin-top: 24px;
		display: block;
		float: left;
	}

/*============================
			Thumb Navigation 
*/	

#displayed_images {
	width: 400px;
	float: left;
}

#thumb_nav {
	display: block;
	width: 220px;
	float: right;
	margin-top: -5px;
	margin-right: 20px;
}
		
#thumb_nav a {  
	text-decoration: none; 
	margin: 5px 5px;  
	width: 60px;
	height: 60px; 
	display: block;
	float: left;
	display: inline;
}
	#thumb_nav a img {
		border: 1px solid #fff;
		width: 60px;
		height: 60px;
		background: #ccc;
		filter:alpha(opacity=80);
		opacity:0.8;
	}

#thumb_nav a.current img { 
	outline: none; 
	border: 1px solid black;
	height: 70px;
	width: 70px;
	margin: -5px;
	-moz-box-shadow: 0px 0px 7px #514830;
	position: relative;
	z-index: 1000;
	filter:alpha(opacity=100);
	opacity:1.0;
}



#page-contact #text{
	display: inline;
	float: left;
	margin-right: 25px;
	width: 340px;
}