﻿/* RESETS & BASIC PAGE SETUP */

* 					{ margin: 0; padding: 0; }
html 				{ overflow-y: scroll }
body 				{ font-size: 62.5%; font-family: Arial, sans-serif; background-color: #d6d6d6 }

.floatleft 			{ float: left; }
.floatright			{ float: right; }
.clear 				{ clear: both; } 

ul 					{ list-style: none inside; }
p 					{ font-size: 1.4em; line-height: 1.6em; padding-bottom: 2.4em; color: #333; }
a 					{ outline: none; text-decoration: none; color: #003399; }
a:hover 			{ outline: none; text-decoration: underline; }
a:visited			{ color: #660000; }
a img 				{ border: none; }

h1 					{ font-size: 2.1em; color: #003366; padding: 0; font-weight: normal; }
h2					{ font-size: 1.5em; color: #003366; padding: 0; font-weight: normal; }
h3					{ font-size: 4.4em; color: #fff; font-weight: normal; color: #003399; }


/* END RESETS & BASIC PAGE SETUP */


/* TYPOGRAHY */
p.intro				{ font-size: 1.6em; line-height: 1.7em; }
ul#pr				{ padding-top: 20px;}
ul#pr li a			{ font-size: 1.3em; line-height: 2.0em; color: #003399; }
ul#pr li a:visited	{ color: #660000; }
ul#datasheets		{ padding: 20px 0 40px 0;}
ul#datasheets li a	{ font-size: 1.3em; line-height: 2.0em; color: #003399; }
ul#datasheets li a:visited			{ color: #660000; }
.title-space		{ padding: 2.0em 0 .4em 0; }
.footer-links		{ font-size: 1.1em; color: #fff; }
.photo				{ float: left; padding: 30px 35px 35px 0; }
.photo2				{ float: left; padding: 10px 35px 35px 0; }
.photo3				{ float: left; padding: 20px 20px 30px 0; }
.media-text			{ float: left; padding: 30px 20px 30px 0; }
.section-title		{ height: 60px; background-color: #BED4E3; padding: 30px 0 0 0; margin: 0 0 30px 0; }
.section-bar		{ height: 6px; background-color: #BED4E3; margin: 20px 0; }
.highlight  		{ font-weight: bold; color: #003399; }
.address			{ font-size: 1.8em; line-height: 1.6em; }
.end				{ padding-bottom: 80px; }

/*END TYPOGRAHY */


/* STRUCTURE */

#page-wrap  		{ width: 950px; margin: 0 auto; background-color: #fff; }
#header 			{
	height: 415px;
	background: url(../images/img-header.jpg) no-repeat center;
	background-color: #FFFFFF;
}
#subheader 			{ height: 109px; background: url(../images/img-header2.jpg) no-repeat; }
#top-menu			{ width: 730px; margin: 0 auto; }
#menu-background	{ background-color: #D4E5F2; width: 100%; height: 34px; }
#base				{ width: 950px; margin: 0 auto; height: 80px; background-color: #BED4E3; }
#footer-left		{ float: left; padding: 30px 0 0 100px; }
#footer-right		{ float: right; padding:  30px 90px 0 0; }
#contact-block		{ background: url(../images/img-contact-bg.jpg) no-repeat; height: 218px; border-bottom: solid; border-color: #fff; border-width: 1px; }
.content 			{ width: 950px; }
.content-wrap		{ width: 756px; margin: 0 auto; }
.col1				{ float: left; width: 340px; }
.col2				{ float: right; width: 350px; }
ul#bio				{ padding: 0 0 40px 40px; }
.bio-list			{ padding-bottom: 30px; text-transform: uppercase; font-weight: bold; }
.bio-names			{ font-size: 1.4em; line-height: 1.8em; font-weight: bold; color: #003366; }
.bio-text			{ font-size: 1.4em; line-height: 1.6em; padding-bottom: 3.0em; }
#footcol1			{ width: 200px; margin: 50px 0 0 100px; border-right: solid; border-width: 1px; border-color: #003399;  }

/* END STRUCTURE */


/* FOOTER */

html, body,
#page-wrap 			{ height: 100%; }
body > #page-wrap 	{ height: auto; min-height: 100%; }
#main 				{ padding-bottom: 160px; }
#main2 				{ padding-bottom: 378px; }
#footer				{ position: relative; width: 950px; height: 80px; margin: -160px auto 0 auto; background-color: #30547C; clear:both; }  
#footer2 			{ position: relative; width: 950px; height: 298px; margin: -378px auto 0 auto; background-color: #30547C; clear:both; }
.clearfix:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 			{ display: inline-block;}

/* HIDE IE-MAC \*/

* html .clearfix 	{ height: 1%; }
.clearfix 			{ display: block; }

/* END HIDE IE-MAC */

/* END FOOTER */

/* MENUS */

ul#menu						{ list-style:none; }
ul#menu li					{ display:inline; }
ul#menu li a				{ text-indent:-9999px; display:block; height:34px; float:left; }
ul#menu li a.home			{ background:url(../images/menu-home.gif) no-repeat bottom center; width:68px; }
ul#menu li a.company		{ background:url(../images/menu-company.gif) no-repeat bottom center; width:96px; }
ul#menu li a.process		{ background:url(../images/menu-process.gif) no-repeat bottom center; width:113px; }
ul#menu li a.energy			{ background:url(../images/menu-energy.gif) no-repeat bottom center; width:146px; }
ul#menu li a.installations	{ background:url(../images/menu-installations.gif) no-repeat bottom center; width:122px; }
ul#menu li a.media			{ background:url(../images/menu-media.gif) no-repeat bottom center; width:77px; }
ul#menu li a.contact		{ background:url(../images/menu-contact.gif) no-repeat bottom center; width:77px; }

ul#menu li a.home:hover,ul#menu li a.home:active, 
ul#menu li a.company:hover, ul#menu li a.company:active, 
ul#menu li a.process:hover, ul#menu li a.process:active,
ul#menu li a.energy:hover, ul#menu li a.energy:active, 
ul#menu li a.installations:hover, ul#menu li a.installations:active,  
ul#menu li a.media:hover, ul#menu li a.media:active,  
ul#menu li a.contact:hover, ul#menu li a.contact:active	{ background-position: center center; }

body#home ul#menu li a.home, 
body#company ul#menu li a.company, 
body#process ul#menu li a.process, 
body#energy ul#menu li a.energy, 
body#installations ul#menu li a.installations,
body#media ul#menu li a.media,  
body#contact ul#menu li a.contact	{ background-position:top center; }

/* END MENUS */



/* FOOTER MENU */

ul.footer-footer-menu {
	list-style: none;
	}
	ul.footer-menu li {
		display: inline;
	}
	ul.footer-menu li a  {
		display: block;
		float: left;
		text-decoration: none;
		padding-right: 10px;
		}
		ul.footer-menu li a:visited  {
			color: #fff
		}


/* END FOOTER MENU */


