/**************************************************************************
    code and design via focus design, 2008, zenforge  

	there might be some validation issues here, but that's the way different
	browsers force the issues.  thems the breaks for compatability 
 **************************************************************************/

/*************************************************************************/
/* exceptions which had to be hardcoded (for incompatabilities reasons):
/* 		- there are some general sytle="" tags for !important overrides.
/*************************************************************************/

/* none I guess.  :) */

/*************************************************************************/
/* generic markups */

BODY {
	margin: 10px;
	background-color: #666;
	font-size: 101%;
	line-height: 1.5em;
}

A {
	color: #9f6000;
	text-decoration: none;
}

/*************************************************************************/
/* layout and site structure */

#webpage {
	width: 960px;
	padding: 0px;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
BODY.shome div#webpage {
	background-color: #eeecda;
}

#topcurve {
	width: 960px;
	height: 64px;
	background-image: url(/media/topcurve.gif);
}

#picmenubar {
	width: 960px;
	height: 191px;
	padding: 0px;
	margin: 1px 0px 1px 0px;
}

#logo {
	width: 281px;
	height: 191px;
	background-image: url(/media/mainlogo.gif);
	z-index: 10;
	float: left;
	position: relative;
}

#logo a {
	width: 281px;
	height: 191px;
	display: block;
	text-decoration: none;
	z-index: 10;
	float: left;
	position: relative;
}

#mainnav { 
	width: 138px;
	height: 191px;
	z-index: 12;
	background-color: #fff;
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#highlightimage {
	width: 540px;
	height: 191px;
	z-index: 11;
	float: right;
	background-color: #999;
	position: relative;
	margin-left: 1px;
}

#bottomcurve {
	padding: 0px;
	margin: 0px;
	width: 960px;
	display: block;
	background-image: url(/media/bottomcurve-trans.png);
	background-repeat: no-repeat;
}

#maincontent {
	padding: 90px 30px 10px 30px;
	display: block;
}

#left2col {
	padding: 0px 30px 0px 0px;
	margin: 0px;
	width: 220px;	/* 250 - 30 */
	float: left;
	font: 0.71em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	color: #383838;			/* was 51, then 45, now 38 */
}

#right2col {
	padding: 0px;
	margin: 0px;
	width: 460px;
	float: left;
	/* font: 0.9em "Times New Roman", sans-serif; */
	font: 0.8em Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	color: #383838;
}

#mid3col {
	padding: 0px 30px 20px 10px;
	margin: 0px;
	width: 280px;
	float: left;
	font: 0.7em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	color: #383838;
	border-left-style: solid;
	border-left-width: 1px;
}

#right3col {
	padding: 0px 10px 0px 10px;
	margin: 0px;
	width: 300px;	/* was 160 before long titles */
	float: left;
	font: 0.7em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	color: #383838;
	border-left-style: solid;
	border-left-width: 1px;
}

#footer {
	padding: 40px 30px 10px 40px;
	margin: 0px;
	clear: both;
	width: 890px;	/* 960 - 70 */
	font: 0.5em Arial, Helvetica, sans-serif;
	color: #383838;
}

#footer a {
	color: #383838;
	text-decoration: none;
}

/*************************************************************************/
/* general elements: core except menu */

.pagetitle {
	padding: 0px 0px 12px 0px;
	margin: 0px;
	font: 9pt Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	/* letter-spacing: 0.04em; */
	color: #6d4820;
	font-weight: bold;
}

.bolditem {
	font-weight: bold;
	display: inline;
}

.italicitem {
	font-style: italic;
	display: inline;
}

.underlineditem {
	text-decoration: underline;
	display: inline;
}

/*************************************************************************/
/* general elements: menu */

#mainnav a {
	display: block;
	position: relative;
	width: 138px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
}

