/* @override 
	http://localhost:9007/css/wis.css
	http://warren.local:9007/css/wis.css
*/

html, body {
	height: 100%;
}

body {
	font-family: arial, San-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #ffffff;
	background: #000000;
}

body#water-and-waste-water {
	background: #009dd9 url('/img/blue_background1680c.jpg') no-repeat center top fixed;
}

body#industrial-automation-and-instrumentation {
	background: #7ac143 url('/img/green_background1680c.jpg') no-repeat center top fixed;
;
}

body#support-services {
	background:  #f26322 url('/img/red_background1680c.jpg') no-repeat center top fixed;
;
}

h1 {
	float: right;
	text-transform: uppercase;
	font-size: 18px;
	border: 2px solid #ffffff;
	line-height: 1;
	padding: 19px 36px;
	margin: 64px 0 42px 0;
	font-weight: normal;
}

h2 {
	font-size: 22px;
	font-weight: normal;
	padding: 0 0 0;
	line-height: 1.6;
	clear: both;
	color: #999999;
	text-transform: uppercase;
}

h2 strong {
	color: #fff;
	font-weight: normal;
}

#home h2 {
	font-size: 19px;
	color: #ffffff;
	text-transform: none;
	margin-bottom: 10px;
}

#water-and-waste-water h2, h2.water {
	color: #009dd9;
}

#industrial-automation-and-instrumentation h2, h2.industrial {
	color: #7ac143;
}

#support-services h2, h2.support {
	color:  #f26322;
}

#environmental-consultancy h2 {
	color:  #ffd200;
}

h3 {
	font-size: 15px;
	padding: 5px 0 0 0;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.3;
}

h4 {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 13px 0 0 0;
	line-height: 1.3;
}

p {
	font-size: 13px;
	line-height: 1.7;
	padding: 5px 0 10px 0;
}

strong {
	font-weight: bold;
}

a, a:visited {
	color: #ffff00;
	text-decoration: none;
}

a:hover {
	color: #424b52;
	text-decoration: underline;
}

#shadowholder {
	width:  1014px;
	margin: 0 auto;
	background: url('/img/main_shadow.png') repeat-y;
}

#container {
	clear: both;
	width: 920px;
	margin: 0 auto;
	padding: 0 30px;
	background-color: #000;
}

#main {
	width: 710px;
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 40px;
	overflow: hidden;
	line-height: 1;
}

#logo {
	float: right;
	margin: 20px 0 47px;
}

#nav {
	float: left;
	width: 170px;
	height: 100%;
}

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

#nav li {
	text-transform: uppercase;
	border-bottom: 1px dotted #333;
	padding: 6px 0 7px 0px;
	font-size: 12px;
	line-height: 1.4;
	text-align: right;
	color: #ccc;
}

#nav a {
	display: block;
	width: 100%;
	color: #999999;
}

#nav a.water_and_waste_water {
	color: #009dd9;
}

#nav a.industrial_automation_and_instrumentation {
	color: #7ac143;
}

#nav a.support_services {
	color: #f26322;
}

#nav a:hover {
	text-decoration: none;
	color: #ffffff;
}

#nav li.nav_active {
	color: #fff;
	font-weight: bold;
}

#address {
	margin-top: 40px;
}

#address p {
	text-align: right;
	font-size: 11px;
	color: #999;
}

#footer {
	clear: both;
	text-align: right;
	padding: 20px 0;
}

#page_photo {
	padding: 0;
	margin: 0;
	text-align: right;
}

#page_photo img {
	border: 1px solid white;
}

.caption {
	color: #999999;
	font-size: 12px;
	padding: 0;
	margin: 0 0 10px 0;
	font-style: italic;
}

/* @group Home */

h2#tag_line {
	float: left;
	font-size: 22px;
	margin-top: 100px;
}

#homeicons {
	float: right;
	margin-top: 17px;
}

#homeimg {
	margin: 46px 0 20px 0;
}

#homebuttons {
	margin-top:8px;
	margin-right: 10px;
}

#newshome {
	float: right;
	width: 270px;
	border-left: 1px dotted #333;
	padding-left: 20px;
	margin-left: 20px;
}

#newshome p {
	font-size: 11px;
}

.news_headline_home {
	
}

/* @end */



/* @group Brochure Pages */

#column1 {
	width:380px;
	float:left;
}

