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

/****************************** Styles Sheets for New Co Generic Websites **********************

Items that can be changed:

Header: style, weight, size, line height, family and color, as well as logo and tagline
Bullet style
tr: table header color

Images:
logo in header
tagline in header
All images within the home or main body.


*/


/* Top Elements */
* { 
margin: 0; outline: 0; padding: 0; }
pullquote   {
	font-size: 20px;
	color: #9A3416;
	left: 2px;
}

body { color: #666666; background: #DDD; font: 12px/170% 'Arial', Helvetica, sans-serif; }

/* links */
a, a:visited { color: #306495; background: inherit; text-decoration: none; }
a:hover { color: #73471B; background: inherit; text-decoration: underline; }

/* headers -  change the color values and font selection for each specific site  */ 
h1 {
	font: normal 2.2em 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #9A3416;
}
h2 {
	color: #007db1;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 28px;
}
h3 { font: normal 1.4em 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #5e9732; }
h4 { font: bold 1.2em 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #666666; }

/* Paragraph */
p { padding: 5px 0 10px 0; }

/* Lists */
ul, ol { margin: 10px 20px; padding: 0 40px; }
ul { list-style: none; }
dl { padding: 10px; margin: 0; }
dt { font-weight: bold; color: #5e9732; }
dd { padding-left: 25px; }

/* images */
img { border: none }

/* tables */

table { border-collapse: collapse; }
th { color:#79A62; }

/* ------------- LAYOUT ------------------*/


#wrap {
	position: relative;
	width: 600px;
	margin: 35px auto;
	text-align: left;
	background: #CCC url(../images/background_slice.jpg) repeat-y center top;
}
#content-wrap { position: relative; clear: both; float: left; width: 998px; background: #FFF url(../images/background_slice.jpg) repeat-y; padding: 6px 0 2px 0; }

/* Header */

#header { position: relative; width: 998px; height: 117px; background: #CCC url(../images/header.jpg) no-repeat; color: #fff; padding: 0; margin: 0; }
/* change the values of top and left to adjust the position of the logo */
#header #logo { position: absolute; margin: 0; padding: 0; font: bold 48px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -1px; text-decoration: none; color: #000; top: 30px; left: 55px; }
/* change the values of top and left to adjust the position of the slogan */
#header p#slogan { position: absolute; margin: 0; padding: 0; font: normal 15px Arial, Helvetica, sans-serif; letter-spacing: -0.5px; color: #666; top: 40px; left: 600px; width: 350px; }

/* Navigation */
/* change background image for each specific site - image size 966 x 22 px with 12pt corner radius, change font color */
#nav { width: 966px; height: 22px; padding: 0; background: #FFF url(../images/wtl_nav_bg_007db1.gif) no-repeat left top; margin: 0 0 0 16px; }
#nav ul { float: left; list-style: none; margin: 0; padding: 1px 0 0 30px; height: 22px; }
#nav ul li { display: inline; margin: 0; padding: 0; }
#nav ul li a { display: block; float: left; width: auto; margin: 0; padding: 2px 8px; color: #fff; text-decoration: none; font: normal 10pt "Arial", Helvetica, sans-serif; }
/* change hover color for text */
#nav ul li a:hover, #nav ul li a:active { color: #FFF;}
/* change elected color for text */
#nav ul li.current_page_item a { color: #FFF; font-weight: bold; }
/* change background image for View Product page - image size 966 x 22 px with 12pt corner radius  */
#nav .last { float: right; width: 230px; background: url(../images/wtl_nav_bg_5d9732.gif) no-repeat right top; padding: 0 0 0 30px; }

/* Home Page - Main column */
#home { float: left; width: 966px; padding: 0;	display: inline; margin: 0 0 0 16px; }
#home h1 { padding: 54px 0 14px 20px; line-height: 1em; }
/* to change the color for H2 on the home page - change it here */
#home h2 { padding: 20px 0 0 20px; line-height: 1.2em; font-size: 12pt; color:#007db1; font-style: italic; }
#home p { padding-left: 20px; line-height: 140%; }

/* Home Image Nav Container */
/* change background image for each specific site - image size 966 x 274 px with 12pt corner radius */
#image-nav-container { float: left; margin:0; padding:0; display: inline; background: #FFF url(../images/WTLsplash_imgnav.jpg) no-repeat left top; width: 966px; }
#image-nav-container .leadin { float: left; margin:0; display: inline; height: 450px; text-align: left; width: 483px; }
#image-nav-container .img-nav { float: left;  display: inline; height: 450px; text-align: left; }
#image-nav-container .img-navfirst { float: left; display: inline; height: 450px; text-align: center; }

/* Feature Boxex on home page*/
/* Ad boxes are 314px x variable height with 12pt corner radius */
#adspace { float: left; width: 966px; padding: 0; display: inline; margin: 8px 16px 0 0; }
.fboxes { position: relative; }
.fboxes .fbox { display: inline; /* IE thing */ float: left; margin: 0px; }
.fboxcopy { margin-right: 12px; }
.fboxcopylast { margin-right: 0px; }
.fboxes .fboxtext a:hover{ border: none; }
.fboxes .fboxtext a.border:hover{ border: none; }
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;} 
* html .fix{height:1%;}
.fix{display:block;}

/* Main Column */
#main { float: left; width: 575px; padding: 0; margin: 0 0 0 88px; display: inline; }
#main h1 { padding-bottom: 14px;}
#main h2 { padding-top: 10px; padding-right: 0; padding-bottom: 5px; }
/* Ad change bullet image for each specific site */
#main ul li { list-style-image: url(../images/bullet.gif); }

/* Breadcrumb */
#breadcrumb { margin: 45px 0 25px 0; }
#breadcrumb p { font-size: 0.95em; }

/* demo area - small screencapture size: 140 x 70 px*/
#demo { margin: 20px 0 30px 0; }
#demo img { padding-bottom: 10px; }
#demo ul { float: left; list-style: none; margin: 0; height: 70px; padding: 0 0 10px 0; width: 575px; }
#demo ul li { display: inline; margin: 0; padding: 0; }
#demo ul li .last{ display: inline; margin: 0; padding: 0; }
	
/* video list - video screencapture size: 140 x 70 px */		
#video { margin: 10px 0; height: 70px; border-bottom: 1px solid #CCC; padding-bottom: 15px; }
#video p { margin: 0; line-height: 1.2em; }
#video img { padding: 0 10px 10px 0; float: left; }
#video .boxalign { margin: 0; padding: 0; width: 280px; }
#videolast { margin: 10px 0; height: 70px; padding-bottom: 10px; }
#videolast p { margin: 0; line-height: 1.2em; }
#videolast img { padding: 0 10px 10px 0; float: left; }
#videolast .boxalign { margin: 0; padding: 0; width: 280px; }

/* downloads/reports table */
#reports { margin: 7px 0 3px 0; padding: 7px 0; }
#reports p { line-height: 1.4em; }
#reports  { padding: 0; }
.divider { border-bottom: 1px solid #CCC; }
table.download { font-size: 95%; border: 1px solid #DCDCDC; }
table.download td { padding: 7px; }
table.download tr.d0 td { background-color: #F0F0F0; }
table.download tr th { background-color: #DADADA; font-weight: bold; padding: 0 7px; text-transform: uppercase; }
table.download tr.d1 td { background-color: #FFF; }
table.download tr th strong { color: #FFFFFF;font-size: 140%; }

/* sidebar */
#sidebar { float: right; padding: 0; display: inline; width: 260px; margin: 0 16px 0 0; }
#sidebar h3 { text-transform: none; padding: 10px 0 2px 0; margin: 10px 20px 10px 0; }
#sidebar h4 { margin-right: 20px; }
#sidebar p { margin-right: 20px; }
#sidebar ul, ol { padding: 0; margin: 10px 20px 10px 0px; }
#sidebar li { border-bottom: 1px solid #DDD; padding: 4px 8px; }
#button-right { margin-right: 0 20px 10px 0; width: 240px; background-position: right; }

/* sidebar no image at top */
#sidebar-noimg { float: right; padding: 0; display: inline; width: 260px; margin: 35px 16px 0 0; }
#sidebar-noimg h3 { text-transform: none; padding: 10px 0 2px 0; margin: 10px 20px 10px 0; }
#sidebar-noimg h4 { margin-right: 20px; }
#sidebar-noimg p { margin-right: 20px; }
#sidebar-noimg ul, ol { padding: 0; margin: 10px 20px 10px 0px; }
#sidebar-noimg li { border-bottom: 1px solid #DDD; padding: 4px 8px; }

/* sidebar ad - 240px wide x variable height with 12pt corner radius */
#ad { margin: 10px 20px 10px 0; }
#ad img { padding-bottom: 10px; }

/* Form Style */
.contact-form-label-large { padding-bottom: 10px; font-weight: bold; }
.contact-form-label-small { clear: left; float: left; padding-bottom: 6px; font-size: 10px; }
.formbutton { background: #FFF url(../images/button_bg.gif) no-repeat; height: 22px; width: 80px; float: right; margin: 20px 10px 0 0; border: 0; }

/* footer */
#footer-wrap { clear: both; width: 998px; text-align: left; padding: 0;	margin: 0; background: url(../images/footer_bottom.jpg) no-repeat left bottom;	}
#footer-content { width: 998px; background: url(../images/footer_top.gif) no-repeat  left top; padding: 15px 0 20px 0; min-height: 88px; }
#footer-wrap p { font-size: 0.95em; padding: 0; }
#footer-wrap h3 { margin: 0; text-transform: uppercase; font-size: 1.2em; padding: 4px 0 0 0; line-height: 2.2em; }

#footer-columns { color: #888; padding: 0; width: 926px; margin: 0 auto 0 55px; }
#footer-columns ul { display: inline; list-style: none; margin: 0; padding: 0; }
#footer-columns li { margin: 0; padding-right: 8px;	}
#footer-columns ul li { display: inline; font-size: 0.95em; }
#footer-columns li a { color: #306495; }
#footer-columns .col1, .col3, .col2-center { float: left; }
#footer-columns .col1 { width: 130px; margin: 12px 0 0 0; }
#footer-columns .col2-center { width: 180px; margin: 0 0 0 15px; }
#footer-columns .col3 { margin: 0 15px; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* clearing */
.clearer { clear: both; }
.clear { display:inline-block; }
.clear:after { display:block; visibility:hidden; clear:both; height:0; content: "."; }
.pullquote {
	color: #9A3416;
	font-size: 15px;
	padding-right: .75in;
	padding-left: 0.5in;
	line-height: 22px;
	font-style: italic;
}