/* CSS Document */


/* Contents
   ___________________________
	1. Body and standard 'a' tags
	2. DIV Containers
	3. Text Styles
	4. Image Styles
	
******************************** */




/* ============Body and 'a' Tags============ */
body { margin: 0; padding:0; text-align: center; background: #EBEBDB url(../images/background_graphic.gif) top left;; font: 11px/18px Helvetica, Tahoma, sans-serif; color: #ffffff;  }

a:link, a:visited { color: #DDD9C6; line-height: 18px; text-decoration: underline; }
a:hover { color: #696957; }
a:active { font-weight: bold; text-decoration: none; }

ul { list-style: none; margin: 0; padding: 0 0 12px 0; }
#menuCategory li { display: inline; padding-left: 11px; padding-right: 11px; margin: 0; }
#menuCategory li a:link, #menuCategory li a:visited { font: 15px/14px Helvetica, Tahoma, sans-serif; font-weight: bold; color: #000; text-decoration: none; }
#menuCategory_b li { display: inline; padding-left: 11px; padding-right: 12px; margin: 0; }
#menuCategory_b li a:link, #menuCategory_b li a:visited { font: 13px/14px Helvetica, Tahoma, sans-serif; font-weight: bold; color: #000; text-decoration: none; }
#menuCategory li a:hover, #menuCategory_b li a:hover { color: #696957; }


/* ============DIV Containters============ */
#main_container { margin:0;
	padding:0;
	background: transparent;
	}
	
#shadow_layer { width:780px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background: transparent url(../images/shadow_bg.gif) repeat-y top left;
	}
	
#content { margin-left: 22px;
	padding: 18px;
	width: 738px;
	background:transparent;
	text-align: left;
	}
	
		#homepage_showcase { margin: 6px 0 0 0;
			padding: 0;
			width: 686px;
			height: 338px; /* // 50px have been subtracted from original  */
			background: #696957;
			overflow: hidden;
			border: 6px solid #fff; 
			}
			
				#showcaseImages { margin: 0; padding: 0; width: 600px; height: 398px; overflow: hidden; }
				

		#navigation { width: 698px; height: 26px; padding: 6px 8px 8px 8px; margin: 18px 0 0 0; background: transparent url(../images/nav_bg.gif) no-repeat top left; }
		#information { width: 698px; padding: 0; margin: 0; }
		#col_Left_1 { float: left; width: 325px; padding: 0; margin: 0 0 6px 0; }
		#col_Right_1 { float: right; width: 307px; padding: 0 22px 0 0; margin: 0 0 6px 0; }
		#col_Right_2 { float: right; width: 307px; padding: 40px 22px 18px 0; margin: 0 0 6px 0; }
		#about { float: left; width: 425px; padding: 0; margin: 6px 0 18px 0; }
		#visit { float: right; width: 225px; padding: 0; margin: 6px 0 018px 0; }
		#visit2 { float: left; width: 370px; padding: 0; margin: 6px 0 18px 0; }
		
		.twocol{
			column-width:185px;
			column-count:2;
			column-gap:10px;
		
			-moz-column-count: 2;
			-moz-column-gap: 10px;
		}
		
		body>div#main_container>div#shadow_layer>div#content>div#information>div#col_Left_1 { width: 48%; }
		body>div#main_container>div#shadow_layer>div#content>div#information>div#col_Right_1 { width: 44%; }
		body>div#main_container>div#shadow_layer>div#content>div#information>div#col_Right_2 { width: 44%; }
		body>div#main_container>div#shadow_layer>div#content>div#information>div#about { width: 60%; }
		body>div#main_container>div#shadow_layer>div#content>div#information>div#visit { width: 32%; }

				
		
		#divider { clear: both; width: 698px; height: 24px; margin: 6px 0; padding: 0; background: transparent url(../images/divider.gif) no-repeat top left; }


		/* ============ Footer DIVs ============ */
		#footer { clear: both; margin: 0 auto 0 auto; padding: 0; height: 40px;width: 780px; background: transparent url(../images/bottom_shadow_bg.gif) no-repeat top left; }
		#copy_info { float: left; width: 50%; font-size: 9px; color: #333; text-align: left; padding: 25px 0 22px 22px; }
		#design_by { float: right; width: 35%; font-size: 9px; color: #333; text-align: right; padding: 25px 22px 22px 0; }
				#design_by a { color: #333333; line-height: 0;  }
				#design_by a:hover { color: #BD001C; }






/* ============= TEXT STYLES  ================ */
h2 {margin: 0; padding: 0; font-size: 24px; line-height: 24px;}
h3 {margin: 0; padding: 0; font-size: 14px; line-height: 14px;}
h4 span { display: none; }
p { padding: 12px 0 0 0; margin: 0; }
.noTopPad { padding: 0; margin: 0; }

h1 {height: 72px;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 15px 0 0 0;
	border: none;
	}

#col_Right_1 h4 {height: 25px;
	width: 100%;
	background: transparent url(../images/subHeads/fineCabinetry.gif) no-repeat top left;
	clear: both;
	margin: 0;
	padding: 0;
	}
	
h4#kitchenBath  {height: 25px;
	width: 100%;
	background: transparent url(../images/subHeads/remodelling.gif) no-repeat top left;
	clear: both;
	margin: 0;
	padding: 0;
	}
h4#cabinets  {height: 25px;
	width: 100%;
	background: transparent url(../images/subHeads/formFunction.gif) no-repeat top left;
	clear: both;
	margin: 0;
	padding: 0;
	}
h4#windowsDoors  {height: 25px;
	width: 100%;
	background: transparent url(../images/subHeads/elements.gif) no-repeat top left;
	clear: both;
	margin: 0;
	padding: 0;
	}
h4#furniture  {height: 25px;
	width: 100%;
	background: transparent url(../images/subHeads/tradition.gif) no-repeat top left;
	clear: both;
	margin: 0;
	padding: 0;
	}




/* ============= IMAGE STYLES  ================ */
#inlineImg1 { margin: 12px 6px 0 0; padding: 0; border: 2px solid #ffffff; background-color: #696957; float: left; clear: none; }
#inlineImg2 { margin: 12px 6px 0 3px; padding: 0; border: 2px solid #ffffff; background-color: #696957; float: left; clear: none; }
#homeinlineImg1 { margin: 12px 6px 0 0; padding: 0; border: 2px solid #ffffff; background-color: #696957; float: left; clear: none; }
#homeinlineImg2 { margin: 12px 6px 0 3px; padding: 0; border: 2px solid #ffffff; background-color: #696957; float: left; clear: none; }
#inlineImgLg { margin: 12px 0 0 0; padding: 0; border: 6px solid #ffffff; background-color: #696957; }
#inlineImg1:hover, #inlineImg2:hover { border: 2px solid #85949C;}
#inlineImgLg:hover { border: 6px solid #85949C;}

#inlineLogo1 { margin: 12px 8px 0 0; padding: 0; border: none; background-color: #696957; float: left; clear: none; }
#inlineLogo2 { margin: 12px 8px 0 5px; padding: 0; border: none; background-color: #696957; float: left; clear: none; }