@charset "utf-8";
/* CSS Document */


body {
	background-color: #001B2B;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-left: 0px;
}

#w { /* WRAPPER */
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

#front, #inner {
	width: 960px;
	float: left;
	background-color: #FFFFFF;
}

#banner {
	text-indent: -9000px;
	width: 960px;
	height: 159px;
}

#banner h2 {
	margin: 0px;
	padding: 0px;
}

#front #banner {
	background-image: url(../images/f_header.jpg);
}

#inner #banner {
	background-image: url(../images/i_header.jpg);
}

#main {
	width: 960px;
	float: left;
	background-image: url(../images/sidebar_bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #59BCBA;
}
#sidebar {
	float: left;
	width: 196px;
	font-size: 16px;
	font-weight: bold;
}

#sidebar ul {
	float: right;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 196px;
}

#sidebar ul li, #sidebar ul li.prodList ul {
	background-image: url(../images/menu_spacer.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	text-align: right;
	padding: 7px;
}

#sidebar ul li.prodList ul {
	padding: 0px;
	margin-bottom: 7px;
	padding-bottom: 7px;
	margin-right: 0px;
}

#sidebar ul li.prodList ul li {
	padding: 3px;
	padding-right: 7px;
}

#sidebar ul li.prodList {
	padding-right: 0px;
}

#sidebar ul li.prod {
	background: none;
	font-size: 13px;
}

.prodListSpacer {
	float: right; margin-right: 7px;
	width: 100%;
}

#sidebar a {
	color: #FFFFCC;
	text-decoration: none;
}
#sidebar a:hover {
	color: #FFcc00;
}

#content {
	float: right;
	width: 764px;
	text-shadow: #999 1px 1px 3px;
}

/* Front Page Special Classes */
.front { float: left; background-repeat: no-repeat; line-height: 143%; }
.fill { width: 100%; height: 100%; display: block; }
.front h3 {
	color: #004066;
	margin-bottom: 0px;
	margin-top: 0px;
}
.front.a {
	width: 764px;
	height: 206px;
	background-image: url(../images/f_main_top.jpg);	
}
.front.b {
	width: 337px;
	height: 250px;
	background-image: url(../images/f_main_mid_left.jpg);
	text-align: center;
	padding-top: 7px;
	color: #2C6369;
	font-weight: bold;
	font-size: 17px;
}
.front.c {
	width: 427px;
	height: 257px;
}
.front.d {
	width: 427px;
	height: 68px;
	background-image: url(../images/f_main_mid_right_1.jpg);
}
.front.e {
	width: 169px;
	height: 73px;
	background-image: url(../images/f_main_mid_right_2.jpg);
}
.front.f {
	width: 258px;
	height: 73px;
	background-image: url(../images/f_main_mid_right_2b.jpg);
}
.front.g {
	width: 427px;
	height: 116px;
	background-image: url(../images/f_main_mid_right_3.jpg);
}
.front.h {
	width: 764px;
	height: 223px;
	background-image: url(../images/f_main_lower_bg.jpg);
	background-repeat: repeat-x;
}
.front.i {
	width: 201px;
	height: 188px;
	color: #0B4B26;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	padding-top: 35px;
}
.front.j {
	width: 156px;
	height: 223px;
}
.front.k {
	width: 156px;
	height: 88px;
	background-image: url(../images/f_main_bottom_1.jpg);
}
.front.l {
	width: 156px;
	height: 87px;
	background-image: url(../images/f_main_bottom_2.jpg);
}
.front.m {
	width: 230px;
	height: 223px;
	background-image: url(../images/f_main_bottom_3.jpg);
}
.front.n {
	width: 177px;
	height: 223px;
}
.front.o {
	width: 177px;
	height: 88px;
	background-image: url(../images/f_main_bottom_4.jpg);
}
.front.p {
	width: 177px;
	height: 87px;
	background-image: url(../images/f_main_bottom_5.jpg);
}

.servicelist {
	width: 337px;
}

.servicelist a {
	color: #FFFF66;
	text-decoration: none;
}

.servicelist a:hover {
	color: #FFF;
}

.servicelist .ele, .servicelist .elefull {
	height: 19px;
	float: left;
	text-align: center;
}

.servicelist .ele {
	width: 168px;
	color: #FFFF66;
	font-size: 14px;
	text-shadow: #666 1px 1px 3px;
}

.servicelist .elefull {
	width: 337px;
	margin-bottom: 5px;
	margin-top: 5px;
}

#headerOverflow {
	background-image: url(../images/i_header2.jpg);
	width: 764px;
	height: 31px;
	float: left;
	position: relative;
}

#headerOverflow h2 {
	position: absolute;
	top: -45px;
	left: 16px;
	font-weight: bold;
	font-size: 38px;
	color: #0083D4;
}

#page {
	width: 732px;
	min-height: 600px;
	background-color: #FFFFFF;
	padding: 16px;
	text-shadow: none;
	padding-top: 10px;
	float: left;
	font-size: 12px;
	line-height: 135%;
}

#page h3 {
	margin-top: 8px;
	padding-top: 0px;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 24px;
	line-height: normal;
}

#page ul {
	margin-top: 0px;
}
#page ul li {
	margin-bottom: 3px;
}

.also {
	color: #FFFFFF;
	text-shadow: #333 1px 1px 3px;
}
.also b {
	color: #FFCC00;
}

#footer {
	width: 628px;
	float: left;
	background-image: url(../images/f_footer_bg.jpg);
	background-repeat: repeat-y;
	color: #09314E;
	font-size: 15px;
	font-weight: bold;
	padding: 8px;
	padding-left: 80px;
	padding-right: 80px;
	position: relative;
}

#copyright .overlay {
	width: 170px;
	height: 81px;
	top: -90px;
	left: 13px;
	z-index: 3;
	position: absolute;
}

#footer .ele {
	float: left;
	padding-top: 7px;
}
#footer .eleright {
	float: right;
	text-align: right;
	color: #FFFFFF;
	font-size: 22px;
}

#inner #footer {
	background-image: none;
	background-color: #FFFFFF;
	width: 604px;
	
}

#inner #footer .eleright {
	color: #54B8BA;
}

#copyright {
	position: relative;
	float: left;
	width: 944px;
	background-color: #004975;
	padding: 8px;
	color: #FFFFFF;
	font-size: 11px;
}

#copyright a {
	color: #99CCFF;
	text-decoration: none;
}

#copyright a:hover {
	color: #fc0;
}

.left {
	float: left;
}

.right {
	float: right;
}

#prodBanner {
	float: left;
	width: 550px;
	overflow: hidden;
}

#prodBanner img {
	width: 550px;
}

#prodSamples {
	float: right;
	width: 130px;
	margin-right: 10px;
}

#prodInfo {
	float: left;
	width: 530px;
	padding-left: 5px;
	padding-top: 10px;
	font-size: 12px;
	line-height: 135%;
}

.imgright {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

.form {
	width: 356px;
	margin-top: 20px;
	font-weight: bold;
}

.form .contactLeftCell, .form .contactRightCell {
	float: left;
	width: 100px;
	height: 30px;
}

.form .contactRightCell { 
	float: right;
	width: 256px;
}

.form .contactFullCell { 
	float: left;
	width: 356px;
	padding-bottom: 5px;
}

#products a {
	display: block;
	margin-bottom: 10px;
}