/* Stylesheet based on The Perfect 3 Column Liquid Layout (Percentage widths) by Matthew James Taylor */
/* http://matthewjamestaylor.com/blog/perfect-3-column.htm */
/* General styles */
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#BBBBBB; 
	min-width:1024px;		/* Minimum width of layout - remove line if not required */
					        /* The min-width property does not work in old versions of Internet Explorer */
	font-size:85%;
	font-family: Arial, Helvetica, sans-serif;
}
@font-face  {
    font-family: Eurostile_Extended;
    src: url("Eurostile_Extended.eot"); /* EOT file for IE */
    src: local("Eurostile Extended"),url("Eurostile_LT_Extended_2.ttf") format("truetype"); /* non-IE */
}
@font-face  {
    font-family: EurostileExtended_Roman;
    src: url("Eurostile_Extended.eot"); /* EOT file for IE */
    src: local("Eurostile Extended"),url("EUROSTI3.ttf") format("truetype"); /* non-IE */
}
@font-face  {
    font-family: Eurostile;
    src: url("Eurostile.eot"); /* EOT file for IE */
    src: local("Eurostile"),url("Eurostile.ttf") format("truetype"); /* non-IE */
}
.container1  {
    width:100%;
    overflow:hidden;
    background:#FFF;
    float:left;
    position:relative;
    margin:0;
    padding:0;
}
.container2  {
    width:100%;
    background:#DDD;
    float:left;
    position:relative;
}
a   {
    color: #369;
    text-decoration: none;
    outline:none;
}
a:hover {
    color: #000000;
}
h1, h2, h3, h4 {
	margin:.3em 0 .1em 0;
	padding:6px 0 1px 0;
}
h1	{
	margin:.5em 0 .1em 0;
	padding:10px 0 2px 0;
	position: relative;
	color:#264A90;
	font-size:24px;
}
h2	{
	font-size:20px;
}
h1.default,
h2.default,
a.default   {
	color: #ED1C24;
}
h1.engineering,
h2.engineering,
a.engineering   {
	color: #264A90;
}
h1.energy,
h2.energy,
h3.energy,
h4.energy,
p.energy,
a.energy   {
	color: #258F44;
}
h1.products,
h2.products,
a.products   {
	color: #F25C19;
}
h1.community,
h2.community,
a.community   {
	color: #672290;
}
h1.blue,
h2.blue,
a.blue   {
	color: #568DB0;
}
span.part1	{
	margin:0;
	padding:0;
	font-size:25px;
	font-weight:normal;
}
span.part2	{
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:normal;
}
span.part3	{
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:normal;
}
h3	{
	border-top:2px solid #CCCCCC;
	color:#444;
	clear:both;
	font-size:115%;
}
p   {
	margin:.4em 0 .8em 0;
	padding:0;
}
ul  li{
    display: list-item;
    list-style-position:inside;
    padding:0 0 8px 0; 
}

