* {
	margin: 0;
	padding: 0;
}
html, body { width: 100%; height: 100%; }
body {
	font: 1.0em "Times New Roman", Georgia, sans-serif, Arial;
	color: #333;
	background: #EEE url(images/bg.gif) top left repeat;
}
h1 span, a span { display: none; }
img { border: 0px !important; }
.clearer { clear: both; }
#top {
	height: 50%;
	margin-top: -245px;
}
#container {
	width: 100%;
	height: 510px;
	position: absolute;
	top: 50%;
	margin-top: -255px;
}
#inner {
	width: 780px;
	height: 470px;
	padding: 20px;
	margin: 0 auto;
	position: relative;
	background: transparent url(images/main_bg.gif) center center no-repeat;
}
#inner[id] { background-image: url(images/main_bg.png); }
#menu {
	clear: both;
	height: 50px;
	margin: 0px;
	background: transparent url(images/menu_bg.jpg) 0 0 no-repeat;
}
#menu ul { margin-left: 279px; list-style-type: none; }
#menu ul li { float: left; }
#menu ul li a { display: block; height: 50px; background-position: 0px 0px; background-repeat: none; }
#menu ul li a:hover, #menu ul li a.selected { background-position: 0px -50px; }
a#m_home { width: 83px; background-image: url(images/m_home.jpg); }
a#m_about { width: 91px; background-image: url(images/m_about.jpg); }
a#m_projects { width: 110px; background-image: url(images/m_projects.jpg); }
a#m_services { width: 109px; background-image: url(images/m_services.jpg); }
a#m_contact { width: 108px; background-image: url(images/m_contact.jpg); }

#content {
	position: relative;
	width: 780px;
	height: 388px;
}
#logo {
	float: left;
	width: 260px;
	height: 388px;
}
#logo h1 {
	display: block;
	width: 260px;
	height: 388px;
	background: transparent url(images/logo.jpg) 0 0 no-repeat;
}
#main, #main_index, #main_proj, #main_about {
	float: left;
	width: 500px;
	height: 368px;
	padding: 10px;
	overflow: hidden;
	background-color: transparent;
}
#main_index { width: 520px; height: 388px; padding: 0px !important; }
#main { width: 480px; height: 348px; padding: 20px !important; }
#main_about { width: 465px; height: 348px; padding: 20px; float: left; overflow: hidden; }

#main h2, #main_proj h2, #main_about h2 {
	font-size: 1.2em;
	color: #467B1F;
	font-weight: normal;
	padding: 0px 0px 10px 0px !important;
	margin-top: 0px !important;
	line-height: 1.0em;
}
#main_proj h2 { padding-bottom: 5px !important; clear: both; }

h2#h2_services { float: left; width: 350px; }
#main p, #main_about p {
	font-size: 0.75em;
	line-height: 1.4em;
	text-align: justify;
	padding-bottom: 10px;
}
p#sample_designs { float: right; font-size: 0.70em !important; }

#main ul, #main_about ul { list-style-type: none; }
#main ul li, #main_about ul li { display: block; width: 240px; float: left; font-size: 0.75em; padding-bottom: 2px; }
#main a, #main_about a { color: #333; text-decoration: underline; }
#main a:hover, #main_about a:hover { color: #467B1F; }

#scrollarea { width: 465px; height: 348px; overflow: hidden; }
#scrollbar {
	position: relative;
	width: 5px;
	height: 348px;
	margin-top: 20px;
	float: left;
	background-color: #D3D5BD;
}
#scrubber {
	position: absolute;
	top: 0px;
	left: 0;
	height: 40px;
	width: 5px;
	background: #508629;
}

#kirk_about { float: left; padding: 5px 10px 10px 0px; }
.image_s { padding-bottom: 10px; }
.image_v { float: left; padding: 5px 10px 10px 0px; }
#proj_nav { margin-bottom: 12px; }
#prevproj { float: left; }
#nextproj { float: right; }
#prevproj, #nextproj {
	font-size: 0.75em;
	color: #D9DBC7;
}
#prevproj a, #nextproj a { color: #A9AB92; text-decoration: none; }

#mainimg { float: left; width: 415px; }
#thumbs { float: right; width: 80px; }
#thumbs img { margin-bottom: 5px; cursor: pointer; }
#footer {
	clear: both;
	position: relative;
	height: 12px;
	padding: 8px 20px 12px 20px;
	width: 740px;
	font-size: 0.70em;
	text-align: right;
	color: #FFF;
	background: transparent url(images/footer_bg.jpg) 0 0 no-repeat;
}
#footer a { color: #FFF; text-decoration: none; }
#footer a:hover { color: #FFF; text-decoration: underline; }