body
{
	background-color: #222222;
	color: #FFFFFF;
	font-family: Calibri, Helvetica, Arial, sans-serif;
	font-size: small;
	height: 100%;
	margin: 0;
	padding: 0;
}

h1 {
	display: inline;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 5px;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	display: inline;
}

h3 {
	font-size: 1.0em;
	font-weight: normal;
	display: inline;
}
	
#header {
	height: 30px;
	position: relative;
}

#container {
	background-color: transparent;
	left: 0;
	position: absolute;
	top: 20px;
}

#container {
	left: 0;
	margin-top: -200px;
	min-width: 800px;
	top: 50%;
	width: 100%;
}
#main {
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	background-color: #000000;
	overflow: auto;
	position: relative;
	width: 100%;
	height: 310px;
	margin: 0px 0px 10px 0px;
}
	
.logo {
	bottom: 4px;
	color: #FFFFFF;
	float: left;
	width: 500px;
	font-size: 1.4em;
	letter-spacing: 6px;
	margin-left: 10px;
	text-align: left;
}

.page_title {
	bottom: 10px;
	float: right;
	width: 300px;
	text-align: right;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: 4px;
	margin-right: 10px;
}

#innerL {
	float: left;
	height: 96%;
	margin-left: 10px;
	margin-top: 10px;
	position: relative;
	width: 55%;
	}
	
.innerLitems {
	padding-top: 15px;
	clear: left;
}

.innerLitems img {
	border: 1px solid #FFFFFF;
	float: left;
	margin-right: 10px;
}

.innerLitems img:hover {
	border: 1px solid #0033FF;
}

.innerLast {
	padding-bottom: 50px;
}

.innerLast2 {
	padding-bottom: 100px;
}
#innerR {
	float: right;
	height: auto;
	margin-right: 10px;
	margin-top: 10px;
	position: relative;
	padding: 10px;
	width: 35%;
	background-color: #333333;
	border: 1px solid #FFFFFF;
	filter: alpha(opacity=82);
	-moz-opacity: 0.82;
	-khtml-opacity: 0.82;
	opacity: 0.82;
}

ul.innerRul {
	list-style: square;
	margin-left: 5px;
	margin-top: 5px;
	padding-left: 10px;
	padding-top: 0px;
}


innerRul input {
	border: 1px solid #FFFFFF;
	font-size: 0.8em;
}


.contact {
	margin-top: 5px;
	margin-left: 25px;
	padding: 5px;
	font-size: 1.1em;
	font-weight: normal;
}

#resume img {
	border: none;
	padding-top: 5px;
	
}

#resume img:hover {
 	border: 1px solid #0033FF;
 	}
 	
#navigation  {
	margin-top: 7px;
	color: #FFFFFF;
	float: left;
	width: 600px;
	margin-left: 10px;
	text-align: left;
}

div#preloaded-images {
   	position: absolute;
   	overflow: hidden;
   	left: -9999px; 
   	top: -9999px;
   	height: 1px;
   	width: 1px;
}

#navigation a img {height: 55px; width: 85px; border-width: 0;}

a#home img {background: url(../images/nav/home.gif) top left no-repeat;}
a#music img {background: url(../images/nav/music.gif) top left no-repeat;}
a#media img {background: url(../images/nav/media.gif) top left no-repeat;}
a#audio img {background: url(../images/nav/audio.gif) top left no-repeat;}
a#contact img {background: url(../images/nav/contact.gif) top left no-repeat;}

a#home:hover img {background: url(../images/nav/home_hover.gif) top left no-repeat;}
a#music:hover img {background: url(../images/nav/music_hover.gif) top left no-repeat;}
a#media:hover img {background: url(../images/nav/media_hover.gif) top left no-repeat;}
a#audio:hover img {background: url(../images/nav/audio_hover.gif) top left no-repeat;}
a#contact:hover img {background: url(../images/nav/contact_hover.gif) top left no-repeat;}

#footer {
	margin-top: 10px;
	margin-right: 20px;
	float: right;
	width: 300px;
	font-weight: normal;
	font-size: .9em;
	text-align: center;
}

.logo a {
	color: #FFFFFF;
	text-decoration: none;
} 

a {
	color: #99CCFF;
	text-decoration: none;
}

a:link {
	color: #99CCFF;
	text-decoration: none;
}

a:hover { 
	color: #0033FF; 
}

a:visited {
	text-decoration: none;
}