/* basic elements */
body {  
	color: #DECC9C; 
	background-color: #DECC9C; 
    text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 0px;
	}
h2 {
	 padding: 10px 0px 0px 120px; 
     margin: 0px 0px 0px 0px;
     letter-spacing: 0.125em;
     font : 15px/18px Geneva, Arial, sans serif;
	 color: #fff;
	 font-weight: normal;
	    background-color: #DECC9C; 
	}
H3 {
	 padding: 8px 0px 8px 40px; 
     margin: 0px 0px -18px 0px;
     letter-spacing: 0.125em;
     font : 12px/12px geneva, arial, sans serif;
	 color: #fff;
	 font-weight: 200;
	 background-color: #af7f2a; 
	}
P.text {
	 width: 220px;
	 float: left;
	 padding: 0px 0px 0px 0px; 
     margin: -230px 0px 0px 60px !important;
	 margin: -230px 0px 0px 30px;
     letter-spacing: 0.125em;
     font : 12px/22px Geneva, Arial, sans serif;
	 color: #decc9c;
	 font-weight: normal;
	 }
span {
	color: #EAB136;
	}
span.proj {
    letter-spacing: 0.325em;
    font-size: 18px;
	color: #422413;
	}
a#h1link{
     letter-spacing: 0.15em;
     font : 26px/16px geneva, Tahoma, sans serif;
	 color: #fff;
	 font-weight: 200;
     text-decoration: none;
}
a#h1link:hover{
     letter-spacing: 0.15em;
     font : 26px/16px geneva, Tahoma, sans serif;
	 color: #fff;
	 font-weight: 200;
     text-decoration: none;
}

a#h3link {
     display: block;
     width:240;
     height: 20px;
     padding:4px 20px 0px 20px;
     line-height: 24px;
     margin: 0px;
     letter-spacing: 0.125em;
     font : 12px/12px geneva, Arial, sans serif;
	 color: #fff;
	 text-align: center;
	 font-weight: 200;
	 background-color: #af7f2a; 
	 text-decoration: none;
	}
a#h3link:hover {
	 font-weight: 200;
	 background-color: #c69131; 
	}
/* specific divs */
#container {
position: relative;
margin-left: auto;
margin-right: auto;
     width: 970px;
	padding: 0px 0px 0px 0px;
    background-color: #DECC9C;
    border: 0px solid red;
}
/* top divs */
#header {
    position: relative;
	width: 900px;
	height: 72px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    background-color: #DECC9C;
	 z-index: 4;
}
P.h1 {
     position: absolute;
     top: 14px;
     left: 12px;
	 padding: 0px 0px 0px 0px; 
     margin: 0px 0px 0px 0px;
     letter-spacing: 0.15em;
     font : 26px/30px Geneva, Tahoma, sans serif;
	 color: #fff;
	 font-weight: 200; 
	 z-index: 20; 
	}
P.h1 a {
	color : #fff;
    text-decoration: none;
}
P.h1 a:hover {
    color : #eab136;
}
#logo { 
position: absolute;
top:40px;
left: 0px;
	width: 450px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    background-color: #e35630; 
	border: solid 1px #e35630;
	/* for IE */
    filter:alpha(opacity=90);
    opacity:0.9;
    z-index: 10;
	}	
	
#logo ul { 
	padding: 9px 0px 0px 14px;
	margin: 0px 0px 0px 0px;
}	
#logo ul li { 
	font: 11px/12px Geneva, Arial, sans serif;
	color: #DECC9C;
	font-weight: normal;	
	 padding: 0px 0px 0px 0px;
	  display: inline;
	  border: 0px solid #ccc;
	  }
#pronav ul { 
      position: absolute;
      top: -10px;
	  left:828px;
      list-style: none;
      text-align: right;
      width: 74px;
      font : 11px/18px Arial, sans serif;
      color : #333;
      letter-spacing: 0.125em;
	  padding: 4px 4px 0px 0px;
	  margin: 18px 0px 0px 0px;
	  border-right: dotted 1px #422413;
        }

#window { 
    float: left;
	width: 380px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	margin-left: 40px;
	background: url(../tcimg/projnav1.jpg) no-repeat top left;
	}
#window2 { 
    clear: both;
    float: left;
	width: 380px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	margin-left: 40px;
	background: url(../tcimg/projnav2.jpg) no-repeat top left;
	}
#window3 { 
    float: left;
	width: 380px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	margin-left: 40px;
	background: url(../tcimg/projnav3.jpg) no-repeat top left;
	}
#window4 { 
    float: left;
	width: 380px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	margin-left: 40px;
	background: url(../tcimg/projnav4.jpg) no-repeat top left;
	}
#window5 { 
    float: left;
	width: 380px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	margin-left: 40px;
	background: url(../tcimg/projnav5.jpg) no-repeat top left;
	}
