@charset "utf-8";
/* CSS Document */
/* Last update:03/12/2009 */
/* File:stylesheet.css */


* {padding:0; margin:0; border:0;}

body, html {color:#2e2e2e; font-family:arial, helvetica, sans-serif; background-color:#fff;}
body {margin:5px 0 0 0;font-size:12px; min-width:760px;}

a {color:#0024ff; text-decoration:underline;}
a:hover {color:#ea6d20; text-decoration:underline;}

a.link_white {color:#fff; text-decoration:underline;}
a.link_white:hover {color:#fff; text-decoration:underline;}

img {border:0px;}
img.pad5 {padding:0 0 5px 0;}
a:focus {outline:none;}

h1 {padding:0 0 28px 0; font-size:18px; color:#ea6d20}
h1.h1smallgap {padding:0 0 5px 0; font-size:18px;}
h2 {padding:6px 0 5px 0; font-size:16px; font-weight:bold;}

.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font16 {font-size:16px;}

.marine {color:#067dc1;}
.cyan {color:#3bc3f6;}
.orange {color:#ea6d20;}

p {margin:0; padding:0 0 16px 0;}

.clear {clear:both;}

table{width:100%;}
table td {padding:0 23px 20px 0; vertical-align:top;}
table.td0 td {padding:0 0 5px 0;}
table.td1 td {padding:0 3px 3px 0; border-bottom:3px solid #fff; border-right:3px solid #fff;}
table.td_vmiddle td {padding:0 13px 20px 0; vertical-align:middle;}
table.tableindent {margin:0 0 0 30px;}
table.tableindent td {padding:0 13px 20px 0; vertical-align:middle;}

#mainContainer {min-height:300px; background:#fff;}
* html #mainContainer {height:300px;}


/* header ********************/
#header {height:114px; background:url(../images/bg_masthead.gif) repeat-x; padding:0}
	#logo {float:left;}
	#header_nav {float:left; margin:0 0 0 0; padding:5px 0 0 0; width:550px; height:13px;}
		/* switched off due to quickmenu code
		#navbar {height:19px;}
		#navbar li {list-style:none; display:inline;}
		#navbar a {float:left; margin:0; padding:2px 18px 3px 18px; background:url(../images/bt_bg_medium.gif) no-repeat; color:#fff; text-decoration:none;}
		#navbar a:hover {background-position:0 -20px; color:#fff;}
		#navbar a:active {background-position:0 -41px; color:#fff;}
		
		#navbar li.small a {float:left; margin:0; padding:2px 18px 3px 18px; background:url(../images/bt_bg_small.gif) no-repeat; color:#fff; text-decoration:none;}
		#navbar li.small a:hover {background-position:0 -20px; color:#fff;}
		#navbar li.small a:active {background-position:0 -41px; color:#fff;}
		
		#navbar li.large a {float:left; margin:0; padding:2px 18px 3px 18px; background:url(../images/bt_bg_large.gif) no-repeat; color:#fff; text-decoration:none;}
		#navbar li.large a:hover {background-position:0 -20px; color:#fff;}
		#navbar li.large a:active {background-position:0 -41px; color:#fff;}
		end: switch off due to quickmenu code ****/ 
		
	#logo2 {position:absolute; margin:24px 0 0 158px;}


/* content and columns  ********************/
.outer {border-left:10px solid #e5e2e2; /*** This is the width and the color for our left column ***/
	border-right:248px solid #e5e2e2; /*** This is the width and the color for our right column ***/}

* html .outer {}

.inner {width:100%;}
* html .inner {}

.float-wrap {float:left; width:100%; margin-left:-165px;} /*** Same length as .outer border-left but with negative value ***/
* html .float-wrap {}
.contentWrapHome {padding:35px 32px 35px 32px; border-left:1px dotted #000; border-right:1px dotted #000; background:url(../images/bg_homepic.jpg) top right no-repeat;}
.contentWrapCorpDivs {padding:35px 32px 35px 32px; border-left:1px dotted #000; border-right:1px dotted #000; background:url(../images/bg_corpdivisionspic.jpg) top right no-repeat;}
.contentWrapAboutUs {padding:35px 32px 35px 32px; border-left:1px dotted #000; border-right:1px dotted #000; background:url(../images/bg_aboutuspic.jpg) top right no-repeat;}
.contentWrap {padding:17px 23px 50px 13px; border-left:1px dotted #000; border-right:1px dotted #000;}
#content {float:right; background:#fff; margin-right:-165px;  /*** Same length as .outer border-left but with negative value ***/
width:100%;}
	#contentinner {width:100%;}
	#contentinner2 {margin-left:179px; padding:20px 17px 50px 20px; border-left:1px dotted #000;}
	#contentinner2_prodpic {margin-left:179px; padding:20px 17px 50px 20px; border-left:1px dotted #000; background:url(../images/bg_productpic.jpg) top right no-repeat;}
	#contentborder {width:100%; border:1px dotted #000; background:url(../images/bg_hd.jpg) repeat-x;}
* html #content {position:relative;}
	#content_hd {height:21px; width:auto; background:url(../images/header.gif) no-repeat; background-color:#e5e2e2; border-bottom:2px solid #000;}

ul#text {list-style:none; margin:0; padding:5px 0 10px 0;}
	ul#text li  {width:80%; padding:0 5px 7px 47px; background:url(../images/bullet.gif) 30px 2px no-repeat;}
	
ul#longtext {list-style:none; margin:0; padding:0 0 20px 0;}
	ul#longtext li  {width:90%; padding:0 5px 13px 47px; background:url(../images/bullet.gif) 30px 2px no-repeat;}
	
ul#h2 {list-style:none; margin:0; padding:5px 0 10px 0;}
	ul#h2 li  {width:80%; padding:0 5px 7px 47px; background:url(../images/bullet.gif) 30px 12px no-repeat;}
	
ul#sitemap {list-style:none; margin:0; padding:55px 0 50px 0; text-transform:capitalize; font-weight:bold;}
	ul#sitemap li  {width:80%; padding:0 5px 17px 47px; background:url(../images/bullet.gif) 30px 2px no-repeat;}
	ul#sitemap li a  {color:#2e2e2e; text-decoration:none;}
	ul#sitemap li a:hover {color:#2e2e2e; text-decoration:underline;}
	ul#sitemap li ul li {list-style:none; padding:0 5px 0 47px; background:none; font-weight:normal;}
	

/* left column ********************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {float:left; width:150px; min-height:250px; padding:5px;}
* html #left {height:250px; position:relative;}
	#left_menu {position:absolute; width:159px; padding:20px 0 0 20px;}

	
		ul#leftmenu, ul#leftmenu li ul {list-style:none; margin:0; padding:0 0 0 0; text-transform:capitalize;}
		ul#leftmenu li a {width:124px; display:block; padding:5px 5px 4px 8px; font-weight:bold; color:#5a5a5a; text-decoration:none; background-color:#efeeee; border-top:3px solid #fff; border-bottom:2px solid #e20f01;}
		ul#leftmenu li a:hover {color:#000; background-color:#acabab;}
		ul#leftmenu li.on a {color:#000; background-color:#acabab;}
		
		ul#leftmenu li ul li a {width:117px; display:block; padding:5px 5px 4px 17px; font-weight:normal; color:#5a5a5a; text-decoration:none; background-color:#efeeee; border-top:3px solid #fff; border-bottom:2px solid #e20f01;}
		ul#leftmenu li ul li a :hover {color:#000; background-color:#acabab;}
		ul#leftmenu li ul li.on a {color:#000; background-color:#acabab;}


/* right column ********************/
#right {float:right; width:248px; padding:0; min-height:250px; margin-right:-248px; background-color:#e5e2e2; border-top:3px solid #000;} /** This negative margin-right value is the width of the right column + the padding, in this example 248px. ***/
	#rightinner {width:238px; margin:33px 0 0 6px; padding:0 0 20px 0;}
	#rightinner p {width:230px; padding:14px 0 13px 0; font-size:12px;}
* html #right {height:250px; position:relative;}


/* footer ********************/
#footer {height:28px; padding:10px 0 0 0; background-color:#5c5b5b; color:#fff; text-align:center;}