/*--css for body---*/
body,html{
padding:0; margin:0;}
body{
background-image:url(images/bgnew.gif); background-repeat:repeat}
#page{
width:822px; margin:auto; background-image: url(images/bgwithshadow.gif); background-repeat:repeat-y}
h1.projects{
	font: bold 18px Trebuchet, Arial;
	color: red;
}
/*---css for body ends here---*/


#topheader{
background-image:url(images/wirtz_header.gif); background-repeat:no-repeat; height:120px;}
#topheader_left{
width:600px; font-family:Tahoma; font-size:10px; color:#000; float:left; text-align:right; padding:0; margin:0; padding-top:5px}
#topheader_right{
width:200px; font-family:Tahoma; font-size:10px; color:#000; float:right; text-align:center;padding:0; margin:0; padding-top:5px}
#main{
width:800px; margin:0; padding:0; margin-left:10px; margin-right:12px;
 background: White;
}
#topspace{
height:17px; overflow:hidden}
#buttonarea{
width:248px; float:left; margin:0; padding:0;}
#imagearea{
width:552px; background-image:url(images/image_buttonarea.gif);background-repeat:no-repeat; height:134px; margin:0; padding:0;float:right}
.home_button{
background-image:url(images/home_button.gif); background-repeat:no-repeat; height:37px; margin:0; padding:0; padding-right:10px; }
#home_button{
background-image:url(images/home_button.gif); background-repeat:no-repeat; height:32px; margin:0; padding:0; padding-right:10px; padding-top:5px }

#work_button{
background-image:url(images/home_button.gif); background-repeat:no-repeat; height:32px; margin:0; padding:0; padding-right:10px; padding-top:5px }
#contact_button{
background-image:url(images/home_button.gif); background-repeat:no-repeat; height:32px; margin:0; padding:0; padding-right:10px; padding-top:5px }
#buttonspace{
width:800px; margin:0; padding:0; margin-left:10px; margin-right:12px;}
#pattern{
background-image: url(images/pattern.gif); background-repeat:no-repeat; height:23px}
#middlearea{
background-image: url(images/middle_area1.gif); background-repeat:no-repeat; height:72px; clear:both;}
#blank_area_left{
background-image: url(images/middle_button_left.gif); width:236px; height:38px; float:left}
/*---css for tile button starts here---*/

#tile_button{
background-image: url(images/middle_button_tile.gif); width:184px; height:37px; float:left}
#tile_button ul{
padding:0; margin:0; list-style-type:none; margin-left:80px}
#tile_button ul li{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image:url(images/tile_stone_button.gif); background-repeat:no-repeat; background-position:0px 0px;}
#tile_button ul li a{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image:url(images/tile_stone_button.gif); background-repeat:no-repeat; background-position:0px 0px; width:104px; height:28px}
#tile_button ul li a:hover{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image:url(images/tile_stone_button_hover.gif); background-repeat:no-repeat; background-position:0px 0px; width:104px; height:28px}

