
/* basic elements */
body {  
	color: #999;  
	background-color: #DECC9C; 
    text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 0px;
}
/* specific divs */
#container {
    position: relative;
	margin-left: auto;
    margin-right: auto;
    width: 900px;
	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 { 
position:relative;
	width: 820px;
	height: 420px;
	padding: 0px;
	margin:0px 0px 0px 80px;
	border: solid 1px #422413;
	background: url(../tcimg/SHbgd.jpg) no-repeat top left;
	z-index: 50; 
	}
#navheader { 
	width: 440px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url(../tcimg/nylalv.jpg) no-repeat top left; 
	border: solid 1px #422413;
}
h2 {
	 padding: 8px 0px 0px 40px; 
     margin: 0px 0px 0px 0px;
     letter-spacing: 0.125em;
     font : 15px/18px Geneva, Arial, sans serif;
	 color: #DECC9C;
	 font-weight: normal;
	}
#flash {
	 position: absolute;
	 top: 95px;
	 left: -66px;
	 padding: 0px 0px 0px 60px; 
     margin: 0px 0px 0px 0px;
     font: 12px/18px Geneva, Arial, sans serif;
	 color: #fff;
	 font-weight: normal;
	 background-color: transparent;
	 z-index: 60;
	}

span {
	color: #422413;
	}
span.proj {
    letter-spacing: 0.25em;
    font-size: 18px;
	color: #2C1507;
	}
a#h1link{
     letter-spacing: 0.25em;
     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; 
	}

/* main material navigation */
#stonelink {
    position:relative;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
	width: 170px;
	height: 26px;
	text-align: center;
	
    font : 12px/24px Geneva, Arial, sans serif;
    letter-spacing: 0.15em;
	background-color: #45423b;
	border: solid 1px #fff;
		 /* for IE */
filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.8;
  }
#stonelink a {
	color : #fff;
    text-decoration: none;
}
#stonelink a:hover {
    color : #eab136;
}
#ceramiclink {
    position: relative;
     margin: 0px;
    padding: 0px;
    top: -34px;
    left: 150px;
	width: 170px;
	height: 26px;
    font : 12px/24px Geneva, Arial, sans serif;
	letter-spacing: 0.15em;
	text-align: center;
	background-color: #cd913a;
	border: solid 1px #fff;
			 /* for IE */
filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.7;
	}
#ceramiclink a {
    color : #fff;
    text-decoration: none;
}
#ceramiclink a:hover {
    color : #eab136;
}
#concretelink { 
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -44px;
    left: 290px;
	width: 170px;
	height: 26px;
	font : 12px/24px Geneva, Arial, sans serif;
    letter-spacing: 0.15em;
	text-align: center;
	background-color: #4e3e3e;
	border: solid 1px #fff;
			 /* for IE */
filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.7;
	}
#concretelink a {
    color : #fff;
   text-decoration: none;
}
#concretelink a:hover {
    color : #eab136;
}
#leatherlink { 
    position: relative;
    top: -82px;
    left: 444px;
	width: 170px;
	height: 26px;
	font : 12px/24px Geneva, Arial, sans serif;
    letter-spacing: 0.15em;
	text-align: center;
	background-color: #555;
	border: solid 1px #fff;
	z-index: 7;
			 /* for IE */
filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.7;
	}
#leatherlink a {
    color : #fff;
    text-decoration: none;
}
#leatherlink a:hover {
    color : #eab136;
}
#woodlink { 
    position: relative;
    top: -128px;
    left: 555px;
	width: 170px;
	height: 26px;
	font : 12px/24px Geneva, Arial, sans serif;
    letter-spacing: 0.15em;
	text-align: center;
	background-color: #989391;
	border: solid 1px #fff;
	z-index: 6;
			 /* for IE */
filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.7;
	}
#woodlink a {
    color : #fff;
   text-decoration: none;
}
#woodlink a:hover {
 color : #eab136;
}
#glasslink { 
    position: relative;
    top: -120px;
    left: 580px;
	width: 170px;
	height: 26px;
	font : 12px/24px Geneva, Arial, sans serif;
    letter-spacing: 0.15em;
	text-align: center;
	background-color: #c68a35;
	border: solid 1px #fff;
	z-index: 9;
			 /* for IE */
filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.7;
	}
#glasslink a {
   color : #fff;
   text-decoration: none;
}
#glasslink a:hover {
     color : #eab136;
}
#textilelink { 
    position: relative;
    top: -206px;
    left: 640px;
	width: 170px;
	height: 26px;
	font : 12px/24px Geneva, Arial, sans serif;
    letter-spacing: 0.15em;
	text-align: center;
	background-color: #654423;
	border: solid 1px #fff;
	z-index: 5;
			 /* for IE */
filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.7;
	}
#textilelink a {
color : #fff;
text-decoration: none;
}
#textilelink a:hover {
	 color : #eab136;
}

/* project box  */
#project { 
position: absolute;
top: 500px;
left: 80px;
    width: 240px;
	height: 108px;
	background: url(../tcimg/projectbgd.jpg) no-repeat bottom left  #fff; 
	background-color: #ccc;
	border:  0px solid red;
	}
	
#projectprod{ 
    float: left;
    width: 240px;
	height: 108px;
	margin-left: 90px;
	margin-top: -96px;
	border: solid 1px #422413;
				 /* for IE */
filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.5;
	}
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; 
	 				 /* for IE */
filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
	}
 #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;
        }
a#projlink {
       color: #422413;;
       letter-spacing: 0.075em;
       text-decoration: none;
	   			 /* for IE */
filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
}
a#projlink:hover {
      text-decoration: underline;
}
#projlink {
       color: #422413;;
       letter-spacing: 0.075em;
       text-decoration: none;
}
	
#credit ul {
    float: right;
    list-style: none;
	font : 11px/16px "arial","verdana", sans serif;
    font-style : italic;
    text-align: right;
	color : #422413;
    letter-spacing: 0.075em;
	padding: 0px;
	margin: 0px;
	}
#credit ul a{
	color : #422413;
	text-decoration: none;
}
#credit ul a:hover {
	color : #422413;
	text-decoration: underline;
}

