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

body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #645436;
}

a:link {color: #645436; text-decoration: none}
a:visited {color: #645436; text-decoration: none}
a:hover {color: #B5752A;}
a:active {color: #645436;}

.bluegreen_type {
	color: #00b8af;
}

h1#heading {
	width: 1178px;
	margin: 0px auto;
}

h1#heading a {
	margin:104px 0px 0px 100px;
	display:block;
	background-image:url(images/layout/kb_logo.gif);
	background-repeat:no-repeat;
	width:360px;
	height:28px
}

h1#heading a span {
	display: none;
}

#container {
	position:relative;
	margin:12px auto;
	width: 1178px;
	height: 465px;
	background-color:#B5752A;
}

#nav_pane {
	float:left;
	width:222px;
}

#nav_projects, #nav_process, #nav_about, #nav_contact {
	position: relative;
	display:block;
	width: 52px;
	height: 8px;
	margin-left: 135px;
}

#nav_projects span, #nav_process span, #nav_about span, #nav_contact span {
	display: none;
}
	
#nav_projects {
	top: 105px;
	background: url(images/layout/kb_nav_projects.gif) 0px 0px no-repeat;
}

#nav_projects:hover {
	background: url(images/layout/kb_nav_projects.gif) 0px -8px no-repeat;
}

#nav_process {
	top: 130px;
	background-image:url(images/layout/kb_nav_process.gif);
}

#nav_process:hover {
	background: url(images/layout/kb_nav_process.gif) 0px -8px no-repeat;
}

#nav_about {
	top: 155px;
	background-image:url(images/layout/kb_nav_about.gif);
}

#nav_about:hover {
	background: url(images/layout/kb_nav_about.gif) 0px -8px no-repeat;
}

#nav_contact {
	top: 180px;
	background-image:url(images/layout/kb_nav_contact.gif);
}

#nav_contact:hover {
	background: url(images/layout/kb_nav_contact.gif) 0px -8px no-repeat;
}


#kb {
 	margin-top: 203px;
	margin-left:133px;
}

/* main panes */


#main_pane_home {
	float:left;
	width: 848px;
}

#home_left {
	float:left;
	border-right: 2px #FFF2D4 solid;
}

#home_right {
	float:left;
}

#main_pane_contact {
	float:left;
	width: 725px;
	background-color:#FFF2D4;
}

#main_pane_contact img {
	float:right;
}

#main_pane_contact div {
	float:left;
	margin: 100px 0px 0px 70px;
	line-height:1.7em;
	font-weight:bold;
}

#main_pane_contact h2 {
	font-size:11px;
	font-weight:bold;
	padding:0px;
	margin: 0px;
}

#main_pane_process {
	float:left;
	width: 848px;
	background-color:#FFF2D4;
}

#main_pane_process img {
	float:right;
}

#main_pane_process div {
	float:left;
	margin: 30px 0px 0px 30px;
	line-height:1.7em;
	font-weight:bold;
}

#main_pane_process h2 {
	color: #00b8af;
	font-size:11px;
	font-weight:bold;
	padding:0px;
	margin: 0px;
}

#main_pane_about {
	float:left;
	width: 848px;
	background-color:#FFF2D4;
}

#main_pane_about img {
	float:right;
}

#main_pane_about div {
	float:left;
	width:550px;
	margin: 30px 0px 0px 30px;
	line-height:1.7em;
	font-weight:bold;
	padding: 0px;
	height: 435px;
}

#main_pane_about h2 {
	font-size:11px;
	font-weight:bold;
	padding:0px;
	margin: 0px;
}

#main_pane_about p {
	padding-top: 0px;
	margin-top:0px;
}

#main_pane_portfolio {
	float:left;
	width: 738px;
	background-color:#655845;
	height: 465px;
}

#main_pane_portfolio #portfolio_thumbs {
	float: left;
	width:250px;
	margin: 30px 60px 0px 60px;
	text-align:center;
	display:inline;
}

#main_pane_portfolio #portfolio_thumbs img {
	padding: 10px;
	cursor:pointer;
}

#main_pane_portfolio #portfolio_thumbs a img {
	padding: 10px 0px 0px 0px;
}

#main_pane_portfolio #large_1,
#main_pane_portfolio #large_2,
#main_pane_portfolio #large_3, 
#main_pane_portfolio #large_4, 
#main_pane_portfolio #large_5,
#main_pane_portfolio #large_6 {
	position:absolute;
	display:none;
}

#main_pane_portfolio #large_1 {
	display:inline;
}