@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	background:#f5f6f8 url(/images/header-bg.jpg) repeat-x;
	font:normal 11px/150% Verdana, Arial, sans-serif;
	color:#444;
	}
	
a:link, a:visited { color:#8a6100; }
a:hover, a:active, a:focus { color:#c68c00; }

#container {
	width:900px;
	margin:0 auto;
	}
#header {
	padding-top:42px;
	height:110px;
	}
#logo {
	float:left;
	}
#logo a{
	background:url(/images/logo.gif) 0 -49px no-repeat;
	width:257px;
	height:49px;
	display:block;
	}
	
	#logo a:hover, #logo a:active, #logo a:focus {
		background:url(/images/logo.gif) 0 0 no-repeat;
		}

h1 { display:none; }

#topnav ul {
	float:right;
	margin:0px 95px 0 0;
	padding:0;
	list-style:none;
	}
	#topnav li a {
		text-decoration: none;
		padding:0 50px 0 17px;
		display:block;
		font-size:.94em;
		}
	#topnav li a:link, #topnav li a:visited {
		color:#cecfcf;
		}
	#topnav li a:hover, #topnav li a:active, #topnav li a:focus, #topnav li.current, #topnav li.current a {
		color:#fff;
		background:url(/images/nav-arrow.gif) 0 3px no-repeat;
		}
		
h2 {
	clear:both;
	width:55%;
	border-bottom:1px solid #888787;
	height:18px;
	padding:0 0 5px 0;
	}
	h2 span { display:none; }
	
	h2.current {
		background:url(/images/h2.current.gif) top left no-repeat;
	}
	h2.web {
		background:url(/images/h2.web.gif) top left no-repeat;
	}
	h2.print {
		background:url(/images/h2.print.gif) top left no-repeat;
	}
	h2.contact {
		background:url(/images/h2.contact.gif) top left no-repeat;
	}
	h2.recent {
		background:url(/images/h2.recent.gif) 0 20px no-repeat;
		padding-top:20px;
	}
	
h3, a h3 {
	font:normal 1.4em 'Segoe UI', Tahoma, Arial, sans-serif;
	text-decoration:none;
	color:#3e3f3f;
	margin:0 0 15px 0;
	padding:0;
	}
	a:link h3, a:visited:h3 { color:#3e3f3f; text-decoration:none; }
	a:hover h3, a:active h3, a:focus h3 { color:#c68c00; text-decoration:none; }
	
.separator {
	clear:both;
	height:1px;
	border-bottom:1px solid #4e4f4f;
	margin:10px auto;
	}
	
.inside-separator {
	clear:both;
	height:1px;
	border-bottom:1px solid #cecfcf;
	margin:10px auto;
	}

.th-lg {
	width:250px;
	height:108px;
	background:#e3e5e5;
	border:1px solid #aaa;
	}

.th-lg img {
	margin:-6px 0 0 -6px;
	border:1px solid #4f4e4e;
	opacity:.85;
	}
	.th-lg:hover {
		background:#f7d682;
		}
	.th-lg img:hover {
		opacity:1;
		}
		
.th {
	width:165px;
	height:90px;
	background:#e3e5e5;
	border:1px solid #aaa;
	}

.th img {
	margin:-6px 0 0 -6px;
	border:1px solid #4f4e4e;
	opacity:.7;
	}
	.th:hover {
		background:#f7d682;
		}
	.th img:hover {
		opacity:1;
		}
		
.col1, .col2, .col3 {
	float:left;
	width:260px;
	margin:10px;
	padding:10px;
	border-right:1px solid #ddd;
	}
.col3 { 
	border:0;
	width:258px;
	}
	#about {
		width:258px;
		background:#cecfcf;
		color:#000;
		border:1px solid #666e6e;
		padding:10px;
		display:block;
		margin-top:-42px;
		float:right;
		line-height:160%;
		font-size:1em;
		}
	#about h2 {
		background:url(/images/h2.about.gif) top left no-repeat;
		width:87%;
		height:15px;
		margin:4px 0;
		}
	#about img {
		float:right;
		margin-left:8px;
		border:1px solid #777;
		padding:1px;
		}
	p.detail {
		font-style:italic;
		}
	p.detail strong { color:#3e3f3f; }
	
p.footer {
	font-size:1.2em;
	text-align:center;
	font:normal 16px/150% 'Trebuchet MS', Arial, sans-serif;
	color:#666;
	padding-bottom:50px;
	}
	
.inside-col1, .inside-col2, .inside-col3, .inside-col4 {
	float:left;
	width:184px;
	margin:10px;
	padding:10px;
	border-right:1px solid #ddd;
	}
	
	.inside-col4 {
		border:0;
		}
		
span.dev { color:#777; font-style:italic; }