/* ########################################## */
/*                  GLOBAL STYLES             */
/* ########################################## */


html
{
	width:100%;
	height:100%;
}

body
{
	margin: 0px;
	padding: 0px;
	color: #FFF;
	background-color: #0e0e0e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:100%;
	height:100%;
}

ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	clear: both;
	font-size: 11px;
	margin-top: 0px;
	color: #456E75;
}

img
{
	border:0px;
}


.spacer
{
	clear: both;
	height: 12px;
	background: transparent;
}


a
{
	color:#0FBCFF;
	text-decoration:none;
}

a:hover
{
	color:#FFF;
	text-decoration:none;
}

/* ########################################## */
/*                  HEADER                    */
/* ########################################## */


.header
{
	
	height:137px;
	width:100%;
}


.header_i
{
	background: url( "../images/header_bg.gif" ) top left repeat-x;
	height:137px;
	width:998px;
	margin:auto;
	
}

.logo
{
	float:left;
	width:555px;
	height:137px;
	background: url(../images/logo.jpg) top left no-repeat;
	cursor: pointer;
	margin:0px 0px 0px 58px;
} 

*html .logo
{
	margin-left:30px;
}


/* ########################################## */
/*                  NAV                       */
/* ########################################## */

.nav
{
	float:left;
	margin:0px 0px 0px 70px;
	height:137px;
}

.nav_about_us_on
{
	height:137px;
	width:88px;
	background: url(../images/nav_about_us_on.gif) top left no-repeat;
	cursor:pointer;
	float:left;
}

.nav_about_us_off
{
	height:137px;
	width:88px;
	background: url(../images/nav_about_us_off.gif) top left no-repeat;
	cursor:pointer;
	float:left;
}

.nav_about_us_off:hover
{
	background: url(../images/nav_about_us_over.gif) top left no-repeat;
}

.nav_gallery_on
{
	height:137px;
	width:83px;
	background: url(../images/nav_gallery_on.gif) top left no-repeat;
	cursor:pointer;
	float:left;
}

.nav_gallery_off
{
	height:137px;
	width:83px;
	background: url(../images/nav_gallery_off.gif) top left no-repeat;
	cursor:pointer;
	float:left;
}

.nav_gallery_off:hover
{
	background: url(../images/nav_gallery_over.gif) top left no-repeat;
}

.nav_contact_off
{
	height:137px;
	width:83px;
	background: url(../images/nav_contact_off.gif) top left no-repeat;
	cursor:pointer;
	float:left;
}

.nav_contact_off:hover
{
	background: url(../images/nav_contact_over.gif) top left no-repeat;
}


.nav_contact_on
{
	height:137px;
	width:83px;
	background: url(../images/nav_contact_on.gif) top left no-repeat;
	cursor:pointer;
	float:left;
}

/* ########################################## */
/*                SUBNAV                      */
/* ########################################## */


.subnav
{
	height:53px;
	width:100%;
}

.subnav_i
{
	height:53px;
	width:998px;
	background: url(../images/subnav_bg.gif) top left repeat-x;
	margin:auto;
}

.subnav_room_additions_on
{
	height:53px;
	width:135px;
	background: url(../images/subnav_room_additions_on.gif) top left no-repeat;
	float:left;
	margin:0px 0px 0px 40px;
}

*html .subnav_room_additions_on
{
	margin-left:30px;
}

.subnav_room_additions_off
{
	height:53px;
	width:135px;
	background: url(../images/subnav_room_additions_off.gif) top left no-repeat;
	float:left;
	margin:0px 0px 0px 40px;
}

*html .subnav_room_additions_off
{
	margin-left:30px;
}

.subnav_room_additions_off:hover
{
	background: url(../images/subnav_room_additions_over.gif) top left no-repeat;
}

.subnav_bathrooms_on
{
	height:53px;
	width:114px;
	background: url(../images/subnav_bathrooms_on.gif) top left no-repeat;
	float:left;
}

.subnav_bathrooms_off:hover
{
	background: url(../images/subnav_bathrooms_over.gif) top left no-repeat;
}

.subnav_bathrooms_off
{
	height:53px;
	width:114px;
	background: url(../images/subnav_bathrooms_off.gif) top left no-repeat;
	float:left;
}

.subnav_kitchens_on
{
	height:53px;
	width:96px;
	background: url(../images/subnav_kitchens_on.gif) top left no-repeat;
	float:left;
}

.subnav_kitchens_off
{
	height:53px;
	width:96px;
	background: url(../images/subnav_kitchens_off.gif) top left no-repeat;
	float:left;
}

.subnav_kitchens_off:hover
{
	background: url(../images/subnav_kitchens_over.gif) top left no-repeat;
}


.subnav_outdoors_on
{
	height:53px;
	width:149px;
	background: url(../images/nav_interiors_on.gif) top left no-repeat;
	float:left;
}

.subnav_outdoors_off
{
	height:53px;
	width:149px;
	background: url(../images/nav_interiors_off.gif) top left no-repeat;
	float:left;
}

.subnav_outdoors_off:hover
{
	background: url(../images/nav_interiors_over.gif) top left no-repeat;
}

.subnav_design_details_on
{
	height:53px;
	width:152px;
	background: url(../images/nav_exteriors_on.gif) top left no-repeat;
	float:left;
}

.subnav_design_details_off
{
	height:53px;
	width:152px;
	background: url(../images/nav_exteriors_off.gif) top left no-repeat;
	float:left;
}

.subnav_design_details_off:hover
{
	background: url(../images/nav_exteriors_over.gif) top left no-repeat;
}