.more {  
	font-size: smaller; 
}
span.htm_logo_part_1{
    float:left;
    font-size:14pt;
    border:solid 2px #FF0000;
    border-right-width:0px;
    color:white;
    background:#FF0000;
    padding:0px;
    margin:13px 0px 4px 0px;
    font-weight:600;
}
span.htm_logo_part_2{
    float:left;
    font-size:14pt;
    border:solid 2px #FF0000;
    color:#FF0000;
    background:white;
    padding:0px;
    margin:13px 20px 4px 0px;
    font-weight:600;
}
span.full_width img{
	border:1px solid #aaa;
	width: 99%;
}
span.logo img{
    padding:0;
    position:relative; 
    float:left;
    width: 50%;
}
span.logo_letters img{
    padding:0;
    margin:-4px 0 0 0;
    position:relative; 
    float:left;
    width: 65px;
    border:none;
}
span.logo_tag img{
    padding:0;
    margin:-4px 0 0 0;
    position:relative; 
    float:left;
    width: 405px;
    border:none;
}
span.client_logo img{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:150px;
    border:none;
}
span.logo_100 img{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:100px;
	border:1px solid #aaa;
}
span.left_65 img{
    border: 2px solid #aaa;
    margin: 5px 15px 10px 0;
    position: relative;
    float: left;
    width: 65%;
    clear: left;
}
span.left_50 img{
    border: 2px solid #aaa;
    margin: 5px 15px 10px 0;
    position: relative;
    float: left;
    width: 50%;
    clear: left;
}
span.right_30 img{
    border: 2px solid #aaa;
    margin: 5px 0 10px 15px;
    position: relative;
    float: right;
    width: 30%;
}
span.left_people img{
    border: 2px solid #aaa;
    margin:.2em 0 .8em 0;
    position:relative;
    float:left;
    width: 100px;
}
span.icon img   {
    width:75px;
    position:relative;
    border:none;
    margin:-60px -9px 0 0;
    float:right;
}
table.width_100{
    width:100%;
}
td.width_15{
    vertical-align:top;
    width:15%;
}
td.width_30{
    vertical-align:top;
    width:30%;
    padding:0 5px;
}
td.width_35{
    vertical-align:top;
    width:35%;
    font-size:80%;
}
td.width_50{
    vertical-align:top;
    width:50%;
}
td.width_65{
    vertical-align:top;
    width:65%;
}
td.width_35{
    vertical-align:top;
    width:35%;
}
/* Header styles */
#header {
	clear:both;
	float:left;
	padding:0;
	width:100%;
}
#header img{
	width: 100%;
	position: relative;
	margin:0;
	border:none;
	/*border-top: 1px solid #C6C6C6;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #C6C6C6;
	border-right: 1px solid #AAAAAA;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomleft:10px;
	box-shadow: 3px 3px 3px #CCC;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-box-shadow:3px 3px 3px #CCC;
	-webkit-box-shadow: 3px 3px 3px #CCC;*/
}
#header img.logo  {
    position:absolute;
    clear:left;
    width:25%;
    z-index:+1;
    left:0;
    top:0;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
#header img.logo_ie6_central  {
    position:absolute;
    clear:left;
    width:210px;
    z-index:+1;
    left:10px;
    top:10px;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
#header img.logo_ie6_eng  {
    position:absolute;
    clear:left;
    width:241px;
    z-index:+1;
    left:10px;
    top:10px;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
#header img.logo_ie6_blue  {
    position:absolute;
    clear:left;
    width:154px;
    z-index:+1;
    left:10px;
    top:10px;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
#header img.logo_ie6_products  {
    position:absolute;
    clear:left;
    width:214px;
    z-index:+1;
    left:10px;
    top:10px;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
#header img.logo_ie6_energy  {
    position:absolute;
    clear:left;
    width:186px;
    z-index:+1;
    left:10px;
    top:10px;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
#header img.logo_ie6_cmmnty  {
    position:absolute;
    clear:left;
    width:238px;
    z-index:+1;
    left:10px;
    top:10px;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
