/* CSS Document 
----------------------------------------*/
body { margin:0; border:0; padding: 0; background:#fff; text-align:center; font-size:0; line-height:0; }

#wrapper { margin: 0 auto; border:0; padding:0; width: 761px; text-align:center; clear:both; }

div.across { margin:0; border:0; padding:0 0 4px 0; clear:both; width:748px; wid\th:748px; }

#line { margin:8px 4px; border:0; padding:0; height:1px; clear:both; background:#ccc; font-size:0; line-height:0; }

A:link { color:#000; TEXT-DECORATION: none; }
A:visited { color:#000; TEXT-DECORATION: none; }
A:hover { color:#F00; text-decoration: underline; }

A.onblack:link { color:#fff; TEXT-DECORATION: none; }
A.onblack:visited { color:#fff; TEXT-DECORATION: none; }
A.onblack:hover { color:#F00; text-decoration: underline; }


/* MAIN NAVIGATION 
----------------------------------------*/
table#nav { margin:0; border:1px solid #666; padding:0; border-spacing:0; }
table#nav td { margin:0; border:0; padding:0;  }


/* HOMEPAGE FOOTER HIGHLIGHT BOXES 
----------------------------------------*/
table#small { margin:0; border:1px solid #666; padding:1px; border-spacing:0; }
table#small td { margin:0; border:0; padding:4px; }


/* FOOTER 
----------------------------------------*/
div.footer-left { margin:0; border:0; padding:4px; float:left; font:10px/1.2 Arial; color:#666; text-align:left; width:188px; wid\th:180px; }
div.footer-right { margin:0; border:0; padding:15px; float:left; font:10px/1.2 Arial; color:#666; text-align:left; width:560px; wid\th:530px; }

A.footerlinks:link, A.footerlinks:visited { color:#666; TEXT-DECORATION: none; }
A.footerlinks:hover { color:#c33; text-decoration: underline; }


/* OTHER PAGES 
----------------------------------------*/
div.about { margin:0 0 4px 0; border:0; padding:90px 108px 22px 230px; background:url(images/main/about_bg.jpg) no-repeat; 
	font:12px/1.8 Georgia; color:#000; text-align:left; width:748px; height:430px; wid\th:410px; hei\ght:310px;}

div.environment { margin:0 0 4px 0; border:0; padding:110px 138px 72px 350px; background:url(images/main/environment_bg.jpg) no-repeat; 
	font:12px/2.2 Georgia; color:#fff; text-align:left; width:748px; height:430px; wid\th:260px; hei\ght:280px; }

div.one_percent { margin:0 0 4px 0; border:0; padding:130px 148px 22px 390px; background:url(images/main/one_percent_bg.jpg) no-repeat; 
	font:12px/2.0 Georgia; color:#fff; text-align:left; width:748px; height:430px; wid\th:210px; hei\ght:270px; }

div.chemetal { margin:0 0 4px 0; border:0; padding:50px 88px 212px 440px; background:url(images/main/chemetal_bg.jpg) no-repeat; 
	font:11px/1.7 Verdana; color:#666; text-align:left; width:748px; height:430px; wid\th:220px; hei\ght:160px; }

div.tech_info { margin:0 0 4px 0; border:0; padding:60px 128px 152px 450px; background:url(images/main/tech_info_bg.jpg) no-repeat; 
	font:11px/1.8 Georgia; color:#fff; text-align:left; width:748px; height:430px; wid\th:170px; hei\ght:210px; }

div.tech_info { margin:0 0 4px 0; border:0; padding:140px 108px 20px 340px; background:url(images/main/tech_info_bg-09.jpg) no-repeat; 
	font:12px/18px Verdana; color:#fff; text-align:left; width:748px; height:430px; wid\th:310px; hei\ght:260px; }


div.why_spec { margin:0 0 4px 0; border:0; padding:130px 28px 32px 290px; background:url(images/main/why_spec_bg.jpg) no-repeat; 
	font:12px/1.7 Georgia; color:#fff; text-align:left; width:748px; height:430px; wid\th:430px; hei\ght:260px; }

div.rock_star { margin:0 0 4px 0; border:0; padding:230px 78px 32px 380px; background:url(images/main/rock_star_bg.jpg) no-repeat; 
	font:12px/1.9 Georgia; color:#fff; text-align:left; width:748px; height:430px; wid\th:290px; hei\ght:160px; }

div.contact { margin:4px 0 4px 0; border:0; padding:90px 538px 112px 30px; background:url(images/main/contact_bg.jpg) no-repeat; 
	font:11px/2.0 Georgia; color:#fff; text-align:left; width:748px; height:430px; wid\th:180px; hei\ght:230px; }

div.consistent { margin:4px 0 4px 0; border:0; padding:170px 80px 50px 40px; background:url(images/main/treefrog_consistency-bg.jpg) no-repeat; 
	font:12px/20px Georgia; color:#fff; text-align:left; width:748px; height:430px; wid\th:628px; hei\ght:200px; }
div.consistent2 { margin:4px 0 4px 0; border:0; padding:133px 80px 66px 87px; background:url(images/main/home-1006-02.jpg) no-repeat; 
	font:11px/17px Verdana; color:#000; text-align:left; width:748px; height:430px; wid\th:581px; hei\ght:221px; }

div.brochure { margin:0 0 4px 0; border:0; padding:230px 128px 10px 130px; background:url(images/main/download_bg-2.jpg) no-repeat; 
	font:11px/1.8 Verdana; color:#fff; text-align:center; width:748px; height:430px; wid\th:490px; hei\ght:180px; }

div.video { margin:0 0 4px 0; border:0; padding:23px 54px 22px 54px; background:#000; 
	font:11px/1.8 Verdana; color:#fff; text-align:left; width:748px; height:470px; wid\th:640px; hei\ght:425px;}


/* VENEERS 
----------------------------------------*/
div.veneers-right { margin:4px 0 4px 0; border:0; padding:30px 0 0 0; float:left; display:inline; clear:none; text-align:right; font-size:0; line-height:0; width:432px; height:430px; wid\th:432px; hei\ght:398px; }

.selected { color:#c33; font-weight:bold; }
.under-image {font:10px/1.2 Georgia; color:#000; }
.bigPic { margin:0; border:1px solid #000; padding:0; }
#caption { margin:0; border:0; padding:0; }


	/* VENEERS April 2008 edits
	----------------------------------------*/
	div.veneers-left { margin:4px 0 4px 0; border:0; padding:30px 17px 0 14px; float:left; display:inline; clear:none; 
		font:11px/1.3 Georgia; color:#000; text-align:left; width:316px; height:430px; wid\th:285px; hei\ght:352px; }

	div.veneer-copy { position:static; margin:0; border:0; padding:0; float:none; clear:both; height:164px; heig\ht:164px; }
	div.collections { margin:0; border:0; padding:16px 12px; font:10px/1.6 Georgia; color:#000; background:url(images/main/collections-1-bg.jpg) no-repeat; width:280px; height:46px; heig\ht:14px; wid\th:256px; }
	div.veneer-label { position:static; margin:0; border:0; padding:0 0 5px 5px; font:10px/10px Georgia; color:#666; float:none; clear:both; height:15px; heig\ht:10px; }

	table#veneers { margin:0; border:0; padding:0; border-spacing:3px; }
	table#veneers td { margin:0; border:0; padding:0; height:44px; width:44px; }
	table#veneers a img { margin:0; border:0; padding:1px; width:42px; }	
	.right8 { padding-right:8px; }
	
	.veneer-return { margin:0; border:0; padding:15px 0 0 5px; text-align:left; font:10px/10px Georgia; color:#000; }


/* INSTALLATONS 
----------------------------------------*/
div.installations-left { margin:4px 0 4px 0; border:0; padding:120px 45px 42px 28px; float:left; background:url(images/main/installations_bg.jpg) no-repeat; 
	font:11px/1.7 Georgia; color:#000; text-align:left; width:323px; height:430px; wid\th:250px; hei\ght:260px; }

div.installations-right { margin:37px 0 53px 0; border:0; padding:0; float:left; font-size:0; line-height:0; width:425px; height:430px; wid\th:425px; hei\ght:346px; } 

.back-next { margin:0; border:; padding:10px; }
table#back-next { margin:0; border:1px solid #000; padding:10px; border-spacing:0;  width:95%;}


/* PRESS AREA 
----------------------------------------*/
div.press { margin:0 0 4px 0; border:0; padding:0; background:url(images/main/press_bg-2.jpg) no-repeat; font-size:0; line-height:0; clear:both; width:748px; height:430px; wid\th:748px; hei\ght:422px; } 

div.press-left { margin:0; border:0; padding:85px 65px 82px 61px; float: left; font:11px/1.5 Georgia; color:#000; text-align:left; width:376px; height:422px; wid\th:250px; hei\ght:225px; }

div.press-right { margin:0; border:0; padding:100px 52px 112px 70px; float:left; font:11px/1.3 Georgia; color:#000; text-align:left; width:372px; height:422px; wid\th:250px; hei\ght:180px; }


/* SAMPLES PAGE 
----------------------------------------*/
#samples-left { margin:4px 0 4px 0; border:0; padding:0; width:248px; float:left; text-align:left; }
.samples-copy { margin:0; border:0; padding:8px; font:11px/1.8 Georgia; color:#333; }

#samples-right { margin:4px 0 4px 0; border:0; padding:0; width:500px; float:left; text-align:left; }

table#sampleform { margin:0; border:0; padding:0; border-spacing:0; }
table#sampleform td { margin:0; border:0; padding:3px; font:11px/1.2 Georgia; color:#666; }


/* form stuff 
----------------------------------------*/
INPUT, SELECT, TEXTAREA { BORDER: #666 1px solid; FONT:11px/1.4 Georgia; COLOR: #000; }

INPUT.numbers3 { width:25px; }
INPUT.numbers4 { width:30px; }


/* MAIN CONTENT 
----------------------------------------*/
A.distlink:link, A.distlink:visited { color:#900; TEXT-DECORATION: none; font:14px/1.0 Verdana;}
A.distlink:hover { color:#36c; text-decoration: underline; }

A.whiteLink:link, A.whiteLink:visited { color:#fff; TEXT-DECORATION: none; font:13px/20px Verdana;}
A.whiteLink:hover { color:#fff; text-decoration: underline; }

A.blackLink:link, A.blackLink:visited { color:#000; TEXT-DECORATION: none; }
A.blackLink:hover { color:#000; text-decoration: underline; }


/* JOB PAGE 
-------------------------------------*/

div.jobs { margin:0 0 0 8px; border:0; padding:25px 40px; display:inline; float:left; font:11px/1.6 Georgia; color:#666; text-align:left; width:761px; wid\th:681px;  }

div.job-intro { margin:0; border:0; padding:0; text-align:right; }
div.job-left { margin:0 37px 20px 0; border:1px solid #666; padding:15px; text-align:left; width:342px; wid\th:310px; float:left; }
div.job-right { margin:0 0 20px 0; border:1px solid #666; padding:15px; text-align:left; width:302px; wid\th:270px; float:left; }

h1 { font-size:16px; font-weight:bold; margin:0; border:0; padding:0 0 10px 0; }
.red { color:#900; }
.blue { color:#36c; }

.joblink {   }
A.joblink:link, A.joblink:visited { color:#c33; TEXT-DECORATION: none; font:12px/12px Georgia; font-weight:bold; }
A.joblink:hover { color:#666; text-decoration: underline; }