.subnav_home_theatre_on
{
	height:53px;
	width:131px;
	background: url(../images/subnav_home_theatre_on.gif) top left no-repeat;
	float:left;
}

.subnav_home_theatre_off
{
	height:53px;
	width:131px;
	background: url(../images/subnav_home_theatre_off.gif) top left no-repeat;
	float:left;
}

.subnav_home_theatre_off:hover
{
	background: url(../images/subnav_home_theatre_over.gif) top left no-repeat;
}

.subnav_fireplaces_on
{
	height:53px;
	width:91px;
	background: url(../images/nav_storage_on.gif) top left no-repeat;
	float:left;
}

.subnav_fireplaces_off
{
	height:53px;
	width:91px;
	background: url(../images/nav_storage_off.gif) top left no-repeat;
	float:left;
}

.subnav_fireplaces_off:hover
{
	background: url(../images/nav_storage_over.gif) top left no-repeat;
}

/* ########################################## */
/*                SPLASH                      */
/* ########################################## */


.splash
{
	float: left;
	width:100%;
	background:url(../images/splash_bg.gif) top left repeat-x;
	margin:0px;
}

.splash_i
{
	width:998px;
	margin:auto;
	position:relative;
	background: url(../images/splash.gif) top left no-repeat;
}

.home_flash
{
	width:998px;
	height:541px;
	background: url(../images/home_flash.gif) top left no-repeat;
}

.gallery_flash
{
	width:998px;
	height:541px;
	background: url(../images/gallery_flash.gif) top left no-repeat;
}

/* ########################################## */
/*                  MID                       */
/* ########################################## */


.mid
{
	float: left;
	width:100%;
	background:#0e0e0e;
}

.mid_i
{
	width:998px;
	margin:auto;
	position:relative;
	background: #1a1a1a url(../images/mid_bg.gif) top left repeat-x;
}

.gallery_text
{
	width:589px;
	height:82px;
	float:left;
	margin:0px 0px 0px 60px;
	font-size:13px;
	line-height:18px;
}

*html .gallery_text
{
	margin-left:40px;
}

.splash_contact
{
	width:998px;
	height:198px;
	float:left;
	background: url(../images/splash_contact.gif) top left no-repeat;
}

/* ########################################## */
/*                    PANEL                   */
/* ########################################## */

.panel_l
{
	width:450px;
	float:left;
	background: url(../images/panel_bg.gif) top left no-repeat;
	color:#FFF;
	margin:0px 0px 0px 44px;
}

*html .panel_l
{
	margin-left:30px;
}

.panel_r
{
	width:450px;
	float:left;
	background: url(../images/panel_bg.gif) top left no-repeat;
	color:#FFF;
	margin-left:20px;
}

*html .panel_r
{
	margin-left:10px;
}

.about_header
{
	width:450px;
	height:24px;
	float:left;
	background: url(../images/about_blurb.gif) top left no-repeat;
}

.about_text
{
	font-size:13px;
	line-height:21px;
	margin:12px 0px 0px 0px;
	float:left;
}

.advantages_header
{
	width:450px;
	height:48px;
	float:left;

	background: url(../images/advantages_blurb.gif) top left no-repeat;
}

.services_header
{
	width:447px;
	height:33px;
	float:left;
	margin-top: 20px;
	background: url(../images/servies_blurb.gif) top left no-repeat;
}

.advantages_text
{
	font-size:13px;
	line-height:21px;
	margin:12px 0px 0px 0px;
	float:left;
}

.contact_info
{
	width:400px;
	height:17px;
	float:left;
	background: url(../images/contact_info.gif) top left no-repeat;
	margin:0px 0px 0px 24px;
}

*html .contact_info
{
	margin-left:10px;
}

.contact_text
{
	width:400px;
	float:left;
	font-size:15px;
	line-height:19px;
	margin:24px 0px 0px 24px;
}

*html .contact_text
{
	margin-left:10px;
}

.email_link
{
	cursor:pointer;
	font-weight:bold;
}
	
.email_link:hover
{
	color:#00c6ff;
}

/* ########################################## */
/*                 REQUEST                    */
/* ########################################## */

.request_header
{
	background: url(../images/request_header.gif) top left no-repeat;
	height:20px;
	width:285px;
	float:left;
	margin: 0px 0px 12px 124px;
}

*html .request_header
{
	margin-left:74px;
}



.request_content
{
	width:425px;
	float:left;
	margin:0px 20px 0px 20px;
	line-height:15px;
}

.form_l
{
	width:87px;
	float:left;
	text-align:right;
	margin:0px 20px 0px 20px;
	padding:4px 0px 0px 0px;
	font-size:15px;
}

.form_ls
{
	width:60px;
	float:left;
	text-align:right;
	margin:0px 10px 0px 20px;
	padding:4px 0px 0px 0px;
	font-size:12px;
}

.form_r
{
	width:299px;
	height:18px;
	float:left;
}

*html .form_r
{
	width:240px;
}

.form_b
{
	width:299px;
	height:54px;
	float:left;
}

*html .form_b
{
	width:240px;
}

.submit_b
{
	width:110px;
	height:37px;
	float:left;
	background: url(../images/submit_b.gif) top left no-repeat;
	cursor:pointer;
}






/* ########################################## */
/*                    FOOTER                  */
/* ########################################## */

.footer
{
	height:21px;
	width:100%;
	float:left;
	background: url(../images/footer_bg.gif) top left repeat-x;
}

.footer_i
{
	width:998px;
	height:21px;
	margin:auto;
	position:relative;
	background: #00c6ff;
}