/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

*:focus { outline-style:none; }
body {
  background: #f3e7f3 url(images/background.png) repeat 7px 0;
  font: 11px Verdana;
}
#background-top {
  background: url(images/background-top.png) repeat-x 0 0;
  height: 70px;
  left: 0;
  right: 0;
  top: 0;
  position: relative;
}
#top-wrapper {
  position: relative;
  margin: 0 auto;
  width: 919px;
}

#shadow {
  position: relative;
  background: url(images/shadow.png) no-repeat 0 0;
  width: 937px;
  height: 504px;
  margin: 0 auto;
}
#wrapper {
  position: absolute;
  left: 7px;
  top: 6px;
  width: 919px;
  height: 486px;
  border: 2px solid #8b0b96;
  background: 0 0 url(images/top-bar.png) no-repeat;
}
ul#top-menu {
  position: absolute;
  top: 3px;
  right: 2px;
  width: 530px;
  font: 9px Verdana;
  text-align: right;
}

ul#top-menu a {
  color: #cf0cd2;
}

ul#top-menu a.active, ul#top-menu a:hover {
  color: #fff;
  text-decoration: none;
}

ul#top-menu li {
  display: inline;
  padding: 0 6px;
}

#content-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 919px;
  height: 172px;
  background: 0 0 url(images/bottom-bar.png) no-repeat;
}

#logo {
  z-index: 2;
  position: absolute;
  left: 43px;
  background: 0 0 url(images/logo.png) no-repeat;
  width: 140px;
  height: 64px;
  text-indent: -3000px;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

#ribbon {
  z-index: 1;
  position: absolute;
  left: 43px;
  background: 0 0 url(images/ribbon.png) repeat-y;
  width: 140px;
  height: 486px;
}
#visual {
  position: absolute;
  top: 20px;
  height: 294px;
  width: 919px;
}
body.index      #visual { background: url(images/visual_index.jpg) no-repeat 0 0; }
body.hometex    #visual { background: url(images/visual_hometex.jpg) no-repeat 0 0; }
body.fashion    #visual { background: url(images/visual_fashion.jpg) no-repeat 0 0; }
body.materials  #visual { background: url(images/visual_materials.jpg) no-repeat 0 0; }
body.contact_us #visual { background: url(images/visual_index.jpg) no-repeat 0 0; }
body.imprint    #visual { background: url(images/visual_imprint.jpg) no-repeat 0 0; }

ul#menu {
  z-index: 5000;
  position: absolute;
  height: 154px;
  bottom: 0;
  left: 60px;
  width: 106px;
  font: 14px Arial sans-serif;
}

ul#menu a {
  position: relative;
  color: #5a6d00;
  height: 15px;
  display: block;
  padding: 2px 0;
  margin: 4px 0;
  text-indent: -3000px;
}
ul#menu a:hover {
  text-decoration: none;
}
ul#menu li {
  background: url(images/menu-separator.png) no-repeat 0 0;
  padding-top: 2px;
}
ul#menu li.first {
  background: none;
  padding-top: 0;
}
ul#menu a {
  background-position: 0 2px;
  background-repeat: no-repeat;
}

a#index { background-image: url(images/about_us_lo.png); } /* iepng: bgcolor=#750e77 */
a#index:hover, ul#menu a.active_index { background-image: url(images/about_us_hi.png); } /* iepng: bgcolor=#750e77 */
a#hometex { background-image: url(images/hometex_lo.png); } /* iepng: bgcolor=#750e77 */
a#hometex:hover, ul#menu a.active_hometex { background-image: url(images/hometex_hi.png); } /* iepng: bgcolor=#750e77 */
a#fashion { background-image: url(images/fashion_lo.png); } /* iepng: bgcolor=#750e77 */
a#fashion:hover, ul#menu a.active_fashion { background-image: url(images/fashion_hi.png); } /* iepng: bgcolor=#750e77 */
a#materials { background-image: url(images/materials_lo.png); } /* iepng: bgcolor=#750e77 */
a#materials:hover, ul#menu a.active_materials { background-image: url(images/materials_hi.png); } /* iepng: bgcolor=#750e77 */
a#contact_us { background-image: url(images/contact_us_lo.png); } /* iepng: bgcolor=#750e77 */
a#contact_us:hover, ul#menu a.active_contact_us { background-image: url(images/contact_us_hi.png); } /* iepng: bgcolor=#750e77 */

#content {
  position: absolute;
  top: 20px;
  left: 210px;
  width: 430px;
  height: 145px;
  overflow: auto;
  color: #d291d3;
}

#thumbnail-box {
  z-index: 2;
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 262px;
  height: 194px;
  background: url(images/thumbnail-box.png) no-repeat 0 0;
}
#click-to-enlarge {
  text-indent: -3000px;
  background: url(images/click-to-enlarge.png) no-repeat 0 0; /* iepng: bgcolor=#99229a */
  position: absolute;
  top: 15px;
  left: 15px;
  width: 159px;
  height: 19px;
}
#photos {
  position: absolute;
  bottom: 10px;
  left: 9px;
  width: 244px;
  height: 144px;
}
#photos a {
  position: absolute;
}
#photo-1 {
  left: 0;
  top: 0;
}
#photo-2 {
  right: 0;
  top: 0;
}
#photo-3 {
  left: 0;
  bottom: 0;
}
#photo-4 {
  right: 0;
  bottom: 0;
}
#photos img {
  padding: 0 1px;
}

/* All pages */

p {
  margin-bottom: 10px;
}

p a {
  color: #d291d3;
  text-decoration: underline;
}

/* Contact Us */
body.contact_us #content, body.imprint #content {
  width: 700px;
}
div#right {
  position: absolute;
  left: 315px;
  top: 0;
  padding-left: 35px;
  height: 124px;
  background: url(images/contact-separator.png) no-repeat 0 0;
}


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}