/** Global **/
body {
	margin:0;
	padding:0;
	background-color:#0B0B0B;
	color:#FFF;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size:14px;
}

a {
	text-decoration:none;
	color:#FFF;
	transition:color .15s linear;
	border:none;
}

a img {border:none;}

a:hover {color:#B38439;}
a:active {color:#FFF;}
a:focus {outline:none;}

ul {margin:0; padding:0;}
li {margin:0; padding:0; list-style:none;}

.clear {clear:both;}

#container {
	margin: 16px auto;
	width:955px;
}

/** Header **/

#header {
	background: url("/images/scribble.jpg") 0 23px no-repeat #94A245;
	height:163px;
	overflow:visible;
	position:relative;
	z-index:1
}

.brown {
	height:23px;
	background-color:#bc8f40;
	width:293px;
	height:23px;
	float:left;
}

#logo {
	width:164px;
	height:57px;
	position:absolute;
	top:129px;
	left:72px;
}

#logo a {background: url("/images/logo-hl.png") no-repeat; display:block;}

#logo img {
	transition: all .35s;
}

#logo:hover img {opacity:0;}

/** Navigation **/

#nav {
	clear:both;
	position:absolute;
	left:338px;
	top:171px;
	overflow:visible;
	height:0px;
}

#nav ul {
}

#nav ul li {
	width:104px;
	display:block;
	float:left;
	text-align:center;
	margin-right:6px;
}

span.label {
	background: url("/images/carrot_green.gif") 0 center no-repeat;
	line-height:18px;
	padding:1px 0;
}

span.label.inactive {
	padding-left:19px;
}

.label img {
	vertical-align:-4px;
	transition: opacity .15s linear;
	margin-right:6px;
}

#nav ul li > img, #nav ul li a > img {
	border: 4px solid #BBB;
	margin-top:8px;
	transition: border-color .15s linear;
}

#nav ul li a:hover .label img {opacity:0;}
#nav ul li a:active .label img {opacity:1;}
#nav ul li a:hover img {border-color:#bc8f40;}
#nav ul li a:active img {border-color:#BBB;}

/** Content **/

#content {
	clear:both;
	padding-left:70px;
	margin:70px 0 80px 0;
	height:485px;
	border-bottom:23px #94A245 solid;
	position:relative;
	z-index:0;
}

#panel {
	width:200px;
	float:left;
	padding:20px 23px 0 0;
	border-top:2px #94A245 solid;
}

#email {
	position:absolute;
	bottom:25px;
}

#email a {
	font-weight:bold;
}


#main {
	float:right;
	width:582px;
	height:426px;
	background: #605D5F;
	padding:40px;
	border-top:2px #94A245 solid;
}

#blurb {
	padding:70px 0 0 0;
}

#gallery {
	margin: 5px 0 0 5px;
}

#gallery ul li {
	float:left;
	border:4px solid #BBB;
	margin:0 6px 6px 0;
	font-size:0;
	width:96px;
	height:120px;
	transition:border-color .15s linear;
	overflow:hidden;
}

#gallery ul li.raised {margin-top:-83px; margin-bottom:89px;}

#gallery ul li:hover {border-color:#bc8f40;}
#gallery ul li:active {border-color:#BBB;}


/** Footer **/
#footer {
	text-align:center;
	font-size:10px;
	padding:8px;
}