body
{
	margin:0px;
	padding:0px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	background:#411f31;
}
h1, h2, h3, h4, h5, p
{
	padding:0px;
	margin:0px;
}
ul
{
	list-style:none;
	padding:0px;
	margin:0px;
}
a img
{
	border:none;
}

/**************************** GLOBAL CONTAINERS **********************************/

.outerGlobalContainer
{
	width:100%;
	padding:0px 0px 0px 0px;
}
.innerGlobalContainer
{
	width:1000px;
	margin:0px auto 0px auto;
}
.headerContainer
{
	width:972px;
	height:86px;
	background:url(../images/header_bg.gif) top left repeat-y;
	padding:4px 0px 0px 28px;
}
.contentContainer /* homeSection */
{
	width:1000px;
	height:395px;
	background:url(../images/home-bg.jpg) top left no-repeat;
}
.contentContainer02 /* profileSection */
{
	width:951px;
	height:347px;
	background:url(../images/middle_content_empty.jpg) top left no-repeat;
	padding:48px 0px 0px 49px;
}
.contentContainer03 /* workshopSection */
{
	width:951px;
	height:347px;
	background:url(../images/middle_content_empty_s2.jpg) top left no-repeat;
	padding:48px 0px 0px 51px;
}
.contentContainer04 /* gallerySection */
{
	width:953px;
	height:375px;
	background:url(../images/middle_content_empty_gallery.jpg) top left no-repeat;
	padding:20px 0px 0px 47px;
}
.contentContainer05 /* contactSection */
{
	width:951px;
	height:322px;
	background:url(../images/middle_content_empty_s4.jpg) top left no-repeat;
	padding:73px 0px 0px 51px;
}
.contentContainer06 /* environmentSection */
{
	width:961px;
	height:352px;
	background:url(../images/middle_content_empty_environ.jpg) top left no-repeat;
	padding:43px 0px 0px 41px;
}
.contentContainer07 /* creativeSection */
{
	width:952px;
	height:348px;
	background:url(../images/middle_content_empty_creative.jpg) top left no-repeat;
	padding:47px 0px 0px 50px;
}
.contentContainer08 /* materialSection */
{
	width:951px;
	height:372px;
	background:url(../images/middle_content_empty_material.jpg) top left no-repeat;
	padding:23px 0px 0px 51px;
}
.contentContainer09 /* testimonials Section */
{
	width:964px;
	height:345px;
	background:url(../images/middle_content_empty_testimon.jpg) top left no-repeat;
	padding:50px 0px 0px 38px;
}
.contentContainer10 /* testimonials more Section */
{
	width:872px;
	height:325px;
	background:url(../images/middle_content_empty_testimon2.jpg) top left no-repeat;
	padding:70px 0px 0px 130px;
}
.navContainer
{
	width:955px;
	min-height:71px;
	background:url(../images/nav_bg.gif) top left repeat-y;
	padding:12px 25px 12px 20px;
	overflow:auto;
}

/**************************** HEADER *************************************************/

.innerHeaderContainer
{
	width:943px;
	height:73px;
}
.innerHeaderContainer h2
{
	padding:14px 0px 0px 0px;
}

/****************************** NAV CONTAINER *****************************************/

.innerNavContainer
{
	width:55%;
}
.innerNavContainer02
{
	width:43%;
}
.innerNavContainer02 h1
{
	margin:4px 0px 0px 0px;
	float:right;
}
.innerNavContainer ul
{
	width:35em;
	float:left;
}
.innerNavContainer ul li
{
	width:26%;
	margin:2px 0px 2px 0px;
}
.innerNavContainer .thirdColumn
{
	width:32%;
	margin:2px 0px 2px 0px;
}
.innerNavContainer li a
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:75%;
}
.highlight a
{
	color:#291e24!important;
}

.tAndC
{
	width:100%;
	clear:both;
}
.tAndC p
{
	float:right;
	font-size:65%;
	color:#999999;
}
.tAndC a
{
	color:#999999;
	text-decoration:none;
}
.tAndC a:hover
{
	color:#CCCCCC;
}


