body {
	background: #9eb022 url(../images/bg.jpg) top center no-repeat fixed;
}
	body#design {
		background: #b09222 url(../images/bg-design.jpg) top center no-repeat fixed;
	}
	body#music {
		background: #b06322 url(../images/bg-music.jpg) top center no-repeat fixed;		
	}

div#title {
	position: absolute;
	width: 144px;
	height: 39px;
	top: 61px;
	left: 50%;
	margin-left: -352px;
	background: url(../images/title.png);
}
div#title a {
	display: block;
	width: 100%;
	height: 100%;
}

div#projects {
	position: absolute;
	width: 700px;
	height: 150px;
	top: 150px;
	left: 50%;
	margin-left: -350px;
	padding: 0 25px;
}
div#projects div:hover{
	background-position: 0 -150px;
}	
div#projects div a {
	display: block;
	width: 100%;
	height: 100%;
}
	div#project_ASD,
	div#project_music,
	div#project_pano,
	div#project_OEC {
		float: left;
		height: 150px;
	}
	
	div#project_ASD {
		width: 160px;
		background: url(../images/project_ASD.png);
	}
	div#project_music {
		width: 155px;
		background: url(../images/project_music.png);
	}
	div#project_pano {
		width: 183px;
		background: url(../images/project_pano.png);
	}
	div#project_OEC {
		width: 152px;
		background: url(../images/project_OEC.png);
	}

div#content_container {
	position: absolute;
	top: 350px;
	left: 50%;
	width: 750px;
	margin-left: -375px;
}

	div.column {
		float: left;
		width: 374px;
		margin-right: 1px;
		margin-bottom: 50px;
	}
	
		div.pane {
			margin-bottom: 1px;
			padding: 25px;
			background: url(../images/pane_bg.png);
		}
			div.pane#page_info {
			padding-top: 12px;
		}
			body#music div.pane#topright,
			body#page div.pane#topright {
				margin-top: 25px;
				padding-top: 1px;
			}
			

/* Flickr Badge */

/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/

#flickr_badge_uber_wrapper {text-align:center; width:100%; margin-left:2px;}
#flickr_badge_wrapper {padding:0;}
.flickr_badge_image {margin:0 4px 4px 0;float:left;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3c3c3c;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3c3c3c !important;}