/*
		-- -- -- -- -- -- -- -- -- -- --
		portfolio.css by r(e)volving design 
		for Kingscott and Associates 2006
		-- -- -- -- -- -- -- -- -- -- -- 
		
		Specific to portfolio pages.
		
*/

div#masthead {
	padding-bottom: 48px;
}
div#sb-nav, div#sb-morenav {
	display: none;
}
div#sb-details {
	margin-top: 65px;
}
div#sb-details p.sb-title {
	text-align: right;
	font-size: 2.5em;
	line-height: 1.3em;
	margin: 0.1em 0 0;
}
div#sb-details p.sb-linetxt {
	text-align: right;
	font-size:1em;
	line-height: 1.3em;
	margin-top:.8em;
	margin-bottom:0;
	padding:0;
}
div#sb-details p.p1 {
	margin-top: 10em;
}
div#copynotice {
	margin-top: 180px;
}
div#tabs a.currentTab, 
div#tabs a.currentTab:link, 
div#tabs a.currentTab:hover, 
div#tabs a.currentTab:visited, 
div#tabs a.currentTab:active {
	background-color:#000000;
	color: #20345a;
}
div.portfolio-tab {
	position: absolute;
	z-index: 21;
	background-color: #749EB5;
	height: 25px;
	width: 110px;
	left: 0;
	top: 85px;
	border:0;
	background-attachment: scroll;
	background-image:  url("../img/portfolio_tab_bg-l.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
a.portfolioBtn {
	background-image: url("../img/portfolio_navicon-up.gif");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
}
a.portfolioBtn:hover {
	background-image: url("../img/portfolio_navicon-over.gif");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
}
div.currentProject a.portfolioBtn {
	background-image: url("../img/portfolio_navicon-active.gif");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
}
div#tab-footer {
	position: absolute;
	background-image:  url("../img/portfolio_tab_bg-r.gif");
	width: 160px;
	right: -2px;
	bottom: 0px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 70px;
	overflow: hidden;
}
div#content {
	margin-top: 25px;
}
 div#thumbset { position: relative; top: -45px; right: -195px; width: 552px; height: 60px; z-index: 84; }
div#thumb1 {
	position: absolute;
	left: 25px;
	top: 300px;
	border:0;
	width: 56px; height: 44px; padding-right: 5px;
}
div#thumb2 {
	position: absolute;
	left: 86px;
	top: 300px;
	border:0;
	width: 56px; height: 44px; padding-right: 5px;
}
div#thumb3 {
	position: absolute;
	left: 147px;
	top: 300px;
	border:0;
	width: 56px; height: 44px; padding-right: 5px;
}
div#thumb4 {
	position: absolute;
	left: 208px;
	top: 300px;
	border:0;
	width: 56px; height: 44px; padding-right: 5px;
}
div#thumb5 {
	position: absolute;
	left: 269px;
	top: 300px;
	border:0;
	width: 56px; height: 44px; padding-right: 5px;
}
div#thumb6 {
	position: absolute;
	left: 330px;
	top: 300px;
	border:0;
	width: 56px; height: 44px; padding-right: 5px;
}
div#thumb7 {
	position: absolute;
	left: 391px;
	top: 300px;
	border:0;
	width: 56px; height: 44px; padding-right: 5px;
}
div#thumb8 {
	position: absolute;
	left: 452px;
	top: 300px;
	border:0;
	width: 56px; height: 44px; padding-right: 5px;
}
div#thumb9 {
	position: absolute;
	left: 513px;
	top: 300px;
	border:0;
	width: 56px; height: 44px; padding-right: 5px;
}

div#thumb1 a img, div#thumb2 a img, div#thumb3 a img,div#thumb4 a img, div#thumb5 a img, div#thumb6 a img, div#thumb7 a img, div#thumb8 a img, div#thumb9 a img{ width: 56px; height: 44px; border-color: white black black white; border-width: 1px; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: .7; opacity: 0.7; }

div#thumb1 a:hover img, div#thumb2 a:hover img, div#thumb3 a:hover img, div#thumb4 a:hover img, div#thumb5 a:hover img, div#thumb6 a:hover img, div#thumb7 a:hover img, div#thumb8 a:hover img, div#thumb9 a:hover img{ width: 56px; height: 44px; outline-color: #20345a; outline-width: 2px; filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity: 1; }

div#sb-awards {
	text-align: right;
	margin-top: 8em;
	margin-right: 20px;
	font-size: 1.2em;
}
div#sb-awards p {
	margin: .3em 0px 0px;
}
img.projectImg, 
img.projectSpacer {
	width: 11px;
	height: 11px;
	border: 0;
}

