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

body {
	background-image: url(../images/bkg-1.gif);
	background-repeat: repeat-x;
	background-color: #797979;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.layout {
	margin-right: auto;
	margin-left: auto;
	width: 820px;
	height: 100%;
	background-position: center top;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	float: inherit;
}
.logo_bar {
	background-image: url(../images/logo_bar.png);
	height: 86px;
	width: 820px;
}
.button_bar {
	height: 39px;
	width: 820px;
	background-image: url(../images/button_bar.png);
}
.spacer {
	float: left;
	height: 39px;
	width: 11px;
}
.home_photo {
	background-image: url(../images/photo_bg.png);
	height: 232px;
	width: 820px;
}
.home_content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFFFFF;
	height: auto;
	width: 820px;
	margin: 0px;
	background-image: url(../images/home_content.png);
	padding: 0px;
}
.text {
	height: auto;
	width: 510px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 280px;
}
.address_bar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #CCCCCC;
	height: 32px;
	width: 800px;
	background-image: url(../images/address_bar.png);
	padding-top: 18px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.top {
	background-image: url(../images/pen.png);
	height: 30px;
	width: 820px;
}
.cssnav
{
	position: relative;
	font-family: "Times New Roman", Times, serif;
	white-space: nowrap;
	display: block;
	width: 114px;
	height: 39px;
	background-image: url(../images/button_on.gif);
	background-repeat: repeat;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 12px;
}
.portfolio {
	width: 799px;
	margin-left: 10px;
}

.cssnav a
{
	display: block;
	color: #000000;
	font-size: 12px;
	width: 114px;
	height: 39px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
}

.cssnav img
{
	width: 114px;
	height: 39px;
	border: 0;
	padding-left: 0px;
}

* html a:hover
{
visibility:visible
}
.blueprint {
	background-image: url(../images/blueprint.png);
	height: 307px;
	width: 193px;
	position: relative;
	z-index: auto;
	top: -15px;
	right: 10px;
	float: left;
	color: #303E61;
	padding-left: 40px;
	margin-left: 0px;
	padding-top: 30px;
	padding-right: 40px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
}
.sample_chips {
	height: 92px;
	width: 103px;
	background-image: url(../images/sample_chips.png);
	position: absolute;
	left: 160px;
}

.cssnav a:hover img
{
visibility:hidden
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #99CCFF;
	text-decoration: none;
}
a:active {
	color: #CCCCCC;
	text-decoration: none;
}

.cssnav span
{
	position: absolute;
	left: 10px;
	top: 13px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	color: #FFFFFF;
	width: 94px;
	text-align: center;
} 
.style_head {
	font-size: 11px;
	text-transform: uppercase;
	color: #CCCCCC;
	font-weight: normal;
	font-variant: normal;
	line-height: 24px;
	font-style: normal;
}
.david {
	height: 126px;
	width: 170px;
	background-image: url(../images/david.png);
	position: absolute;
	left: 18px;
}
.experience_photo {
	background-image: url(../images/experience_photo.png);
	height: 232px;
	width: 820px;
}
.insider_photo {
	background-image: url(../images/insider_photo.png);
	height: 232px;
	width: 820px;
}
.projects_photo {
	background-image: url(../images/projects_photo.png);
	height: 232px;
	width: 820px;
}
.subbutton_bar {
	height: 18px;
	width: 820px;
	background-image: url(../images/subbutton_bar.png);
	background-color: #5A5A5A;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 20px;
	padding-top: 6px;
}