@import url('global.css');

/* Changes */
	body.portfolio div#content { padding-bottom:0; margin:0; padding:0; }
	body.portfolio div#inner { width:100%; }
	body.portfolio div#wrapper { width:100%; }
	body.portfolio .gototop { border:1px solid #999; z-index:1000000; background-color:#999; }

/* Footer */
	footer { padding-top:17px; }
	footer ul span { left:100%; }
	footer ul { padding: 6px 0 6px 10px; border-left:1px solid #444; }
	
/* Details -------------- */
	body.portfolio div#details { width:964px; margin:0 auto 40px; }
	body.portfolio div#details h1 { float:left; 	}
	body.portfolio div#details ul { display:none; background:#fff; margin-top:-10px; padding:55px 20px 10px; border:1px solid #; cursor:auto; z-inded:1; overflow:hidden; 
		-webkit-box-shadow:0px 0px 5px rgba(0,0,0,.45);
		-moz-box-shadow:0px 0px 5px rgba(0,0,0,.45);
		box-shadow:0px 0px 5px rgba(0,0,0,.45);
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;		
	}
	body.portfolio div#details ul p { position:absolute; top:3px; padding:0; margin:0; font-weight:bold; }
		
	/* Clone of heading */
	body.portfolio div#details.clone { display:none; }
	body.portfolio div#details.clone { position:fixed; top:0; left:0; right:0; background:rgba(0,0,0,.8); z-index:999999999999; width:100%; margin:0; height:75px; }
	body.portfolio div#details.clone div#inwrap { width:964px; margin:0 auto; padding:0 0 0 0; }
	body.portfolio div#details.clone h1 { margin-top:17px; }
	body.portfolio div#details.clone div#info,
	body.portfolio div#details.clone div#list { margin-top:25px; }
	body.portfolio div#details.clone div#nav { margin-top:20px; }
	
/* Info and Services -------------- */
	body.portfolio div#info { margin-top:50px; width:26px; height:25px; float:right; background:rgba(255,255,255,.1) url('../img/info.png') no-repeat 9px 5px; cursor:pointer; z-index:100000; position:relative;
		-webkit-border-radius:100px;
		-moz-border-radius:100px;
		border-radius:100px;
	}
	body.portfolio div#info:hover { background-color:rgba(255,255,255,.3); }
	body.portfolio div#info:hover ul#services { display:block; }	
	
	body.portfolio div#info ul { margin-left:-170px; width:170px; }	
	body.portfolio div#info ul > span { display:block; width:26px; height:25px; background:rgba(0,0,0,.2) url('../img/info.png') no-repeat 9px 5px; position:absolute; top:0px; right:0px;
		-webkit-border-radius:100px;
		-moz-border-radius:100px;
		border-radius:100px;
	}	
	
	body.portfolio div#info ul b { display:block; font-weight:normal; color:#888; padding-bottom:5px;}
	body.portfolio div#info ul b a { color:#333; }
	body.portfolio div#info ul li { color:#696969; background:url('../img/tag.png') no-repeat right top; margin-bottom:10px; padding:5px 25px 5px 10px; font-size:12px; float:left; border-left:1px solid #fff; }	
	
/* List -------------- */
	body.portfolio div#list { margin-top:50px; width:26px; height:25px; float:right; margin-left:15px; background:rgba(255,255,255,.1) url('../img/list.png') no-repeat 8px 7px; cursor:pointer; z-index:100000; position:relative;
		-webkit-border-radius:100px;
		-moz-border-radius:100px;
		border-radius:100px;
	}
	body.portfolio div#list:hover { background-color:rgba(255,255,255,.3); }
	body.portfolio div#list:hover ul { display:block; }	

	body.portfolio div#list ul { margin-left:-170px; width:170px; padding-bottom:16px; }	
	body.portfolio div#list ul > span { display:block; width:26px; height:25px; background:rgba(0,0,0,.2) url('../img/list.png') no-repeat 8px 7px; position:absolute; top:0px; right:0px;
		-webkit-border-radius:100px;
		-moz-border-radius:100px;
		border-radius:100px;
	}
	body.portfolio div#list ul li { font-size:14px; }
	body.portfolio div#list ul li a { display:block; padding:5px 1px; border-bottom:1px solid #ddd; color:#777; }
	body.portfolio div#list ul li a:hover{ color:#333; }
	body.portfolio div#list ul li#selected a { background-color:#eee; color:#333; font-weight:bold; }	
	
/* Nav ----------- */
	body.portfolio div#nav { float:right; margin-left:14px; margin-top:45px; }
	body.portfolio div#nav a { display:block; width:35px; height:35px; float:left; text-indent:-999999px; margin-left:10px; }
	body.portfolio div#nav a#next { background:rgba(255,255,255,.1) url('../img/next.png') no-repeat 14px center; }
	body.portfolio div#nav a#prev { background:rgba(255,255,255,.1) url('../img/prev.png') no-repeat 13px center; }
	body.portfolio div#nav a#prev:hover,
	body.portfolio div#nav a#next:hover { background-color:rgba(255,255,255,.3); }

/* Screens --------------*/
	body.portfolio div#screens { width:95%; clear:both; overflow:hidden; margin:0 auto; }
	body.portfolio div#screens ul li { clear:both; position:relative; overflow:hidden; }
	body.portfolio div#screens img { display:block; margin-left:-650px; position:relative; left:50%;  z-index:1; }