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

* {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	background-color:#CCC;
	background-image:url(../images/dot-bg.gif);
	background-repeat: repeat;
	background-position: center top;
}

#container {
	height: 600px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#nav-container {
	position:absolute;
	float: none;
	height: auto;
	width: 160px;
	left: 5px;
	z-index: 90;
}
.moped {
	z-index: 40;
	position: absolute;
	top: 20px;
	left: 210px;
}
#logo-container {
	height: 105px;
	width: 160px;
	background-image:url(../images/drk-gry-bg.gif);
	background-repeat: repeat;
	position: relative;
	z-index: 90;
}
.my_logo  {
	height: 64px;
	width: 117px;
	margin-left: 20px;
	position: relative;
	margin-top: 30px;
	float: left;
}
.logo {
	margin-top: 90px;
	margin-left: 145px;
}
.identity {
	left:650px;
	top:500px;
}
#nav {
	background-color: #FFF;
	height: auto;
	width: 160px;
	clear: both;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 90;
}
.nav-button {
	height: 22px;
	width: 88px;
	margin-left: 15px;
	clear: both;
	float: left;
	margin-bottom: 5px;
}
.break {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 1px;
	width: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
}
.about-img {
	height: 312px;
	width: 456px;
	position: absolute;
	z-index: 10;
	top: 41px;
	right: 24px;
}

.about-title {
	position: absolute;
	z-index: 85;
	left: 397px;
	top: 78px;
}

.home-bike {
	height: 381px;
	width: 622px;
	position: absolute;
	z-index: 10;
	top: 169px;
	right: 266px;
}


.deerhome {
	position: absolute;
	height: 561px;
	width: 457px;
	left: 253px;
	z-index: 10;
	top: 0px;
}
.home-text {
	color: #FFF;
	background-image:url(../images/drk-gry-bg.gif);
	background-repeat: repeat;
	padding: 10px;
	height: 60px;
	width: 265px;
	z-index: 30;
	left: 585px;
	top: 400px;
	position: absolute;
}
.home-header {
	height: 14px;
	width: 175px;
	float: left;
	margin-bottom: 5px;
}
.home-text h2 {
	width: 265px;
	clear: left;
	font-size: 10px;
	margin-bottom: 3px;
	font-weight: normal;
	text-decoration: none;
	padding-left: 1px;
}


#slider ul li #click a {
	color: #000;
}

#slider {
	height: 600px;
	width: 900px;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	list-style-image: none;
	list-style-type: none;
	z-index: 25;

}
#slider ul, #slider li{
	list-style:none;
	}
#slider li{
	width:900px;
	height:600px;
	overflow:hidden;
	position: relative;
	}	
#prevBtn, #nextBtn{
	display:block;
	width:40px;
	height:68px;
	position:absolute;
	z-index:100;
	}	
#nextBtn{
	left:836px;
	top: 290px;
	}
#prevBtn{
	left:170px;
	top:290px;
}
#prevBtn a, #nextBtn a{
	display:block;
	width:40px;
	height:68px;
	background:url(../images/previous.jpg)
	}	
#nextBtn a{ 
	background:url(../images/next.jpg)	
	}	
	
