@charset "utf-8";

/* CSS Document */
	#container {
		height:700px;
		width:700px;
		background-color:#FFF;
		color:#000;
		background-image:url(assets/background.png);
		text-align:left;
		font-family:Arial, Helvetica, sans-serif;
		}
		
#menu {
	float:left;
	left:-8px;
	top:-10px;
	position: relative;
}
		
#menu, #menu li {
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
	 
}

#menu li {
	/*border: 1px solid #000;*/
	position: absolute;
}

#mnu_designer {
	left:99px;
	top:95px;
	height:54px;
	width:52px;
	overflow:hidden;
}

#mnu_designer a {
	display:block;
	height:50px;
	width:52px;
	background-image:url(assets/mnu_designer.png);
	background-repeat:no-repeat;
	background-position: 0 -100px;
}
#mnu_designer a:hover {
	display:block;
	height:50px;
	width:52px;
	background-image:url(assets/mnu_designer.png);
	background-repeat:no-repeat;
	background-position: 0 0;
}
#mnu_designer_selected {
	left:99px;
	top:95px;
	height:54px;
	width:52px;
	overflow:hidden;
}

#mnu_designer_selected a {
	display:block;
	height:50px;
	width:52px;
	background-image:url(assets/mnu_designer.png);
	background-repeat:no-repeat;
	background-position: 0 0;
}


#mnu_artist {
	left:98px;
	top:147px;
	height:63px;
	width:55px;
	overflow:hidden;
}

#mnu_artist a {
	display:block;
	height:63px;
	width:55px;
	background-image:url(assets/mnu_artist.png);
	background-repeat:no-repeat;
	background-position: 0 -100px;
}
#mnu_artist a:hover {
	display:block;
	height:63px;
	width:55px;
	background-image:url(assets/mnu_artist.png);
	background-repeat:no-repeat;
	background-position: 0 0;
}
#mnu_artist_selected {
	left:98px;
	top:147px;
	height:63px;
	width:55px;
	overflow:hidden;
}
#mnu_artist_selected a {
	display:block;
	height:63px;
	width:55px;
	background-image:url(assets/mnu_artist.png);
	background-repeat:no-repeat;
	background-position: 0 0;
}



#mnu_portfolio {
	left:155px;
	top:90px;
	height:40px;
	width:60px;
	overflow:hidden;
}

#mnu_portfolio a {
	display:block;
	height:40px;
	width:60px;
	background-image:url(assets/mnu_portfolio.png);
	background-repeat:no-repeat;
	background-position: 0 -100px;
}
#mnu_portfolio a:hover {
	display:block;
	height:40px;
	width:60px;
	background-image:url(assets/mnu_portfolio.png);
	background-repeat:no-repeat;
	background-position: 0 0;
}
#mnu_portfolio_selected {
	left:155px;
	top:90px;
	height:40px;
	width:60px;
	overflow:hidden;
}

#mnu_portfolio_selected a {
	display:block;
	height:40px;
	width:60px;
	background-image:url(assets/mnu_portfolio.png);
	background-repeat:no-repeat;
	background-position: 0 0;
}




#mnu_notes {
	left:203px;
	top:119px;
	height:52px;
	width:50px;
	overflow:hidden;
}

#mnu_notes a {
	display:block;
	height:52px;
	width:50px;
	background-image:url(assets/mnu_notes.png);
	background-repeat:no-repeat;
	background-position: 0 -100px;
}
#mnu_notes a:hover {
	display:block;
	height:52px;
	width:50px;
	background-image:url(assets/mnu_notes.png);
	background-repeat:no-repeat;
	background-position: 0 0;
}
#mnu_notes_selected {
	left:203px;
	top:119px;
	height:52px;
	width:50px;
	overflow:hidden;
}

#mnu_notes_selected a {
	display:block;
	height:52px;
	width:50px;
	background-image:url(assets/mnu_notes.png);
	background-repeat:no-repeat;
	background-position: 0 0;
}




#mnu_coding {
	left:157px;
	top:174px;
	height:50px;
	width:65px;
	overflow:hidden;
}

#mnu_coding a {
	display:block;
	height:50px;
	width:65px;
	background-image:url(assets/mnu_coding.png);
	background-repeat:no-repeat;
	background-position: 0 -100px;
}
#mnu_coding a:hover {
	display:block;
	height:50px;
	width:65px;
	background-image:url(assets/mnu_coding.png);
	background-repeat:no-repeat;
	background-position: 0 0;
}
#mnu_coding_selected {
	left:157px;
	top:174px;
	height:50px;
	width:65px;
	overflow:hidden;
}

#mnu_coding_selected a {
	display:block;
	height:50px;
	width:65px;
	background-image:url(assets/mnu_coding.png);
	background-repeat:no-repeat;
	background-position: 0 0;
}





#menu_flow {
	width:230px;
	height:200px; 
	float:left;
}

#inner_content {
	width:540px;
	height:540px;
	padding:80px;
	font-size:13px;
}

.curve_segment {
	float:left;
	clear:left;
}

#inner_content a:link {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
#inner_content a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
#inner_content a:hover {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
#inner_content a:active {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

#portfolio_menu, #portfolio_menu li {
	list-style-type:none;
	display:inline;
	font-family:"Courier New", Courier, monospace;
	margin:5px;
}

#portfolio_menu li a {
	font-weight:100;
}



#portfolio_menu_container {
	margin-top:230px;
}

.portfolio_item {
	border:solid;
	border-bottom-style:solid;
	border-bottom-color:#000;
	width:150px;
	height:250px;
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
}

.medium {
	font-size:9px;
}

#footer a:link {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
#footer a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
#footer a:hover {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
#footer a:active {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

#footer {
	margin-top:-70px;
	width:580px;
	font-size:10px;
	color:#000;
}

* {
    margin: 0;
    padding: 0;
}