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

/* UNIVERSAL */

* { outline: none; } /*Removes dotted lines on links when clicked*/


body {
	background:url("../images/background.jpg");
	background-repeat:repeat-x repeat-y;
	width: 100%;
	height: 100%; 
	margin: 0px 0px 0px 0px;
	}
	
#container {
	width: 960px;
	margin:0 auto;
	}
	
#background {
	background:url("../images/background.gif");
	background-repeat: repeat-y;
	width: 960px;
	height:555px;
	border-style: none;
	background-color:#C1C1C1;
  	margin:0px 0px 0px 0px;
	}
	
.title {
	width: 100px;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: right;
	display: inline;
	font-weight: normal;
	}
	
.title a{	
	text-decoration: none;
	list-style: none;
	color: #666666;
	}
	
#title {
	width: 100px;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 2px;
	text-align: right;
	display: inline;
	}
	
#title a{	
	text-decoration: none;
	list-style: none;
	color: #666666;
	}
	
#name {
	margin: 0px 0px 0px 175px;
	padding: 12px 0px 0px 0px;
	text-decoration: none;
	list-style: none;
	}
	
#border {
	width:680px;
	height:440px;
	background-color: #666666;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	}
		
#logo_box {
	position:absolute;
	width:940px;
	height:50px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

#dpo_logo {
	position:absolute;
	width: 140px;
	height: 50px;
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 0px 0px;
	}
	
/* NAVIGATION */
	
#nav_container {
	position:absolute; 
	text-align:right;
	height:575px;
	width:160px;
	background-color:#666666;
	margin:0px 0px 0px 0px;
	}

ul.nav { 
	position:absolute;
	text-align:right;
	font-family:"Arial";
	font-weight:bold;
	font-size:15px;
	line-height:1.25;
	margin:150px 0px 0px 10px;
	}
	
ul.nav li {
	list-style:none;
	text-decoration:none;
	text-align:right;
	}
	
ul.nav li a {
	text-decoration:none;
	color:#CECECE;
	list-style:none;
	margin:0px;
	}
	
ul.nav li a.active {
	text-decoration:none;
	color:#DC4D3A;
	list-style:none;
	margin:0px;
	}

ul.nav li a:hover {
	color: #DC4D3A;
	text-decoration: none;
	list-style: none;
	}

/* END NAVIGATION */
	
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #989898;
	margin: 10px 17px 50px 0px;
	text-align: right;
	}
	
.copyright a{
	text-decoration: none;
	color: #989898;
	}
	
.copyright a:hover{
	text-decoration: none;
	color: #FFFFFF;
	}
	
#social_media{
	position:absolute;
	font-family:"Arial";
	text-decoration:none;
	margin:520px 0px 0px 65px;
	}
	
#social_media li{
	color:#CECECE;
	display: inline;
	list-style: none;
	text-decoration:none;
	float: left;
	padding-right:4px;
	}
	
#social_media li a{
	text-decoration:none;
	color:#CECECE;
	display: inline;
	list-style: none;
	padding-right:2px;
	float: left;
	}
	
#social_media li a:hover{
	text-decoration:none;
	color:#DC4D3A;
	display: inline;
	list-style: none;
	}
	
#main {
	position:absolute;
	width:275px;
	height:300px;
	margin: -440px 0px 0px 680px;
	float: right;
	}

#top {
	background: url("../images/top.gif");
	background-repeat: no-repeat;
	height:10px;
	width:960px;
	margin:40px 0px 0px 0px;
	border-style: none;
	}
	
#bottom {
	background: url("../images/bottom.gif");
	background-repeat: no-repeat;
	height:10px;
	width:960px;
	margin:0px;
	border-style: none;
	}


/* END UNIVERSAL */



/* INDEX */

/* VIEWER */

#viewer { 
	height:420px;
	width:500px;
	margin: 0px 0px 0px 160px;
	}
	
/* END VIEWER */

#heading {
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	margin: -25px 30px 0px 30px;
	text-align: left;
	line-height:1.25;
	font-weight: normal;
	font-size: 20px;
	}

#home_text {
	font-family: Arial, Helvetica, sans-serif;
	color: #888888;
	margin: 15px 30px 20px 30px;
	text-align: left;
	line-height:1.25;
	font-size: 15px;
	}

#home_text a{
	color: #888888;
	text-decoration: none;
	}
	
#home_text a:hover{
	color: #666666;
	text-decoration: none;
	}
	
#home_quote {
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	margin: 15px 30px 10px 30px;
	text-align: left;
	line-height:1.25;
	font-size: 11px;
	}
	
#author {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px 30px 20px 30px;
	text-align: right;
	line-height:1.25;
	font-size: 9px;
	}

/* END INDEX */


	
/* ABOUT ME */

#border_aboutme {
	width:920px;
	height:440px;
	background-color: #666666;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	}
	
#line {
	border-left: 1px solid #999999;
	height: 400px;
	margin: -321px 0px 0px 680px;
	}
	
#colorchange {
	width:220px;
	height:440px;
	background-color: #777777;
	margin: -30px 0px 0px 700px;
	padding: 0px 0px 0px 0px;
	}
	
#david {
	width:154px;
	height:440px;
	margin: 0px 0px 0px 160px;
	position: absolute;
	background-color: #555555;
	}
	
ul.attributes {
	position: absolute;
	margin: -20px 35px 0px 672px;
	}
	
ul.attributes li {
	width:60px;
	height:100%;
	text-align: right;
	font-family: "Arial";
	font-weight: normal;
	font-size:14px;
	line-height:1.5; 
	color:#c2c2c2;
	list-style: none;
	text-decoration: none;
	}
	
