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

body,td,th {font-family: Tahoma, Verdana, sans-serif; font-size: 12px;color: #555555;}
body {background-color: #FFFFFF; background-image: url(../images/back.jpg); background-repeat: repeat-x; margin:30px 0 0 0;}
p {margin:0 0 12px 0; line-height:19px;}
	
a {color: #555555;}
a:link {text-decoration: underline;}
a:visited {text-decoration: underline; color: #555555;}
a:hover {text-decoration: none; color: #555555;}
a:active {text-decoration: underline; color: #555555;}

a.blueLink {color: #3a6f8f; font-size:11px;}
a.blueLink:link {text-decoration: underline;}
a.blueLink:visited {text-decoration: underline; color: #3a6f8f;}
a.blueLink:hover {text-decoration: none; color: #3a6f8f;}
a.blueLink:active {text-decoration: underline; color: #3a6f8f;}

h1,h2,h3,h4,h5,h6 {margin:0 0 12px 0;}
h1 {font-size: 24px; color: #3a6f8f; font-weight:normal; font-family: Trebuchet MS, Helvetica, sans-serif;}
h2 {font-size: 21px; color: #FFFFFF; font-weight:normal; font-family: Trebuchet MS, Helvetica, sans-serif;}
h3 {font-size: 21px; color: #3a6f8f; font-weight:normal; font-family: Trebuchet MS, Helvetica, sans-serif;}
h4 {font-size: 18px; color: #827360; font-weight:normal; font-family: Trebuchet MS, Helvetica, sans-serif;}
h5 {font-size: 14px; color: #3a6f8f; font-weight:normal; font-family: Trebuchet MS, Helvetica, sans-serif;}
h6 {font-size: 12px; color: #3a6f8f; font-weight:bold; font-family:Tahoma, Verdana, sans-serif; line-height:19px;}

.smallText { font-size:10px;}
.highlight { background-color:#FFFF00;}

img.thumbs { margin:0 5px 0 0;}

#clear { clear:both;}
#titleContainer { width:874px; height:30px; background-color: #827360; padding: 8px 0 0 35px;}

/*------------ homepage -------------*/

#homeBack {position: relative; width:945px; height:750px; background:url(../images/back_main.jpg) top left no-repeat; }
#flashContainer {width:909px; margin:0px; height:360px;position:relative; z-index:100;}
#homeContentContainer {width:909px; min-height:150px; background:url(../images/content_back.gif) top left repeat-y; 
	border-top:#a8a7a2 1px solid; margin-top:2px;}
#homeContentContainer #leftContent {float:left; display:inline; margin:21px 0 0 54px;}
#homeContentContainer #rightContent {width:518px; float:right; margin:25px 45px 0 0;display: inline;}
#homeContentBottom {width:909px; height:9px; background:url(../images/content_bottom.gif) top left no-repeat; margin-top:0;}

/*------------ inside pages -------------*/

#mainBack {width:945px; min-height:660px; background:url(../images/back_main.jpg) top left no-repeat;}
#headingContainer {width:909px; height:94px;}
#headingRight {width:530px; float:right; margin:50px 10px 0 0;}
#topPhotoContainer {width:909px; margin:0px; height:157px; position:relative; z-index:100; }

#mainContentContainer {width:909px; min-height:300px; background:url(../images/content_back2.gif) top left repeat-y; 
	border-top:#a8a7a2 1px solid; margin-top:2px; margin-left:0px;}
#mainContentContainer #rightContent {width:200px; float:right; margin:25px 15px 0 0; display: inline;}
	#mainContentContainer #rightContent h2 {font-size: 18px; color: #3a6f8f; font-weight:normal; font-family: Trebuchet MS, Helvetica, sans-serif;
		margin:0 0 12px 0;}
	#mainContentContainer #rightContent h3 {font-size: 12px; color: #827360; font-weight:normal; font-family: Trebuchet MS, Helvetica, sans-serif;
		margin:0 0 6px 0;}
	#mainContentContainer #rightContent h4 {font-size: 11px; color: #555555; font-weight:bold; font-family: Trebuchet MS, Helvetica, sans-serif;
		margin:0 0 6px 0;}
	#mainContentContainer #rightContent p {font-size: 11px; color: #555555; font-weight:normal; font-family: Trebuchet MS, Helvetica, sans-serif;
		margin:0 0 12px 0; line-height:17px;}
	
#mainContentContainer #centerContent {width:400px; float:left; margin:25px 0 0 25px;}
	#mainContentContainer #centerContent ul {line-height:19px;}
#mainContentContainer #centerContent2 {width:641px; float:left; margin:25px 0 0 25px;}
	#mainContentContainer #centerContent2 ul {line-height:19px;}

#mainContentBottom {width:909px; height:10px; background:url(../images/content_bottom2.gif) top left no-repeat; margin-top:0;}
#mainContentContainer #leftContent {width:200px; float:left; margin:20px 5px 5px 15px; display: inline;}

.leftLinks{list-style-type: none; margin:0px; padding:0px;width:200px; margin-top:0px;}
.leftLinks li{margin:0px;}
.leftLinks li a{ background-color:#cfdce4; background-image: url(../images/left_arrow.gif); background-repeat:no-repeat; background-position:left top;
	font: normal 12px Tahoma, Verdana, sans-serif; display: block; color: #3a6f8f;
	padding: 5px 0 0 20px; text-decoration: none; margin-top:0px; min-height:20px; width:180px;}
.leftLinks li a:visited, .leftLinks li a:active, .leftLinks li a:link { color: #3a6f8f;}
.leftLinks li a:hover{ text-decoration:underline;}


/*------------ footer -------------*/

#footerContainer {width:909px; height:50px; padding:10px 0 0 0; color:#9fb6c4; font-size:11px; margin-top: 40px}
#footerLeft {width:400px; height:35px; float:left; padding-top:12px;}
#footerCenter {width:425px; height:35px; float:left; padding:12px 0 0 0; margin-left:30px;}
#footerRight {width:50px; height:48px; float:right; padding:0 0 0 0;}
#footerCenter a {font-size:11px; color:#9fb6c4;}

/*------------ form elements -------------*/

div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 300px;
  text-align: left;
  } 

.required { font-size:11px; color:#FF0000;}


/*------------ navigation -------------*/

#navContainer { float:left; width:909px; padding-top:0px; height:43px; margin-left:18px; position:relative; z-index:1; display: inline;}

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 43px;
	margin-right: 0;
	list-style: none;
	background-repeat: no-repeat;
	position:relative;
	z-index:1;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: 0;
	height: 43px;
	background-repeat: no-repeat;
	position:relative;
	z-index:1;
}
.menu li a:active {
	display: block;
	text-decoration: none;
	text-indent: 0;
	height: 43px;
	background-repeat: no-repeat;
	position:relative;
	z-index:1;
}

.home {background-image: url(../images/home_o.gif); width: 91px;}
.home a {background-image: url(../images/home_u.gif);}
.home a:active {background-image: url(../images/home_o.gif); width: 91px;}
.features {background-image: url(../images/features_o.gif); width: 187px;}
.features a {background-image: url(../images/features_u.gif);}
.features a:active {background-image: url(../images/features_o.gif); width: 187px;}
.multi-media {background-image: url(../images/multi-media_o.gif); width: 132px;}
.multi-media a {background-image: url(../images/multi-media_u.gif);}
.multi-media a:active {background-image: url(../images/multi-media_o.gif); width: 132px;}
.about {background-image: url(../images/about_o.gif); width: 114px;}
.about a {background-image: url(../images/about_u.gif);}
.about a:active {background-image: url(../images/about_o.gif); width: 114px;}
.contact {background-image: url(../images/contact_o.gif); width: 111px;}
.contact a {background-image: url(../images/contact_u.gif);}
.contact a:active {background-image: url(../images/contact_o.gif); width: 111px;}
.where-buy {background-image: url(../images/where-buy_o.gif); width: 145px;}
.where-buy a {background-image: url(../images/where-buy_u.gif);}
.where-buy a:active {background-image: url(../images/where-buy_o.gif); width: 145px;}
.quick-specs {background-image: url(../images/quick-specs_o.gif); width: 129px;}
.quick-specs a {background-image: url(../images/quick-specs_u.gif);}
.quick-specs a:active {background-image: url(../images/quick-specs_o.gif); width: 129px;}

ul.menu li a:hover {background: none; position:relative; z-index:1;}
ul.menu li a:active {background: none; position:relative; z-index:1;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; visibility: hidden; position:relative; z-index:1;}

/*------------ END navigation -------------*/



<!--[if IE]>
<style type="text/css">
.leftLinks li a{ /* Menu link width value for IE */
width: 100%;
}
</style>

ul, ol, dl { position: relative; }

<![endif]-->