/* CSS Document */
body{
	background:url(../img/layout07/BG.png) repeat-x #788082;
	margin-top:0px;
	font:medium "Gill Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
	color:#FFFFFF;
}

h1{
	margin:0; 
	border-bottom:1px solid #DDDDDD;
}
a{
	color:#553388; 
	text-decoration:none; 
	font-weight:bold;
}
a:hover{
	color:#9966CC; 
	text-decoration:underline;
}

h1, h2{
	font:x-large "Gill Sans", "Trebuchet MS", Helvetica, Arial, sans-serif; 
}

.left{float:left; margin-right:90px; font-size:14px;}
.left ul{list-style:none; padding:0px; margin:0px;}

#container{
	width:800px;
	float:left;
	margin:0 0 0 -400px;
	position:absolute;
	left:50%;
}

#header{
	background:url(../img/layout07/nameplate.jpg) no-repeat;
	float:left;
	width:800px;
	height:341px;
}

#menu{
	float:left;
	width:760px;
	height:60px;
	padding:5px 20px 0 0;
	background:url(../img/layout07/menuBG.png) no-repeat;
	text-align:right;
	
}

#content{
	float:left;
	width:640px;
	padding:0px 80px 0px 80px;
	background:url(../img/layout07/contentBG.png) repeat-y;
	
}

/*Navigation*/

#menu a{
	margin-right:7px;
}
	

#menu a#bio{
	display:block;
	background:url(../img/layout07/menu/bio.png) no-repeat;
	height:47px;
	width:125px;
	float:right;
}

#menu a#bio:hover{
	background-position:0 -49px;
}

#menu a#bio.selected{
	background-position:0 -47px;
}

#menu a#portfolio{
	display:block;
	background:url(../img/layout07/menu/portfolio.png) no-repeat;
	height:49px;
	width:120px;
	float:right;
}

#menu a#portfolio:hover{
	background-position:0 -51px;
}

#menu a#portfolio.selected{
	background-position:0 -49px;
}


#menu a#resume{
	display:block;
	background:url(../img/layout07/menu/resume.png) no-repeat;
	height:47px;
	width:89px;
	float:right;
}

#menu a#resume:hover{
	background-position:0 -49px;
}

#menu a#resume.selected{
	background-position:0 -47px;
}

#menu a#contact{
	display:block;
	background:url(../img/layout07/menu/contact.png) no-repeat;
	height:48px;
	width:108px;
	float:right;
}

#menu a#contact:hover{
	background-position:0 -50px;
}

#menu a#contact.selected{
	background-position:0 -48px;
}

#menu a.button{
	display:block;
	height:35px;
	padding:12px 0px 0 0px;
	float:right;
	font:26px "Gill Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	background:url(../img/layout07/menu/button.jpg) bottom center;
	background-position:-17px 0px;
	text-align:center;
	margin:0 10px 0 10px;
}

#menu a.button:hover{
	background-position:-17px -48px;
}


#menu a.button#selected{
	background-position:-17px -48px;
}