body {background: #fff;font:12px/20px "Helvetica Neue",Arial,Helvetica,sans-serif;margin: 50px 0px 50px 0px;}

a{color: #000;}
a:visited{color: #000;}
a:hover{color: #999;}
a:active{color: #ffdb07;}

#container {width: 100%;margin: 0 auto;}

#header {
	margin: 0 0 0 50px;
	height:80px;
	width:950px;
	clear:both;
}

#header{position:relative;margin-bottom:70px;}
#header #contact{position:absolute;left:810px;top:-30px;}
#header #contact a{display:block;width:139px;height:13px;background:url(../assets/peterSprite.png) 0 -113px;text-indent:-9999px;}
#header #contact a:hover{background-position: 0 -126px;}

#header h1, #header h2{text-indent:-9999px;}

#header #menu .home a {background: url(../assets/peterSprite.png) 0 0 no-repeat;width: 211px;height: 71px;float:left;display:block;margin-right:64px;}

#header #menu .archive{width:97px;height:21px;float:left;display:block;margin:50px 40px 0 0;}
#header #menu .archive a{background: url(../assets/peterSprite.png) 0 -71px no-repeat;}
#header #menu .archive a:hover{background-position:0 -92px;}
#header #menu .archive.active {border-bottom:2px solid #ccc;padding-bottom:3px;}

#header #menu .bio{width:39px;height:21px;float:left;display:block;margin:50px 40px 0 0;}
#header #menu .bio a{background: url(../assets/peterSprite.png) -102px -71px no-repeat;}
#header #menu .bio a:hover{background-position:-102px -92px;}
#header #menu .bio.active{border-bottom:2px solid #ccc;padding-bottom:3px;}

#header #menu .resume{width:104px;height:21px;float:left;display:block;margin:50px 40px 0 0;}
#header #menu .resume a{background: url(../assets/peterSprite.png) -146px -71px no-repeat;}
#header #menu .resume a:hover{background-position:-146px -92px;}
#header #menu .resume.active{border-bottom:2px solid #ccc;padding-bottom:3px;}

#home #page .slide{overflow:hidden;position:relative;height:510px;}
#home #page .slide img{margin-left:50px;}
#home #page .slide img:hover{cursor:pointer;}
#home #page .slide .items{width:20000em;position:absolute;}

#home #page{position:relative;}
#home #page .info{margin:50px 0 0 50px;}
#home #page .info span{font-weight:bold;}

#home #page #slideNav{position:absolute;left:950px;bottom:0px;}
#home #page #slideNav li{float:left;margin-right:25px;}
#home #page #slideNav a:hover{cursor:pointer;}
#home #page #slideNav a{display:block;width:14px;height:29px;text-indent:-9999px;}
#home #page #slideNav a.prev{background:url(../assets/arrows.png) 0 0;}
#home #page #slideNav a.prev:hover{background-position:0 -29px;}
#home #page #slideNav a.next:hover{background-position:14px -29px;}
#home #page #slideNav a.next{background:url(../assets/arrows.png) 14px 0;}

#archive #page{margin:0 0 50px 50px;color:#999;}	
#archive #page .gallery{margin-bottom:40px;}	
#archive #page .gallery li{float:left;margin:0 20px 20px 0;}
#archive #page .gallery li a{display:block;height:110px;}
#archive #page .gallery .title{font-size:20px;margin-bottom:15px;}

#bio #page{margin:0 0 50px 50px;width:600px;line-height:30px;font-size:20px;color:#999;}

#resume #page{margin:0 0 50px 50px;color:#999;}
#resume #page .section{margin-bottom:60px;}
#resume #page .section dd, #resume #page .section dt{margin-bottom:5px;font-size:14px;}

#resume #page .section dt.single{width:100%;}
#resume #page .section dd.none{width:0px;}

#resume #page .section dt{float:left;width:115px;}
#resume #page .section h3{font-size:20px;margin-bottom:15px;}

#contactInfo {
	background-color:#333;
	width:950px;
}

#contactInfo a {
	width: 139px;
	height: 13px;
	background: url(http://nofavorite.com/dev/passuntino/includes/css/assets/peterSprite.png) no-repeat scroll 0px 0px;
	text-indent: -9999px;
	display:block;
	float:right;
}

#menu a { background-image: url(url("http://nofavorite.com/dev/passuntino/includes/css/assets/peterSprite.png") no-repeat scroll 0 0 transparent); background-repeat: no-repeat; display: block; text-indent: -9000px;}
#menu h1 a { background-position: 0px 0px; }
#menu ul li a.archive { background-position: 0px 0px; height:21px; width: 97px; height:20px; display:block; }
#menu ul li a.resume { background-position: 0px 0px; height:21px; width: 39px; height:20px; display:block; }
#menu ul li a.bio { background-position: 0px 0px; height:21px; width: 104px; height:20px; display:block; }

#page {margin-bottom: 30px;}


#footer {
	margin: 0 auto;
	height:80px;
	width:950px;
	background-color:#900;
}

.end {
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}

/*  Clear Fix  */
.clear:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clear {
    display: inline-block; }

html[xmlns] .clear {
    display: block; }

* html .clear {
    height: 1%; }