/*
      Created by Jason Wilson
	  
	  E-Mail: jasonmwilson@gmail.com
	  
*/

* { padding: 0; margin: 0; }


ul{
	list-style-type:none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color:transparent;
	font-size: 11px;
}
#wrapper { 
 width: 980px;
 position:relative; 
margin-left: auto; 
margin-right: auto;

}
#header {
 color: #afb7b9;
 width: 750px;
 padding: 0px;
 height: 80px;
 margin: 0px 0px 0px 100px;
 background: #afb7b9;
}

/*  Main Panel */
#mainpanel {
	position:relative;
	float: left;
	height: 370px;
	width: 750px;
	background: #afb7b9 url(images/middle.png) top center no-repeat;
	background-repeat: 
}

#banner {
	position:relative;
	width:735px;
	height:40px;
	z-index:1;
	left: 7px;
	top: 12px;
	background-image: url(images/header.png) ;
}
#nav {
	position:relative;
	width:740px;
	height:20px;
	z-index:999;
	left: 4px;
	top: 20px;
}

#headshot{
	position: relative;
	margin-left:20px;
	margin-top:50px;
}

#bio {
	position:relative;
	width:174px;
	height:17px;
	z-index:300;
	margin-left: 275px;
	margin-top: -250px;
}

#statement {
	position:relative;
	width:200px;
	height:18px;
	z-index:900;
	left: 500px;
	top: -230px;
}
#cv {
	position:relative;
	width:174px;
	height:20px;
	z-index:1;
	left: 360px;
	top: -270px;
}

#tweets{
	position:relative;
	width:174px;
	height:20px;
	z-index:200;
	left: 350px;
	top: 35px;
	}

#featuredHeader{
	background-color:transparent;
	font:13px Myriad Pro, "Myriad Pro", Arial, Helvetica, sans-serif;
	color:#333;
	width:375px;
	height:25px;
	position:relative;
	text-align:left;
	margin:100px 0px 0px 360px;
	}
	
/*  left Panel */
#leftpanel { 
 position:relative;
 background: #afb7b9;
 margin: -80px 0px 0px 0px;
 padding: 0px;
 height: 750px;
 width: 100px;
 float: left;
}

#book1 {
	position: relative;
	top: 13px;
	left: 13px;
	}
#book2 {
	position: relative;
	top: 35px;
	left: 13px;
	}
#book3 {
	position: relative;
	top: 60px;
	left: 13px;
	}
#book4 {
	position: relative;
	top: 85px;
	left: 13px;
	}
#book5 {
	position: relative;
	top: 110px;
	left: 13px;
	}
#book6 {
	position: relative;
	top: 135px;
	left: 13px;
	}


/*  Right Panel */
#rightpanel { 
 position:relative;
 background: #afb7b9;
 margin: -80px 0px 0px 0px;
 padding: 0px;
 height: 735px;
 width: 100px;
 float: left;
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 15px;
}

#book7 {
	position: relative;
	top: -2px;
	left: 13px;
	}
#book8 {
	position: relative;
	top: 20px;
	left: 13px;
	}
#book9 {
	position: relative;
	top: 45px;
	left: 13px;
	}
#book10 {
	position: relative;
	top: 70px;
	left: 13px;
	}
#book11 {
	position: relative;
	top: 95px;
	left: 13px;
	}
#book12 {
	position: relative;
	top: 120px;
	left: 13px;
	}

/*  Lower Panel */
#lowerpanel { 
 width: 750px;
 height:300px;
 float: left;
 background: #afb7b9;
 background: #afb7b9 url(images/lg-panel.png) top center no-repeat;
 margin-left:100px;
 margin-top:-300px;
}

#contactinfo {
	position:relative;
	width:191px;
	height:108px;
	z-index:103;
	left: 520px;
	top: 70px;
}

#videos {
	position:relative;
	left: 50px;
	top: -90px;
}

/*  YouTube Panel */
#youtubePanel { 
 width: 950px;
 height:150px;
 float: left;
 background: #afb7b9;
 position:relative;
}

/*  Text Styling */
p.pa {
	margin: 0px 0px 5px 2px;
	color:#333;
	text-align: left;
	font: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
 span.sa {text-decoration: underline ; letter-spacing: 0px color: #2400a9}
 span.sb {letter-spacing: 0px; margin-right:10px;}

p.pa a {
	color: #E25129;
}
 
 a:link {
	text-decoration: none;
	color: #657E7E;
}
a:visited {
	text-decoration: none;
	color: #E25129;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}