img { border: 0; }

a { color: #666; }
a:hover { text-decoration: none; }

a, p, blockquote, span, div, h3, label, input, textarea {
   font-family: Helvetica, Arial, Verdana, sans-serif; 
}

#bar {
	background-color: #b3b3b3;	
	padding: 20px 5px 5px 100px;
	max-width: 100%;
}

	h1#logo { margin: 0; }
   
	h1#logo a {
		background-image: url(../images/logo_stubblefield.png);
		display: block;
		height: 15px;
		overflow: hidden;
		text-indent: -9999px;
		width: 210px;
	}
   
   h1#logo a:active { position: relative; top: 1px; }
   

#logo-s {
   background-image: url(../images/logo_s-transparent.png);
   background-position: bottom left;
   background-repeat: no-repeat;
   height: 210px;
   width: 224px;
   position: absolute;
   bottom: 0;
   left: 100px;
}

#container {
	margin: 60px 0 0 100px;
}

	#container #menu { float: left; margin: 2px 30px 0 0; width: 120px; }
	#menu h2 { margin: 0 0 10px 0; }
	#menu h2 a {
		display: block;
      color: #b3b3b3;
      font-size: 18px;
      font-weight: normal;
      line-height: 15px;
      text-decoration: none;
	}
   #menu h2 a:hover { color: #ffd200; }
   #menu h2 a:active { color: #e82370; position: relative; top: 1px; }
   #menu h2.current a { color: #e82370; }
   
	#menu h2 a.portfolio { background-position: 0 0; height: 15px; width: 69px; }
	#menu h2 a.portfolio:hover { background-position: -70px 0; }
	#menu h2 a.portfolio:active, #menu h2.current a.portfolio { background-position: -140px 0; }
	
	#menu h2 a.about { background-position: 0 -23px; height: 14px; width: 50px; }
	#menu h2 a.about:hover { background-position: -70px -23px; }
	#menu h2 a.about:active, #menu h2.current a.about { background-position: -140px -23px; }
	
	#menu h2 a.service { background-position: 0 -45px; height: 15px; width: 62px; }
	#menu h2 a.service:hover { background-position: -70px -45px; }
	#menu h2 a.service:active, #menu h2.current a.service { background-position: -140px -45px; }
	
	#menu h2 a.contact { background-position: 0 -66px; height: 15px; width: 66px; }
	#menu h2 a.contact:hover { background-position: -70px -66px; }
	#menu h2 a.contact:active, #menu h2.current a.contact { background-position: -140px -66px; }
	
	#menu h2 a.new { background-position: 0 -89px; height: 13px; width: 37px; }
	#menu h2 a.new:hover { background-position: -70px -89px; }
	#menu h2 a.new:active, #menu h2.current a.new { background-position: -140px -89px; }
   
	#container #content {
		float: left;
		width: 200px;
	}

.display_thumbs { float:left; clear: both; margin-bottom: 10px; }

.display_thumbs a, .display_thumbs a img {
   display: block;
   float: left;
   margin: 0 10px 10px 0;
   padding: 0;
   width: 40px;
   height: 40px;
}

.display_thumbs a.current {
   opacity:0.25;
   filter:alpha(opacity=25);
}