/*-----------------------------------------------------------------------------
Layout Stylesheet

media:    screen
version:  1.14
date:     04/16/09
author:   Thomas Heinig
-----------------------------------------------------------------------------*/

/* Remove padding and margin + basic resetting
-----------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:101%;
  vertical-align:baseline;
  background:transparent;
  font-size:99%;
}
body { line-height:1; }
blockquote,q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }

/* Layout
-----------------------------------------------------------------------------*/

body {
  width:100%;
  height:100%;
  padding:0;
  margin:0;
  background:#BCB4A7 url(../img/back3.jpg);
}

#header1 {
  width:100%;
  height:30px;
  background-color:#2D2019;
  border-bottom:1px solid #693023;
}

#header1 #head1 {
  width:950px;
  margin:0 auto;
  padding-top:21px;
}

#header2 {
  width:100%;
  height:115px;
  background:#421C16 url(../img/back2.jpg);
  border-bottom:2px solid #693023;
}

#header2 #head2 {
  width:950px;
  margin:0 auto;
}

#head2 img { 
  float:left;
  padding-top:10px;
}

#head1 ul { 
  list-style-type:none;
}

#head2 ul { 
  list-style-type:none;
}

#head2 li { 
  float:right;
  display:block;
  padding:0;
}

#head2 li a:link, #head2 li a:visited, #head2 li a:active {
  display:block;
  background:none;
  height:100px;
  padding:2px 23px 2px 3px;
}

#head2 li a:hover {
  background:url(../img/nav_a_back.jpg) repeat-x;
}

#head1 li span {
  visibility:hidden;
} 

#head1 li {
  float:right;
  display:block;
  padding:2px 26px 2px 0;
  color:#2D2019;
  background-color:#BCB4A7;
  height:5px;
}

#footer {
  width:100%;
  height:150px;
  background-color:#2D2019;
  border-top:2px solid #693023;
  margin-top:30px;
}

#footer #footer1 {
  width:950px;
  margin:0 auto;
  padding-top:0;
}

#footer1 ul { 
  list-style-type:none;
  margin:0;padding:0;
}

#footer1 li span {
  visibility:hidden;
} 

#footer1 li {
  float:left;
  display:block;
  padding:2px 26px 2px 0;
  color:#2D2019;
  background-color:#BCB4A7;
  height:5px;
}

#container {
  width:950px;
  height:100%;
  padding:0;
  margin:0 auto;
}

#canvas {
	width: 80%;
	min-width:580px;
	margin: 20px auto;
	overflow:auto;
	
	padding:10px;
	background:none;
}


/*generic css for all elements*/
img {
	display:block; /*needed to avoid alignment with baseline of text*/
}

.line {
	float:left;
	width:100%;
	display:block;
	position:relative; /*prevents shifting when changing viewport in IE;thanks to Alan Gresley*/
}

.item {
	position:relative;
	float:left;
	overflow:hidden;
	left:100%;
	padding:5px 0; 
}

.content {
	overflow:hidden;
	padding:3px 5px;
}

/*item specific css*/
#head {
	margin:0;
}

#line1 {
	background:none;
	margin-bottom:20px;
}

#line2 {
	background:none;
	margin-bottom:20px;
}

#container #head3 {
	margin-left:-100%;
	width:100%;
	background:url(../img/back3.jpg);
	padding:10px 0 3px 0;
}

#item1 {
	margin-left:-100%;
	width:18%;

	background:none;
}

#item2 {
	margin-left:-80%;
	width:18%;

	background:none;
}

#item3 {
	margin-left:-60%;
	width:18%;
	
	background:none;
}

#item4 {
	margin-left:-40%;
	width:18%;

	background:none;
}

#item5 {
	margin-left:-20%;
	width:20%;

	background:none;
}

#main {
	margin-left:-100%;
	width:78%;

	background:none;
}

#item8 {
	margin-left:-20%;
	width:20%;

	background:none;
}

#closure {
}

/*  Gallery
-----------------------------------------------------------------------------*/
.gallery_gold {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery_gold li {
	margin: 0; 
	padding: 0;
	float: left;
	position: relative;
	width: 164px;
	height: 135px;
}

.gallery_gold a {
	text-decoration: none;	
}
.gallery_gold a:hover em {
  display:block;
}
.gallery_gold img {
	padding: 14px 0 0 14px;
}
.gallery_gold span {
	width: 168px;
	background: url(../img/gold-frame2.png) no-repeat;
	display: block;
	position: absolute;
	top: -2px;
	left: -2px;
	padding-top: 135px;
}
.gallery_gold em {
	width: 102px;
	background: url(../img/bubble.gif) no-repeat;
	padding: 6px 0 3px;
	display: none;
	position: absolute;
	top: 103px;
	left: 32px;
	font-style: normal;
	text-align: center;
}


/* other css
-----------------------------------------------------------------------------*/
.clear { 
  overflow:hidden;
  width:100%;
  clear:both;
}

.hidden {
  display:none;
  visibility:hidden;
}