* {

margin: 0;
padding: 0;
border: 0;

}

body {

background-color:#000000;
background: #000 url(media/bg1.jpg) no-repeat 30px 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

#wrapper {

width: 850px;
display:block;
margin-left: auto;
margin-right:auto;

}

#header img {float:right;
			 margin: 50px 10px 30px 10px;
			 border:none;}

#nav {clear: both;
	  font-size: 120%;
	  margin: 0 10px 0 0;}

#nav ul{

 	list-style-type: none;
	margin: 10px;
	padding: 20px;
	text-align:right;
	}

#nav li { 
	display: inline;
	margin: 5px;
	padding: 5px;
	}

#nav li a {
color:#FFFFFF;
text-decoration:none;}

#nav li a:hover {
color: #CE0000;}

#content {
width: 65%;
float:right;
padding: 30px 0 50px 0;
background: url(media/bg4.jpg) no-repeat 100px 200px;

}

#content h1 {
font-size: 100%;
margin: 10px 10px 30px 30px;}

#bio h1 {
font-size: 100%;
margin: 20px 0 20px 0;}

#bio {
width: 65%;
float:right;
font-size:80%;
margin: 30px 0 50px 0;
background: url(media/bg4.jpg) no-repeat 100px 900px;}

#bio p
{margin: 10px 0 10px 0;
text-align: right;
line-height: 150%;}

#achieve {
margin-top: 30px;
}


#welcome {
text-indent: -9999px;
background: url(media/welcome.jpg) no-repeat right;
height:49px;}

#contact {
width: 65%;
float: right;
font-size:80%;
line-height: 170%;
margin: 30px 0 50px 0;
background: url(media/bg4.jpg) no-repeat 100px 300px;}

#contactdetails {
text-align: right;}

#contact h1 
{font-size: 100%;
margin: 10px 10px 30px 30px;}

#contact a {
color: #C0C0C0;}

#links li {
text-align:right;
list-style: none;}



#content p {
font-size: 80%;
margin: 15px 30px 15px 10px;
text-align: right;
line-height: 170%}

#content a {
color: #C0C0C0;}

#blog {
width: 65%;
float:right;
padding: 30px 0 50px 0;
background: url(media/bg4.jpg) no-repeat 100px 700px;}

#blog p {
text-align:right;
padding: 10px 0 10px 0;
font-size: 80%;
}

#vidgal p {
text-align:right;
padding: 10px 0 10px 0;
font-size: 80%;
}

#vidgal a {
color: #C0C0C0;}


#footer {
clear: both;
float: right;
margin: 30px 0 0 0;
width: 600px;}

#footer p { 
font-size: 70%;
color: #606060;
text-align:left;
margin: 10px 10px 10px 0;}

#footer p a{
color:#606060;
text-decoration:none;} 

#footer p a:hover {
color:#FFFFFF;}

/* navigation initial, rollevers, selected 

height all = 50 px
width:
home = 105px
bio = 76px
blog = 102
media = 116
contact 141

from left to right
home = 0
bio = 105
blog = 181
media = 283
contact = 399 
 FINISH LATER */

#biography {
-indent: -9999px;
background: url(media/biography.jpg) no-repeat right;
height:50px;}

#achievements {
text-indent: -9999px;
background: url(media/achievements.jpg) no-repeat left;
height:50px;}

#photography {
text-indent: -9999px;
background: url(media/photography.jpg) no-repeat right;
height:50px;}

#contactme {
text-indent: -9999px;
background: url(media/contactme.jpg) no-repeat right;
height:50px;}

#other {
text-indent: -9999px;
background: url(media/other.jpg) no-repeat left;
height:48px;}

#apr0409 {
text-indent: -9999px;
background: url(media/040409.jpg) no-repeat right;
height:50px;}

#sept0109{
text-indent: -9999px;
background: url(media/010909.jpg) no-repeat right;
height:37px;}

#may2209 {
text-indent: -9999px;
background: url(media/220509.jpg) no-repeat right;
height:40px;}

#jul0209 {
text-indent: -9999px;
background: url(media/020709.jpg) no-repeat right;
height:43px;}

#nov0109 {
text-indent: -9999px;
background: url(media/011109.jpg) no-repeat right;
height:30px;}

#nov1609 {
text-indent: -9999px;
background: url(media/161109.jpg) no-repeat right;
height:34px;}


#blog a {
color: #C0C0C0;}