ul.attributes li span { 
	color:#666666;
	list-style: none;
	text-decoration: none;
	}
	
ul.attributes2 {
	margin: -20px 35px 0px 737px;
	}
	
ul.attributes2 li {
	width:100px;
	height:100%;
	text-align: left;
	font-family: "Arial";
	font-weight: normal;
	font-size:14px;
	line-height:1.5; 
	color:#FFFFFF;
	list-style: none;
	text-decoration: none;
	}
	
ul.attributes2 li span { 
	color:#DC4D3A;
	list-style: none;
	text-decoration: none;
	}

#heading_aboutme {
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	color: #cdcdcd;
	margin: 10px 30px 0px 355px;
	text-align: left;
	line-height:1.25;
	font-weight: normal;
	font-size: 20px;
	}

#aboutme_text {
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	color: #bcbcbc;
	margin: 15px 30px 20px 355px;
	text-align: left;
	line-height:1.25;
	font-size: 15px;
	position: absolute;
	}

#aboutme_text a{
	color: #FFFFFF;
	text-decoration: none;
	}
	
#aboutme_text a:hover{
	color: #999999;
	text-decoration: none;
	}
	
.awards li {
	text-align: left;
	font-family: "Arial";
	font-weight: normal;
	font-size:8px; 
	color:#FFFFFF;
	line-height:1.5;
	list-style: none;
	text-decoration: none;
	margin:2px 0px 0px -25px;
	}
	
.awards li span{
	text-align: left;
	font-family: "Arial";
	font-weight: normal;
	font-size:8px; 
	color:#bcbcbc;
	line-height:1.5;
	list-style: none;
	text-decoration: none;
	}
	
.awards li p{
	text-align: left;
	font-family: "Arial";
	font-weight: normal;
	font-size:8px; 
	color:#bcbcbc;
	list-style: none;
	text-decoration: none;
	margin:5px 0px 0px -5px;
	}

#resume {
	width:180px;
	height:36px;
	margin:-72px 0px 0px 740px;
	}
	
#resume a {
	list-style: none;
	text-decoration: none;
	}
	
#resume a p:hover {
	color:#DC4D3A;
	list-style: none;
	text-decoration: none;
	}
	
#resume p {
	text-align: left;
	font-family: "Arial";
	font-weight: normal;
	font-size:8px; 
	color:#FFFFFF;
	list-style: none;
	text-decoration: none;
	margin:-23px 0px 0px 36px;
	}
	
#portfolio_link {
	width:180px;
	height:36px;
	margin:-5px 0px 0px 740px;
	}
	
#portfolio_link a {
	list-style: none;
	text-decoration: none;
	}
	
#portfolio_link a p:hover {
	color:#DC4D3A;
	list-style: none;
	text-decoration: none;
	}
	
#portfolio_link p {
	text-align: left;
	font-family: "Arial";
	font-weight: normal;
	font-size:8px; 
	color:#FFFFFF;
	list-style: none;
	text-decoration: none;
	margin:-22px 0px 0px 36px;
	}

#artwork_link {
	width:180px;
	height:36px;
	margin:-5px 0px 0px 740px;
	}
	
#artwork_link a {
	list-style: none;
	text-decoration: none;
	}
	
#artwork_link a p:hover {
	color:#DC4D3A;
	list-style: none;
	text-decoration: none;
	}
	
#artwork_link p {
	text-align: left;
	font-family: "Arial";
	font-weight: normal;
	font-size:8px; 
	color:#FFFFFF;
	list-style: none;
	text-decoration: none;
	margin:-22px 0px 0px 36px;
	}


	
/* END ABOUT ME */




/* PORTFOLIO */
	

#border_portfolio {
	width:920px;
	height:472px;
	background-color: #666666;
	margin: 20px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	}


/* END PORTFOLIO */

/* Easy Slider */

/* image replacement */

.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
    margin:0;
    padding:0;
    display:block;
    overflow:hidden;
    text-indent:-8000px;
    }
   
/* // image replacement */

#slider {
	margin:0px 0px 0px 120px;
	padding:0;
	}

#slider ul, #slider li,{
	width:778px;
	height:449px;
	margin:0px 0px 0px 0px;
	padding:0;
	list-style:none;
	}
		
#slider li { 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
	width:778px;
	height:449px;
	overflow:hidden;
	margin:0px 0px 0px 0px; 
	}
			
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	margin: 0px 0px 0px 840px;
	
	}	
	
#nextBtn, #slider1next{ 
	margin-left:870px;
	}														
	
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:20px;
	height:20px;
	background:url(../images/btn_prev.gif) no-repeat;	
	}	
	
#nextBtn a, #slider1next a{ 
	background:url(../images/btn_next.gif) no-repeat;	
	}	
		
/* // Easy Slider */

/* CONTACT */

#contact_image {
	width:400px;
	height:400px;
	margin: 10px 0px 0px 160px;
	position: absolute;
	}

#border_contact {
	width:880px;
	height:440px;
	background-color: #666666;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	}

#heading_contact {
	width: 260px;
	font-family: Arial, Helvetica, sans-serif;
	color: #cdcdcd;
	margin: -300px 30px 0px 590px;
	text-align: left;
	line-height:1.25;
	font-weight: normal;
	font-size: 20px;
	}

#contact_text {
	width: 260px;
	font-family: Arial, Helvetica, sans-serif;
	color: #bcbcbc;
	margin: 15px 30px 20px 590px;
	text-align: left;
	line-height:1.25;
	font-size: 15px;
	position: absolute;
	}

#contact_text a{
	color: #FFFFFF;
	text-decoration: none;
	}
	
#contact_text a:hover{
	color: #DC4D3A;
	text-decoration: none;
	}






/* END CONTACT */