/*---css for tile button ends here---*/
/*---css for granite button starts here---*/
#granite_button{
background-image: url(images/middle_button_granite.jpg); width:185px; height:37px; float:left}
#granite_button ul{
padding:0; margin:0; list-style-type:none; margin-left:120px}
#granite_button ul li{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(images/button_granate.gif); background-repeat:no-repeat; background-position:0px 0px;}
#granite_button ul li a{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image:url(images/button_granate.gif) ;background-repeat:no-repeat; background-position:0px 0px; width:65px; height:37px}
#granite_button ul li a:hover{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image:url(images/button_granate_hover.gif); background-repeat:no-repeat; background-position:0px 0px; width:65px; height:37px}
/*---css for granite button ends here---*/
/*---css for wood button starts here---*/
#wood_button{
background-image: url(images/middle_button_wood.gif); width:185px; height:37px; float:left; padding:0; margin:0;}
#wood_button ul{
padding:0; margin:0; list-style-type:none; margin-left:60px}
#wood_button ul li{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(images/button_wood_flooring.gif); background-repeat:no-repeat; background-position:0px 0px;}
#wood_button ul li a{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(images/button_wood_flooring.gif); background-repeat:no-repeat; background-position:0px 0px; width:125px; height:37px}
#wood_button ul li a:hover{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(images/button_wood_flooring_hover.gif); background-repeat:no-repeat; background-position:0px 0px; width:125px; height:37px}
/*---css for wood button ends here---*/
#blank_area_right{
background-image: url(images/middle_blank_right.gif); width:10px; height:37px; float:right}
#middle_band{
height:10px; clear:both; overflow:hidden}
#textarea{
background-color:#f2f2f2}
.links{
color:#c0150f; text-decoration:none}
.links a{
color:#c0150f; text-decoration:none}
.links:hover{
color:#c0150f; text-decoration:underline}
.showcase{
color:#c0150f; text-decoration:none}
.showcase a{
color:#c0150f; text-decoration:none}
.showcase:hover{
color:#c0150f; text-decoration:underline}
/*---css for newsarea strts here---*/
#newsarea{
width:248px; float:left}
#newsarea_top{
background-image:url(images/news_top.gif); background-repeat:no-repeat; height:53px; font-family:sans-serif; font-size:16px; color:#595959; font-weight:bold; padding:0; margin:0; padding-left:20px; line-height:53px; vertical-align:middle}
#newsarea_body{
background-image:url(images/news_bg.gif); background-repeat: repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; margin:0; padding:0; padding-left:20px; min-height:163px; _height:163px; height:163px}
#newsarea_body p{
margin:0; padding:0; margin-top:10px; width: 180px;}
#newsarea_bottom{
background-image: url(images/news_bottom.gif); background-repeat:no-repeat; height:55px;}
/*---css for newsarea ends here---*/
/*---css for descriptionarea starts here---*/
#descriptionarea{
width:552px; float:right}
#description_top{
background-image: url(images/description_area_top.gif); background-repeat:no-repeat; height:53px;font-family:sans-serif; font-size:16px; color:#595959; font-weight:bold; padding:0; margin:0; padding-left:20px; line-height:53px; vertical-align:middle}
#description_body{
background-image: url(images/description_area_bg.gif); background-repeat:repeat-y;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; margin:0; padding:0; padding-left:20px; padding-right:20px; line-height:140% }
#description_body p{
margin:0; padding:0; margin-top:10px}
#description_bottom{
background-image: url(images/description_area_bottom.gif); background-repeat:no-repeat; height:55px;}
/*---css for descriptionarea starts here---*/

/*----- start of css for tiles page---*/
#topspace{
height:10px; overflow:hidden; border:1px solid #fff; width:798px}
.tilepage_home_button{
background-image:url(images/tile_home_button.gif); background-repeat:no-repeat; width:239px; height:36px; float:left; margin:0; padding:0; padding-right:10px}
/*----start of css for rollover home button---*/
#subpage_home_button{
width:249px; height:36px; float:left; margin:0; padding:0;}
#subpage_home_button ul{
padding:0; margin:0; list-style-type:none;}
#subpage_home_button ul li{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(images/subpage_home_button.gif); background-repeat:no-repeat; background-position:0px 0px;}
#subpage_home_button ul li a{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(images/subpage_home_button.gif); background-repeat:no-repeat; background-position:0px 0px; width:249px; height:36px}
#subpage_home_button ul li a:hover{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(images/subpage_home_button_hover.gif); background-repeat:no-repeat; background-position:0px 0px; width:249px; height:36px}
/*----end of css for rollover home button---*/

/*----start of css for rollover work button---*/
#subpage_work_button{
width:249px; height:36px; float:left; margin:0; padding:0;}
#subpage_work_button ul{
padding:0; margin:0; list-style-type:none;}
#subpage_work_button ul li{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(images/subpage_work_button.gif); background-repeat:no-repeat; background-position:0px 0px;}
#subpage_work_button ul li a{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(images/subpage_work_button.gif); background-repeat:no-repeat; background-position:0px 0px; width:249px; height:36px}
#subpage_work_button ul li a:hover{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(images/subpage_work_button_hover.gif); background-repeat:no-repeat; background-position:0px 0px; width:249px; height:36px}
/*----end of css for rollover work button---*/


