/* CSS Document */




/* these are the basic classes that apply to all site pages. */

body{
	text-align: center;
	min-width: 650px;
	background-color: white;
	margin: 0;
	vertical-align: bottom;
}

A:link {
	text-decoration: underline;
	color: #006699;
	}

A:visited {
	text-decoration: underline;
	color: #006699;
	}

A:active {
	text-decoration: underline;
	color: #006699;
	}

A:hover {
	text-decoration: underline; 
	color: #FF6600;
	}
	
.dottedline_alone {
	width: 600px;
	border-bottom: 2px dotted #333333;
	}






/* 	The following are all the divs used in the header of each page.
	These are the same no matter which page you're on.  */

.headerbars /* not currently used. Maybe delete */ {
	width: 100%;
	height: 30px;
	text-align: center;
	background-color: #333333;
	position: relative;
	/*top: 0px;
	left: 0px;
	z-index: 0; */
	}

#logoheader{
	width: 100%;
	height: 140px;
	background-image: url(images/header.jpg);
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
	text-align: left;
	background-color: #FF6609;
	border-bottom: 2px solid #ccc;
	z-index: 0;
	}

.navbars{
	width: 100%;
	text-align: center;
	background-color: #333333;
	position: relative;
	height: 38px;
	vertical-align: bottom;
	/*top: 230px;
	left: 0px;*/
	}

.navbarHolder{
	margin: 0 auto;
	height: inherit;
	width: 750px;
	height: 37px;
	text-align: left;
	vertical-align: bottom;
}

	
#bigwrapper{
	width: 100%;
	text-align: center;
	vertical-align: top;
	position: relative;
	z-index: 0;
}

#bigwrapper_about{
	width: 100%;
	height: 1400px;
	text-align: center;
	vertical-align: top;
	position: relative;
	z-index: 0;
}

#bigwrapper_contact{
	width: 100%;
	height: 600px;
	text-align: center;
	vertical-align: top;
	position: relative;
	z-index: 0;
}

.contentHolder{
	margin: 0 auto;
	width: 600px;
	text-align: left;
	vertical-align: top;
	position: relative;
}

.textHolder{
	vertical-align: top;
	position:relative;
	width: 350px;
	float: left;
	overflow: auto;
	}

.photos{
	text-align: left;
	float: right;
	padding: 0px;
	margin: 0px;
	width: 225px;
}

.photos_dottedline{
	border: 1px dotted #999;
	text-align: left;
	float: right;
	padding: 0px;
	margin: 0px;
	width: 225px;
}

.dottedline{
	border: 1px dotted #999;
}

.productMenu_header{
	width: 225px; 
	height: 56px; 
	background-image:url(images/productMenu_header.gif); 
	background-position: right;
	margin-right: -3px;
}

.product_table_rows{
	width: 225px;
	border-top: 1px dotted #999;
}

.photos A:link {
	text-decoration: none;
	color:#3399FF;
	}

.photos A:visited {
	text-decoration: none;
	color:#3399FF;
	}

.photos A:active {
	text-decoration: none;
	color: #3399ff;
	}

.photos A:hover {
	text-decoration: none; 
	color: #FF6600;
	}
	
.bodycopy{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #333333;
	letter-spacing: 1px;
	line-height: 17px;
}

.bodycopy_bigger{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #333333;
	letter-spacing: 1px;
	line-height: 17px;
}

.bodycopy_bigger_2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: black;
	letter-spacing: 1px;
	line-height: 20px;
}

.pageTitles{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333333;
	letter-spacing: 0px;
	font-weight:bold;
}

.productButtonCopy{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color: #333333;
	letter-spacing: 1px;
	line-height: 17px;
}

.whitesubheads{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .74em;
	color: black;
	letter-spacing: 0px;
	line-height: 20px;
}

.whitebodycopy{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .74em;
	text-align: justify;
	color: #333333;
	letter-spacing: 0px;
	line-height: 13px;
}