/************************************ CONTENT STYLES *********************************/

.firstLeft
{
	clear:both;
	float:left;
}
.floatLeft
{
	float:left;
}
.floatRight
{
	float:right;
}
.marginRight
{
	margin:0px 10px 0px 0px;
}

/********************************** COMBINED STYLES ********************************/


.contentBoxGeneric
{
	float:left;
}
#profileSection .contentBox01,
#materialSection .contentBox01,
#gallerySection .contentBox01
{
	width:280px;
	float:left;
	margin:0px 34px 0px 0px;
	padding:0px 0px 0px 0px;
}
.contentHeader01 h5, .contentBox02 h5, .contentBox03 h5
{
	margin-bottom:5px;
}
.contentBox01 p, .contentBox02 p, .contentBox03 p
{
	margin-bottom:5px;
	font-size:75%;
}
#workshopSection .contentBox03,
#contactSection .contentBox03
{
	width:225px;
	height:249px;
	float:left;
	margin:0px 38px 0px 0px;
	padding:5px 10px 0px 10px;
	color:#FFFFFF;
	overflow:auto;
}
.subNavContainer
{
	width:100%;
	height:25px;
	font-size:75%;
	overflow:auto;
}
.subNavContainer ul li
{
	float:left;
	margin:0px 20px 0px 0px;
}
.subNavContainer a
{
	color:#666666;
	text-decoration:none;
}
.subNavContainer .active
{
	color:#FFFFFF;
}

/********************************** HOME SECTION ********************************/

#homeSection .contentContainer
{
	padding:30px 30px 0px 45px;
	width:925px;
	height:365px;
}
#homeSection .contentContainer p
{
	color:#FFFFFF;
	font-size:75%;
}

/********************************** PROFILE SECTION ********************************/

#profileSection .contentBox01 .contentHeader
{
	width:280px;
	height:25px;
	float:left;
	margin:0px 34px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
}
#profileSection .contentBox01 .contentBody
{
	width:260px;
	height:240px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:10px 10px 0px 10px;
	color:#FFFFFF;
	overflow:auto;
}


/********************************** WORKSHOP SECTION ********************************/

#workshopSection .contentBox02
{
	width:190px;
	height:243px;
	float:left;
	margin:0px 0px 0px 37px;
	padding:5px 10px 0px 10px;
	color:#FFFFFF;
	overflow:auto;
}
#workshopSection .contentBoxGeneric02
{
	float:left;
	margin:0px 0px 0px 41px;
}
#workshopSection .contentBoxGeneric02 .imageContainer
{
	float:none;
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 3px;
}
#workshopSection .contentBoxGeneric02 .imageContainer02
{
	float:none;
	margin:27px 0px 0px 0px;
	padding:2px 0px 0px 3px;
}

/********************************** ENVIRONMENT SECTION ********************************/

#environmentSection .contentBox02
{
	width:222px;
	height:246px;
	float:left;
	margin:0px 0px 0px 50px;
	padding:5px 10px 0px 10px;
	color:#FFFFFF;
	overflow:auto;
}
#environmentSection .contentBoxGeneric
{
	width:622px;
	padding:3px 0px 0px 3px;
}

/********************************** CREATIVE SECTION ********************************/

