/* CSS Document */

.clearfix:after 
{	content: ".";
	display: block;
	height :0;
	clear :both;
	visibility:hidden;}
	
.clearfix 
{	display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1px ;}
.clearfix {display: block ;}
/* End hide from IE-mac */


.clear {clear:both; display:block; width:100%}

body {font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000000; background:url(../i/bg_body.jpg) #FF9900 top center no-repeat;
margin:0; padding:0;}

h1 {font-size:2em; color:#666666; font-weight:normal}
h2 {font-size:1.4em; color:#CC6633; font-weight:normal; margin:2em 0 0 0}
h2 a, h2 a:link, h2 a:visited {text-decoration:none; color:#CC6633;}
h2 a:hover {border-bottom:3px dotted #eee;}


h3 {font-size:1.2em; color:#006699; margin:3px 3px 0 1px;font-weight:normal}
h3 a {text-decoration:none; color:#006699}

h4 {font-size:1em; line-height:1.4em; color:#333; padding:0 0 0.1em 0; font-weight:normal;}
h5 {font-size:0.75em; color:#333333; padding:0; margin:0; display:block}




#mainpagewrap {width:980px; margin:0 auto; background:#FF9900; height:100%;}

#footerwrap {width:100%; height:auto; background:#666 url(../i/bg_footer_top.jpg) repeat-x top left; margin:0; padding:0;}
#innerfooter {width:960px; height:auto; padding:10px 10px 1em 10px; margin:0 auto; background:#666 url(../i/bg_footer_top.jpg) repeat-x}
#innerfooter img {border:0}


.footerarea {width:200px; padding:10px; background:url(../i/footer_top.jpg) top center no-repeat #666666; height:auto; float:left; margin:0 10px;}
.logoarea {width:100%; margin:10px 0; background-color:#fff;}
.logo {float:right; margin: 5px;}
a img.logo{border:0}

 
.footerarea ul {width:200px; display:block; list-style-type:none; color:#aaa; margin:0 0 20px 0; padding:0; float:left; font-size:0.75em}
.footerarea ul li {display:block; padding:3px 10px}
.footerarea ul li a:visited, .footerarea ul li a:link {text-decoration:none; color:#aaa;}
.footerarea ul li a:hover {color:#fff}


#header {width:980px; height:204px; margin:0; padding:0; background:#ff9900 url(../i/bg_header.jpg) no-repeat top center;}

#header h1 {display:none;}




#maincontent {width:980px; margin:0 auto; background:#fff url(../i/bg_mainpage_span_y.jpg) top center repeat-y; padding:10px 0 30px 0}


#leftcol {width:900px; padding:0 40px 0 40px; margin:0; float:left;}

#rightcol {width:260px; padding:0 40px 0 20px; margin:0; float:right;}



#paraLeft, #paraRight {width:440px; margin:10px 2px; padding:0}
#paraLeft {float:left}
#paraRight {float:right}

.paracontainer{width:420px; margin:5px; display:block; background: #FFFFFF url(../i/paraheader.jpg) top left no-repeat; padding:10px 5px}

.jobcontainer{width:840px; margin:20px 5px 10px 10px; display:block; background: #FFFFFF url(../i/bg_job_span_x.jpg) top left repeat-x; padding:10px 5px}

#main_nav {width:980px; height:auto; background:#FF9900 url(../i/img_pagetop.jpg) bottom center no-repeat; text-align:center; margin:0 auto}


#main_nav ul {width:980px;  font-size:0.8em; display:inline-block; margin:0 auto; padding:10px 0 20px 0; list-style:none; white-space:nowrap; text-transform:uppercase}
#main_nav li {display:inline;}

#main_nav li {padding:5px 20px; margin:0; font-weight:bold; }
#main_nav li a{color:#444; text-decoration:none;}
#main_nav li a:hover {color:#000;}


ul.general {list-style-type:none; color:#666; margin:0 0 1em 0; padding-left:1em; font-size:1em;}
ul.general li {margin:0.5em 0;}
ul.general li a:visited, ul.general li a:link {text-decoration:underline; color:#666;}
ul.general li a:hover {color:#000}
ul.general li.title {font-weight:bold; font-size:0.75em; margin:0 0 1em 0}

ul.general li.c_phone, ul.general li.c_fax, ul.general li.c_email, ul.general li.c_post {padding:5px 0 5px 50px; margin:0}

ul.general li.c_phone {background:url(../i/c_phone.gif) top left no-repeat}
ul.general li.c_fax {background:url(../i/c_fax.gif) top left no-repeat}
ul.general li.c_email {background:url(../i/c_email.gif) top left no-repeat}
ul.general li.c_post {background:url(../i/c_post.gif) top left no-repeat}





.illustrationR, .illustrationL, .illustration{width:auto; height:auto; padding:10px; border:1px solid #eee; margin:10px;}
.illustrationL {clear:right; float:left;}
.illustrationR {clear:left; float:right;}
.illustration {float:none;}

 a .illustrationR, a .illustrationL, a  .illustration a {border:0}