@import url("./whitespace-reset.css");

/*
 				
====  ©2008 ---------. ====
====  All Rights Reserved.                 ====
====  Design: Brown Dog Creative           ====

*/






/* LAYOUT ==================================================================
============================================================================
*/



* { padding: 0; margin: 0; }
	 
a { color: #4769B4; outline:none; }
a:hover { text-decoration: underline; }

.clear { clear: both;}
.left { float: left;}
.right { float: right;}

div { display: inline-block; }
img { display: block; }

body{
	background: #202020 ;
	
}
#sitewrapper {
	width: 890px;
	margin: 0 auto;
	text-align: left;
	background-color: #000;
	 }
	 
#header {
	width: 890px; 
	}
	
/* logo -------------------------------------- */

#header #logo{
	float: left;
	width: 250px;
	height: 171px;		
	padding: 38px 0 0 38px;

}
#header #logo a {
			display: block;
			height: 100%;
			width: 100%;
			text-indent: -9999px;
			background: transparent url(../_images/logo_img.gif) no-repeat 0 0; }


/* navigation -------------------------------------- */
#header #nav{
	float: right;
	width: 567px;
	height: 209px;
	background: url(../_images/bg_nav.gif) repeat-y}

#header #nav ul#navA, #header #nav ul#navB, #header #nav ul#navC{
	float: left;
	width: 189px;
	margin: 0;
	padding-top: 130px;
}

#header #nav ul li{
	margin: 0 0 0 1px;
	padding: 0px 0 0 0;
	line-height: 0;
	height: 35px;
	clear: both;
}

#header #nav ul li a{
	height: 8px;
	width: 100%;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	line-height: 0;
}

/*home navigation styles------------*/
#header #nav ul#navA li#home a{
	background: transparent url(../_images/nav_home1.gif) no-repeat 0 0;
}

#header #nav ul#navA li#home a.select, #header #nav ul#navA li#home a:hover{
	background-position: 0 -8px;
}

/*about navigation styles------------*/
#header #nav ul#navA li#about a{	
	background: transparent url(../_images/nav_about1.gif) no-repeat 0 0;
}

#header #nav ul#navA li#about a.select, #header #nav ul#navA li#about a:hover{
	background-position: 0 -8px;
}


/*services navigation styles------------*/
#header #nav ul#navB li#services a{
			background: transparent url(../_images/nav_services1.gif) no-repeat 0 0;			
}

#header #nav ul#navB li#services a.select, #header #nav ul#navB li#services a:hover{
	background-position: 0 -8px;
}

/*flooring navigation styles------------*/
#header #nav ul#navB li#flooring a{
	background: transparent url(../_images/nav_flooring1.gif) no-repeat 0 0;
			
}

#header #nav ul#navB li#flooring a.select, #header #nav ul#navB li#flooring a:hover{
	background-position: 0 -8px;
}



/*gallery navigation styles------------*/
#header #nav ul#navC li#gallery a{
	background: transparent url(../_images/nav_gallery1.gif) no-repeat 0 0;
}

#header #nav ul#navC li#gallery a.select, #header #nav ul#navC li#gallery a:hover{
	background-position: 0 -8px;
}

/*contact navigation styles------------*/
#header #nav ul#navC li#contact a{
	background: transparent url(../_images/nav_contact1.gif) no-repeat 0 0;
			
}

#header #nav ul#navC li#contact a.select, #header #nav ul#navC li#contact a:hover{
	background-position: 0 -8px;
}
/* home page maincontent styles ----------------------------*/
#mainContent{
	margin-top: 70px;
	background-color: #333333;
}

#mainContent #homeLeft{
	float: left;
	width: 464px;
	display: block;
	height: 250px;
	margin: 28px 0 28px 0;
	border-top: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
}
#mainContent #homeLeft #flash_content{
	width: 464px;
	height: 250px;
	
}

#mainContent #homeRight{
	float: right;
	width: 378px;
	margin-left: 47px;
	padding-bottom: 28px;
}

#mainContent #homeRight h1{
	display: block;
	height: 152px;
	width: 284px;
	margin-top: 25px;
	text-indent: -9999px;
	background: url(../_images/header_intro.gif) no-repeat;
}

#mainContent #homeRight p{
	color: #fff;
	font-size: 12px;
	margin-right: 60px;
}
.gallery{
	text-indent: -9999px;
	display: block;
	width: 86px;
	height: 9px;
	margin: 5px 0 0 187px;
	background: url(../_images/btn_gallery.gif) no-repeat left top;
}
.manuListTitle_1 {
	list-style: none;
	color: #999;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	}

#mainContent #interiorLeft p.callout{
	color: #1c8294;
}

#mainContent #interiorLeft p.callout a{
	color: #1c8294;
}





/* interior page maincontent styles ----------------------------*/
#mainContent #interiorLeft{
	float: left;
	width: 520px;
	padding: 0 0 25px 0px;
}