#creativeSection .contentBox01
{
	width:215px;
	float:left;
	margin:0px 23px 0px 0px;
	padding:0px 0px 0px 0px;
}
#creativeSection .contentBox01 .contentHeader
{
	width:215px;
	height:25px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
}
#creativeSection .contentBox01 .contentBody
{
	width:185px;
	height:240px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:10px 10px 0px 10px;
	color:#FFFFFF;
	overflow:auto;
}
/*#creativeSection .contentBox03
{
	width:195px;
	height:249px;
	float:left;
	margin:0px 38px 0px 0px;
	padding:5px 10px 0px 10px;
	color:#FFFFFF;
	overflow:auto;
}*/
#creativeSection .contentBoxGeneric
{
	color:#FFFFFF;
	width:700px;
	margin:20px 0px 0px 0px;
}
#creativeSection .contentBoxGeneric .boxLink
{
	display:block;
	padding:10px 0px 18px 5px;
	margin:0px 18px 42px 0px;
	width:152px;
	float:left;
	color:#FFFFFF;
	font-size:75%;
	text-align:center;
	min-height:80px;
	text-decoration:none;
}
#inspiration,
#initial,
#concept,
#meeting,
#engineering,
#commision,
#delivery,
#final
{
	display:none;
}
#creativeSection .detailBox
{
	width:700px;
	margin:0px 0px 0px 100px;
}
#creativeSection .detailBox .detailLeft,
#creativeSection .detailBox .detailRight
{
	width:46%;
	float:left;
	padding:10px 10px 0px 10px;
}
#creativeSection .detailBox h5
{
	margin:0px 0px 10px 0px;
}
#creativeSection .detailBox p
{
	font-size:75%;
	margin:0px 0px 0px 0px;
	clear:both;
}
#creativeSection .detailBox .closeButton
{
	float:right;
	font-size:75%;
	margin:0px 0px 10px 0px;
	cursor:pointer;
}
#creativeSection .detailBox .closeButton:hover
{
	cursor:pointer;
}

/********************************** MATERIAL SECTION ********************************/

#materialSection .contentBox01
{
	width:205px;
	float:left;
	margin:0px 23px 0px 0px;
	padding:0px 0px 0px 0px;
}
#materialSection .contentBox01 .contentHeader
{
	width:205px;
	height:25px;
	float:left;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
}
#materialSection .contentBox01 .contentBody
{
	width:185px;
	height:240px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:10px 10px 0px 10px;
	color:#FFFFFF;
	overflow:auto;
}

#materialSection .contentBoxGeneric
{
	margin:23px 0px 0px 31px;
	color:#FFFFFF;
}
#materialSection .contentBoxGeneric .boxLink
{
	float:left;
	margin:29px 0px 0px 11px;
	padding:0px 0px 0px 0px;
}
#solid,
#veneer,
#glass,
#manmade,
#metal,
#stone,
#leather
{
	display:none;
} 

#flatPage03 #solid,
#flatPage07 #veneer,
#flatPage02 #glass,
#flatPage05 #manmade,
#flatPage04 #metal,
#flatPage06 #stone,
#flatPage01 #leather
{
	display:block;
} 

#flatPage01
{
	background:url('../images/mat01-lar.jpg') top left no-repeat;
}
#flatPage02
{
	background:url('../images/mat02-lar.jpg') top left no-repeat;
}
#flatPage03
{
	background:url('../images/mat03-lar.jpg') top left no-repeat;
}
#flatPage04
{
	background:url('../images/mat04-lar.jpg') top left no-repeat;
}
#flatPage05
{
	background:url('../images/mat05-lar.jpg') top left no-repeat;
}
#flatPage06
{
	background:url('../images/mat06-lar.jpg') top left no-repeat;
}
#flatPage07
{
	background:url('../images/mat07-lar.jpg') top left no-repeat;
}

#materialSection .detailBox
{
	width:208px;
	margin:0px 0px 0px 680px;
}
#materialSection .detailBox .contentHeader
{
	width:99%;
	padding:0px 0px 0px 0px;
	height:25px;
}
#materialSection .detailBox .contentBody
{
	width:198px;
	padding:5px 10px 0px 0px;
	height:250px;
	overflow:auto;
}
#materialSection .detailBox h5
{
	margin:0px 0px 0px 0px;
}
#materialSection .detailBox p
{
	font-size:75%;
	margin:6px 0px 0px 13px;
}
#materialSection .detailBox .closeButton
{
	float:right;
	font-size:75%;
}
#materialSection .detailBox .closeButton:hover
{
	cursor:pointer;
}


/********************************** GALLERY SECTION ********************************/