#window6 { 
    float: left;
	width: 380px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	margin-left: 40px;
	background: url(../tcimg/projnav6.jpg) no-repeat top left;
	}
#window7 { 
    float: left;
	width: 380px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	margin-left: 40px;
	background: url(../tcimg/projnav7.jpg) no-repeat top left;
	}
#window8 { 
    float: left;
	width: 380px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	margin-left: 40px;
	background: url(../tcimg/projnav8.jpg) no-repeat top left;
	}
#window9 { 
    float: left;
	width: 380px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	margin-left: 40px;
	background: url(../tcimg/projnav9.jpg) no-repeat top left;
	}
#window10 { 
    float: left;
	width: 380px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	margin-left: 40px;
	background: url(../tcimg/projnav10.jpg) no-repeat top left;
	}
#window11 { 
    float: left;
	width: 380px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	margin-left: 40px;
	background: url(../tcimg/projnav11.jpg) no-repeat top left;
	}
#window12 { 
    float: left;
	width: 380px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	margin-left: 40px;
	background: url(../tcimg/projnav12.jpg) no-repeat top left;
	}
#window13 { 
    float: left;
	width: 380px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	margin-left: 40px;
	background: url(../tcimg/projnav13.jpg) no-repeat top left;
	}
#view1{
	clear: none !important;
	clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj1a.jpg) no-repeat top left;
	border: 0px solid red; 
	}
#view2{
	clear: none !important;
    clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj1b.jpg) no-repeat top left; 
	}
#Bview1{
	clear: none !important;
    clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj2a.jpg) no-repeat top left; 
	}
#Bview2{
	clear: none !important;
	clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj2b.jpg) no-repeat top left; 
	}
#Cview1{
	clear: none !important;
    clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj3c.jpg) no-repeat top left; 
	}
#Cview2{
 	clear: none !important;
    clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj3b.jpg) no-repeat top left; 
	}
#Dview1{
 	clear: none !important;
	clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj4a.jpg) no-repeat top left; 
	}
#Dview2{
	clear: none !important;
	clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj4b.jpg) no-repeat top left; 
	}
#Eview1{
	clear: none !important;
    clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj5a.jpg) no-repeat top left; 
	}
#Eview2{
	clear: none !important;
    clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj5b.jpg) no-repeat top left; 
	}
#Fview1{
	clear: none !important;
	clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj6a.jpg) no-repeat top left; 
	}
#Fview2{
	clear: none !important;
    clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj6b.jpg) no-repeat top left; 
	}
#Gview1{
	clear: none !important;
     clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj7a.jpg) no-repeat top left; 
	}
#Gview2{
	clear: none !important;
	clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj7b.jpg) no-repeat top left; 
	}
#Hview1{
	clear: none !important;
	clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj8a.jpg) no-repeat top left; 
	}
#Hview2{
	clear: none !important;
	clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj8b.jpg) no-repeat top left; 
	}
#Jview1{
	clear: none !important;
	clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj9a.jpg) no-repeat top left; 
	}
#Jview2{
	clear: none !important;
	clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj9b.jpg) no-repeat top left; 
	}
#Kview1{
	clear: none !important;
	clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj10.jpg) no-repeat top left; 
	}
#Lview1{
	clear: none !important;
	clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj11a.jpg) no-repeat top left; 
	}
#Lview2{
	clear: none !important;
	clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj11b.jpg) no-repeat top left; 
	}
#Mview1{
	clear: none !important;
	clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj12a.jpg) no-repeat top left; 
	}
#Mview2{
	clear: none !important;
	clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj12b.jpg) no-repeat top left; 
	}
#Nview1{
	clear: none !important;
	clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj13a.jpg) no-repeat top left; 
	}
#Nview2{
	clear: none !important;
	clear: left;
	float: right;
	width: 550px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: url(../tcimg/proj/proj13b.jpg) no-repeat top left; 
	}
#navheader { 
	width: 440px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 80px;
    background-color: #EAB136; 
	
	
}
/* main material navigation */

 #on a {
    padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color : #eab136;
    font : 12px/24px Geneva, Arial, sans serif;
    letter-spacing: 0.15em;
    text-decoration: none;
}

#stonelink {
    position: relative;
    top: 4px;
    left: 28px;
    margin: 0px;
    padding: 0px;
	width: 168px;
	height: 24px;
	text-align: center;
	
	
	}
#stonelink a {
    padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    color : #fff;
    font : 12px/24px Geneva, Arial, sans serif;
    letter-spacing: 0.15em;
    text-decoration: none;
}
#stonelink a:hover {
    color : #eab136;
}

#ceramiclink {
     margin: 0px;
    padding: 0px;
    position: relative;
    top: -15px;
    left: 184px;
	width: 170px;
	height: 26px;
	text-align: center;
	}
