@charset "UTF-8";
/* CSS Document: David Ware Interactive: Portfolio Page 03-04-10 */


/* IMPORTED STYLE SHEETS
*---------------------------------------------------------------------------*/
@import url(base.css);
@import url(mastHead.css);
@import url(nav.css);
@import url(footer.css);


/* PORTFOLIO PAGE CONTENT
*---------------------------------------------------------------------------*/ 

#column1 { float: left; width: 245px; }
#column1 p { margin: 4px 0px 0px; padding: 0px; }
#column2 { padding-top: 20px; float: right; width: 710px; }
.portfolioItem { text-align: left; }
h2 {
	font-weight: normal;
	text-align: left;
	margin: 5px 0px;
	padding: 0px;
}
.image { float: left; width: 475px; }

.desc {
	float: right;
	width: 210px;
	text-align: left;
	padding-top: 55px;
	padding-right: 20px;
}
.desc p { padding: 0px; margin: 0px; }
#leftArrow {
	float: left;
	height: 89px;
	width: 39px;
	margin-left: 8px;
	margin-right: 10px;
	margin-top: 20px;
	background: url("../images/nav_arrowL.jpg") no-repeat 0px 30px;
	text-indent: -5000px;
	display: block;
}
#rightArrow {
	float: left;
	height: 89px;
	width: 39px;
	margin-right: 8px;
	margin-left: 10px;
	margin-top: 20px;
	background: url("../images/nav_arrowR.jpg") no-repeat 0px 30px;
	text-indent: -5000px;
	display: block;
}
#thumbContainer {
	height: 89px;
	overflow: hidden;
	width: 841px;
	float: left;
	margin-top: 20px;
}
div.thumb {
	float: left;
	width: 135px;
	margin-left: 5px;
	opacity: 0.6;
}
div.thumb:hover { opacity: 1; }
.thumb a:link { opacity: 0.6; }
.thumb a:hover { opacity: 1; }