/* these are for the features at the bottom of the homepage (index.htm).  these apply only to the homepage.*/

/* large black background*/
#features{
	z-index: 0;
	width: 100%;
	height: 450px;
	text-align: center;
	vertical-align: top;
	border-top: 1px dotted #666;
	background-color: #FFFFFF;
	position: relative;
	padding-top: 35px;
} 


#features A:link {
	text-decoration: none;
	color: #0099FF;
	}

#features A:visited {
	text-decoration: none;
	color: #0099FF;
	}

#features A:active {
	text-decoration: none;
	}

#features A:hover {
	text-decoration: none; 
	color: #FF6600;
	}



/* centered holder that contains the tables */
#featuresHolder{
	margin: 0 auto;
	width: 765px;
	text-align: left;
	vertical-align: top;
	z-index: 0;
}

/* class that controls the divs inside each table cell */
.talltablerow {
	vertical-align: top;
	height: 500px;
	margin: 0px;
	padding: 0px;
	}

#featuredproduct_header {
	width: 100%;
	height: 24px;
	text-align: left;
	vertical-align: top;
	/*border-bottom: 2px dotted #666;
	border-bottom: 1px dotted #1e1e1e;
	background-color: #333333;*/
	padding: 10px;
	}

#featuredproduct{
	vertical-align: top;
	width: 100%;
	height: 350px;
	color: #FFFFFF;
	/*border-right: 2px dotted #666;
	border: 1px dashed #666;*/
	border-top: 0px;
	padding: 10px;
	/*background-color: #1E1E1E;*/
	}
	

	
#news_header {
	width: 100%;
	height: 24px;
	text-align: left;
	vertical-align: top;
	/*border-bottom: 2px dotted #666;
	border: 1px dashed #666;
	border-bottom: 2px dotted #1e1e1e;
	background-color: #333333;*/
	padding: 10px;
	}

#news{
	vertical-align: top;
	width: 100%;
	height: 350px;
	border-left: 1px dotted #666;
	/*border: 1px dashed #666;
	background-color: #1E1E1E;*/
	border-top: 0px;
	padding: 10px;
	padding-right: 10px;
	}
	
#newsletter_header {
	width: 100%;
	height: 20px;
	text-align: left;
	vertical-align: top;
	/*border: 1px dashed #666;
	border-bottom: 2px dotted #1e1e1e;
	background-color:#333333;*/
	padding: 10px;
	}
	
#newsletter{
	vertical-align: top;
	width: 100%;
	height: 350px;
	border-left: 1px dotted #666;
	/*border-top: 2px dotted #666;
	border-right: 2px dotted #666;
	border: 1px dashed #666;
	border-top: 0px;
	background-color: #1E1E1E;*/
	padding: 10px;
	}

#footers{
	width: 100%;
	height: 40px;
	text-align: center;
	font-size: .75em;
	line-height: 30px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	border-top: 2px dotted #ccc;
	background-color: #333333;
	position: relative;
} 

#footers A:link {
	text-decoration: none;
	color: #FFFFFF;
	}

#footers A:visited {
	text-decoration: none;
	color: #CCCCCC;
	}

#footers A:active {
	text-decoration: none;
	}

#footers A:hover {
	text-decoration: none; 
	color: #FF6600;
	}

 
 
 
 /* These classes describe the various holders used on the products pages */
 
 
 
 
 
 
 
 
 
 
 
 
/* beginning here are all styles for the navigation buttons */ 
  
/*style for HOME button*/
a.home_button, a.home_buttonDis {
	display: block;
	background-color: transparent;
	background-image: url(images/buttontest/buttonBackground_home.gif);
	background-repeat: no-repeat;
	width: 90px;
	height: 36px;
	text-align: center;
	letter-spacing: 1px;
	vertical-align: middle;
	font-family: Helvetica, arial, sans-serif;
	font-size: .85em;
	/*font-weight: bold;*/
	text-decoration: none;
}