#ceramiclink a {
    color : #fff;
    font : 12px/24px Geneva, Arial, sans serif;
    letter-spacing: 0.15em;
    text-decoration: none;
}
#ceramiclink a:hover {
    color : #eab136;
}
#concretelink { 
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -16px;
    left: 2px;
	width: 170px;
	height: 26px;
	font : 12px/24px Geneva, Arial, sans serif;
	text-align: center;
	}
#concretelink a {
    color : #fff;
    font : 12px/24px Geneva, Arial, sans serif;
  
    text-decoration: none;
}
#concretelink a:hover {
    color : #eab136;
}
#leatherlink { 
    position: relative;
    top: -33px;
    left: 160px;
	width: 170px;
	height: 26px;
	text-align: center;
	z-index: 7;
	}
#leatherlink a {
    padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    color : #fff;
    font : 12px/24px Geneva, Arial, sans serif;
    letter-spacing: 0.15em;
    text-decoration: none;
}
#leatherlink a:hover {
    color : #eab136;
}
#woodlink { 
    position: relative;
    top: -38px;
    left: 32px;
	width: 170px;
	height: 26px;
	text-align: center;
	z-index: 6;
	}
#woodlink a {
    color : #fff;
    font : 12px/24px Geneva, Arial, sans serif;
    letter-spacing: 0.15em;
    text-decoration: none;
}
#woodlink a:hover {
 color : #eab136;
}
#glasslink { 
    position: relative;
    top: -53px;
    left: 176px;
	width: 170px;
	height: 26px;
	text-align: center;
	z-index: 9;
	}
#glasslink a {
   color : #fff;
    font : 12px/24px Geneva, Arial, sans serif;
    letter-spacing: 0.15em;
    text-decoration: none;
}
#glasslink a:hover {
     color : #eab136;
}
#textilelink { 
    position: relative;
    top: -56px;
    left: 14px;
	width: 170px;
	height: 26px;
	text-align: center;
	z-index: 5;
	}
#textilelink a {
color : #fff;
    font : 12px/24px Geneva, Arial, sans serif;
    letter-spacing: 0.15em;
    text-decoration: none;
}
#textilelink a:hover {
	 color : #eab136;
}
#projectlink { 
    position: relative;
    top: -79px;
    left: 199px;
	width: 170px;
	height: 26px;
	text-align: center;
	z-index: 10;
	}
#projectlink a {
color : #fff;
    font : 12px/24px Geneva, Arial, sans serif;
    letter-spacing: 0.15em;
    text-decoration: none;
}
#projectlink a:hover {
	 color : #eab136;
}
/* Thumbnails  */
#TNOlink { 
    position: relative;
    top: -50px;
    left: 288px;
	width: 75px;
	height: 75px;
	text-align: center;
	background-color: #cd913a;
	border: solid 2px #DECC9C;
	background: url(../tcimg/TN/1a.jpg) no-repeat top left;
	z-index: 9;
	}
#TNTlink { 
    position: relative;
    top: -40px;
    left: 288px;
	width: 75px;
	height: 75px;
	text-align: center;
	background-color: #cd913a;
	border: solid 2px #DECC9C;
		background: url(../tcimg/TN/1b.jpg) no-repeat top left;
	z-index: 5;
	}
	#TNOBlink { 
    position: relative;
    top: -50px;
    left: 288px;
	width: 75px;
	height: 75px;
	text-align: center;
	z-index: 9;
	}
	#TNTBlink { 
    position: relative;
    top: -40px;
    left: 288px;
	width: 75px;
	height: 75px;
	text-align: center;
	z-index: 5;
	}
/* project box  */
#project{ 
    float: left;
    width: 240px;
	height: 108px;
	margin-left: 90px !important;
	margin-left: 65px;
	margin-top: 0px;
	background-color: #999;
	border: solid 1px #422413;
	background: url(../tcimg/matBgdA.jpg) no-repeat bottom left;
	}
	
#projectprod{ 
    float: left;
    width: 240px;
	height: 108px;
	margin-left: 90px;
	margin-top: -96px;
	background-color: #999;
	border: solid 1px #422413;
	}

 #projtext ul { 
      float: right;
      text-align: right;
      list-style: none;
      width: 150px;
      font : 11px/18px arial, sans serif;
      font-style : italic;
      color : #fff;
      letter-spacing: 0.0em;
	  padding: 4px 8px 0px 0px;
	  margin: 18px 0px 0px 0px;
	  background-color: #999;
        }
a#projlink {
       color: #422413;
       letter-spacing: 0.075em;
       text-decoration: none;
}
a#projlink:hover {
      text-decoration: underline;
}
#projlink {
       color: #422413;;
       letter-spacing: 0.075em;
       text-decoration: none;
}
	
#creditproj ul {
    float: right;
    list-style: none;
	font : 12px/16px Arial, sans serif;
    font-style : italic;
    color: #422413;
    letter-spacing: 0.075em;
	padding: 0px;
	margin-right: 150px;
	margin-top: 349px;
	}