/*----start of css for rollover contact button---*/
#subpage_contact_button{
width:249px; height:36px; float:left; margin:0; padding:0;}
#subpage_contact_button ul{
padding:0; margin:0; list-style-type:none;}
#subpage_contact_button ul li{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(images/subpage_contact_button.gif); background-repeat:no-repeat; background-position:0px 0px;}
#subpage_contact_button ul li a{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(images/subpage_contact_button.gif); background-repeat:no-repeat; background-position:0px 0px; width:249px; height:36px}
#subpage_contact_button ul li a:hover{
padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(images/subpage_contact_hover.gif); background-repeat:no-repeat; background-position:0px 0px; width:249px; height:36px}
/*----end of css for rollover contact button---*/

#tile_menu_blankspace{
width:53px; height:36px; background-image:url(images/tile_menu_blankspace.gif); float:right}
#tileband{
height:10px; overflow:hidden; border:1px solid #fff; width:798px; clear:both}
#tile_space{
height:10px; overflow:hidden; clear:both; background-color:#686868}

/*---start of css for imagearea---*/
#tile_left_imagearea{
background-image:url(images/tile_mainimage_left.jpg); width:249px; height:251px; float:left}
#tile_right_imagearea{
background-image:url(images/tile_mainimage_right.jpg); width:551px; height:251px; float:right}

/*---end of css for imagearea---*/
#tile_textarea{
background-color:#fff; margin:0; padding:0;}
#tile_textarea h2{
padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#333333; font-weight:500; padding-top:20px; padding-left:20px; padding-bottom:10px}
#tile_textarea p{
padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:normal; padding-top:10px; padding-left:20px; line-height:140%; padding-right:10px}
#tile_line{
background-color:#e0e0e0; height:5px; overflow:hidden; padding:0; margin:0; margin-left:20px; width:450px}

#tile_smallimage{
float:right; margin:0; padding:0; margin-top:50px; padding-right:20px}
.tile_image{
padding:0; margin:0; padding:13px 0px 10px 10px;}

/*----- end of css for tiles page---*/

/*---start of css for granite---*/
#granite_left_imagearea{
background-image:url(images/granite-main.jpg); width:800px; height:251px; float:left}

/*----start of css for wood flooring page--*/ 
#woodflooring_left_imagearea{
background-image:url(images/woodflooring_mainimage_left.gif); width:249px; height:251px; float:left}
#woodflooring_right_imagearea{
background-image:url(images/flooring_mainimage_right.gif); width:551px; height:251px; float:right}
/*----end of css for wood flooring page--*/ 