a.home_button:link, a.home_button:visited {
	color: white;
}

a.home_button:hover, a.home_button:active {
	background-position: 0 -36px;
	color: white;
}


a.home_buttonDis:link, a.home_buttonDis:visited, a.home_buttonDis:hover, a.home_buttonDis:active {
	background-position: 0 -36px;
	color: white;
}



/*style for ABOUT button*/
a.about_button, a.about_buttonDis {
	display: block;
	background-color: transparent;
	background-image: url(images/buttontest/buttonBackground_about.gif);
	background-repeat: no-repeat;
	width: 90px;
	height: 36px;
	text-align: center;
	letter-spacing: 1px;
	vertical-align: middle;
	font-family: Helvetica, arial, sans-serif;
	font-size: .85em;
	/*font-weight: bold;*/
	text-decoration: none;
}

a.about_button:link, a.about_button:visited {
	color: white;
}

a.about_button:hover, a.about_button:active {
	background-position: 0 -36px;
	color: white;
}


a.about_buttonDis:link, a.about_buttonDis:visited, a.about_buttonDis:hover, a.about_buttonDis:active {
	background-position: 0 -36px;
	color: white;
	cursor: default;
}



/*style for contact button*/
a.contact_button, a.contact_buttonDis {
	display: block;
	background-color: transparent;
	background-image: url(images/buttontest/buttonBackground_contact.gif);
	background-repeat: no-repeat;
	width: 97px;
	height: 36px;
	text-align: center;
	letter-spacing: 1px;
	vertical-align: middle;
	font-family: Helvetica, arial, sans-serif;
	font-size: .85em;
	/*font-weight: bold;*/
	text-decoration: none;
}

a.contact_button:link, a.contact_button:visited {
	color: white;
}

a.contact_button:hover, a.contact_button:active {
	background-position: 0 -36px;
	color: white;
}


a.contact_buttonDis:link, a.contact_buttonDis:visited, a.contact_buttonDis:hover, a.contact_buttonDis:active {
	background-position: 0 -36px;
	color: white;
	cursor: default;
}


/*style for PRODUCTS button*/
a.products_button, a.products_buttonDis {
	display: block;
	background-color: transparent;
	background-image: url(images/buttontest/buttonBackground_products.gif);
	background-repeat: no-repeat;
	width: 100px;
	height: 36px;
	text-align: center;
	letter-spacing: 1px;
	vertical-align: middle;
	font-family: Helvetica, arial, sans-serif;
	font-size: .85em;
	/*font-weight: bold;*/
	text-decoration: none;
}

a.products_button:link, a.products_button:visited {
	color: white;
}

a.products_button:hover, a.products_button:active {
	background-position: 0 -36px;
	color: white;
}


a.products_buttonDis:link, a.products_buttonDis:visited, a.products_buttonDis:hover, a.products_buttonDis:active {
	background-position: 0 -36px;
	color: white;
	/*cursor: default;*/
}


/*style for product1 button*/
a.product1_button, a.product1_buttonDis {
	display: block;
	background-color: transparent;
	background-image:url(images/productMenu_BG.gif);
	background-repeat: no-repeat;
	width: 225px;
	height: 27px;
	text-align: left;
	text-indent: 20px;
	padding-top: 10px;
	color: #999999;
	letter-spacing: 1px;
	vertical-align: middle;
	font-family: Helvetica, arial, sans-serif;
	font-size: .85em;
	/*font-weight: bold;*/
	text-decoration: none;
}

a.product1_button:link, a.product1_button:visited {
	color: #999;
	text-decoration:none;
}

a.product1_button:hover, a.product1_button:active {
	background-position: 0 -40px;
	color: #999;
	text-decoration: none;
}


a.home_buttonDis:link, a.home_buttonDis:visited, a.home_buttonDis:hover, a.home_buttonDis:active {
	background-position: 0 -40px;
	color: #999;
	cursor: default;
	text-decoration: none;
}