/* CSS Reset
-------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* Simple version */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

/* Build up styles from here
-------------------------------------------------------------- */

						body { 	
								font-family: Arial, Helvetica, sans-serif;
								font-size: 14px;
								line-height: 1.5em;
								background-image:url(images/body-bgd.jpg);
								background-repeat:repeat-x;
								background-color:#381e0a;
								}

		
		
					#wrapper { 	/*border: 1px solid red;*/
								width: 950px;
								background-image: url(images/middle-bgd-base.jpg);
								background-repeat: repeat;
								background-position: 0 0;
								margin: 0 auto;
								font-family: Arial, Helvetica, sans-serif;
								}

/* header section start */

					

							
			#header-container 	{ /*border: 1px solid black;*/
								width: 950px;
								height: 185px;
								background-image:url(images/top-bgd-base.jpg);
								background-repeat: no-repeat;
								float:left;
								min-height:0;
								}
		
/* header section end */


/* middle section start */


			#container-middle { /*border: 1px solid cyan;*/
								width: 950px;
								float:left;
								font-family: Arial, Helvetica, sans-serif;								
								}
					
			#slideshow-gallery {
                                /*border: 1px solid yellow;*/
								width: 899px;
								height: 215px;
								margin-left:25px;
								float:left;
								position:relative;
								margin-top: 0px;
								}

					
					ul#gallery {
                                /*border:1px solid red;*/
                                height: 215px;
								float:left;
                                }
				ul#gallery li  {
                                list-style-type: none;
								float:left;
                                }
							
			#slideshow-tape   	{	/*border: 1px solid green;*/
								width: 899px;
								height: 75px;
								margin-left: 25px;
								margin-bottom: 10px;
								background-image: url(images/slideshow-tape.jpg);
								background-repeat: no-repeat;
								float: left;
								}
				
				#about-image 	{  
								width: 899px;
								height: 215px;
								margin-left:25px;
								background-image: url(images/snapshot-about.jpg);
								background-repeat: no-repeat;
								float: left;
								}
								
	   
	  		 #tape-about {		/*border: 1px solid green;*/
								width: 899px;
								height: 75px;
								margin-left: 25px;
								margin-bottom: 10px;
								background-image:url(images/snapshot-about-tape.jpg);
								background-repeat: no-repeat;
								float:left;
								}
	
			#products-image 	{ 
								width: 899px;
								height: 215px;
								margin-left:25px;
								background-image:url(images/snapshot-products.jpg);
								background-repeat: no-repeat;
								float: left;
								font-family: Arial, Helvetica, sans-serif;
								}
		 
		 
		 #contact-image 	{ 	
								width: 899px;
								height: 215px;
								margin-left:25px;
								background-image: url(images/snapshot-contact.jpg);
								background-repeat: no-repeat;
								float: left;
								}
								  
	  		#tape-contact {		/*border: 1px solid green;*/
								width: 899px;
								height: 75px;
								margin-left: 25px;
								margin-bottom: 20px;
								background-image:url(images/snapshot-contact-tape.jpg);
								background-repeat: no-repeat;
								float:left;
								}
								
				
				#news-image 	{ 	
								width: 900px;
								height: 215px;
								margin-left:25px;
								background-image: url(images/snapshot-news.jpg);
								background-repeat: no-repeat;
								float: left;
								}
				
								
				#nav-buttons 	{	
								width:700px;
								margin-top:4px;
								margin-bottom: 20px;
								height:64px;
								margin-left: 100px;
								background-repeat: no-repeat;
								float: left;
								}

								
				
			#nav-buttons ul 	{	
								height: 64px;
								margin-left: 35px;
								margin-top: 4px;
								padding: 0;
								list-style: none;
								}
				
		#nav-buttons ul li 		{	
								height: 62px;
								float: left;
								}
								
		#nav-buttons ul li a 	{
								display: block;
								height:  60px;
								background-image: url(images/nav-bar.jpg);
								text-indent:-9999px;
								}
				
								#nav-buttons ul li.index   		{ width: 96px; }				
								#nav-buttons ul li.about   		{ width: 85px; }
								#nav-buttons ul li.products 	{ width: 111px; }
								#nav-buttons ul li.resources 	{ width: 127px; }
								#nav-buttons ul li.news 		{ width: 81px; }
								#nav-buttons ul li.contact 		{ width: 118px; }
								
								#nav-buttons ul li.index a  	{ background-position: 0px 0;}
								#nav-buttons ul li.about a  	{ background-position: -96px 0;}
								#nav-buttons ul li.products a	{ background-position: -181px 0;}
								#nav-buttons ul li.resources a	{ background-position: -292px 0;}
								#nav-buttons ul li.news a		{ background-position: -419px 0;}
								#nav-buttons ul li.contact a	{ background-position: -500px 0;}
								
								#nav-buttons ul li.index a:hover  	{ background-position:  0px -60px;}
								#nav-buttons ul li.about a:hover 	{ background-position: -96px -60px;}
								#nav-buttons ul li.products a:hover	{ background-position: -181px -60px;}
								#nav-buttons ul li.resources a:hover{ background-position: -292px -60px;}
								#nav-buttons ul li.news a:hover		{ background-position: -419px -60px;}
								#nav-buttons ul li.contact a:hover	{ background-position: -500px -60px;}
								
								#nav-buttons ul li.index a:active  		{ background-position:  0px -120px;}
								#nav-buttons ul li.about a:active 		{ background-position: -96px -120px;}
								#nav-buttons ul li.products a:active	{ background-position: -181px -120px;}
								#nav-buttons ul li.resources a:active	{ background-position: -292px -120px;}
								#nav-buttons ul li.news a:active		{ background-position: -419px -120px;}
								#nav-buttons ul li.contact a:active		{ background-position: -500px -120px;}
								
								
				#main-content	{ /*border: 1px solid green;*/
								width: 580px;
								margin-left: 25px;
								font-family: Arial, Helvetica, sans-serif;
								float: left;
								}
		
					#onlinebox  {
								 width: 580px;
								 float:left;
								 padding-left: 30px;
								 margin: 10px 0px;
								}
			
								
				#prodlist 		{ /*border: 1px solid green;*/
								width: 350px;
								float: left;
								margin-left: 205px;
								padding: 10px;
								}
				#prodlist2 		{  /*border: 1px solid green;*/
								width: 350px;
								float: left;
								margin-left: 205px;
								padding: 10px;
								}				
								
							
								
			#adpads-paper 	{	
								/*border: 1px solid green;*/
								background-image: url(images/adpads-paper.jpg);
								background-repeat: no-repeat;
								width:  575px;
								height: 255px;
								float:left;
								}
			#adplas-paper { 	background-image:url(images/adplas-paper.jpg);
								background-repeat: no-repeat;
								width: 628px;
								width:  575px;
								float:left;
								margin-top:10px;}
								
				
				img.snapshot 	{	
								float: left;
								padding-right: 10px;
								margin-bottom: 10px;
								}
			img.snapshot-comp  { margin-top: 20px;}
			img.snapshot-align 	{	
								float: left;
								padding-right: 10px;
								margin-bottom: 10px;
								}
								
			img.percentages 	{
								margin-left:5px;
								margin-bottom: 20px;
								float: left;
								}
				#sidebar-index { /*border: 1px solid black;*/
								width: 272px;
								height: 560px;
								float: right;
								margin-right: 26px;
								font-family: Arial, Helvetica, sans-serif;
								}
								
			#sidebar-product { /*border: 1px solid black;*/
								width: 272px;
								height: 560px;
								float: right;
								margin-right: 26px;
								margin-top: 105px;
								font-family: Arial, Helvetica, sans-serif;
								}
									
				#sidebar-right	{ /*border: 1px solid black;*/
								width: 272px;
								float: right;
								margin-right: 26px;
								margin-top: 42px;
								}

				#section-nav	{ /*border: 1px solid black;*/
								width: 262px;
								float: right;
								margin-right: 26px;
								margin-top: 45px;
								}

	  			
								
				#block-offer 	{ /*border: 1px solid green;*/
								background-image:url(images/screen-blockoffer.jpg);
								background-repeat: no-repeat;
								width: 300px;
								height: 180px;
								float: right;
								}
	   						
				
				
				#buttontxt		{ /*border: 1px solid green;*/
								position:relative;
								float:left;
								width: 120px;
								height: 30px;
								margin-left:25px;
								margin-top: 85px;
								
								}
								
				p.buttontxt		{
								font-size:13px;
								font-weight: 500;
								line-height: 1.3em;
								font-family: Arial, Helvetica, sans-serif;
								}
								
				#brochure 		{ /*border: 1px solid green;*/
								width: 300px;
								height: 180px;
								float: right;
								}
								
				#brochure ul   	{ list-style: none;
								}				
								
				#brochure ul a	{
								display: block;
								width: 300px;
								height: 180px;
								background-image: url(images/online_brochure.jpg);
								background-repeat: no-repeat;
								text-indent:-9999px;
								}
								#brochure ul li.button   			{ width: 300px; }				
								#brochure ul li.button a  			{ background-position: 	0px 0px;}
								#brochure ul li.button a:hover  	{ background-position:  0px -180px;}
								#brochure ul li.button a:active  	{ background-position:  0px -180px;}
								
		#offers 			{ 	/*border: 1px solid green;*/
								width: 950px;
								float:left;
								margin-bottom:10px;
								}
								
		#offers #brochure   	{ float: left;
								margin-left: 9px;
								}
				
		#offers #impact   		{ float:left;
								margin-left: 9px;
								}
								
		#offers #block-offer   { float:left;
								margin-left:9px;
								}
								
				#impact			{/*border: 1px solid green;*/
								background-image:url(images/impact.jpg);
								background-repeat: no-repeat;
								width: 300px;
								height: 180px;
								float: right;
								}
		
		
		h1.header 			{ 	
								font-family: Arial, Helvetica, sans-serif;
								font-size: 24px;
								font-weight: bold;
								line-height: 40px;
								margin-top: 60px;
								color:#700;							
								padding-right: 15px;
								float: right;
								}
							
			
			h2.subhead 			{   
								font-family: Arial, Helvetica, sans-serif;
								font-size: 26px;
								line-height: 1.2em;
								margin-bottom: 10px;
								color:#700;
								}
								
			h2					{	
								font-family: Arial, Helvetica, sans-serif;
								font-weight: bold;
								font-size: 16px;
								color:#700;
								list-style:outside;
								margin-bottom: 10px;
								}
			
			h4					{	
								font-family: Arial, Helvetica, sans-serif;
								font-weight: bold;
								font-size: 16px;
								color:#700;
								}
								
	#sidebar-right h4			{	
								padding-left: 10px;
								}
								
	
	#sidebar-right ul li 		{ 
								margin-bottom: 18px;							
								}
	#sidebar-right	p.mainbody 	{
								padding-left: 10px;
								}
	#sidebar-right	p.bodytext 	{
								padding-left: 10px;
								}
		#sidebar-index ul li 		{ 
								margin-bottom: 18px;							
								}
	#sidebar-index	p.mainbody 	{
								padding-left: 10px;
								}
	#sidebar-index	p.bodytext 	{
								padding-left: 10px;
								}							
								
								
			p 					{
								margin-bottom: 16px;
								font-family: Arial, Helvetica, sans-serif;
								}
			
			p.mainbody 			{
								font-size:16px;
								font-weight:700;
								font-family: Arial, Helvetica, sans-serif;
								}
								

								
			p.bodytext 			{
								font-size:13px;
								margin-bottom: 16px;
								font-weight:500;
								line-height: 1.5em;
								font-family: Arial, Helvetica, sans-serif;
								}
								
			ul.bodytext		{   list-style: none;
								font-size:13px;
								color:#700;
								margin-bottom: 10px;
								font-weight:900;
								line-height: 1.3em;
								font-family: Arial, Helvetica, sans-serif;
								}
								
			p.prodcat-text 		{	
								font-size:12px;
								margin-top:-25px;
								font-weight:500;
								margin-bottom:20px;
								margin-left: 5px;
								line-height: 1.5em;
								}									
								
			p.sidecol 			{	
								font-size:13px;
								padding-left: 10px;
								margin-bottom :16px;
								line-height: 1.5em;
								}						
							
			p.boxcopy 			{ 	
								font-family: Arial, Helvetica, sans-serif;
								font-size: 12px;
								margin-top: 57px;
								padding: 25px;
								line-height: 1.3em;
								}
			
	
			p.visuals 			{ 	
								font-family: Arial, Helvetica, sans-serif;
								font-size: 12px;
								margin-top: 60px;
								padding: 25px;
								line-height: 1.2em;
								}
							


			h3.sideheader 		{ 	
								font-family: Arial, Helvetica, sans-serif;
								font-size:14px;
								padding-left:15px;
								margin-bottom: 10px;
								max-width: 200px;
								}
							
			h2.fandp			{			
								font-family: Arial, Helvetica, sans-seri;
								font-weight: bold;
								font-size: 16px;
								color:#700;	
								margin-bottom: 20px;}				
										
			ul.bullets			{			
								font-family: Arial, Helvetica, sans-serif;
								font-weight: bold;
								font-size: 16px;
								color:#700;
								list-style:none;
								padding-left:120px;
								margin-top: 30px;
								margin-bottom: 20px;
								}
							
			ul.bullets li 		{
								margin-bottom: 35px;
								line-height: 1.3em;
								font-family: Arial, Helvetica, sans-serif;
								}
	
				ul.bullets2 	{	
								font-family: Arial, Helvetica, sans-serif;
								font-weight: bold;
								font-size: 16px;
								color:#700;
								list-style:none;
								}
			
			ul.bullets2 li		{ 	
								margin-bottom: 15px;
								line-height: 1.3em;
								}
								
		    		ul.prod		{	
								margin-bottom: 20px;
								}						
							
			   		table   	{ 	
								width: 100%;
			   					font-family: Arial, Helvetica, sans-serif;
								color:#000000;
		   						font-size: 12px;
		   						line-height:1.4em;
								list-style: none;
								margin-bottom: 10px;
								}
				
								
						td 		{ 	
								padding: .3em .5em;
								text-align: center;
							 	}
								
				th      		{		 
								background-color: #D9B985;
								padding: 10px 0px;
								}
				
				tr.odd   		{ 		
								background-color: #D9B985;
								}
							
				td.prod  		{
								padding: .2em;
								text-align: left;
								}
				
							