#navabout {
	background-image: url(/media/nav/about.gif);
}
#navelectrical {
	background-image: url(/media/nav/electrical.gif);
}
#navdata {
	background-image: url(/media/nav/data.gif);
}
#navservice {
	background-image: url(/media/nav/service.gif);
}
#navprojects {
	background-image: url(/media/nav/projects.gif);
}
#navsafety {
	background-image: url(/media/nav/safety.gif);
}
#navcareers {
	background-image: url(/media/nav/careers.gif);
}
#navcontact {
	background-image: url(/media/nav/contact.gif);
}

#navabout:hover, #navelectrical:hover, #navdata:hover, #navservice:hover, #navprojects:hover, #navsafety:hover, #navcareers:hover, #navcontact:hover {
	background-position: -138px 0px;
}

/* current page - main menu */
BODY.sabout a#navabout, BODY.selectrical a#navelectrical, BODY.sdata a#navdata, BODY.sservice a#navservice, 
BODY.sprojects a#navprojects, BODY.ssafety a#navsafety, BODY.scareers a#navcareers, BODY.scontact a#navcontact {
	background-position: -138px 0px;
}

/*************************************************************************/
/* general elements: submenu */

#submenu {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#submenu li {
	padding: 0px 0px 4px 0px;
	list-style: none;
}

#submenu a {
	padding: 0px 0px 0px 12px;
	display: block;
	background-image: url(/media/submenu-selector.gif);
	background-repeat: no-repeat;
	background-position: -10px 2px;
}

#sm1:hover, #sm2:hover, #sm3:hover, #sm4:hover, #sm5:hover, #sm6:hover, #sm7:hover, #sm8:hover, #sm9:hover, #sm10:hover,
#sm11:hover, #sm12:hover, #sm13:hover, #sm14:hover, #sm15:hover, #sm16:hover, #sm17:hover, #sm18:hover, #sm19:hover, #sm20:hover {
	background-position: 0px 2px;
}

/* current submenu */
a#smcur {
	background-position: 0px 2px;
}

/*************************************************************************/
/* general elements: overall */

#headergfx {
	margin: 15px 0px 0px 290px;
	border: 0px;
	padding: 0px;
}

.inset {
	margin: 0px;
	padding: 0px;
}
.insetleft {
	padding: 0px 15px 0px 0px;		
	float: left;

}
.insetright {
	font: 0.7em Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}

ul.nospace {
	padding-top: 0;
	margin-top: 0;
}


/*************************************************************************/
/* general elements: page specific */

/* home */

.hometext {
	font: 1.0em Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	margin-left: 3px;
	color: #6d4820;
}


#newstitle {
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	font: 0.9em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	color: #000;
}

.newsitem {
	margin: 10px 0px 0px 10px;
	padding: 2px 0px 0px 0px;
	border-top-style: dotted;
	border-top-width: 1px;
	color: #383838;
}

/* projects menu and submenu */

.clientlist {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.clientlist li {
	margin: 0px;
	padding: 0px 0px 2px 0px;
	list-style: none;
}

.clientlist a {
	margin: 0px;
	padding: 0px;
	display: block;
}

.jobsecttitle {
	font-weight: bold;
	text-decoration: underline;
	display: block;
	margin-bottom: 0px;
	margin-top: 0px;
}

.jobtext {
	font: 0.7em Arial, Helvetica, sans-serif;
}

.joblist {
	line-height: 1.3em;
	margin-top: 0px;
}

.joblist li {
	margin-left: -20px;
}

/* for mission and/or values */
.customval {
	list-style: none;
	margin-left: 2em;
	padding-left: 1em;
	text-indent: -1em;
}

.customval li {
	list-style-image: none;
	list-style-type: none;
	font-style: italic;
}
	
/* for project details in case study */
.casestlist {
	margin-top: 0em;
	margin-bottom: -0.7em;
	padding-top: 0em;
	padding-bottom: 0em;
	margin-left: 2em;
}
.casestlist li {
/*	list-style-image: none;
	list-style-type: none;
	font-style: italic; */
}
.casestsubhead {
	font-weight: bold;
	display: inline;
}

/* END.  STOP READING.  GO HOME.  NO MORE.  REALLY.  :) */