/**** MAIN STYLES ***/

body 				{ background: #FFF url(../images/bg.gif); margin: 0; padding: 25px 0 0 0; font: normal 11px/18px arial, helvetica, sans-serif; color: #333; }
.site_container			{ position: relative; width: 770px; \width: 790px; w\idth: 770px; margin-left: auto; margin-right: auto; padding: 0; }
#bg_gradient_bar		{ background: url(../images/bg_gradient_bar.gif) repeat-x; height: 260px; display: block; }
h1				{ margin: 0 0 10px 0; padding: 0; }
h3				{ margin: 0; padding: 3px 0 3px 10px; text-transform: uppercase; color: #FFF; font: bold 11px/18px arial, helvetica, sans-serif; background: #999; border-top: 1px solid #CCC; border-bottom: 1px solid #666; }
h3 a				{ text-decoration: none; color: #FFF; }
h3 a:visited			{ color: #FFF; }
h3 a:hover			{ color: #FFF; }
p				{ margin: 0 0 10px 0; padding: 0; }
#text_area p a 				{ border-bottom: 1px solid black; text-decoration: none; color: black;}
#text_area p a:hover 			{ border-bottom: 1px solid dashed; color: black;}

#left_shadow			{ z-index: 1; position: absolute; top: 0; left: 0; width: 12px; height: 471px; background: url(../images/left_shadow.gif); display: block; }
#right_shadow			{ z-index: 1; position: absolute; top: 0; left: 760px; width: 10px; height: 471px; background: url(../images/right_shadow.gif); display: block; }


/**** HEADER STYLES ***/

#header				{ position: relative; height: 75px; padding: 0 5px; }
#shadow_left_hd			{ position: absolute; top: 0; left: 0; width: 5px; height: 75px; background: url(../images/shadow_left_hd.gif) repeat-y; display: block; }
#shadow_right_hd		{ position: absolute; top: 0; left: 758px; background: url(../images/shadow_right_hd.gif) no-repeat; width: 13px; height: 75px; display: block; }
#logo_area			{ background: url(../images/header_logo_bg.gif); width: 348px; height: 75px; }
#logo				{ text-decoration: none; background: url(../images/logo.gif) no-repeat; width: 188px; height: 75px; text-indent: -9999px; display: block; }
#nav_container			{ padding: 9px 0 0 0; height: 66px; position: absolute; left: 353px; top: 0px; width: 412px; background: url(../images/nav_bg.gif); }
ul#navlist 			{ margin: 0; padding: 0; white-space: nowrap; }
#navlist li 			{ display: inline; list-style-type: none; float: left; }
#navlist li.line		{ background: url(../images/bt_line.gif); width: 1px; height: 53px; }
#navlist a 			{ height: 41px; display: block; text-indent: -9999px; }
#navlist a:link, 
#navlist a:visited 		{ text-decoration: none; }
#navlist a:hover 		{ background: url(../images/nav_rollover.gif); text-decoration: none; }
#navlist a#current 		{ background: url(../images/nav_rollover.gif); }
.home				{ width: 69px; }
.gallery			{ width: 115px; }
.about				{ width: 134px; }
.contact			{ width: 90px; }
#bt_home			{ cursor: pointer; background: url(../images/bt_home.gif) no-repeat 50% 22px; height: 41px; width: 69px; display: block; }
#bt_gallery			{ cursor: pointer; background: url(../images/bt_project_gallery.gif) no-repeat 50% 22px; height: 41px; width: 115px; display: block; }
#bt_about			{ cursor: pointer; background: url(../images/bt_about_the_company.gif) no-repeat 50% 22px; height: 41px; width: 134px; display: block; }
#bt_contact			{ cursor: pointer; background: url(../images/bt_contact.gif) no-repeat 50% 22px; height: 41px; width: 90px; display: block; }
#nav_arrow			{ position: absolute; top: 55px; background: url(../images/nav_arrow.gif) no-repeat; width: 13px; height: 7px; display: block; }
.home_arrow			{ left: 28px; }
.gallery_arrow			{ left: 121px; }
.about_arrow			{ left: 246px; }
.contact_arrow			{ left: 359px; }


/**** FRONTPAGE STYLES ***/

#main_image			{ position: relative; width: 770px; height: 260px; background: url(../images/main_image.jpg) no-repeat 6px 1px; display: block; }
h1#welcome			{ text-indent: -9999px; background: url(../images/welcome.gif) no-repeat; height: 23px; width: 110px; display: block; }
h1#about-the-company		{ margin: -15px -15px 15px -15px; text-indent: -9999px; background: url(../images/about-the-company.jpg) no-repeat; height: 87px; width: 347px; display: block; }
h1#project-gallery		{ margin: -15px -15px 15px -15px; text-indent: -9999px; background: url(../images/project-gallery.jpg) no-repeat; height: 87px; width: 347px; display: block; }
h1#contact-us			{ margin: -15px -15px 15px -15px; text-indent: -9999px; background: url(../images/contact-us.jpg) no-repeat; height: 87px; width: 347px; display: block; }

/**** FOOTER STYLES ***/

#footer				{ position: relative; height: 211px; padding: 0 5px; }
#footer_area			{ padding: 15px; background: url(../images/footer_left_bg.gif); width: 318px; height: 181px; }
#utility_area			{ border-left: 1px solid #666; height: 211px; position: absolute; left: 353px; top: 0px; width: 416px; background: #848484; }
#project_gallery_img		{ width: 93px; height: 93px; background: #333 url(../images/project_gallery_img.jpg) no-repeat 1px 1px; display: block; }
#about_the_company_img		{ width: 93px; height: 93px; background: #333 url(../images/about_the_company_img.jpg) no-repeat 1px 1px; display: block; }

#utility_gallery 		{ position: relative; padding: 10px; height: 96px; } 
#utility_gallery p 		{ position: absolute; top: 10px; left: 118px; color: #DDD; width: 270px; } 
#utility_gallery p a 		{ text-decoration: none; color: #DDD; } 
#utility_gallery p a:visited	{ text-decoration: none; color: #DDD; } 
#utility_gallery p a:hover	{ text-decoration: underline; } 
#subcontractor			{ text-decoration: none; text-indent: -9999px; background: #DADADA url(../images/subcontractor_img.jpg) no-repeat; border-top: 1px solid #B3B3B3; height: 67px; display: block; }
#view_gallery			{ text-decoration: none; text-indent: -9999px; background: url(../images/bt_view_gallery.gif) no-repeat; width: 128px; height: 17px; display: block; margin-left: auto; margin-right: auto; }
#learn_more			{ text-decoration: none; text-indent: -9999px; background: url(../images/bt_learn_more.gif) no-repeat; width: 90px; height: 17px; display: block; margin-left: auto; margin-right: auto; }


/**** INSIDE STYLES ***/

#text_area			{ padding: 15px; background: #ECECEC url(../images/footer_left_bg.gif) repeat-x 0 100%; width: 318px; height: 440px; border-top: 1px solid #CCC; }
#utility_area2			{ border-left: 1px solid #666; height: 471px; position: absolute; left: 353px; top: 0px; width: 416px; background: #848484; }
#about-the-company		{ background: top left url(../images/about-the-company.jpg); height: 87px;}

/**** IMAGE STYLES ***/

#inside_image_area		{ position: relative; width: 416px; height: 260px; background: #666 url(../images/steel_bg.jpg); display: block; }
.inside_imgs			{ position: absolute; top: 49px; left: 49px; width: 315px; height: 166px; display: block; }
#about_img			{ background: url(../images/about_img.jpg); }
#contact_img			{ background: url(../images/contact_img.jpg); }

.thumb				{ float: left; margin: 3px; padding: 0; height: 31px; width: 31px; background: #ddd; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb;}
.thumb	a			{ display: block; height: 30px; width: 30px; border: 1px solid white;}
.thumb	a:hover			{ display: block; height: 30px; width: 30px; border: 1px solid #999;}

 
#showroom_img			{ width: 416px; height: 260px; display: block; }