td a:link, td a:visited 		{	
								color:#000;
								}
							
			td a:hover   		{ 	
								color:#700; 
								text-decoration: none;
								}
							
			ul.section-nav 		{ 	
								margin-bottom: 20px;
								border-top: 1px solid #700;
								}					
								
	
		 
		 ul.section-nav li 		{ 	
		 						list-style: none;
		 						font: Arial, Helvetica, sans-serif;
								font-size: 13px;
								color:#000000;
		 						border-bottom: 1px solid #700;
		 						}
								
	ul.section-nav li a:link, #section-nav ul li a:visited 
								{ 
								display: block;
								padding: 6px 10px;
								text-decoration: none;
								color:#000;
								}
								
#section-nav ul li a:hover 		{
								color:#700;
								text-decoration: none;
								background-color: #D9B985;
								font-family: Arial, Helvetica, sans-serif;
								}
		
								
		#sidebar-right p.sidecol a:link, #sidebar-right p.sidecol a:visited 
								{ 
								color: #000;
								}
		#sidebar-right p.sidecol a:hover {
								color: #700;
								text-decoration: none; 
								}
								
		#footer p.address a:link, #footer p.adress a:visited 
								{ 
								color: #000;
								}
		#footer p.address a:hover {
								color: #700;
								text-decoration: none; 
								}
		#impact p.boxcopy a:link, #impact p.boxcopy a:visited 
								{ 
								color: #000;
								}
		#impact p.boxcopy a:hover {
								color: #700;
								text-decoration: none; 
								}
								
	
								
	p.terms a:link, p.terms  a:visited 
								{ 
								color: #000;
								}
								
			p.terms a:hover 	{
								color: #700;
								text-decoration:underline; 
								}
		
						span 	{
								font-family: Arial, Helvetica, sans-serif;
								font-weight:200;
								font-size: 13px;
								color:#000;
								margin-bottom: 20px;
								line-height: 1em;
								}
								
	


/* bottom section start*/

					#footer 	{  /*border: 1px solid yellow;*/
								background-image: url(images/footer-bgd-base.jpg);
								background-repeat:repeat;
								width: 950px;
								height:100px;
								margin-top: 10px;
								padding-top: 10px;
								font-size: 12px;
								font-weight: 600;
								line-height: 16px;
								clear: both;
								font-family:Arial, Helvetica, sans-serif;
								}
								
				p.footer		{		
								font-family: Arial, Helvetica, sans-serif;
								color:#700;
								text-align: center;
								margin-top: -10px;
								line-height: 1.5em;
								letter-spacing:.1em;
								}
								
				p.address		{		
								font-family: Arial, Helvetica, sans-serif;
								font-weight: bold;
								font-size: 14px;
								text-align: center;
								line-height: 1.5em;
								}
								
	p.terms 					{
								font-size:12px;
								font-weight:100;
								margin-top: -10px;
								margin-bottom: 10px;
								line-height: 1.5em;
								text-align: center;
								font-family: Arial, Helvetica, sans-serif;
								}
								

/* bottom section end*/