#mainContent #interiorLeft.full-width{
	float: left;
	width: 890px;
	margin: 0 0 20px 0px;
	padding: 0;
}

#mainContent #interiorRight{
	float: right;
	width: 370px;
	margin: 18px 0 0 0;
}



#mainContent #interiorRight img{
	float: right;
	margin-top: 65px;
	margin-bottom: 65px;
}

#mainContent #interiorLeft h2{
	margin-left: 38px;
	margin-bottom: 02px;
}

#mainContent #interiorLeft p{
	width: 418px;
	color: #fff;
	font-size: 12px;
	margin: 0 0 10px 38px;
}
#mainContent #interiorLeft a{
	color: #fff;
	text-decoration: underline;
}
#mainContent #interiorLeft a:hover{
	color: #666;
}
/*
.gallery{
	text-indent: -9999px;
	display: block;
	width: 86px;
	height: 9px;
	margin: 13px 0 0 187px;
	background: url(../_images/btn_gallery.gif) no-repeat left top;
}
*/
#mainContent #interiorLeft ul#affiliations{
	margin-left: 38px;
	margin-top: 10px;
	list-style-type: square;
	list-style-position: inside;
}
#mainContent #interiorLeft ul#affiliations li{
	color: #fff;
	margin-bottom: 8px;
	line-height: 1.25em;
}

div.highlight{
	width: 800px;
	clear: both;
	background-color: #202020;
	margin-left:35px;
        margin-top:48px;
	padding: 15px 15px 15px 0;
	border: 1px solid #999;
}
#mainContent #interiorLeft div.highlight h2{
	margin-left: 15px;
	color: #1c8294;
}
#mainContent #interiorLeft div.highlight p{
	margin-left: 15px;
    width: 750px;
}

#mainContent #interiorLeft div.highlight img{
	float: right;
	padding: 0 0 0 15px;
}
div.gallery-highlight{
	width: 813px;
	background-color: #202020;
	margin-left:38px;
        margin-top: 10px;
	padding: 15px 0 15px 0;
	border: 1px solid #999;
}
#mainContent #interiorLeft div.gallery-highlight h2{
	margin-left: 15px;
	color: #1c8294;
}
#mainContent #interiorLeft div.gallery-highlight p{
	margin-left: 15px;
        width: 750px;
}

/* interior page maincontent styles : h1 classes ----------------------------*/

#mainContent #interiorLeft h1.about{
	display: block;
	height: 43px;
	width: 284px;
	margin: 25px 0 0 38px;
	text-indent: -9999px;
	background: url(../_images/header_about.gif) no-repeat;
}
#mainContent #interiorLeft h1.about a {
			display: block;
			height: 100%;
			width: 100%;
			 }
			
#mainContent #interiorLeft h1.services-header{
	display: block;
	height: 43px;
	width: 360px;
	margin: 25px 0 0 38px;
	text-indent: -9999px;
	background: url(../_images/header_services.gif) no-repeat;
}
#mainContent #interiorLeft h1.services-header a {
			display: block;
			height: 100%;
			width: 100%;
			 }

#mainContent #interiorLeft h1.flooring-header{
	display: block;
	height: 43px;
	width: 360px;
	margin: 25px 0 0 38px;
	text-indent: -9999px;
	background: url(../_images/header_flooring.gif) no-repeat;
}
#mainContent #interiorLeft h1.flooring-header a {
			display: block;
			height: 100%;
			width: 100%;
			 }
#mainContent #interiorLeft h1.contact{
	display: block;
	height: 43px;
	width: 360px;
	margin: 25px 0 0 38px;
	text-indent: -9999px;
	background: url(../_images/header_contact.gif) no-repeat;
}
#mainContent #interiorLeft h1.contact a {
			display: block;
			height: 100%;
			width: 100%;
			 }

#mainContent #interiorLeft h1.gallery-header{
	display: block;
	height: 43px;
	width: 360px;
	margin: 25px 0 0 38px;
	text-indent: -9999px;
	background: url(../_images/header_gallery.gif) no-repeat;
	}
#mainContent #interiorLeft h1.gallery-header a {
			display: block;
			height: 100%;
			width: 100%;
			 }

/*3 column list styles*/
#list-container {
	width: 890px;
	margin-bottom: 30px;
	
	}

#list-container ul{
	list-style-type: square;
	list-style-position: outside;
}	
#list-container ul li{
	color: #fff;
	margin-bottom: 8px;
	line-height: 1.25em;
}
#list-container li.manuListTitle_1 {
	list-style: none;
	color: #999;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	}

/*Left Side with Column 1*/		
#list-container-left{
	float: left;
	width: 300px;
	padding-left: 32px;
}

#list-container-right{
	float: right;
	width: 552px;
}

#list-container-left ul#col1{
	padding-right: 40px;
	margin-top: 10px;
	margin-left: 16px;
}
#right-col{
	margin-top: 45px;
}
/*Right side Column 2 and Column 3*/
#list-container-right #right-col ul#col2 {
	float: left;
	width: 225px;
	padding-left: 20px;
	display: inline;
	}
