body {background: #ffffff; margin:0; padding: 0; height: 100%;}

html {width: 100%;}

img {border: 0;}

html {height: 100%;}

#container { position: relative; z-index: 0; top: 0px; margin: 0px auto; width: 1025px;}

#title {z-index: 5; position: absolute; top: 13px; left: 60px;}

#cred {z-index: 5; position: absolute; top: 42px; left: 880px;}

#fabric {z-index: 5; position: absolute; top: 70px; left: 43px; background-image: url(images/noflash.jpg);}

#label {z-index: 5; position: absolute; top: 70px; left: 0px;}

#navline1 {z-index: 15; position: absolute; top: 350px; left: 698px;}
#navline2 {z-index: 15; position: absolute; top: 350px; left: 839px;}

/*Headline buttons*/

#topbuts {z-index: 5; position: absolute; top: 70px; left: 698px;}
#topbut1 {z-index: 5; position: relative; top: 0px; left: 0px;}
#topbut2 {z-index: 5; position: relative; top: 3px; left: 0px;}
#topbut3 {z-index: 5; position: relative; top: 6px; left: 0px;}

#headline1 {z-index: 10; position: absolute; top: 31px; left: 7px; height: 40px; width: 120px; overflow: hidden;}
#headline2 {z-index: 10; position: absolute; top: 101px; left: 7px; height: 40px; width: 100px; overflow: hidden;}
#headline3 {z-index: 10; position: absolute; top: 171px; left: 7px; height: 40px; width: 100px; overflow: hidden;}

#topbuts A {font: 15px/17px "helvetica","arial","verdana","sans-serif"; font-weight: bold; color :#ffffff; text-decoration: none;}

#topbuts A:visited {font: 15px/17px "helvetica","arial","verdana","sans-serif"; font-weight: bold; color :#ffffff; text-decoration: none;}

#topbuts A:hover {font: 15px/17px "helvetica","arial","verdana","sans-serif"; font-weight: bold; color :#663; text-decoration: none;} 

#topbuts A:Active {font: 15px/17px "helvetica","arial","verdana","sans-serif"; font-weight: bold; color :#ffffff; text-decoration: none;}

/*End headline buttons*/



#titlestrip {z-index: 5; position: absolute; top: 306px; left: 43px;}
#navhead {z-index: 5; position: absolute; top: 306px; left: 698px;}

#imgncap {z-index: 5; position: absolute; top: 355px; left: 44px; width: 273px; height: 100%;}
.imgborder {border-style: solid; border-width: 9px; border-color: #cccc99;}

#rule {border-top: 1px dotted; padding: 2px; color: #666; width: 98%;}

span.captionbold {font: 10px/12px "helvetica","arial","verdana","sans-serif"; font-weight: bold; color :#333; text-decoration: none;}
span.caption {font: 10px/12px "helvetica","arial","verdana","sans-serif"; font-weight: normal; color :#333; text-decoration: none;}

#pagetitle {z-index: 10; position: absolute; top: 315px; left: 337px; height: 25px; width: 350px; overflow: hidden; font: 20px "helvetica","arial","verdana","sans-serif"; font-weight: bold; color :#333; text-decoration: none;}


/*Body text styling*/

#maintext {z-index: 10; position: absolute; top: 355px; left: 337px; width: 350px; overflow: hidden;}
.body {font: 13px/17px "helvetica","arial","verdana","sans-serif"; font-weight: normal; color :#333; text-decoration: none;}
.bold {font: 13px/17px "helvetica","arial","verdana","sans-serif"; font-weight: bold; color :#333; text-decoration: none;}

#maintext A {font: 13px/17px "helvetica","arial","verdana","sans-serif"; font-weight: bold; color :#993; text-decoration: none;}

#maintext A:visited {font: 13px/17px "helvetica","arial","verdana","sans-serif"; font-weight: bold; color :#993; text-decoration: none;}

#maintext A:hover {font: 13px/17px "helvetica","arial","verdana","sans-serif"; font-weight: bold; color :#330; text-decoration: none; background-color: #e7fc02;} 

#maintext A:Active {font: 13px/17px "helvetica","arial","verdana","sans-serif"; font-weight: bold; color :#993; text-decoration: none;}

/*End body text styling*/


/*Navigation*/

#nav {z-index: 10; position: absolute; top: 350px; left: 698px;}
.rollovert1 {background-color: #ffffff; overflow: hidden;}

#nav A {font: 11px/17px "helvetica","arial","verdana","sans-serif"; font-weight: bold; color :#666; text-decoration: none; display: table-cell; vertical-align: middle; height: 21px;}
#nav A:visited {font: 11px/17px "helvetica","arial","verdana","sans-serif"; font-weight: bold; color :#666; text-decoration: none; display: table-cell; vertical-align: middle; height: 21px;}
#nav A:hover {font: 11px/17px "helvetica","arial","verdana","sans-serif"; font-weight: bold; color :#333; text-decoration: none; display: table-cell; vertical-align: middle; height: 21px;} 
#nav A:Active {font: 11px/17px "helvetica","arial","verdana","sans-serif"; font-weight: bold; color :#666; text-decoration: none; display: table-cell; vertical-align: middle; height: 21px;}

#navbut1 {z-index: 10; position: relative; top: 0px; left: 0px; width:140px; height:21px; padding: 0px 0px 0px 12px;}
#navbut2 {z-index: 10; position: relative; top: 5px; left: 0px; width:140px; height:21px; padding: 0px 0px 0px 12px;}
#navbut3 {z-index: 10; position: relative; top: 10px; left: 0px; width:140px; height:21px; padding: 0px 0px 0px 12px;}
#navbut4 {z-index: 10; position: relative; top: 15px; left: 0px; width:140px; height:21px; padding: 0px 0px 0px 12px;}
#navbut5 {z-index: 10; position: relative; top: 20px; left: 0px; width:140px; height:21px; padding: 0px 0px 0px 12px;}
#navbut6 {z-index: 10; position: relative; top: 25px; left: 0px; width:140px; height:21px; padding: 0px 0px 0px 12px;}
#navbut7 {z-index: 10; position: relative; top: 30px; left: 0px; width:140px; height:21px; padding: 0px 0px 0px 12px;}
#navbut8 {z-index: 10; position: relative; top: 35px; left: 0px; width:140px; height:21px; padding: 0px 0px 0px 12px;}


.rollovert2 {background-color: #ffffff; overflow: hidden;}
.rollovert2 A {font: 11px/17px "helvetica","arial","verdana","sans-serif"; font-weight: bold; color :#666; text-decoration: none; display: table-cell; vertical-align: middle; height: 21px;}
.rollovert2 A:visited {font: 11px/17px "helvetica","arial","verdana","sans-serif"; font-weight: bold; color :#666; text-decoration: none; table-cell; vertical-align: middle; height: 21px;}
.rollovert2 A:hover {font: 11px/17px "helvetica","arial","verdana","sans-serif"; font-weight: bold; color :#333; text-decoration: none; table-cell; vertical-align: middle; height: 21px;} 
.rollovert2 A:Active {font: 11px/17px "helvetica","arial","verdana","sans-serif"; font-weight: bold; color :#666; text-decoration: none; table-cell; vertical-align: middle; height: 21px;}


#subnav1 {z-index: 10; position: absolute; top: 350px; left: 841px; visibility: hidden;}

#navbut1a {z-index: 10; position: relative; top: 0px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut1b {z-index: 10; position: relative; top: 5px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut1c {z-index: 10; position: relative; top: 10px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}


#subnav2 {z-index: 10; position: absolute; top: 376px; left: 841px; visibility: hidden;}

#navbut2a {z-index: 10; position: relative; top: 0px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut2b {z-index: 10; position: relative; top: 5px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut2c {z-index: 10; position: relative; top: 10px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut2d {z-index: 10; position: relative; top: 15px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}


#subnav3 {z-index: 10; position: absolute; top: 402px; left: 841px; visibility: hidden;}

#navbut3a {z-index: 10; position: relative; top: 0px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut3b {z-index: 10; position: relative; top: 5px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut3c {z-index: 10; position: relative; top: 10px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut3d {z-index: 10; position: relative; top: 15px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}


#subnav4 {z-index: 10; position: absolute; top: 428px; left: 841px; visibility: hidden;}

#navbut4a {z-index: 10; position: relative; top: 0px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut4b {z-index: 10; position: relative; top: 5px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut4c {z-index: 10; position: relative; top: 10px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}


#subnav5 {z-index: 10; position: absolute; top: 454px; left: 841px; visibility: hidden;}

#navbut5a {z-index: 10; position: relative; top: 0px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut5b {z-index: 10; position: relative; top: 5px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut5c {z-index: 10; position: relative; top: 10px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut5d {z-index: 10; position: relative; top: 15px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut5e {z-index: 10; position: relative; top: 20px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut5f {z-index: 10; position: relative; top: 25px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}


#subnav6 {z-index: 10; position: absolute; top: 480px; left: 841px; visibility: hidden;}

#navbut6a {z-index: 10; position: relative; top: 0px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut6b {z-index: 10; position: relative; top: 5px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut6c {z-index: 10; position: relative; top: 10px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut6e {z-index: 10; position: relative; top: 15px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut6f {z-index: 10; position: relative; top: 20px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}


#subnav7 {z-index: 10; position: absolute; top: 506px; left: 841px; visibility: hidden;}

#navbut7a {z-index: 10; position: relative; top: 0px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut7b {z-index: 10; position: relative; top: 5px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut7c {z-index: 10; position: relative; top: 10px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut7d {z-index: 10; position: relative; top: 15px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut7e {z-index: 10; position: relative; top: 20px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut7f {z-index: 10; position: relative; top: 25px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}



#subnav8 {z-index: 10; position: absolute; top: 532px; left: 841px; visibility: hidden;}

#navbut8a {z-index: 10; position: relative; top: 0px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut8b {z-index: 10; position: relative; top: 5px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}
#navbut8c {z-index: 10; position: relative; top: 10px; left: 0px; width:129px; height:21px; padding: 0px 0px 0px 12px;}


/*End navigation*/



hr {border: none 0; border-top: 1px dotted #033; width: 99%; height: 1px; float: left;}


/* FB and Twitter buttons*/

#buttons {
position: absolute;
background-color: #fff;
width: 80px;
height: 35px;
top: 20px;
left: 697px;
z-index: 10;
clear: left;
}

#but
{
position: absolute;
top: 0px;
left: 0px;
width: 30px;
height: 36px;
}

#but2
{
position: absolute;
top: 0px;
left: 40px;
width: 30px;
height: 36px;
}

#but3
{
position: absolute;
top: 0px;
left: 80px;
width: 206px;
height: 36px;
}

a.rollover {
	display: block;
	width: 30px;
	height: 36px;
	text-decoration: none;
	background: url("images/traid_fb.gif");
	background-position: 0px 0px;
	background-repeat: none;
	}
	
	

a.rollover:hover {
	background-position: -30px 0px;
	}
	
a.rollover2 {
	display: block;
	width: 30px;
	height: 36px;
	text-decoration: none;
	background: url("images/traid_tw.gif");
	background-position: 0px 0px;
	background-repeat: none;
	}

a.rollover2:hover {
	background-position: -30px 0px;
	}
	
a.rollover3 {
	display: block;
	width: 206px;
	height: 36px;
	text-decoration: none;
	background: url("images/remade_shop.gif");
	background-position: 0px 0px;
	background-repeat: none;
	}

a.rollover3:hover {
	background-position: -206px 0px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}
	
	

/*Tenth Anniversary CSS - can be removed when finished*/

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0;}
.galleria li a{display:none;}
.galleria li div{position:absolute;display:none;top:0;}
.galleria li div img{cursor:pointe;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:.5em;}

* html .galleria li div span{width:400px;} /* MSIE bug */

.caption10{font-family: arial; font-weight:bold; align: right; position: relative; top: 10px; left: 10px; width: 260px; color: #333; display: block; height: 110%:}

	.demo
	{
		z-index: 100;
		position: absolute;
		left: 43px;
		top: 350px;
		width: 651px;
		height: 359px;
		background-image: url(images/tenth/bg.jpg);
		background-repeat: repeat-x;
	}

#main_image{height:208px;width:273px; position: absolute; left: 7px; top: 7px; z-index: 102; float: left;}

	.gallery_demo {position: relative; top: 10px; left: 20px; width:380px; margin:0 auto; float: right; }
	
	.gallery_demo li
	{
		width: 60px;
		height: 60px;
		border: 1px #CCC solid ;
		margin-right: 8px ;
		background: #fff;
		margin-bottom: 8px;
	}
	.gallery_demo li div{}
	
	


#bg10
{
	background-image: url(images/tenth/id_bg.jpg);
	background-repeat: no-repeat;
	width: 94px;
	height: 150px;
	position: absolute;
	left: 100px;
	top: 0px;
	z-index: 101;
}

	
	
.textBox {position: absolute; top: 588px; left: 333px; font-family: arial; font-size:12px; line-height: 16px; width: 340px; color: #333; z-index: 110; margin-bottom: 20px;}