/*----- start of css for contacts page---*/
#contact_topspace{
height:10px; overflow:hidden; border-right:2px solid #fff; width:798px; background-color:#686868}
#contact_left_imagearea{
background-image: url(images/contact_main_leftimage.gif); width:342px; height:123px; float:left}
#contact_right_imagearea{
background-image:url(images/contact_mainimage_right.gif); width:458px; height:123px; float:right}
#contact_textarea{
background-color:#f2f2f2; margin:0; padding:0; border:2px solid #fff}
/*----- start of css for sidebar---*/
#contact_sidebar{
width:150px; float:right; background-color:#cccccc; height:1130px}
#contact_sidebar h2{
font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; font-weight:bold; padding:0; margin:0; padding:40px 10px 10px 20px;}
#contact_sidebar p{
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:normal;padding:0; margin:0; padding:10px 10px 20px 20px}
.driving_direction{
font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#c0150f; text-decoration:none}
.driving_direction a{
font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#c0150f; text-decoration:none}
.driving_direction:hover{
font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#c0150f; text-decoration:underline}
#phone{
background-image:url(images/phone_image.gif); background-repeat:no-repeat; background-position:20px 0px; height:19px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:0; margin:0; padding-left:40px; line-height:20px; vertical-align:middle }
#fax{
background-image:url(images/fax_image.gif); background-repeat:no-repeat; background-position:20px 0px; height:19px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:0; margin:0; padding-left:40px; line-height:20px; vertical-align:middle }
/*----- end of css for sidebar---*/
#contact_mainbar{
width:643px; border-right:3px solid #fff; float:left}
/*----- start of css for john---*/
#john_top{
background-image:url(images/john_top.gif); width:613px; height:25px; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-top:105px; padding-left:30px}
#john_bottom{
background-image:url(images/john_bottom.gif); width:643px; height:135px;}
#john_bottom p{
padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; padding-top:10px; padding-left:30px;
padding-right:200px; }
/*----- end of css for john---*/
/*----- start of css for steve---*/
#steve_top{
background-image:url(images/steve_top.gif); background-repeat:no-repeat; height:25px; text-align:right;font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-top:88px; padding-right:35px}
#steve_top h2{
font-family:sans-serif; padding:0; margin:0; font-size:16px; color:#fff; padding-top:50px}
#steve_bottom{
background-image:url(images/steve_bottom.gif); background-repeat: no-repeat; height:134px;}
#steve_bottom p{
padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; padding-top:10px; padding:10px 40px 0px 225px; text-align:justify }
/*----- end of css for steve---*/
/*----- start of css for frank and justin---*/
#frank{
width:323px; float:left}
#frank_top{
background-image:url(images/frank_top.gif); background-repeat:no-repeat; height:22px; text-align:right;font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-top:63px; padding-right:15px}
#frank_bottom{
background-image:url(images/frank_bottom.gif); background-repeat:no-repeat; height:109px;}
#frank_bottom p{
padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000;padding:10px 10px 0px 160px; text-align:justify; }

#justin{
width:320px; float:right}
#justin_top{
background-image: url(images/justin_top.gif); background-repeat:no-repeat; height:22px;font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-top:63px; padding-left:10px}
#justin_bottom{
background-image:url(images/justin_bottom.gif); background-repeat:no-repeat; height:109px}
#justin_bottom p{
padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; padding:10px 170px 0px 10px}
/*----- end of css for frank and justin---*/
/*----- start of css for victor and paul---*/
#victor{
width:323px; float:left}
#victor_top{
background-image:url(images/victor_top.gif); background-repeat:no-repeat; height:22px; text-align:right;font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-top:63px; padding-right:15px}
#victor_bottom{
background-image:url(images/victor_bottom.gif); background-repeat:no-repeat; height:109px;}
#victor_bottom p{
padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; padding:10px 10px 0px 160px; text-align:justify; }


#paul{
width:320px; float:right}
#paul_top{
background-image: url(images/paul_top.gif); background-repeat:no-repeat; height:22px;font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-top:63px; padding-left:10px}
#paul_bottom{
background-image:url(images/paul_bottom.gif); background-repeat:no-repeat; height:109px}
#paul_bottom p{
padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; padding:10px 170px 0px 10px; text-align:justify; }
/*----- end of css for victor and paul---*/

/*----- start of css for amber and gavin---*/
#amber{
width:323px; float:left}
#amber_top{
background-image:url(images/amber_top.gif); background-repeat:no-repeat; height:22px; text-align:right;font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-top:63px; padding-right:15px}
#amber_bottom{
background-image:url(images/amber_bottom.gif); background-repeat:no-repeat; height:109px;}
#amber_bottom p{
padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; padding:10px 10px 0px 170px; text-align:justify;}


#gavin{
width:320px; float:right}
#gavin_top{
background-image: url(images/gavin_top.gif); background-repeat:no-repeat; height:22px;font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-top:63px; padding-left:10px}
#gavin_bottom{
background-image:url(images/gavin_bottom.gif); background-repeat:no-repeat; height:109px}
#gavin_bottom p{
padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; padding:10px 170px 0px 10px; text-align:justify; }
/*----- end of css for amber and gavin---*/
/*----- end of css for contacts page---*/

/*---footer starts here---*/
#footer{
height:65px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; line-height:30px; vertical-align:middle;}
/*---footer ends here---*/