.more {
	height: 106px;
	width: 97px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#logo a:link    , #logo a:visited, #logo a:active, #logo a:hover{
	color: #666;
}
#slider ul li #click  {
	color: #666;
}
#slider ul li #click a:link {
	color: #666;
	text-decoration: underline;
}
#slider ul li #click a:hover {
	color: #000;
	text-decoration: underline;
}
#slider ul li #click a:visited {
	color: #666;
	text-decoration: underline;
}
#slider ul li #click a:active {
	color: #666;
	text-decoration: underline;
}.slider_container {
	height:600px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position:absolute;
	z-index: 20;
	top: 0px;

}
.project {
	border: 2px solid #4D4D4D;
}
.click {
	background-image: url(../images/drk-gry-bg.gif);
	background-repeat: repeat;
	padding: 8px;
	height: auto;
	width: 200px;
	position: absolute;
	color: #FFF;
	text-align: left;
}
.click p em {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #CCC;
}
.click p {
	margin-top:3px;
	font-size: 11px;
	color: #FFF;
}
click h2 {
	color: #FFF;
}
.number_container  {
	background-image: url(../images/drk-gry-bg.gif);
	height: 20px;
	width: 126px;
	top: 27px;
	right: 5px;
	z-index: 33;
	position: absolute;
	background-repeat: repeat;
	text-align: center;
	background-color: #4D4D4D;
	color: #CCC;
	font-size: 10px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.number_container p strong{
	font-size: 10px;
	z-index: 35;
}
.project_number {
	color: #E6E6E6;
	text-align: center;
	position: absolute;
	z-index: 73;
	top: 55px;
	right: 5px;
	width: 126px;
	height: 12px;
	background-image: url(../images/drk-gry-bg.gif);
	background-repeat: repeat;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 5px;
}
.project_number p {
	font-size: 9px;
}
.project_number p strong {
	font-size: 9px;
	font-weight: bold;
}
.contact-info {
	color: #666;
	background-color: #E6E6E6;
	padding: 5px;
	position: absolute;
	left: 210px;
	top: 410px;
	z-index: 70;
	font-size: 10px;
}
.contact-info p{
	font-size: 10px;
	color: #666;
}
.portfolio {
	position: absolute;
	z-index: 20;
	left: 252px;
	top: 20px;
}
.portfolio-text {
	color: #FFF;
	background-image:url(../images/drk-gry-bg.gif);
	background-repeat: repeat;
	padding: 10px;
	height: auto;
	width: 140px;
	z-index: 30;
	left: 225px;
	top: 325px;
	position: absolute;
}
.port-nav-link   {
	padding: 8px;
	position: absolute;
	background-image: url(../images/drk-gry-bg.gif);
	background-repeat: repeat;
	z-index: 80;
}
.portfolio-header {
	height: 17px;
	width: 58px;
	float: left;
	margin-bottom: 5px;
}
.portfolio-text p {
	width: 140px;
	float: left;
	clear: left;
	font-size: 10px;
}
.contact-wrapper {
	height: 425px;
	width: 355px;
	position: absolute;
	z-index: 70;
	top: 98px;
	left: 540px;
}
.form-row-dark {
	padding: 10px;
	height: 28px;
	width: 285px;
	z-index: 73;
	color: #FFF;
	background-image: url(../images/drk-gry-bg.gif);
	background-repeat: repeat;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;	
}
#contactform label {
	float: left;
	height: auto;
	width: auto;
	padding-top: 3px;
}
.form-row-dark input {
	float: left;
	border: 1px solid #FFF;
	z-index: 75;
	position: relative;
	padding: 5px;
	color: #FFF;
	background-repeat: repeat;
	background-image: url(../images/drk-gry-bg.gif);
}

