* {margin:0;padding:0;}

html, body {
color: #fff;
font-family: verdana;
}

div {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

h1 {
vertical-align: middle;
}

#header{
	background: url(images/shop-logo.png) no-repeat top center;
	background-color: white;
	margin: 0 auto;
	text-align: center;
	height: 140px;
	text-indent: -9999px
}

#maincol{
	text-align: center;
	width: 100%;
	height: 550px;
	float:left;
	border: green 2px solid;
	border-top: none;
	color:#339933;
	padding: 1%;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 5%;
	display:inline;
	background-color: #D9FFB3;
}

#maincol p {
text-align: left;
color: green;
}

#pics {
width: 200px;
height: 450px;
float: left;
display: inline;
overflow: scroll;
}

#rightbar p{
	font-size: 12px;
}

#footer{
	clear: both;
	font-size: 80%;
	color: #333;
	font-style: italic;
	border-top: 1px solid #ccc;
	text-align: center;
	margin-bottom: 5%;
}

  #tabs {
    float:left;
    width:100%;
    background: url(images/bg2.png) repeat-x bottom;
    font-size:93%;
    line-height:normal;
	margin: 0 2%;
    }
	
	#tabs ul {
    margin-left:17%;
    padding:10px 10px 0;
    list-style:none;
    }
	
	#tabs li {
    float:left;
    background:url(images/tab-right.gif) no-repeat right top;
    margin:0;
    padding:0;
    }
	
	#tabs a {
    display:block;
    background:url(images/tab-left.gif) no-repeat left top;
    padding:5px 15px 4px;
	color: #fff;
	text-decoration: none;
    }

	#tabs #current {
    background-image:url(images/norm_right_on.gif);
    }
	
	#tabs #current a {
    background-image:url(images/norm_left_on.gif);
    padding-bottom:5px;
	color: #000;
	}
	
	#tabs a:hover {
	color: yellow;
	}
		
	#button {
	width: 100%;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-size: 70%;
	font-family: 'Trebuchet MS';
	background-color: #99FF33;
	color: #333;
	}
	
	#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
		
	#button li {
	border-bottom: 1px solid #99FF33;
	margin: 0 auto;
	}

	#button li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #629004;
	border-right: 10px solid #95da06;
	background-color: #7db901;
	color: #fff;
	text-decoration: none;
	width: 100%;
	}

	html>body #button li a {
	width: auto;
	}

	#button li a:hover {
	border-left: 10px solid #789934;
	border-right: 10px solid #b7f041;
	background-color: #94c431;
	color: #fff;
	}

	a {
	color: blue;
	}
	
	#commentbox {
	color: black;
	text-align: left;
}

div.shouts {
padding: 5%;
border: 1px solid black;
width: 80%;
}
 	
div.left {
float: left;
margin-right: 7%;
margin-left: 7%;
margin-top: 2%; 
width: 100px;
margin-bottom: 30px;
}

div.gallery {
float: left;
width: 50%;
margin-bottom: 5%;
}

div.left p {
text-align: center;
}
img {
border: 0px none;
}
div.center {
width: 600px;
}

span.author {
color: black;
font-weight: bold;
text-transform: capitalize;
}

span.shout {
font-weight: bold;
font-family: 'comic sans ms';
text-transform: capitalize;
font-size: 20px;
}

address {
color: black;
}

.thumbNormal {
border:4px solid #D9FFB3;
}
.thumbSelected {
border:4px solid #ff0000;
}