*{
outline: none;
margin:0;
padding:0;
}

body{
font-family: arial, sans-serif;
font-size: 12px;
color: #000;
background-color: #fff;
margin: 0;
}
a {
color: #f82d53;
}

#wrapper{
margin: 0;
position: relative;
width: 1000px;
overflow: hidden
}

/*	HEADER	*/

#header{
width: 100%;
height: 115px;
background-color: #fff;
position: fixed!important;
position:relative;
top:0;
left: 0;
padding: 37px 0 0 57px;
z-index: 99;
}
#header h2{
display:none;
}
#header p, #header h1 a, #dots, #nav a, #thanks, #resume, #about_text, #resume_text{
text-indent: -10000px;
overflow: hidden;
display:block;
background-repeat: no-repeat;
background-position: 5px 5px;
position: relative;
}
#header h1 a{
width: 303px;
height: 20px;
background-image: url(../img/randy_c_johnson.gif);
left: 5px;
}
#header p{
width: 352px;
height: 35px;
background-image: url(../img/people_call_me.gif);
left: 89px;
top: -1px;
}
#dots{
width: 272px;
height: 11px;
background-image: url(../img/dots.gif);
top: -14px;
left: 388px;
}

/*		NAV		*/
#nav{
position: relative;
list-style: none;
background-repeat: no-repeat;
background-image: url(../img/divider.gif);
height: 18px;
background-position: 85px 4px; 
top: -32px;
left: 672px
}

#nav li{
float: left;
margin-right: 24px;
}

#portfolio{
width: 74px;
background-image: url(../img/portfolio.gif);
}
#about{
width: 50px;
background-image: url(../img/about.gif);
}

#resume{
width: 279px;
height: 22px;
background-image: url(../img/resume.gif);
left: -5px;
}

#h{
width: 25px;
height:33px;
background-image: url(../img/h.gif);
position: absolute;
top: -40px;
right: 50px;
}
#a{
width: 28px;
height:26px;
background-image: url(../img/a.gif);
top: -34px;
right: 52px;
}
#p{
width: 27px;
height:32px;
background-image: url(../img/p.gif);
top: -34px;
right: 52px;
}

#content{
padding: 182px 150px 20px!important;
padding: 30px 150px 20px;
z-index: 1;
position: relative;
}

#portfolio_content{
width: 562px;
z-index: 1;
margin: 182px 150px 20px!important;
margin: 46px 150px 10px;
}

#thanks{
width: 461px;
height: 433px;
background-image: url(../img/thanks.gif);
top: -5px;
left: -5px;
}
.ul{
display:block;
margin: 4px;
height: 5px;
background-color: #000;
width: auto;
overflow: hidden;
position: relative;
left: -1px;
}

#content .text{
border-left: 1px solid #ccc;
width: 445px;
margin-left: 124px;
padding-left: 25px;
position: relative;
}

#rj{
position: absolute;
float:left;
margin-left:-9px;
margin-top:-19px;
}

h3{
color: #f82d53;
margin-top: 20px;
}
h4{
color: #959595;
}
h3, h4, h5 {
clear: both;
font-size: 12px;
font-weight: bold;
}

.space{
margin-top: 20px;
}

#music{
list-style: none;
padding: 10px 0;
}
#music li{
width: 25%;
float: left;
 }

.copy p{
margin-bottom: 10px;
}
#about_text{
height: 535px;
width: 429px;
background-image: url(../img/about_text.gif);
left: -5px;
top: -5px;
margin:0 0 -20px;
}
#somehow{
display: block;
z-index: 99;
position: absolute;
top: 280px;
left: 70px;
width: 50px;
}

.copy .hr, .portfolioItem .hr{
clear: both;
background-image: url(../img/hr.gif);
height: 8px;
margin-bottom: 20px;
display: block;
border: 0;
overflow: hidden;
}
#resume_text{
height: 1115px;
width: 434px;
background-image: url(../img/resume_text.gif);
left: -5px;
top: -5px;
overflow: hidden;
margin-top: 10px;
}

#resume_text br{
display: none;
}

.portfolioItem p{
margin-bottom: 20px;
line-height: 16px;
}

.portfolioItem .portfolioHeader{
margin-bottom:18px;
}

.portfolioItem img{
display: block;
}

.portfolioItem .port{
display: block;
margin-bottom: 13px;
}

.port.last{
margin-bottom: 20px!important;
}

#footer{
color: #959595;
font-size: 9px;
margin-top: 70px;
}