.form-row-white {
	padding: 10px;
	height: 28px;
	width: 285px;
	z-index: 73;
	color: #333;
	background-color:#FFF;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;	
}
.form-row-white input {
	border: 1px solid #333;
	z-index: 75;
	position: relative;
	padding: 5px;
	color: #333;
	background-repeat: repeat;
	background-color:#FFF;
	float: left;
}
.form-row-white textarea {
	border: 1px solid #333;
	z-index: 75;
	position: relative;
	padding: 5px;
	color: #333;
	background-repeat: repeat;
	background-color:#FFF;
	float: left;
}
.required2 {
	font-size: 10px;
	color: #999;
	position: absolute;
	z-index: 78;
	height: auto;
	width: 58px;
	left: 30px;
	top: 290px;
}
.submit {
	left: 200px;
}
.contact-info p strong {
	font-size: 10px;
	color: #666;
}
.error  {
	font-weight: bold;
	color: #900;
	background-color: #FFF;
	padding: 20px;
	height: 30px;
	width: 235px;
	z-index: 99;
	left: -280px;
	top: 125px;
	position: absolute;
}
.sent {
	font-weight: bold;
	color: #666;
	background-color: #FFF;
	padding: 20px;
	height: 60px;
	width: 245px;
	z-index: 99;
	left: -280px;
	top: 125px;
	position: absolute;
}
a:link, a:hover, a:active, a:visited {
	color: #333;
	text-decoration: underline;
}
#footer p{
	background-color: #E6E6E6;
	padding: 5px;
	height: 14px;
	width: 260px;
	font-size: 10px;
}
#footer {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#footer a:link {
	color: #333;
	font-size: 10px;
	text-decoration: underline;
}
#footer a:hover {
	color: #333;
	text-decoration: underline;
}
#footer a:active, #footer a:visited {
	color: #333;
	font-size: 10px;
	text-decoration: underline;
}
.web {
	margin-top: 50px;
	margin-left: 142px;
	padding-right: 3px;
	padding-left: 3px;
	background-color: #FFF;
}
.interactive {
	left:655px;
	top:500px;
}
#about {
	position: absolute;
	height: 300px;
	width: 250px;
	left: 258px;
	top: 172px;
	z-index: 75;
}
#about a:link, #about a:hover, #about a:visited, #about a:active {
	color: #CCC;
	text-decoration: underline;
}
#container #about p strong {
	width: 250px;
}
#about p {
	color: #FFF;
	background-color: #333;
	background-image: url(../images/drk-gry-bg.gif);
	background-repeat: repeat;
	width: 250px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	z-index: 75;
	height: auto;
}
.graphics {
	margin-top: 40px;
	margin-left: 148px;
	background-color: #FFF;
	padding-right: 3px;
	padding-left: 3px;
}
.home-text p em {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #CCC;
	padding-left: 1px;
}
.holga-noise {
	height: 354px;
	width: 690px;
	position: absolute;
	z-index: 10;
	left: 66px;
	top: 122px;
}
.contact-title {
	z-index: 80;
	left: 250px;
	top: 95px;
	position: absolute;
}
#container .sub-nav a, #container  .sub-nav a:link, #container .sub-nav a:active, #container .sub-nav a:visited {
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4D4D4D;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 15px;
	list-style-type: none;
}

#container #nav-container #nav .sub-nav li{
	padding-bottom: 2px;
	padding-left: 15px;
}

#container .sub-nav a:hover {
	color:#999;
}
ul, ul li {
	list-style-type: none;
}
.my_resume {
	position: absolute;
	z-index: 80;
	left: 272px;
	top: 67px;
}



.resume-container {
	color: #FFF;
	background-image:url(../images/drk-gry-bg.gif);
	background-repeat: repeat;
	height: 500px;
	width: 250px;
	z-index: 30;
	left: 548px;
	top: 39px;
	position: absolute;
	padding-top: 15px;
	padding-right: 35px;
	padding-bottom: 35px;
	padding-left: 15px;
}
#section-scroll {
	color: #FFF;
	background-image:url(../images/drk-gry-bg.gif);
	background-repeat: repeat;
	padding: 10px;
	height: 500px;
	width: 230px;
	z-index: 40;
	overflow: scroll;
}
#section-scroll .Section {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
}
#section-scroll .company {
	font-size: 12px;
	font-weight: bold;
}
#section-scroll .job-title {
	color: #FFF;
	font-weight: normal;
}
#section-scroll .duration {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	color: #CCC;
}
#section-scroll p {
	width:200px;
	margin-bottom: 10px;
}
.resume-header {
	height: 14px;
	width: 175px;
	float: left;
	margin-bottom: 5px;
}
#section-scroll h2 {
	width: 200px;
	clear: left;
	font-size: 10px;
	margin-bottom: 3px;
	font-weight: normal;
	text-decoration: none;
	padding-left: 1px;
}
.resume-pdf {
	color: #333;
	background-color: #FFF;
	padding: 7px;
	width: 150px;
	text-align: center;
	position: absolute;
	left: 294px;
	top: 121px;
	z-index: 82;
}
.resume-pdf a:link, .resume-pdf a:visited, .resume-pdf a:active {
	color: #333;
	text-decoration: none;
}
.resume-pdf a:hover {
	text-decoration: underline;
}

#slider ul li a:link, #slider ul li a:active, #slider ul li a:visited {
	text-decoration:none;
	color:#999;
}

#slider ul li a:hover {
	text-decoration:underline;
}