/* MARRYS CSS*/

/*Start from scratch */
*{margin: 0; padding: 0; border: 0; line-height: 1.2em;}
*:link {color: #369;}
*:visited {color: #369;}
a:hover {color: #69C;}
a {text-decoration: none;}

html,body
{
	margin: 0;
	padding: 0;
}

body {
	background-color: #626262;
	color: #44352E;
	font-family:Times, serif;
}


#container{
width: 1000px;
margin:auto;
}

#wrapper{
width:887px;
background-image: url(../img/wrapperbg.jpg);
background-repeat: repeat-y;
margin-top:-53px;
margin-left:46px;
margin-bottom:0;
padding-bottom:0;
}

#content
{
width:616px;
margin-left:140px;
background-image: url(../img/topright.gif);
background-repeat: no-repeat;
background-position: right top;
}

#content p {
padding-left:20px;
padding-right:20px;
}

#footer
{
	width: 937px;
	height: 188px;
	background-image: url(../img/footerbg.jpg);
	background-repeat: no-repeat;

}

/* Specific Styles */

/*header img replacement */
#header h1
{
	text-indent: -9000px;
	background: url(../img/headerimg.jpg);
	width: 917px;
	height: 158px;
	margin: 0;
}

/* navigatory elements */

#navlist {
width: 654px; height:53px;
background: url(../img/navimg.jpg);
text-align:center;
position:relative;
left:160px;
top: -79px;
}

#navlist li
{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#navlist li, #navlist a
{
	height: 53px;
	display: block;
}

#navlist a { text-indent: -9000px; }

#homenav {
left:13;
top:0;
width:114px; 
 }

#menav {
	left: 115px;
	top: 0;
	width: 109px;}

#resumenav
{	left: 224px;
	top: 0;
	width: 108px;}

#contactnav
{	left: 331px;
	top: 0;
	width:109px;}


#portnav
{	left: 440px;
	top: 0;
	width:106px;}

#friendsnav
{	left: 545px;
	top: 0;
	width: 109px;}
	
.home #homenav a, #homenav a:hover { background: transparent url(../img/navimg.jpg) 0 -54px no-repeat; }
.me #menav a, #menav a:hover { background: transparent url(../img/navimg.jpg) -115px -54px no-repeat; }
.resume #resumenav a, #resumenav a:hover { background: transparent url(../img/navimg.jpg) -224px -54px no-repeat; }
.contact #contactnav a, #contactnav a:hover { background: transparent url(../img/navimg.jpg) -331px -54px no-repeat; }
.port #portnav a, #portnav a:hover { background: transparent url(../img/navimg.jpg) -440px -54px no-repeat; }
.friends #friendsnav a, #friendsnav a:hover { background: transparent url(../img/navimg.jpg) -545px -54px no-repeat; }

/* resume Styles */


.resume #content p.listHead
{
	padding:10px 10px 10px 0;
	font-size: 120%;
	font-weight: bold;
}

.resume #content ul.skillsList{
	margin-left: 25px;
	}
	
.resume #content p.experience { font-style: italic; padding-top:8px;}
.resume #content p.position, .resume #content p.work { 
padding-left:30px; font-size: 90%;
}

/* friends */



#friendsDesigners {
float:left;
margin-left:150px;
}

#friendsBands {
margin-left: 400px;
padding-left: 20px;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */