* {
padding:0;
margin:0;
border: 0;
}

html{ 
  height: 100%;
  text-align: center;
}

body {
  font: 14px arial, sans-serif;
  color: #fff;
  min-width: 900px;
  height: 100%;
  background-image: url(../images/GreyBar.gif);
  background-repeat: repeat-x; 
  background-color: #000;
  text-align:center;
  padding-top: 5px;
}

#banner { 
  margin-top: 60px;
 }

#banner-shop {
  margin-top: 5px;
  z-index:12;
 }

#message { 
  margin-top: 170px;
  text-align: center;
  width: 400px;
  left: 50%;
  margin-left: -200px;
  position: absolute;
}

#intro{
  width: 400px;
  margin-top: 240px;
  left: 50%;
  margin-left: -195px;
  position: absolute;
  color: #111;
}

#info{ 
  color: #ffff22;
  left: 50%;
  margin-left: 320px;
  margin-top: 120px;
  position: absolute;
 }

#info a {
  text-decoration: none;
  color: #ffff66;
}
#info p { 
margin-top: 15px;
 }
#info a:hover {  
  background-color: #888;
}

#intro-opaque{
  width: 400px;
  margin-top: 210px;
  left: 50%;
  margin-left: -215px;
  position: absolute;
  padding: 20px;
  background: #ddd;
  color: #111;
}
#intro-opaque-lower{
  width: 400px;
  margin-top: 290px;
  left: 50%;
  margin-left: -215px;
  position: absolute;
  padding: 20px;
  background: #ddd;
  color: #111;
  
}
#intro h3{ 
  color: #666;
  margin-bottom: .5em;
  padding: .5em;
  text-align: center;
 }
#intro p{ 
  margin-bottom: .5em;
 }

.picture-box { 
  float: left;
  text-align:center;
  color: #eee;
  border-width: 4px;
  border-style: solid;
  border-color: #444;
  background-color: #444;
  position:relative;
  margin-top: 0px;
  margin-right: 23px;
  z-index: 9;
 }

#picture-box-box { 
  width:690px;
  position: absolute;
  left: 50%;
  margin-top: -4px;
  margin-left: -290px;
  z-index: 9;
 }
#picture-box-box-multi { 
  width:690px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -315px;
  z-index: 9;
 }

#content {
  font: 1.0em/1.3em "bitstream vera sans", verdana, sans-serif;
  background-color: #eee;
  color: #000;
  border-top: 4px solid #444;
  border-left: 4px solid #444;
  border-right: 4px solid #444;
  background-image: url(../images/SheepB&Wcheck.png);
  background-repeat: no-repeat; 
  background-position: top center;
  left: 50%;
  margin-left: -289px;
  margin-top: 92px;
  padding-bottom: 55px;
  padding-right: 5px;
  padding-top: 40px;
  padding-left: 10px;
  height: 100%;

  width: 555px;
  text-align: left;
  z-index: 3;
  position: absolute;
}

#content a {
  text-decoration: none;
  color: #999;
  margin: 0;
}

#content a:hover {  
  background-color: #000;
  color: #999;
}

#content em { color: #555; }
#content h4 { 
  color: #555;
 }

#ssbox { 
  padding: 8px;
  background-color: #333;
  color: #bbb;
  left: 50%;
  margin-left: -170px;
  margin-top: 112px;
  width: 320px;
  text-align: center;
  position: absolute;
  z-index: 10;
}

ssbox h5 { 
  color: #bbb;
 }


#button {
  width: 8em;
  text-align: left;
  padding: 0 0 1em 0;
  margin-top: 130px;
  left: 50%;
  margin-left: -415px;
  font-family: 'Trebuchet MS', 'Lucida Grande',
  Verdana, Lucida, Geneva, Helvetica, 
  Arial, sans-serif;
  background-color:transparent;
  color: #fff;
  position: absolute;
}



#button ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

#button li {
  margin: 0;
}

#button li a {
  display: block;
  padding: 5px 5px 5px 0.5em;

  background-color: transparent; 
  color: #ffff66;
  text-decoration: none;
  width: 100%;
}

html>body #button li a {
  width: auto;
}

#button li a:hover {
  border-left: 10px solid #888;
  border-right: 10px solid #888;
  background-color: #444;
  color: #ddd;
}

#button ul li.here {
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	list-style: none;
	}

#tabs ul {
	margin-left: 0;
	padding-left: 0;
 	display: inline;
  z-index: 1;
	} 

#tabs ul li {
	margin-left: 0;
	margin-bottom: 0;
	padding: 2px 15px 5px;
	border: 1px solid #000;
	list-style: none;
	display: inline;
	}

#tabs li a {
  color: #444;
  text-decoration: none;
  width: 100%;
}

#tabs li a:hover {
  background-color: #444;
  color: #ddd;
}	
		
#tabs ul li.here {
	border-bottom: 1px solid #ffc;
	list-style: none;
  color: 222;
	display: inline;
	}

