@charset "UTF-8";
/* CSS Document */
/* CAD Joinery Stylesheet */

/* resets */

* 									{ margin:0; padding:0; }
img									{ border:0; }

/* Structure */
body 								{ background-color: #212121; background-image: url(images/bg.gif); background-repeat: repeat-x; margin-top: 0px; font-family:Helvetica, Arial, "Trebuchet MS", Times; font-size: 62.5%; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; text-transform: none; color: #47647b; }

/* Typography */
p, li 								{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#000; }
h1, h2, h3, .h1style, .pstyle, .h2style
									{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
h1 									{ font-size:1.8em; color:#033713; }
h2, .h2style 									{ font-size: 1.6em; color:#033713; }
h3 									{ font-size: 1.5em; color:#fff; }
#colmid .h1style					{ font-size:1.8em; color:#033713; padding:0 0 10px; }
.smalltext							{ font-size:0.8em; }
.pstyle								{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#000; padding:0; } 

/* Header */
#wrap 								{ width:900px; margin:0 auto; overflow:hidden; }
#header 							{ width:900px; height:144px; overflow:hidden; }
#logo 								{ margin:20px auto 0; width:99px; }
#numbers 							{ width:432px; margin:0 auto; }
.topnum p 							{ margin:0 15px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; text-align:center; }
.topnum 							{ width:215px; float:left }

/* Navigation */
#navigation 						{ width:900px; height:48px; background:url(images/nav-bg.gif) no-repeat; clear:both; margin:14px 0 0 0; padding:14px 0 0; }
#navigation ul 						{ margin:0 0 0 34px; }
#navigation ul li 					{ display:inline; margin:10px 0 0 0; }
#navigation ul li a 				{ padding:10px 18px; color:#4f4f4f; font-size:1.3em; border-right:solid 1px #d0cbb9; border-left: 1px solid #fcfbfa; }
#navigation ul li a:hover 			{ padding:12px 18px; color:#4f4f4f; font-size:1.3em; background-color:#fcfbfa; text-decoration:none;}
/*#navigation ul li a:first-child		{ border-left:solid 0px #d0cbb9; border-right:0px solid #fcfbfa; }
#navigation ul li a:last-child		{ border-left:solid 0px #d0cbb9; border-right:0px solid #fcfbfa;}*/

/* Maincontent */
#maincontent 						{ width:890px; overflow:hidden; background:url(images/maincontent-midbg.gif) no-repeat; background-color:#d2cdbb; border-left:5px solid #fff; border-right:5px solid #fff; }
#blockcontent						{ width:850px; overflow:hidden; background:url(images/maincontent-midbg.gif) no-repeat; background-color:#d2cdbb; border-left:5px solid #fff; border-right:5px solid #fff; padding:20px; }
#blockcontent h2, 
#blockcontent h1					{ padding:10px 0; }
#maincontenttop 					{ width:900px; height:12px; background:url(images/maincontent-topbg.gif); margin:15px 0 0 0; overflow:hidden; }
#maincontenttop2 					{ width:900px; height:12px; background:url(images/maincontent-topbg.gif); margin:0; overflow:hidden; }
#maincontentbot 					{ width:900px; height:15px; background: url(images/maincontent-botbg.gif); }
#colleft							{ width:179px; float:left; overflow:hidden; padding:30px 20px; }
#colmid								{ width:410px; float:left; overflow:hidden; padding:30px 20px; border-left:1px solid #9dae9d; border-right:1px solid #9dae9d; }
#colmid ul							{ margin:0 0 0 15px; }
#colmid p							{ padding:10px 0 10px 0; }
#colright							{ width:179px; float:left; overflow:hidden; padding:30px 20px; }
#colright ul						{ margin:10px 0 30px 0; }
#colright ul li						{ list-style-type:none; background-image:url(images/listtick.gif); margin:5px 0; padding:4px 0 0 25px; }

/* Flash */
#flash 								{ width:900px; overflow:hidden; }
#sideflash 							{ background-image:url(images/flashside-bg.gif); float:right; width:163px; height:186px; padding:20px 5px 20px 15px;; }
.headline 							{ font-size:1.9em; line-height:2.0em; font-family:Georgia, "Times New Roman", Times, serif; }
.highlight 							{ color:#033713; font-size:1.7em; }

#footerwrap							{ width:100%; overflow:hidden; background-color:#033713; margin:20px 0 0 0; }
#footer								{ width:860px; margin:15px auto; overflow:hidden; color:#FFF; }
#footer a,
#footer p							{ color:#fff; }
.footclass							{ float:left; overflow:hidden; width:195px; }
.footclass2							{ float:left; padding:0 10px 0 0; }
.footclass ul li					{ list-style-type:none; color:#FFF; }
.footclass h3						{ padding:5px 0 15px 0; }

.nolist	li							{ list-style-type:none; }
.formstyle 							{ background-color: #ffffff; width:180px; padding:1px; margin-bottom:1px; border: 1px solid #cccccc; color: #333; font-family: Arial; color:#666; font-size: 1.2em; }
.fieldstyle		 					{width:180px; margin:5px 0;}
.button 							{margin:5px 0;}
.contactform						{ width:250px; float:left; overflow:hidden; padding:15px 0 0 0; }

/* General Styles */
.floatright 						{ float:right; }
.floatleft 							{ float:left; }
.block 								{ display:block; }
.formstyle 							{ background-color: #ffffff; padding:1px; margin-bottom:1px; border: 1px solid #cccccc; color: #333; font-family: Arial; color:#666; font-size: 1.0em; }
.phpstyle4 							{ color: #008000; }
.phpstyle3 							{ color: #c33131; }
.tickyellowbox 						{ background-color: #eff6ef; border: 1px solid #008000; }
.tickredbox 						{ background-color: #f9eaea; border: 1px solid #c33131; }

.padtitle							{ padding:0 0 30px 0;}
.padtop								{ padding:20px 0 10px 0; }
.linkbox 							{ width: auto; border: 1px #BCCFDE solid; background-color:#DDE5ED; padding: 10px 10px 10px 10px; margin:10px 0 10px 0; font-size:1.2em; }

#seperator							{ text-align:center; clear:both; }

/* Links */
a 									{ text-decoration: none; color: #669933; font-family:Helvetica, Arial, sans-serif }
a:hover 							{ text-decoration: underline; }

#gallerywrap				{ margin:0 auto; width:717px; overflow:hidden; }

.galleryh1					{ float:left; padding:22px 0 0 0; margin:0; }

.ad-gallery 				{ width: 717px; margin:0 0 0 2px; }

.ad-gallery .ad-image-wrapper 
							{ width: 100%; height: 435px; margin-bottom: 10px; position: relative; overflow: hidden; }

.ad-gallery .ad-image-wrapper 
.ad-loader 					{ position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; }


.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next 
.ad-next-image				{ background: url(images/ad_prev.png); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101; }

.ad-gallery .ad-image-wrapper .ad-next 
.ad-next-image 				{ background: url(images/ad_next.png); width: 30px; height: 30px; right: 0; left: auto; }

.ad-gallery .ad-image-wrapper 
.ad-image 					{ position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; }

.ad-gallery .ad-image-wrapper .ad-image 
.ad-image-description 		{ position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: left; width: 100%; z-index: 2; background: url(images/opa75.png); color: #000; }

* html .ad-gallery .ad-image-wrapper .ad-image 
.ad-image-description 		{ background: none; }

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description 
.ad-description-title 		{display: block; }

.ad-gallery .ad-controls 	{ height: 20px; }

.ad-gallery .ad-info 		{ float: left; }

.ad-gallery 
.ad-slideshow-controls 		{ float: right; }

.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls 
.ad-slideshow-stop 			{ padding-left: 5px; cursor: pointer; }

.ad-gallery .ad-slideshow-controls 
.ad-slideshow-countdown 	{ padding-left: 5px; font-size: 0.9em; }

.ad-gallery .ad-slideshow-running 
.ad-slideshow-start 		{ cursor: default;font-style: italic; }

.ad-gallery .ad-nav 		{ width: 670px; position: relative; padding:0 24px 0 24px; float:right; }

.ad-gallery .ad-forward, .ad-gallery 
.ad-back 					{ position: absolute; top: 10px; height: 100%; z-index: 10; }

    /* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery 
.ad-back 					{ height: 100px; }
#thumbwrap					{ clear:both; width:717px; height:60px; }

.ad-gallery .ad-back 		{ cursor: pointer; left: -2px; margin:0 0 0 0; width: 13px; display: block; background: url(images/ad_scroll_back.png) 0px 22px no-repeat; }
.ad-gallery .ad-forward 	{ cursor: pointer; display: block; right: 4px; width: 13px; background: url(images/ad_scroll_forward.png) 0px 22px no-repeat; }
.ad-gallery .ad-nav 
.ad-thumbs 					{ overflow: hidden; width: 100%; }
.ad-gallery .ad-thumbs 
.ad-thumb-list 				{ float: left; width: 9000px; list-style: none; }
.ad-gallery .ad-thumbs li 	{ float: left; padding-right: 5px; }
.ad-gallery .ad-thumbs li a { display: block; }
.ad-gallery 
.ad-thumbs li a img 		{ border: 3px solid #CCC; display: block; }
.ad-gallery .ad-thumbs li 
a.ad-active img 			{ border: 3px solid #616161; }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads 				{ position: absolute; left: -9000px; top: -9000px; }

.white						{ color:#fff; }