#industrial-automation-and-instrumentation #column1, #support-services #column1 {
	width: 340px;
}
	
#environmental-consultancy #column1 {
	width:200px;
	margin-top: 20px;
}

#environmental-consultancy #column1 img {
	margin-bottom: 20px;	
} 
	
#column2 {
	float:right;
	width:290px;
}

#industrial-automation-and-instrumentation #column2, #support-services #column2 {
	width: 330px;
}

#environmental-consultancy #column2 {
	width: 468px;
	margin-top: 10px;
}

#industrial-automation-and-instrumentation #images {
	width: 740px;
	clear: both;
	float: left;
	margin: 20px 0 0 0;
}

#industrial-automation-and-instrumentation #images img {
	float: left;
	margin-right: 20px;
}
	
#column2 img {
	margin-top:20px;
}

#column2 ul {
	margin-top: 7px;
}

#column2 li { 
	list-style:disc;
	list-style-position:inside;
	font-size: 13px;
	line-height: 1.7;
}
	
#bottom {
	clear:both;
	padding-top:20px;
}
	
#bottom table {
	border-top:2px solid #ffffff;
	border-left:2px solid #fff;
	width:410px;
}
	
#support-services #bottom table {
	float:left;
	margin-right:40px;
}

#water-and-waste-water #bottom table {
		float: right;
}

#bottom th {
	width:120px;
	font-weight:bold;
	text-transform: uppercase;
	line-height: 1.4;
}
	
#bottom td, #bottom th {border-bottom:2px solid #ffffff;
	border-right:2px solid #ffffff;
	padding: 9px 15px;
}
		
#bottom td li {
	list-style: none;
	line-height: 1.7;
}

#bottom #images {
	float: right;
	width: 260px;
}
	
#bottom #images img {
	margin-bottom:10px;
}
	
table li{ 
	list-style:none;
}

#logos {
	float: right;
	width: 235px;
}

#logos img {
	float: left;
	clear: both;
	margin: 15px 0;
}

#about-wis #main img {
	margin: 25px 0;
}

/* @end */

/* @group Links Module */

#links_module table {
	margin: 20px 0;
	width: 100%;
}

#links_module table th {
	border-right: 2px solid #ffffff;
	padding-right: 20px;
	vertical-align: middle;
}

#links_module table td {
	padding: 20px;
	font-size: 12px;
	line-height: 1.5;
}

.link {
	outline: 1px solid red;
	float: left;
}

.link img {
	float: left;
	margin-right: 20px;
}

/* @end */


/* @group CaseStudies Module */

#project-portfolio #main img {
	float: left;
	margin: 5px 40px 0 0;
}

#cs_maincontent {
	float: left;
	width: 470px;
}

#project-portfolio #main ul {

}

#project-portfolio #main li {
	line-height: 1.3;
	padding: 4px 20px 3px 0;
}

#project-portfolio #cs_lists {
	margin-top: 4px;
	border-top: 1px solid #ffffff;
	float: left;
	width: 100%;
}

#project-portfolio #cs_lists ul {
	float: left;
	margin: 0 40px 0 0;
	padding: 0;
}

#project-portfolio #cs_lists li {
	margin: 0;
	padding: 5px 0;
}

#casestudies_module {
	clear: both;
	margin-top: 20px;
	padding: 10px 0;
	border-top: 1px dotted #333;
}

#casestudies_module table {
	font-size: 12px;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	width: 100%;
	margin: 0 0;
}

#casestudies_module table td, #casestudies_module table th {
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	line-height: 1.3;
}

#casestudies_module table th {
	text-transform: uppercase;
	font-weight: bold;
}

#casestudies_module table td a {
	font-weight: bold;
	color: #ffffff;
}

#casestudy #main {
}

#casestudy table {
	float: right;
}

#casestudy td {
	padding: 10px;
}

table#meta {
	width: 100%;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	margin: 0 0 10px 0;
}

table#meta th {
	text-align: left;
	font-weight: normal;
	line-height: 1.2;
	width: 100px;
	text-transform: uppercase;
	padding: 7px;
	vertical-align: middle;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}

table#meta td {
	text-align: left;
	font-weight: bold;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	vertical-align: bottom;
	padding: 9px;
}

#cs_content {
}

