/* CSS Document */
/* Peer Enginnering / Created: 29 Jul 2008 / Author: Deb Larsen / Updated: 04 January 2010  */

/* -------------------- GENERAL ------------------------------------*/
* {margin: 0; padding: 0; border: 0; outline: 0; color: #333/* #2E5964;*/}
html {height: 100%;}
body {background: #2e5964 url(../images/pagebg-dark.gif) top left repeat; font-family: Verdana, Corbel, Tahoma, sans-serif;font-size: 75%; text-align: center; /* Centers the page content container in IE 5 browsers. */ height: 100%; }
html>body {font-size: 12px; }
h1, h2, h3, h4, h5 {font-weight:bold; }
h1 {font-size: 1.5em; line-height: 1em; margin-bottom: 1em; margin-top: 0; }
h2 { font-size: 1.1667em; line-height: 1.4; margin-top:1.286em; margin-bottom: 1.286em; text-transform:uppercase; color:#33636f;}
h2.hjem  {font-size: 1.5em; line-height: 1em; margin-bottom: 1em; margin-top: 0; }
h3 {font-size: 1.1667em; line-height: 1.4; margin-top:1.286em; margin-bottom: 1.286em;color:#33636f;}
h3.delete {margin-top:40px; padding-top:0px;}
h3.admin_sys {color: #537d09; background-color:transparent;}
h4 {font-size: 1em; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; color:#33636f;}
p, ul, ol {font-size: 1em; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; }
p.first {margin-top:0;}

acronym, abbr {cursor: help; border-bottom: 1px dotted #537d09; letter-spacing:0.1em; color:inherit;}
acronym.title {color:#33636f;}
address{font-size: 1em; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; font-style:normal;}
address.inline { display:inline;}
/* -------------------- LINKS ------------------------------------*/
	
a {text-decoration: underline; color:#33636f;}
a:visited {text-decoration: underline; color:#333;}
a:focus {background-color:#537d09; color:#fff;}
a:hover, a:active{background-color:transparent; color: #537d09; text-decoration:none;}

.imagelink, .imagelink:hover {text-decoration: none; border: 0;}

a acronym {color:#33636f;}
a:visited acronym { color:#333;}
a:focus acronym {background-color:#537d09; color:#fff;}
a:hover acronym, a:active acronym {background-color:transparent; color: #537d09;}

/* -------------------- LISTS ------------------------------------*/
ol {list-style-position:outside; margin-left: 18px;}
ol ol {list-style: none; margin-left: -18px;/*padding-left:20px; padding-bottom:0; */}
ol ol li { font-weight:bold;  padding-bottom:0;}
ol ol li ul {list-style: disc outside; padding-left:17px; /*padding:0 0 .5em 0; margin:0; */}
ol ol li ul li {/*padding-bottom:.5em;*/ font-weight:normal;}

ul {list-style:disc inside; /*list-style: none;*/}
li, li a {padding-bottom:1.5em;}
li.last {padding-bottom:0;}
li.first {margin-top:-1.5em;}
ul.indent {padding-left:1em;}

ul.bullet {list-style-type: none; text-align: left;}
ul.bullet li a {background: transparent url(../images/bullet-logo.gif) left center no-repeat; padding:0 0 0 15px; text-decoration: none; font-weight:bold; color:#333;}
ul.bullet li a:hover {background: transparent url(../images/bullet-logo-selected.gif) left center no-repeat; color: #33636f;}
ul.bullet a:focus {background-color:#537d09; color:#fff;}

ul.bullet-home {list-style-type: none; text-align: left; margin:0; padding:0;}
ul.bullet-home li a {background: transparent url(../images/bullet-logo-selected.gif) left center no-repeat; margin:0; padding:0 0 0 15px; text-decoration: underline; color:#33636f;}
ul.bullet-home li a:hover {background: transparent url(../images/bullet-logo-hover.gif) left center no-repeat; color: #537d09; text-decoration:none;}
ul.bullet-home a:focus {background-color:#537d09; color:#fff;}

ul.project li, ul.tight li {padding-bottom:0;}
ul.plain {list-style:none; padding-left:0; list-style-position:outside;}
ul.outside {list-style:disc outside; padding-left:1em;}

dt {font-size: 1em; line-height: 1.5em; padding-top: 10px;  font-weight:bold;}
dd {font-size: 1em; line-height: 1.5em; padding-bottom: 10px; }

h3.delete {padding-top:15px;}

/* -------------------- CLASSES ------------------------------------*/

.clear {clear:both;}
.hidden {display: none;}

.right {text-align:right;}
.italic {font-style:italic; color:inherit;}
.bold {font-weight:bold; color:inherit;}
.thirtyfive { font-size:inherit; font-family: Arial, Tahoma, sans-serif; color:#ECF2F3; font-weight:normal;}	
.featured {min-height:200px; border-top: 1px #63960b solid;}

.subtext {vertical-align: sub; color: #f0f6f7;}
.clientname {font: italic normal 1em/1.5em Georgia, Cambria, "Times New Roman", serif; text-align:right; }

.section {font-weight:bold; padding-top:0; margin-top:0; font-size: 1em; line-height: 1.5em; text-transform:uppercase; color:#537d09;}

.project-headers{font-size: 1em; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; color:#33636f;}
.header {font-size: 1em; line-height: 1.5em; margin-bottom: .75em;color:#33636f;}
.pad_rt_five {padding-right:5px;}

/* -------------------- IMAGES ------------------------------------*/
img {padding:5px; border: 1px #ccc solid;}
img.logo {border:0; padding:0;}
img.thumbnail {margin: 0 10px; float:left; }
img.large {margin:0; padding:0; border:0;} 
#subright img {border:0;}
.intext {float:left; padding:0 1em .5em 0; border:0;}
.staffphotos {float:left; margin:0 1em 1em 0; padding:1em; display:inline; }
.projectphotos {float:right; padding:0 0 1em 1em; border:0;}
img.list {margin-right:1em;}
img a:hover {border:0;}

/* -------------------- NAVIGATION TOPMENU ------------------------------------*/	
#topsubmenu {margin:0; padding: 0 20px 0 0; width: 45%; float:right; font: 10px Verdana, Candara, Tahoma, sans-serif; color:#555; text-align:right;}
.topmenu {padding-right: 5px; border-right: solid 1px #999999; border-bottom: none; text-decoration: none; color: #555;}
.topmenulast {padding-left: 5px; border-bottom: none; text-decoration: none; color: #555; }
.topmenu:hover, .topmenulast:hover {border-bottom: none; color: #537d09;}

/* -------------------- NAVIGATION MAIN ------------------------------------*/	
#nav {margin: 0; padding: 0; background-color: #33636f; height: 3em; overflow: inherit; /* allows the menu items to wrap when text size is increased */}
#nav ul {margin: 0; padding: 0; list-style: none; }
#nav li {padding: 0 15px; float: left; width: 107px; display: block; line-height: 3em; }
#nav li a {padding-bottom: 0; display: block; border: none; font-size: 14px; color: #FFF; text-decoration: none; text-align:center; font-weight:bold; }	
#nav ul li a.current {background:#33636f; color: #fff;}
#nav li:hover, #nav li.sfhover {background-color: #537d09; /*background: #537d09 url(../images/bullet-logo.gif) left center no-repeat;*/}
#nav li.current {background:#537d09; color: #fff; }

/* -------------------- NAVIGATION SECTION  ------------------------------------*/	
#nav-section ul {list-style-type: none; text-align: left;}
#nav-section ul li a {background: transparent url(../images/bullet-logo.gif) left center no-repeat; padding:0 0 0 15px; text-decoration: none; font-weight:bold; color:#333; font-size: 1em; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em;}
#nav-section ul li a:hover {background: transparent url(../images/bullet-logo-hover.gif) left center no-repeat; color: #537d09;}
#nav-section a:focus {background-color:#537d09; color:#fff;}

#nav-section ul li a.current {background: transparent url(../images/bullet-logo-selected.gif) left center no-repeat;
color: #33636f;}
#nav-section ul ul {margin:0; padding:0; padding-left: 1em;}
#nav-section ul ul li {border:0; padding:.5em 0;}
#nav-section ul ul li.last {padding-bottom:0;}

/* -------------------- NAVIGATION ADMIN SECTION  -------------------------------*/	
#adminnav {margin: 0; padding: 0; background-color: #33636f; height: 3em; overflow: inherit; /* allows the menu items to wrap when text size is increased */}
#adminnav ul {margin: 0; padding: 0; list-style: none; }
#adminnav li {padding: 0 15px; float: left; width:130px; display: block; line-height: 3em; }
#adminnav li a {padding-bottom: 0; display: block; border: none; font-size: 14px; color: #FFF; text-decoration: none; text-align:center; font-weight:bold; }	
#adminnav ul li a.current {background:#33636f; color: #fff;}
#adminnav li:hover, #nav li.sfhover {background-color: #537d09; /*background: #537d09 url(../images/bullet-logo.gif) left center no-repeat;*/}
#adminnav li.current {background:#537d09; color: #fff; }


/* --------  sidebar section navigation -------------*/
#adminright ul { list-style:none; width:95%;}
#adminright li {display:block; line-height:2em; border-bottom:1px solid #537d09; padding-bottom:0; padding-left:5px;}
#adminright ul li.first {border-top:1px solid #537d09; }
#adminright ul li a {display:block; text-decoration:none; padding-bottom:0; }
#adminright ul li:focus, #adminright ul li:focus a, #adminright ul li:hover, #adminright ul li:hover a, #adminright ul li:active, #adminright ul li:active a {background:#537d09; color:#fff;}
#adminright ul li.current, #adminright ul li.current a{display:block; background:#537d09; color:#fff;}
#adminright p {font-weight:bold; font-size: 1em; line-height: 1.5em; text-transform:uppercase; color:#537d09; padding-bottom:2em;}

/* -------------------- SECTION PICTURES ------------------------------------*/	

.home {height: 300px; background: #537d09 url(../images/hompage-bgonly.jpg) top left no-repeat; }
.company {background: #537d09 url(../images/company-bg.jpg) top left no-repeat; }
.services {background: #537d09 url(../images/services-bg.jpg) top left no-repeat; }
.projects {background: #537d09 url(../images/projects-bg.jpg) top left no-repeat; }
.contact {background: #537d09 url(../images/contact-bg.jpg) top left no-repeat; }
.client-center {background: #537d09 url(../images/client-center-bg.jpg) top left no-repeat; }
.careers {background: #537d09 url(../images/careers-bg.jpg) top left no-repeat; }
.utilities, .admin {background: #537d09 url(../images/utilities-bg.jpg)   top left no-repeat; }

/* -------------------- STRUCTURE ------------------------------------*/	

#container {width: 960px; min-height: 100%; height:100%; margin: 0 auto 0 auto;  border:1px solid #333;/* Fixed layout so this centers the container on the page */ text-align: left; /* For IE 5 to center the container, Redefines the text alignment defined by the body element. */}

#header {padding: 10px 0px 10px 0px; width: 100%; height: 70px; overflow: hidden; background: #fff url(../images/tagline.gif) 97% 90% no-repeat;	}
#homeheader{padding: 10px 0px 10px 0px; width: 100%; height: 70px; overflow: hidden; background: #fff;}
	
#logo {padding: 0 0 0 20px; float: left;  width: 33%;}

#pagetitle { position:relative; border-bottom: #537d09 1.5em solid; width: 960px; min-height: 165px;}
#pagetitle h1 {margin:0; padding: 85px 0 0 20px; text-transform:uppercase; font: bold 3em Arial, sans-serif;	color:#fff;}
#pagetitle.home h1 {margin:0; padding:0; text-transform:uppercase; font: bold 3em Arial, sans-serif;	color:#fff;}
.integrated {position: absolute; top:60px; left:50px; background-color:transparent; color:#fff;}
.environmental {position: absolute; top:130px; left:100px; background-color:transparent; color:#fff;}
.solutions {position: absolute; top:195px; left:150px; background-color:transparent; color:#fff;}

#contenthome {padding: 10px 0px; width: 100%; background: #fff  url(../images/globe-in-hands.gif) bottom left no-repeat; overflow: hidden;}

#homeleft{padding: 10px 10px 10px 20px; float: left; width: 30%; }

#homecenter {padding: 10px; width: 30%; float: left; border-right: solid 1px #EBEBEB; border-left: solid 1px #EBEBEB; }

#homeright {padding: 10px 20px 10px 10px; float: left; width:30%; }

#content-fullwidth {margin: 1.5em 0; padding: 0 25px;  width: 910px;}


#content {padding: 1em 0 2em 0; min-height: 220px; width: 100%; background: #fff url(../images/crystalglobeleft.gif) bottom left no-repeat; overflow: hidden; }

#contentphoto {padding: 10px 5px; width: 100%; overflow: hidden; }
#contentphoto h2 {padding-left: 20px;}
#contentphoto p.right {text-align:right; padding-right: 20px;}

#subleft{margin: 1.5em 0; padding: 0 2.63% 0 2.63%; float: left; width: 59%; overflow:hidden;}
	
#subright {margin: 1.5em 0; padding: 0 2.63% 0 2.63%; float: right; min-height: 220px; width: 29%; }

#adminleft{margin: 1.5em 0; padding: 0 20px; float: left; width: 75%; /*width: 59.95%; works in all but IE */ 	overflow:hidden;}
	
#adminright {margin: 1.5em 0; padding:0 10px; float: right; min-height: 220px; width: 18%; /*width: 29.53%; works in all but IE */  /*border-left:1px solid #ececec;*/}

#headquarters {float: left; padding: 0 10px; width: 45%; margin:0; }
#moorhead {float:right; padding: 0 10px; width: 45%; margin:0;}

#sidebar {text-align: left; width: 100%; border-top: 1px solid #537d09; border-bottom: 1px solid #537d09; padding: .5em 0; margin-bottom:1em;}
#sidebar p{font: italic  normal  1.0833em/1.3846em Georgia, Cambria, "Times New Roman", serif; margin-top:1.3846em; margin-bottom: 1.3846em; }

#project {text-align: left; width: 100%; border-top: 1px solid #537d09; border-bottom: 1px solid #537d09; padding: .5em 0;}
#project p{font: normal normal 1em/1.5em Verdana, Corbel, Tahoma, sans-serif; margin-top:1.5em; margin-bottom: 1.5em; }

#siteindex{padding: 20px; width: 100%;  }

#adminmenu_left {float: left; padding: 0 10px; width: 45%; margin:0; }
#adminmenu_right {float:right; padding: 0 10px; width: 47%; margin:0;}
	
#footer {margin-top: 0; padding: 10px 25px; background-color: #537d09; border-top: 2px groove #759f09; border-top: 1px groove #759f09; font-size: 1em; line-height: 1.5em; min-height:195px;}
#footer h2 {background-color:transparent; color:#f6f6f6; margin-bottom:0;}
#footer p {margin-top:0;}
#footer p, #footer a, #footer abbr, #footer acronym {color: #f6f6f6;}
#footer a:focus, #footer a:hover, #footer a:active, #footer abbr a:focus, #footer acronym a:focus {background-color:#f6f6f6; color:#537d09;}
#footer address{font-size: 1em; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; font-style:normal;color:#f6f6f6; background-color:transparent;}

/* -------------------- FORMS ------------------------------------*/	

form.login { border: 1px dotted #aaa; padding: 6px; width:300px;}
div.login {border:none;}

input.txt {background-color: #E7E9EA; border: 1px inset  #cccccc; width: 200px; padding: 2px 4px;margin:5px 0;}
input.btn { color:#fff; background-color: #33636f; border:1px outset #cccccc; padding: 2px 4px;}

div.form {position:relative; padding:10px;  border: 1px solid #ccc; overflow:hidden; width:565px;}
div.form p {color:#333; font-size:13px; margin-bottom:12px; margin-right:20px;}
div.form div p {width:405px; color:#333; font-size:13px; margin-bottom:12px;}

div.form fieldset {padding: 0; position:relative; border:none;}
div.form fieldset.bottom {border-bottom: 1px solid #ccc; }
div.form fieldset.top {border-top:1px solid#ccc;}
.topborder {border-top:1px solid#ccc; padding:0; margin-top:10px;}

div.form fieldset legend {font-weight:bold; font-size:14px; color:#333; position:absolute;line-height:1.1; top:8px; left:0px; width:100px; max-width:100px; min-width:100px; white-space:normal;}
div.form fieldset legend span {font-weight:bold; font-size:14px; color:#333; position:absolute;line-height:1.1; top:8px; left:0px; width:100px; max-width:100px; min-width:100px; white-space:normal;}

div.form fieldset dl {margin-left:130px; font-size:12px;}
div.form fieldset dd {margin-bottom:9px; margin-left:0; padding:0;}
div.form fieldset dd.detailed {margin-bottom:15px;}
div.topborder dt {padding-top: 10px; }
div.topborder dd {padding-bottom: 20px; }

div.form div {margin:0; border-top:1px solid #ccc; padding:10px 0;}
div.form div.first {border:none; margin-top:0;}
div.form div dl {margin:0; clear:both;}

div fieldset dl input,  div fieldset dl textarea,  div fieldset dl select {display:block; margin-bottom:0; width:260px; vertical-align:middle; background-color: #EFF3E9; border: 1px inset  #cccccc; padding: 2px 4px;margin:5px 0;}
div fieldset dl input.radio {width:auto; display:inline; margin:0 2px 0 0; border:none; background-color:#fff;}
input.submit { color:#fff; background-color: #33636f; border:1px outset #cccccc; padding: 5px 10px; margin:20px 0 20px 130px;}

 textarea {overflow:auto;}
 
.hide {display:none;}	
.clean {border:none !important;}

.error {color:#fff; background-color:#CC0000; font-weight:bold; border:1px solid #333; padding:10px;}
.required {color:#CC0000; background-color:#fff; font-weight:bold;}
.added {color:#fff; background-color:#537d09; font-weight:bold; border:1px solid #333; padding:10px;}

.box{width:80%; padding:10px 10px 20px 90px; margin-bottom: 20px; font-weight:bold;}
.green{	background:#e4f2ca url(../images/success.gif) no-repeat 10px 20px; border-bottom:solid 2px #537d09;}
.red{background:#FDCBCA url(../images/error.gif) no-repeat 10px 20px; border-bottom:solid 2px  #cc0000;}
.red p, .red h4{color:#000;}
.red ul, .green ul {list-style:outside; margin-left:0;  padding-left:1em; padding-bottom:0; margin-bottom:0;}



/* -------------------- SKIP NAVIGATION ------------------------------------*/	

.skiplist {margin: 0; padding: 0} 
.skipitem {display: none; font-weight:bold; text-align: left; margin: 0; padding: 0; position: absolute} 
 .skipitem {display: block}
 .skipitem a {padding: 0 0.5em; display: inline; z-index: 2; text-decoration:none; position: absolute; width:20em; left: -200em;}
 .skipitem a:focus, .skipitem a:active {position: absolute; left: 0.5em; border: solid #000 2px; color: #333; background: #fff;}
 .skipitem a:hover {cursor: default}

#content-utilities {margin:0; padding:0 2%;  width: 96%; background: #fff url(../images/crystalglobeleft.gif) bottom left no-repeat; overflow: hidden; min-height:300px;}


/* -------------------- TABLES ------------------------------------*/	

/*table {width:100%; font-size:1em; }*/
table {table-layout:fixed; width: 880px; line-height:2em;}
tr {height: 2em; font-size:1em; }
td {padding: 2px 0px 3px 10px; height: 2em; font-size:1em; text-align:left; vertical-align:middle;}

.col_title, .col_type, .col_size, .col_date, .col_username, col_proj_list, .col_title a, .col_size a, .col_date a, col_proj_list a, .client_project {padding: 2px 0px 3px 10px; height: 2em; font-size:1em; background-color:#537d09; color:#fff;  font-weight:bold; text-align:left; vertical-align:middle; border-collapse:collapse;}
 .col_title a:visited, .col_size a:visited, .col_date a:visited, col_proj_list a:visited {color:#fff; background:transparent;}
.col_title {width: 330px;}
.col_type {width: 30px; text-align:right;}
.col_size {width: 70px; text-align:right; }
.col_date {width: 110px; text-align:right; padding-right:5px;}
.col_username {width: 110px; padding-leftt:5px;}
col_proj_list {width: 100%;}
.odd {background-color:#EFF3E9; margin: .5em; color:#000;}
.even {background-color:#D0DCBC; margin: .5em; color:#000;}

table.doclist {width:715px; 	border: 1px solid #33636f;}
.col_project {padding: 2px 0px 3px 10px; height: 2em; font-size:1em; background-color:#759f09; color:#fff;  font-weight:bold; text-align:left; vertical-align:middle; border-collapse:collapse;}
.col_project td {color:#fff; background-color:transparent;}
.col_project td.right {text-align:right;}
.col_project td.indent {padding-left:10px;}


table a {text-decoration: underline; color:#000;}
table a:visited {text-decoration: underline; color:#000;}
table a:focus {background-color:#537d09; color:#fff;}
table a:hover, a:active{background-color:transparent; color: #537d09; text-decoration:none;}