@charset "UTF-8";
/* CSS Document containing GLOBAL rules for all browsers
	Layout markup by J Hogue and James Re at Highchair designhaus 

XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XXXXX     XXXX   XXXXX   XXXX  XX  XXXXX  XX  X  XX  XX  XXXXX  XX   X   XXXX
XX  XX  XX  XX     XX  XX  XX     XX  XX  XX  X  XX  XX  X     XX  X  XX     XX     XX  XX     XX  X  XX  XX  XX  X  XX   X  XX   
XXXXXX  XX  XX XX  XXXXXX  XX     XXXXXX  XX  X  XX  XX  X     XX  X  XXXXX   XXX   XX  XX XX  X X X  XXXXXX  XX  X  XX   X   XXX 
XX  XX  XX  XX  X  XX  XX  XX     XX  XX  XXXXX  XX  XXXX      XX  X  XX        XX  XX  XX  X  X  XX  XX  XX  XXXXX  XX   X     XX
XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XX  X  XX  XX  X     XXXX   XXXXX  XXXX   XX  XXXXX  X  XX  XX  XX  XX  X   XXX    XXXX 

*/

/* ! Set a true type font to be imported: NOT FULLY SUPPORTED YET! */
@font-face {
  font-family: "PointedlyMad";
  src: url("../fonts/PointedlyMad.ttf") format("truetype");
  /* Designed by Rich Gast for Grey Wolf Webworks. Distributed by DaFont.com */
}

html, body, table, address, form, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, td, hr, blockquote, ul, ol, dl, li, address { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; }

html { height: 100%; margin: 0 0 1px 0; }
body, td, input, select, textarea { font-family: "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif; font-weight: normal; }
body {
	background-color: #eee; 
	color: #222;
	text-align: left; 
	font-size: 12px; 
	line-height: 20px; 
}
img, img a, a img { border: none; }
a { text-decoration: underline; color: #fff; }
a:hover { color: #478; }

div.clearit { clear: both; }

.left {
	float: left; 
	min-width: 460px; 
	max-width: 800px; 
	/*
	border: 1px solid #0c0; 
	min-height: 40px;
	*/ 
}
.right {
	float: left; 
	min-width: 240px; 
	max-width: 400px; 
	margin-left: 20px; 
	/*
	border: 1px solid #00c; 
	min-height: 40px; 
	*/
}

#header {
	background: top left no-repeat url("../cssimages/local401.gif") #fff; 
	padding: 15px 15px 0 15px; 
	min-height: 90px; 
}
	a#homebutton { float: left; width: 420px; height: 75px; margin: 0 20px 15px 0; }
	#navcolumn {
		width: 180px; 
		float: left; 
	}
		#mainnav { }
		#mainnav a { 
			color: #222; 
			display: block; 
			padding: 3px 4px; 
			text-decoration: none;  
		}
		#mainnav a:hover { color: #478; }
			ul#nav, ul.sub_menu { list-style-type: none; }
			ul#nav { }
				ul#nav li { 
					font-size: 14px; 
					font-weight: bold; 
					line-height: 18px;
					border-left: 1px solid #000;
				}
				ul#nav li.first { border-top: none; }
				ul#nav li a { 
					color: #478; 
					background-color: #FFF; 
				}
				ul#nav li a:hover { color: #222; }
					ul#nav ul.sub_menu { }
					ul#nav ul.sub_menu li { border-top: 1px solid #000; border-left: 1px solid #000; }
					ul#nav ul.sub_menu li a { background-color: #fff; color: #666; }
					ul#nav ul.sub_menu li a:hover { background-color: #fff; color: #222; }
#homephoto {
	background-color: #fff; 
	color: #222; 
	overflow: hidden; 
}
	ul#homecarousel { max-width: 480px; max-height: 360px; }
	ul#homecarousel li { max-width: 480px; max-height: 360px; }
	ul#homecarousel li img { max-width: 480px; max-height: 360px; }

#portfolio {
	background-color: #222; 
	color: #ccc; 
	padding: 15px; 
}
	#portfolio a.thumb { 
		display: inline-block; 
		width: 120px; 
		height: 120px; 
		border: 1px solid #222; 
		text-align: center; 
		margin: 0 10px 10px 0; 
	}
	#portfolio a.thumb:hover { border: 1px solid #478; }
	#portfolio a.thumb img { max-width: 120px; max-height: 120px; }
	#portfolio img.show_photo { display: block; }
	#portfolio img.hide_photo { display: none; }
	#portfolio .right a.prevnext, #portfolio .right a.selector {
		color: #666; 
		font: normal 16px/32px Impact, VerdanaBold, ArialBlack, "Arial Black", HelveticaBold, "Helvetica Bold", sans-serif; 
		text-decoration: none; 
		margin-right: 10px; 
	}
	#portfolio .right a.prevnext:hover, #portfolio .right a.selector:hover { color: #478; }
		
#content {
	background-color: #fff; 
	padding: 20px; 
}
	#content .left { width: 460px; }
	h1 {
		color: #8ab; 
		font: normal 32px/40px PointedlyMad, Impact, VerdanaBold, ArialBlack, "Arial Black", HelveticaBold, "Helvetica Bold", sans-serif; 
		letter-spacing: 1px; 
		padding: 0 0 10px 0; 
		/* safari/webkit browsers only - will remove the extra weight that's added by OS X's native anti-aliasing */
		text-shadow: 0 0 0 #000;
	}
	p, ul, ol, dl, blockquote {
		padding-bottom: 10px;  
	}

#footer {
	font-size: 12px; 
	clear: both; 
	border-top: 1px solid #ccc; 
	padding: 6px 20px 6px 20px; 
	color: #478; 
}
	#footer a { color: #478; }
	#footer a:hover { color: #222; }


:focus { -moz-outline-style: none; }