#cs_images {
	float: left;
	width: 360px;
	margin-top: 10px;
	margin-bottom: 40px;
}

#cs_data {
	float: right;
	width: 310px;
	margin-top: 10px;
	margin-bottom: 40px;
}

/* @end */



/* @group Contact Module */


#contact_form {
	margin: 20px 0 20px 0;
}

input, textarea {
	margin: 5px 0 10px 0;
}

#contact_form .field {
	width: 275px;
}

#contactleft {
	width: 300px;
	float: left;
	margin-right: 50px;
}

#contactright {
	width: 350px;
	float: left;
}


/* @end */

/* @group Gallery Module */

#gallery_module {
	/*outline: 1px solid blue;*/
	float: right;
	width: 300px;
	margin: 0 0 20px 0;
}

.gallery_image {
	/*outline:  1px solid red;*/
	width: 80px;
	float: left;
	margin: 10px 15px 0 0;
}

.gallery_info {
	/*outline: 1px solid red;*/
	padding: 5px 0;
	font-size: 11px;
	clear: both;	
}

.gallery_image img {
	border: 2px solid white;
	width: 80px;
}

/* @end */

/* @group News Module */

#newsmain {
	/*outline: 1px solid red;*/
	float: left;
	width:  480px;
	margin-top: 20px;
}

.news_headline {
	border-bottom: 1px dotted #333;
	padding: 10px 0;

}

.newsthumb {
	float: left;
	padding-right: 10px;
	border-right: 1px solid #fff;
	margin: 10px 10px 10px 0;
}

#newsarchive {
	/*background-color: #eee;*/
	float: right;
	width:  180px;
	margin-top: 20px;

}

#newsarchive ul {
	margin-top: 10px;
	border-top: 1px solid #333;
}

#newsarchive li {
	padding: 7px 0 7px 0px;
	border-bottom: 1px dotted #333;
	font-size: 11px;
}

.date {
	color: #999;
	font-size: 10px;
	font-weight: normal;
	padding: 0 0 0 0;
	margin: 0;
	clear: both;
}

#news_module {
	width: 360px;
	float: left;
}

#newspic {
	width:300px;
	float: right;
	padding: 10px 0;
}

#newspic img {
	margin-bottom: 5px;
}

#otherheadlines {
	float: right;
	width: 300px;
	padding: 0 0 20px 20px;
	margin-top: 20px;
	text-align: right;
	line-height: 1.5;
}

#otherheadlines ul {
	margin-top: 10px;
	border-top: 1px solid #333;
}

#otherheadlines li {
	padding: 7px 0 7px 0px;
	border-bottom: 1px dotted #333;
	font-size: 11px;
}


/* @end */

/* @group People Module */

#people_module {
	clear: both;
	margin: 10px 0 20px 0;
}

.people_row {
	border-bottom: 1px dotted #333;
	clear: both;
}

#people_module .person {
	width: 205px;
	float: left;
	margin: 10px 30px 10px 0;
}

.person h2 {
	padding: 0;
}

.person p {
	font-size: 12px;
	line-height: 1.5;
}

p.title {
	padding: 0;
	color: #ffffff;
	font-size: 11px;
}

.person img {
	float: left;
	margin: 10px 10px 5px 0;
	border: 1px solid white;
}

/* @end */

/* @group Vacancies Module */

#vacancies_module {
	width: 720px;
	margin: 20px 0 20px 0;
}

#vacancies_module p {
	font-size: 12px;
}

#vacancies_module p {
	font-size: 12px;
}

.vacancy {
	float: left;
	padding: 0 0 20px 0;
	line-height: 1.5;
	width: 320px;
	margin-right: 40px;
}

.vacancy p {
	padding: 0;
	margin: 0 0 10px 0;
}

p.vacancies_meta {
	font-size: 11px;
	padding: 1px 0;
	border-bottom: 1px dotted #333;
	margin: 0 10px 0 0;
}

/* @end */

.warning {
	color: #990000;
	font-weight: bold;
}

.error {
	color: #996633;
	display: block;
	border: 1px solid #9c721d;
	padding: 5px;
	padding-left: 27px;
	background: #fbe07a url(/cms-files/img/icons/16/alert.gif) no-repeat 5px 5px;
	margin: 5px 0px 5px 0px;
	font-size: 12px;
	line-height: 18px;
}

.forprint {
	display: none;
}