#list-container-right #right-col ul#col3{
	float: left;
	width: 225px;
	padding-left: 45px;
	display: inline;
}

/*Right Side Image*/
#list-container-right #image-block{
	float: right;
	width: 552px;
}

#list-container-right #image-block img{
	float: right;
}

/* 2 column list style */
#manuListContainer {
	width: 482px;
	margin-bottom: 30px;
	margin-left: 38px;
	margin-top: 10px;
	}


#mainContent #interiorLeft #manuListContainer ul#manuList1 li, #mainContent #interiorLeft #manuListContainer  ul#manuList2 li{
	color: #fff;
	margin-bottom: 8px;
	line-height: 1.25em;
	}
	
#mainContent #interiorLeft #manuListContainer ul#manuList1 {
	float: left;
	width: 220px;
	list-style-type: square;
	list-style-position: inside;
}
	
#mainContent #interiorLeft #manuListContainer ul#manuList2 {
	float: left;
	width: 200px;
	margin-left: 20px;
	display: inline;
	list-style-type: square;
	list-style-position: inside;
	}





/* subContent styles ----------------------------*/
#subContent-left{
	float: left;
	width: 512px;
}
#subContent-left ul{
	color: #fff;
	margin: 50px 0 50px 38px;
}
#subContent-left ul li{
	display: inline;
	margin-left: 10px;
}

#subContent-left ul li a{
	font-family: arial;
	color: #666;
	font-size: 11px;
        text-decoration: none;
}
#subContent-left ul li a:hover{
	text-decoration: none;
	color: #999;
}
.flooring{
	float: left;
	text-indent: -9999px;
	display: block;
	width: 182px;
	height: 14px;
	background: url(../_images/header_sub_flooring.gif) no-repeat left top;
}

/*subContent RIGHT styles-------------*/
#subContent-right{
	float: right;
	width: 378px;
}

#subContent-right ul{
	color: #fff;
	margin: 50px 0 50px 0;
}
#subContent-right ul li{
	display: inline;
	margin-left: 10px;
}

#subContent-right ul li a{
	font-family: arial;
	color: #666;
	font-size: 11px;
        text-decoration: none;
}
#subContent-right ul li a:hover{
	text-decoration: none;
	color: #999;
        font-size: 11px;
}
.services{
	float: left;
	text-indent: -9999px;
	display: block;
	width: 75px;
	height: 14px;
	background: url(../_images/header_sub_services.gif) no-repeat left top;
}

/* inner content sub Nav styles------------------------ ----------------------------*/
#mainContent #interiorLeft #subNav{
	width: 418px;
}
#mainContent #interiorLeft #subNav ul{
	color: #fff;
	margin: 0px 0 10px 25px;
}
#mainContent #interiorLeft #subNav ul li{
	display: inline;
	text-transform: uppercase;
	
}

#mainContent #interiorLeft #subNav ul li a{
	text-decoration: none;
	color: #1c8294;
	font-size: 11px;
	padding: 2px 10px 2px 10px;
}

#mainContent #interiorLeft #subNav ul li a:hover{
	text-decoration: none;
	color: #999;
	background-color: #202020;
}	 
	 
.grey{
	color: #999;
}

.subnav-select{
	background-color: #202020;
}

/* Gallery div styles--------------------------*/
#myAlternativeContent{
        margin: 10px 0 0 38px;
        padding: 0;
}	
/*Form Styles*/
fieldset{
	border: none;
}

input#submit{
	margin-left: 38px;
}
.required{
	color: #1c8294;
	font-size: 10px;
}
/* footer -----------------------------------------------*/

#footer {
	clear: both;
	width: 890px;
	border-top: 1px solid #333333;
	padding-bottom: 30px;
}

#footer p{
	font-family: arial;
	color: #999;
	text-align: center;
	font-size: 10px;
	margin-top: 15px;
}

#footer a{
	color: #999 ;
        font-size: 10px;
        text-decoration: none;
}
		
#footer a:hover{
        text-decoration: none;
	color: #cbcbcb;
}		
		
		
/* TYPOGRAPHY ==============================================================
============================================================================
*/

body {
	text-align: center;
	font: 11px/18px Arial;
}

h1 {
	font: 18px/1.2em "Lucida Grande", Arial, Sans-serif;
	color: #737d84; 
	padding-bottom:  10px;}
	
h2 {
	color: #999;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;}
h3 {
	font: 15px/1.5em "Lucida Grande", Arial, Sans-serif;
	color: #737d84; 
	padding: 10px 0 5px 0;}

h4 /*blue*/ {
	font: bold 18px/1.75em "Lucida Grande", Arial, Sans-serif;
	color: #1c8294; 
	margin: 0 0 0 36px;
	padding: 0 0 2px 0;
	}