#top_menu {
    width:100%;
    position:relative;
    z-index:10;
}
#top_menu ul {
    list-style:none;
    margin:0 0 -28px 0;
    padding:0;
    text-align:center;
    float:right;
}
#top_menu ul li {
    display:block;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
}
#top_menu ul li a {
    display:block;
	font-size:11px;
	font-weight:bold;
    letter-spacing:1px;
    margin:0;
	padding:5px 8px 5px 9px;
    color:#000;
    text-decoration:none;
    line-height:11px;
    background:#BBB;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#BBB), to(#999));
	background:-moz-linear-gradient(0% 100% 90deg,#BBB, #999);
	border-top:solid 1px #FFF;
	border-right:solid 1px #888;
	border-left:solid 1px #BBB;
	border-bottom:solid 1px #BBB;
	/*border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;*/
    opacity:.4;
	-khtml-opacity:.4;
	-moz-opacity:.4;
	-ms-filter:'alpha(opacity=40)';
	filter:alpha(opacity=40);
}
#top_menu ul li a.central {
	border-bottom:solid 4px #ED1C24;
}
#top_menu ul li a.engineering {
	border-bottom:solid 4px #264A90;
}
#top_menu ul li a.energy {
	border-bottom:solid 4px #258F44;
}
#top_menu ul li a.products {
	border-bottom:solid 4px #F25C19;
}
#top_menu ul li a.community {
	border-bottom:solid 4px #672290;
}
#top_menu ul li a:hover {
    background:#369;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#78A2CC), to(#369));
	background:-moz-linear-gradient(0% 100% 90deg,#369, #78A2CC);
    color:#fff;
    opacity:1;
	-khtml-opacity:1;
	-moz-opacity:1;
	-ms-filter:'alpha(opacity=100)';
	filter:alpha(opacity=100);
}
#top_menu ul li a.active_central,
#top_menu ul li a.active_central:hover {
	border-bottom:solid 4px #ED1C24;
    color:#ED1C24;
    text-shadow: 0px 1px #FFF;
	background:#DCDCDC;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#D3D3D3));
	background:-moz-linear-gradient(0% 100% 90deg,#D3D3D3, #EEE);
    opacity:1;
	-khtml-opacity:1;
	-moz-opacity:1;
	-ms-filter:'alpha(opacity=100)';
	filter:alpha(opacity=100);
}
#top_menu ul li a.active_eng,
#top_menu ul li a.active_eng:hover {
	border-bottom:solid 4px #264A90;
    color:#264A90;
    text-shadow: 0px 1px #FFF;
	background:#DCDCDC;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#D3D3D3));
	background:-moz-linear-gradient(0% 100% 90deg,#D3D3D3, #EEE);
    opacity:1;
	-khtml-opacity:1;
	-moz-opacity:1;
	-ms-filter:'alpha(opacity=100)';
	filter:alpha(opacity=100);
}
#top_menu ul li a.active_products,
#top_menu ul li a.active_products:hover {
	border-bottom:solid 4px #F25C19;
    color:#F25C19;
    text-shadow: 0px 1px #FFF;
	background:#DCDCDC;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#D3D3D3));
	background:-moz-linear-gradient(0% 100% 90deg,#D3D3D3, #EEE);
    opacity:1;
	-khtml-opacity:1;
	-moz-opacity:1;
	-ms-filter:'alpha(opacity=100)';
	filter:alpha(opacity=100);
}
#top_menu ul li a.active_energy,
#top_menu ul li a.active_energy:hover {
	border-bottom:solid 4px #258F44;
    color:#258F44;
    text-shadow: 0px 1px #FFF;
	background:#DCDCDC;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#D3D3D3));
	background:-moz-linear-gradient(0% 100% 90deg,#D3D3D3, #EEE);
    opacity:1;
	-khtml-opacity:1;
	-moz-opacity:1;
	-ms-filter:'alpha(opacity=100)';
	filter:alpha(opacity=100);
}
#top_menu ul li a.active_community,
#top_menu ul li a.active_community:hover {
	border-bottom:solid 4px #672290;
    color:#672290;
    text-shadow: 0px 1px #FFF;
	background:#DCDCDC;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#D3D3D3));
	background:-moz-linear-gradient(0% 100% 90deg,#D3D3D3, #EEE);
    opacity:1;
	-khtml-opacity:1;
	-moz-opacity:1;
	-ms-filter:'alpha(opacity=100)';
	filter:alpha(opacity=100);
}
#menu {
	clear:both;
	float:left;
	width:100%;
	position: relative;
    line-height:15px;
	margin:0;
	padding:0;
	background:#DCDCDC;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#D3D3D3));
	background:-moz-linear-gradient(0% 100% 90deg,#D3D3D3, #EEE);
	border:none;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BBB;
	/*border-left: 1px solid #C6C6C6;
	border-right: 1px solid #AAAAAA;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:4px;
    -moz-box-shadow: 0px -13px 15px #CCC inset;
	-webkit-box-shadow: 0px -13px 15px #CCC inset;*/
	box-shadow: 0px -13px 15px #CCC inset;
}
#menu ul {
	clear:left;
	float:left;
	list-style: none;
	font-weight:normal;
	font-size:14px;
    letter-spacing:0;
	text-transform:capitalize;
	margin:0;
	padding:0;
}
#menu ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#menu ul li a {
	border-right: 1px solid #BBB;
    text-shadow: 0px 1px #FFF;
	display:block;
	float:left;
	margin:0;
	padding: 5px 8px;
	text-align:center;
	color:#484E5B;
}
#menu ul li a:hover {
	background:#ADB8CC;
	color:#fff;
    text-shadow: 0px 1px #333;
	box-shadow: 0 0 1px 1px #EFF5FF inset, inset 0px -8px 10px #79808E;
	-webkit-box-shadow: 0 0 1px 1px #EFF5FF inset;
    -moz-box-shadow: 0 0 1px 1px #EFF5FF inset;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ADB8CC), to(#666666));
	background:-moz-linear-gradient(0% 100% 90deg,#666666, #ADB8CC);
}
#menu ul li a:focus {
	background:#ADB8CC;
	color:#fff;
    text-shadow: 0px -1px #666;
	box-shadow: 0 0 1px 1px #EFF5FF inset, inset 0px -8px 10px #79808E;
	-webkit-box-shadow: 0 0 1px 1px #EFF5FF inset;
    -moz-box-shadow: 0 0 1px 1px #EFF5FF inset;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ADB8CC), to(#666666));
	background:-moz-linear-gradient(0% 100% 90deg,#666666, #ADB8CC);
}
#menu ul li a span {
	display:block;
}
/* lc central home page */
#home   {
    position:relative;
    float:left;
    padding:0.5% 2% 0;
    width:96%;	
}
#home p   {
	margin:1em .4em;
	padding:0;
}
#home span.logo img{
    padding:0 10px 0 0;
    position:relative; 
    float:left;
    width: 40%;
}
#contact_button a {
    border: 1px solid #888;
    background-color: #DDD;
    border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:4px;
    box-shadow: inset 0 1px 3px #fff, inset 0 -15px #CCC, 0 0 3px #888;
    -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #CCC, 0 0 3px #888;
    -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #CCC, 0 0 3px #888;
    -moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #CCC, 0 0 3px #888;
    color: #555;
    text-shadow: 0 1px #fff;
    padding: 8px 25px;
    font-size:130%;
    letter-spacing:1px;
}
#contact_button a:hover{
    border: 1px solid #888;
    background-color: #EEE;
    border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:4px;
    box-shadow: inset 0 1px 3px #fff, inset 0 -15px #DDD, 0 0 3px #AAA;
    -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #DDD, 0 0 3px #AAA;
    -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #DDD, 0 0 3px #AAA;
    -moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #DDD, 0 0 3px #AAA;
    color: #555;
    text-shadow: 0 1px #fff;
    padding: 8px 25px;
    font-size:130%;
    letter-spacing:1px;
}
#contact_button a:active {
    border: 1px solid #888;
    background-color: #EEE;
    border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:4px;
    box-shadow: inset 0 1px 3px #fff, inset 0 -15px #DDD, 0 0 3px #888;
    -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #DDD, 0 0 3px #888;
    -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #DDD, 0 0 3px #888;
    -moz-box-shadow: inset 0 1px 3px #fff, inset 0 15px #DDD, 0 0 3px #888;
    color: #555;
    text-shadow: 0 1px #fff;
    padding: 8px 25px;
    font-size:130%;
    letter-spacing:1px;
}
#icon  {
    clear:both;
    padding:0;
}
#icon table.width_100 {
    text-align:center;
    margin:2% auto 5%;
    width:100%;
    padding:0;
}
#icon table.width_80 {
    width:80%;
    margin:0 10%;
}
#icon td.width_100    {
    width:100%;
    height:80px;
    vertical-align:middle;
}
#icon td.width_50    {
    width:50%;
    height:80px;
    vertical-align:middle;
    text-align:center;
}
#icon td.width_33    {
    width:33%;
    vertical-align:middle;
    text-align:center;
}
#icon a   {
    color:#258F44;
}
#icon a img   {
    width:100px;
	padding:3px;
    position:relative;
    border:none;
    margin:0 auto;
	border-radius:13px;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	opacity:.8;
	-khtml-opacity:.8;
    -moz-opacity:.8;
    -ms-filter:'alpha(opacity=80)';
    filter: alpha(opacity=80);
}
#icon a:hover img  {
    border:none;
	border-radius:13px;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	opacity:1;
	-khtml-opacity:1;
    -moz-opacity:1;
    -ms-filter:'alpha(opacity=100)';
    filter: alpha(opacity=100);
}
#icon a img.photo   {
    width:90%;
    max-width:153px;
    position:relative;
    border: 2px solid #AAA;
    margin:10px 0 0 0;
	opacity:.8;
	-khtml-opacity:.8;
    -moz-opacity:.8;
    -ms-filter:'alpha(opacity=80)';
    filter: alpha(opacity=80);
}
#icon a:hover img.photo   {
    border: 2px solid #258F44;
	opacity:1;
	-khtml-opacity:1;
    -moz-opacity:1;
    -ms-filter:'alpha(opacity=100)';
    filter: alpha(opacity=100);
}
#icon h2   {
    margin:0;
    padding:0;
}
#alliances table.width_100 {
    text-align:center;
    margin:2% auto 5%;
    width:96%;
    padding:0 10px;
}
#alliances td.width_33    {
    width:33%;
    vertical-align:middle;
    text-align:center;
}
#alliances img.logo   {
    width:auto;
    max-height:46px;
    position:relative;
    margin:10px 0;
}
/* column container */
.colmask {
	border-top: 1px solid #E9E9E9;
	position:relative;	    /* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			    /* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			    /* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	    /* no left and right padding on columns, we just make them narrower instead 
					        only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background:#F0F0F0;		/* right column background colour */
}
.threecol .colmid {
	right:25%;			    /* width of the right column */
	background:#fff;        /* center column background colour */	
}
.threecol .colleft {
	right:50%;			    /* width of the middle column */
	background:#F0F0F0;	    /* left column background colour */
}
.threecol .col1 {
	width:46%;			    /* width of center column content (column width minus padding on either side) */
	left:102%;			    /* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			    /* Width of left column content (column width minus padding on either side) */
	left:31%;			    /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			    /* Width of right column content (column width minus padding on either side) */
	left:85%;			    /* Please make note of the brackets here:
					        (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
.threecol img{
	width: 100%;
	position: relative;
	margin:0 0 0 0;
}
/* Footer styles */
#footer {
    /*background-image:url(http://www.lc.com.au/images/footer_background.jpg);*/
	clear:both;
	float:left;
	width:100%;
	margin:0;
	border-top:solid 1px #777;
	background:#BBB;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#BBB));
	background:-moz-linear-gradient(0% 100% 90deg,#BBB, #DDD);
}
#footer p {
	padding:2px;
	margin:0 10px;
}
#footer a {
	padding:0px;
	font-weight:bold;
}
#footer h2 {
    padding:0 5px 0 0;
    margin:0;
	text-align:right;
    font-size:large;
}
#footer img.logo{
    display:block;
    padding:5px 8px;
    width:50px;
    border:none;
    float:right;
}