/* =Reset
-------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


.hr { border-bottom: 1px dashed #9d9d9d; width: 100%; }
.hr hr {display: none;}


body {
margin: 0;
padding: 0;
border: 0;
height: 100%; 
max-height: 100%;
background: url('_resources/images/bg.jpg') top center repeat;
background-color: #1d1d1d;
font-family: Verdana;
}

/* =Font Styles
-------------------------------------------------------------*/

a:link, a:visited, a:active {
color: #1d1d1d;
}

a:hover { 
color:pink;
}

h1, h2, h3, h4, h5			{ font-size: 20px; color: #04b2d9; }
h2 							{ font-size: 17px; color:#990; letter-spacing:5px; }
h3 							{ font-size: 14px; color:#FFF; }
h4 							{ font-size: 13px; letter-spacing:1px; }
h5 		                    { font-size: 10px; }

.one, .two, .three, .four, .five { font-size:11px; }

.bio h1 {
font-size:30px;
}

.bio p {
text-align:justify;
text-indent: 15px;
color:#ccc;
margin-bottom: 10px;
padding-right:5px;
line-height:15px;
}

#content p {
font-size: 12px; color: #cdcdcd; padding:0px 0px 0px 10px; 
font-family:verdana;
line-height:15px;
}

p { color:#ccc; line-height:15px;  }
/* =Tables
-------------------------------------------------------------*/

table { 
	border-spacing: 0;
	border-collapse: collapse;
}

tr {
    position:relative;
    line-height:16px;
}

td {
    font-size:12px;
    padding-right:20px;
    color:#ccc;
	text-align: left;
	font-weight: normal;
}

.socialnet td {
    font-size:12px;
    padding-right:0px;
    color:#ccc;
	text-align: left;
	font-weight: normal;
}

th {
    letter-spacing:3px;
}

td.italic {
    font-size: 9px;
    font-style: italic;
	font-weight: normal;
}


/* =Content
-------------------------------------------------------------*/

.ro{
width:400px;
height:600px;
background: url(_resources/images/maxx_fp.jpg) top no-repeat;
}

.ro:hover{
width:400px;
height:600px;
background: url(_resources/images/maxx_fp_ro.jpg) top no-repeat;
}


#content_contact {
position:relative;
width: 600px;
height: 540px;
background-color: transparent;
margin: 0 auto;
border:10px solid #FFF;
z-index:8;
}


#content {
position:relative;
width: 600px;
height: 400px;
background-color: transparent;
margin: 0 auto;
border:10px solid #FFF;
z-index:8;
}

#resume_content {
position:relative;
width: 600px;
height: auto;
background-color: transparent;
margin: 0 auto;
border:10px solid #FFF;
z-index:8;
}

#bio_content {
position:relative;
width: 600px;
height: auto;
background-color: transparent;
margin: 0 auto;
border:10px solid #FFF;
z-index:8;
}

#music_content {
position:relative;
width: 600px;
height: auto;
background-color: transparent;
margin: 0 auto;
border:10px solid #FFF;
z-index:8;
}

#maincontent {
position: relative;
width:400px;
height:100%;
margin: 20px auto;
background-color: transparent;
}

#widecontent {
position: relative;
width:600px;
height:100%;
margin: 20px auto;
background-color: transparent;
}

.one {
position:relative;
width: 300px;
height: auto;
padding:20px;
top:20px;
left:20px;

}

.two {
position:relative;
width: 190px;
height: auto;
padding:20px;
top:-127px;
_top:-100px;
left:330px;

}

.three {
position:relative;
width: 200px;
height: auto;
padding:20px;
top:-90px;
left:20px;

}

.four {
position:relative;
width: 230px;
height: auto;
padding:20px;
top:-240px;
left:330px;
_top: -200px;
}

.five {
position:relative;
width: 230px;
height: auto;
padding:20px;
top:-200px;
left:20px;
_top: -200px;
}


.resume {
position:relative;
width: 560px;
height: auto;
padding:20px;
top:0px;
left:0px;
font-size:12px;

}

.bio {
position:relative;
width: 560px;
height: auto;
padding:20px;
top:0px;
left:0px;
font-size:12px;
}

.music {
position:relative;
width: 560px;
height: auto;
padding:20px;
top:0px;
left:0px;
font-size:12px;
}

#photo {
position:relative;
width: 400px;
height: 600px;
background-color: transparent;
margin: 0 auto;
border:10px solid #FFF;
z-index:8;
}

#resBio{
position:absolute;
left:420px;
top:60px;
width: 150px;
height:50px;
z-index:5px;
}

#wide_resBio{
position:absolute;
left:620px;
top:60px;
width: 150px;
height:50px;
z-index:5px;
}

.social_net {
top: 0px;
left: 0px;
position: relative;
width:450px;
height:auto;
z-index:999
}

.social_net a {
float:left;
}

.social_net table {
position: relative;
top:6px;
width:auto;
height:auto;
z-index:999
}


/* =Navigation
-------------------------------------------------------------*/


ul {
	list-style:none;
	margin:0;
	padding:0;
}
li {
	float:left;
	width:100px;
	margin:0;
	padding:0;
	text-align:center;
}
li a {
	display:block;
	padding:6px 0px;
	height:100%;
	color:#FFF;
	text-decoration:none;
	border-right:1px solid #1d1d1d;
}
li a:link, li a:visited, li a:active {
	background:url(_resources/images/bg2.png) repeat 0 0;
}
li a:hover {
	background-position:150px 0;
}

#nav {
position:relative;
width: 420px;
height:30px;
margin: 0px auto;
background-color: transparent;
}

#wide_nav {
position:relative;
width: 620px;
height:30px;
margin: 0px auto;
background-color: transparent;
}

#nav a:link,#nav a:visited {
font-size:12px;
}

#wide_nav a:link,#wide_nav a:visited {
font-size:12px;
}




.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[body] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

* html body { /*IE6 hack*/
padding: 0 0 0 0px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}

* html #maincontent { /*IE6 hack*/
height: 100%; 
width: 100%; 
}