/* 		CSS Document 				*/
/* 		Date: 01/09/2008 			*/
/* 		Website: twosocks.com.au	*/
/* 		Version: 1.0				*/

/* -------------------------------- */
/*                ID                */
/* -------------------------------- */


#portfolio h1 {
	clear:both;
	margin:20px 0px 20px 0px;
	padding:7px 0 7px 30px;
	width:445px;
	color:#fff;
	font-size:12px;
	background-color:#191919;
	border-top:2px solid #00b4ff;
	border-right:2px solid #00b4ff;
	border-bottom:2px solid #00b4ff;
}

#portfolio dl, dt, dd {
	margin:0;
	padding:0;
}

#portfolio dl {
	width: 129px;
	text-align: right;
	float: left;
	margin-left: 29px;
}

#portfolio dt {
}

#portfolio dd {
	font-size:12px;
	padding-bottom:10px;
}



/* -------------------------------- */
/*           ID SELECTORS           */
/* -------------------------------- */



/* -------------------------------- */
/*             CLASSES              */
/* -------------------------------- */

.shift {
	position:relative;
	top:29px;
	padding-left:240px;
}


.portfolio_list {
	padding-left:17px;
}

.portfolio_list_details {
	position:relative;
	float:left;
	width:222px;
	height:138px;
	margin-left:15px;
	padding-top:5px;
}

.portfolio_list img {
	float:left;
}

.portfolio_list_what {
	float:left;
	width:90px;
}

.portfolio_list_who {
	float:left;
	width:132px;
}

/* -------------------------------- */
/*         CLASS SELECTORS          */
/* -------------------------------- */

.portfolio_select img {
	position:relative;
	float:left;
	left:105px;
}

.portfolio_list p {
	clear:both;
	text-align:right;
}

.portfolio_list_what p {
	color:#00b4ff;
	text-align:left;
	padding-top:2px;
	padding-bottom:2px;
}

.portfolio_list_who p {
	text-align:left;
	padding-top:2px;
	padding-bottom:2px;
}

/* -------------------------------- */
/*           ANCHOR TAGS            */
/* -------------------------------- */

#portfolio a {
	color:#00b4ff;
}

#portfolio dl dt img {
	border:0px;
}

.portfolio_list img {
	border:0px;
}

.portfolio_list_details p a {
	position:absolute;
	padding-top:5px;
	right:0px;
	bottom:0px;
	width:99px;
	height:25px;
	text-align:center;
	text-decoration: none;
	color: #a0a0a0;
	background:url(../img/buttons/view-portfolio-up.gif) no-repeat;
}

.portfolio_list_details p a:hover {
	width:99px;
	height:25px;
	color:#00b4ff;
	background:url(../img/buttons/view-portfolio-down.gif) no-repeat;
}