@import url('global.css');

body.portfolio div#content { padding-bottom: 0; }

/* Header/footer */
/* Header */
header{ margin:48px 0 56px; width: 964px; position:relative;}
header div { background:url('../img/heading.png') no-repeat left top;  }
header span { height:100%; background:url('../img/heading_left.png') no-repeat right top; width:9999px; position:absolute; top:0; right:100%;}

footer ul span { left:100%; }
footer ul { padding: 6px 0 6px 10px; border-left:1px solid #1c1c1c; }

/* Projects listing --------------- */
body.portfolio header ul { overflow:hidden; padding:20px 0; }
	body.portfolio header ul li { float:left; width:192px; border-left:1px solid #202020; padding:0; font-size:13px; }
	body.portfolio header ul li.right { width: 191px;}
		body.portfolio header ul li a { line-height:120%; border-bottom:0; color:#ccc; padding:10px 21px 7px; overflow:hidden; display:block; }
		body.portfolio header ul li:hover { border-left:1px solid #333; } 
		body.portfolio header ul li a:hover { color:#fff; text-decoration:none; }
		body.portfolio header ul li a:hover em { color:#7f7f7f; }
			body.portfolio header ul li a em { display:block; color:#666; font-size:11px; margin:2px 0 0; font-style:normal; }
			
			body.portfolio header ul li#selected { background: url('../img/icon-arrow.gif') no-repeat 0 20px; border-left:1px solid #333;}
				body.portfolio header ul li#selected a { color:#8db96a; }
			

/* Project area --------------- */
body.portfolio section#project { clear: both; width: 964px; overflow: hidden; margin: 0; padding: 0; }
	body.portfolio section#project header { margin: 0 0 25px; padding: 0; overflow: hidden; width: auto; }
	body.portfolio section#project h2 { background-color:#000; padding:2px; color:#fff; float:left; margin-bottom: 25px; }

	body.portfolio div#screens { overflow: hidden; width: 964px; }
	body.portfolio div#screens img { margin-bottom: 25px; }