#gallerySection .contentBox01
{
	width:602px;
	float:left;
	margin:0px 30px 0px 0px;
	padding:6px 0px 0px 8px;
	color:#FFFFFF;
}
#gallerySection .contentBox04
{
	width:261px;
	height:340px;
	float:left;
	margin:3px 0px 0px 0px;
	padding:7px 0px 0px 11px;
	color:#FFFFFF;
	overflow:auto;
}
#gallerySection .contentBox04 a
{
	margin:0px 0px 5px 5px;
}
#gal02,
#gal03,
#gal04,
#gal05,
#gal06,
#gal07,
#gal08,
#gal09,
#gal10,
#gal11,
#gal12,
#gal13,
#gal14,
#gal15,
#gal16,
#gal17,
#gal18,
#gal19,
#gal20,
#gal21,
#gal22,
#gal23,
#gal24,
#gal25,
#gal26,
#gal27,
#gal28
{
	display:none;
}
#gallerySection p span
{
	font-weight:bold;
	padding-left:5px;
}

/********************************** CONTACT SECTION ********************************/

#contactSection .contentBox01
{
	width:245px;
	float:left;
	margin:0px 23px 0px 0px;
	padding:0px 0px 0px 0px;
}
#contactSection .contentBox01 .contentHeader
{
	width:245px;
	height:25px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
}
#contactSection .contentBox01 .contentBody
{
	width:225px;
	height:250px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	color:#FFFFFF;
	overflow:auto;
}
#contactSection .contentBoxGeneric
{
	margin-left:10px;
	padding:3px 0px 0px 5px;
}
#contactSection .contentBoxGeneric img
{
	border:none;
}
#contactSection .contentBox01 h5
{
	margin-top:15px;
}
#contactSection .contentBox01 a
{
	color:#FFFFFF;
}

/**************************************** TESTIMONIALS SECTION **************************************/

.test1
{
	width:295px;
	height:120px;
	float:left;
	margin:10px 0px 0px 0px;
	padding:0px;
}
.test2
{
	width:295px;
	height:120px;
	float:left;
	margin:5px 0px 0px 20px;
	padding:0px;
}
.test3
{
	width:295px;
	height:120px;
	float:left;
	margin:10px 0px 0px 18px;
	padding:0px;
}
.secondRow
{
	clear:both;
	padding:25px 0px 0px 0px;
	overflow:auto;
	margin:0px;
}
.test4
{
	width:295px;
	height:120px;
	float:left;
	margin:14px 0px 0px 2px;
	padding:0px;
}
.test5
{
	width:295px;
	height:120px;
	float:left;
	margin:10px 0px 0px 20px;
	padding:0px;
}
.test6
{
	width:295px;
	height:120px;
	float:left;
	margin:2px 0px 0px 18px;
	padding:0px;
}
#testimonSection .contentHeader
{
	width:290px;
	height:25px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
}
#testimonSection .contentBody
{
	width:270px;
	margin:0px 0px 0px 0px;
	padding:5px 20px 0px 10px;
}
#testimonSection .contentBody p
{
	color:#FFFFFF;
	font-size:75%;
}
.testMore
{
	float:right;
	margin:10px 5px 0px 0px;
	color:#FFFFFF;
	font-size:75%;
	text-decoration:none;
}

.testDetail
{
	width:725px;
	margin:7px 0px 0px 0px;
}
#testimonSection .testDetail .contentHeader1
{
	width:80%;
	height:25px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
}
#testimonSection .testDetail .contentHeader2
{
	width:16%;
	height:25px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#testimonSection .testDetail .contentHeader1 h3
{
	margin:0px 0px 0px 50px;
}
#testimonSection .testDetail .contentHeader2 a
{
	float:right;
	color:#FFFFFF;
	font-size:75%;
	text-decoration:none;
}
#testimonSection .testDetail .contentBody
{
	width:645px;
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 50px;
	clear:both;
}
#testimonSection .testDetail .contentBody p
{
	width:360px;
	float:left;
	margin:0px 0px 10px 30px;
	color:#FFFFFF;
	font-size:75%;
}
#testimonSection .testDetail .contentBody img
{
	float:left;
}