/* style.css */


/*  TYPE ////////////// */

body {font-family: Helvetica, Arial, sans-serif; font-size:100%; font-size:12px; line-height:1.35em; color:#323129;}

h1 { font:bold 19px/20px Helvetica, Arial, sans-serif; margin-bottom:12px;}
h2 {font:bold 14px/15px Helvetica, Arial, sans-serif; color:#4c6557}
h3 {font:bold 14px/15px Helvetica, Arial, sans-serif;}
h4, h5 {font: bold 12px/15px Helvetica, Arial, sans-serif; margin-bottom:0; margin-top:10px; }

p { margin-bottom: 15px; font-size:12px;}
p.fineprint {font: italic 11px/12px Helvetica, Arial, sans-serif;}
p.callout {display:block; float:left; margin:0 15px 15px 0; padding:10px; border:1px solid #a49a87; background-color:#e6e1d1; width:25%; font: bold 14px/18px Helvetica, Arial, sans-serif; color:#716a5c; }


li { font-size:12px;}

a:link { font-weight:bold; text-decoration:none; color:#6d7557;}
a:visited {font-weight:bold; text-decoration:none; color:#6d7557;}
a:hover { font-weight:bold; text-decoration:underline; color:#6d7557; }
a:active {font-weight:bold; text-decoration:underline; color:#6d7557;}

hr { height:1px; margin:21px 0;}
strong {font-weight:bold;}

img.right {float:right; margin-left:10px; margin-bottom:10px;}
.right {float:right;}
.left {float:left;}



/*  PAGE STRUCTURE  ////////////// */

html, body { 
	width:100%; height: 102%; 
	background:#564f45 url(../images/bg-pg.jpg) 0 0 repeat; 
	margin: 0; padding:0;
	}

#pg-wrapper { width:947px;  height:auto;
	background:#ddd5ba url(../images/bg-bodytile.jpg) 0 0 no-repeat;
	margin:0 auto;
	}

#wrapper { width:947px;  
	margin: 0 auto;
	padding: 30px 0 0 0;
	background:url(../images/bg-top.jpg) 0 0 no-repeat; 
	 }

#mainbody-wrapper {width:900px; height:auto; float:left; 
	padding:5px 10px 0 42px;
 	background:url(../images/bg-bodytile.jpg) 0 0 repeat-y; }

#mainbody { width:890px; float:left;}

#header { height:100px; width:100%;}

img#logo { float:right; margin-right:40px; padding-bottom:9px;}
img#award { float:left; margin-right:40px; margin-bottom:20px;}

#mainpres {float:left; width:100%; height:200px; padding: 0 23px;
	background:url(../images/bg-bodytile.jpg) 0 0 no-repeat; }

img.mainpresimg {float:left; height:200px; width:695px; }
img.mainpresR {float:left; height:200px; width:23px;  }
img.mainpresL {float:left; position:relative; margin-left: 200px; height: 29px; width: 695px; }

#mainpres .buttonpaathfinder {float: left; position: relative; display:block; height:300px; width: 229px; margin-right: 4px; background: transparent url(../images/products/pathfinder.jpg) no-repeat;}
#mainpres .buttonF14 {float: left; position: relative; display:block; height:300px; width: 229px; margin-right: 4px; background: transparent url(../images/products/f14.jpg) no-repeat;}
#mainpres .buttonF12 {float: left; position: relative; display:block; height:300px; width: 229px; margin-right: 4px; background: transparent url(../images/products/f12.jpg) no-repeat;}
#mainpres .buttonF12ul {float: left; position: relative; display:block; height:300px; width: 229px; background: transparent url(../images/products/f12ul.jpg) no-repeat;}

#mainpres .buttonpaathfinder:hover {background-position: 0 -300px;}
#mainpres .buttonF14:hover {background-position: 0 -300px;}
#mainpres .buttonF12:hover {background-position: 0 -300px;}
#mainpres .buttonF12ul:hover {background-position: 0 -300px;}


#footer {width:100%; height:100%; clear:both; 
	background:url(../images/bg-footer.jpg) 0 0 no-repeat; 
	padding:65px 40px 0 40px; margin-bottom:0;
	color: #8e8877}

#footer p {font-size:9px;  }


/*  NAVIGATION ////////////// */
ul#nav {display:block; width:184px; float:left; margin:0; padding:0;}
ul#nav li a { list-style:none; display:block; margin:0; padding:0; height: 28px; width:184px; text-indent:-9999px;}

#nav li#about a {background: url(../images/nav_about.jpg) no-repeat;}
#nav li#products a {background: url(../images/nav_products.jpg) no-repeat;}
#nav li#purchase a {background: url(../images/nav_purchase.jpg) no-repeat;}
#nav li#videos a {background: url(../images/nav_video.jpg) no-repeat;}
#nav li#news a {background: url(../images/nav_news.jpg) no-repeat;}
#nav li#testimonials a {background: url(../images/nav_testimonials.jpg) no-repeat;}
#nav li#faq a {background: url(../images/nav_faq.jpg) no-repeat;}
#nav li#spacer {background: url(../images/nav_spacer.jpg) no-repeat;}

ul#nav li#about a:hover, #nav li#products a:hover, #nav li#purchase a:hover, #nav li#news a:hover,  #nav li#videos a:hover, #nav li#testimonials a:hover,  #nav li#faq a:hover { background-position:0 -28px;}

ul#nav li#about a:active, #nav li#products a:active, #nav li#purchase a:active, #nav li#news a:active,  #nav li#videos a:active, #nav li#testimonials a:active,  #nav li#faq a:active,
.about ul#nav li#about a, .products ul#nav li#products a, .purchase ul#nav li#purchase a, .news ul#nav li#news a, .videos ul#nav li#videos a, .testimonials ul#nav li#testimonials a, .faq ul#nav li#faq a {background-position:0 -56px;}


/*  SUBNAV ////////////// */
ul#subnav li {text-align:right; line-height:15px; font-size:13px; margin-bottom:10px; padding-right:14px; padding-top:0; font-weight:bold; }
#subnav li.active { background:url(../images/active_arrow.gif) top right no-repeat; }
#subnav li.active a  {color:#59534b;}


/*  COLS AND OTHER CLASSES ////////////// */

.col1 { width:144px; padding:15px; float:left;}
.col2 { width:465px; padding:15px; padding-left:10px; float:left; min-height:250px;}
.col3 { width:170px; padding:15px; float:left; }

.col3 img { margin: 8px 0 5px 0; border:1px solid #949d7b; }
.col3 .caption {font: 12px/15px Helvetica, Arial, sans-serif; color:#716A5C; font-style:italic; }

.col1 ul, .col1 li {list-style:none; margin:0; padding:0;}
.col1 li {margin:0;}

.main-acc .col2 { width:635px; padding:15px 0 15px 10px; float:left; }
.main-acc .col2 .product img { border: 1px solid #949d7b; }

.main-prod .col2 { width: 635px; padding:15px 0 15px 10px; float:left; }
.main-prod .col2 .descrip { float:left; width:40%; }
.main-prod .col2 .study-wrapper { width:55%; float:right; padding:5px; border:2px solid #c4c3ad; background-color:#ede7d3; margin-bottom:25px; } 
.main-prod .col2 .study { padding:5px; } 
.main-prod .col2 .study img { float:left; }
.main-prod .col2 #tabs { font:inherit; clear:both; width:100%; margin:0 auto; }

.main-prod .col2 ul li {font-size: 13px; line-height: 21px; font-weight: bold;}
.main-prod .col2 ul.colf14 {margin-top:120px; width:180px; height:auto; float:left;}
.main-prod .col2 ul.colf12 {margin:120px 0 0 55px; width:180px; height:auto; float:left;}
.main-prod .col2 ul.colf12ul {margin:120px 0 0 50px; width:170px; height:auto; float:left;}

.news .col2 { width:550px; padding:15px 0 15px 10px; float:left; }
.news .col2 .article-wrapper { width:100%; height:auto; padding:15px; padding-left:5px; }
.news .col2 .article { width:100%; height:auto; float:right; padding:20px 0 10px 0; border-top:1px solid #948c7b; }
.news .col2 .article img { border:2px solid #949D7B; margin: 0 20px 5px 0; float:left; }
.news .col2 .article h2 { padding-bottom:2px; }

.contact-main .col2 { width:465px; padding:15px; padding-left:10px; float:left; }
.contact-main .col2sup { width:300px; padding:15px; padding-left:10px; float:left; }
.contact-main .col3sup { width: 300px; padding:15px;  float:left; }

.howitworks .col2 { width:635px; padding:15px 0 15px 10px; float:left; }
.features .col2 { width:635px; padding:15px 0 15px 10px; float:left; }

.study h3 {margin-bottom:5px;}

table.features_table h4 { margin-top:0;}

table.accessories-table, table.features_table {border:1px solid #948c7b; margin:10px 0; border-collapse:collapse; }
table.accessories-table td, table.features_table td {padding:10px; vertical-align:top; border:1px solid #948c7b;}

table.spec-table {border:1px solid #948c7b; margin:10px 0; border-collapse:collapse; }
table.spec-table td, table.spec-table th {padding:5px; vertical-align:top; border:1px solid #948c7b; }
table.spec-table th {font-weight:bold;}

table.events-table {border:1px solid #948c7b; margin:10px 0; border-collapse:collapse; }
table.events-table td, table.events-table th {padding:5px; vertical-align:top; border:1px solid #948c7b; }
table.events-table th {background-color:#b7b597; font-weight:bold;}

img.header {margin-bottom:5px;}

.news { width: 100%; border-top: 1px solid #6D7557; } 
.news a { }
.news a:hover {  }

/* renamed this to news
.f12 { float: left; width: 175px; margin: 0 5px 10px 0; } 
.f12 a { background: url(../images/f12ul.gif) no-repeat; display: block; width: 175px; height: 175px; }
.f12 a:hover { background-position: 0 -175px; cursor: pointer; }
*/


/*  FORMS ////////////// */

fieldset {padding:10px; border:1px solid #4c6557; margin-bottom:10px;}
legend {padding:3px; font: bold 12px/15px Helvetica, Arial, sans-serif;  color:#4c6557; }
div.formitem {width:50%; float:left;}

#commentForm label { text-align:right; margin-right:6px; }