@charset "UTF-8";
/* CSS Document */


/*---------- | .DUB'S DESIGN - REDvBLACK - PORTFOLIO | ----------*/

#portfolio-main{
	width: 840px;
	margin:8px 8px 15px 30px;
}

#portfolio-left{
	width:305px;
	line-height:24px;
	float:left;
	margin:40px 0 0 20px;
	text-align:right;
}

#portfolio-left a{
	font-size:16px;
	margin:4px 0 4px 4px;
	padding:2px 6px 4px 8px;
}

#portfolio-left .active{
	color:#fff !important;
	text-decoration:none !important;
	font-style:normal !important;
	background:url(img/portfolio-left_hover.png) no-repeat top left !important;
}

.page{
	display:none;
	margin:5px 8px;
}

.page-title{
	color:#fff;
	font-size:24px;
	margin:0 0 8px;
}
.page-img{
	text-align:center !important;
}
.page-img img{
	border:#fff 1px solid !important;
	margin:0 auto !important;
}
.page-text{
	color:#fff;
	font-size:14px;
	width:415px;
	margin:0 auto;
}
.page-text p{
	margin:2px 0 6px !important;
}
.page-text a:link{
	color:#fff !important;
	font-style:italic !important;
}
.page-text a:visited{
	color:#fff !important;
	font-style:italic !important;
}
.page-text a:hover{
	color:#fff !important;
	font-style:normal !important;
	background:#000 !important;
}
.page-text a:active{
	color:#fff !important;
	font-style:normal !important;
	background:#000 !important;
}

.page-text ul{
	list-style: none;
	padding: 0 0 0 25pt;
	margin: 0;
}

/*
#portfolio-left a:link{
	color:#000;
	text-decoration:none;
	background-image:none;
}
#portfolio-left a:visited{
	color:#000;
	text-decoration:none;
	background-image:none;
}
#portfolio-left a:hover{
	color:#fff;
	text-decoration:none;
	background:url(img/portfolio-left_hover.png) no-repeat top left;
}
#portfolio-left a:active{
	color:#fff;
	text-decoration:none;
	background:url(img/portfolio-left_hover.png) no-repeat top left;
}
*/


#portfolio-left .sub-title{
	font-size:20px;
	color:#000;
}

#portfolio-right{
	width:466px;
	height:575px;
	padding:5px 10px;
	float:left;
	background:url(img/portfolio-conarea.png) no-repeat top left;
}