/*---[ Portfolio Styles ]---*/

.spotLight{
	display:block;
	position:relative;
	width:692px;
	height:228px;
	background: url( ../images/bg-spotlight.gif ) no-repeat 0 0;
	overflow:visible;
	margin:15px 0;	
}

.randomShow{
	display:none;
}
.spotLightThumb{
	display:block;
	position:absolute;
	/*padding:11px;
	margin:-106px 0 0 0;
background: url( ../images/bg-portfolio-med-img.png ) no-repeat 0 0;
*/
	padding:0;
	margin:0;
	top:19px;
	left:18px;
	border:1px solid #3f565c;
	
}

#content .spotLight .info{
	display:block;
	position:absolute;
	padding:0 23px 0 0 ;
	
	bottom:3px;
	right:5px;
	color:#b8e6f7;
	text-decoration:none;
}

#content .spotLight .info:hover{
	text-decoration:underline;
	background: url( ../images/right_arrow_green.gif) no-repeat right center;
}

.spotLight blockquote{
	display:block;
	position:relative;
	font-family: Georgia, Times, serif;
	font-size:19px;
	text-align:right;
	color:#f4f4f4;
	top:0;
	float:right;
	padding:0 28px;
	margin:35px 25px 0  0;
	
	background: url( ../images/startQuote.gif ) no-repeat 0 3px ;
}


.spotLight blockquote .endQuote{
	display:block;
	position:absolute;
	width:22px;
	height:18px;
	right:0;
	bottom:0;
	padding:0;
	margin:0;
	background: url(../images/endQuote.gif) no-repeat 0 0;
}

.quoteCredit{
	display:block;
	position:relative;
	float:right;
	clear:right;
	text-align:right;
	color:#f4f4f4;
	padding:0;
	margin:15px 28px 0  0;	
}

#content .spotLight .visitSiteLink{
	display:block;
	position:absolute;
	bottom:18px;
	left:18px;
	width:328px;
	height:19px;
	padding:2px 5px;
	background: url(../images/bg-portfolio-link.jpg) no-repeat right top; 
	border:1px solid #3f565c;
	color:#e6f6fc;
	text-decoration:none;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1.5em;
}

#content .spotLight .visitSiteLink:hover{
	text-decoration:underline;
	background: url(../images/bg-portfolio-link-over.jpg) no-repeat right top; 
}

.featuredOn{
	display:block;
	position: absolute;
	margin:30px 25px;
	padding:0;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	color:#e6f6fc;
	text-align:right;
	right:0px;
	bottom:10px;

}

.dailySlurp{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:18px;
	height:18px;
	background: url( ../images/dailyslurp.gif ) no-repeat 0 0;
	text-indent:-999em;
	line-height:999em;
	overflow:hidden;
	float:right;
	margin:0 3px;
}

.designMeltdown{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:18px;
	height:18px;
	background: url( ../images/designMeltdown.gif ) no-repeat 0 0;
	text-indent:-999em;
	line-height:999em;
	overflow:hidden;
	float:right;
	margin:0 3px;
}
.cssMania{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:18px;
	height:18px;
	background: url( ../images/cssMania.gif ) no-repeat 0 0;
	text-indent:-999em;
	line-height:999em;
	overflow:hidden;
	float:right;
	margin:0 3px;
}
.designShack{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:18px;
	height:18px;
	background: url( ../images/designShack.gif ) no-repeat 0 0;
	text-indent:-999em;
	line-height:999em;
	overflow:hidden;
	float:right;
	margin:0 3px;
}
.styles{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:18px;
	height:18px;
	background: url( ../images/styles.gif ) no-repeat 0 0;
	text-indent:-999em;
	line-height:999em;
	overflow:hidden;
	float:right;
	margin:0 3px;
}
.bestCSSGallery{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:18px;
	height:18px;
	background: url( ../images/bestCSSGallery.gif ) no-repeat 0 0;
	text-indent:-999em;
	line-height:999em;
	overflow:hidden;
	float:right;
	margin:0 3px;
}
.cssShowcase{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:18px;
	height:18px;
	background: url( ../images/cssShowcase.gif ) no-repeat 0 0;
	text-indent:-999em;
	line-height:999em;
	overflow:hidden;
	float:right;
	margin:0 3px;
}
.wdGallery{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:18px;
	height:18px;
	background: url( ../images/wdGallery.gif ) no-repeat 0 0;
	text-indent:-999em;
	line-height:999em;
	overflow:hidden;
	float:right;
	margin:0 3px;
}
.cnWebShow{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:18px;
	height:18px;
	background: url( ../images/cnWebShow.gif ) no-repeat 0 0;
	text-indent:-999em;
	line-height:999em;
	overflow:hidden;
	float:right;
	margin:0 3px;
}
.cssGalore{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:18px;
	height:18px;
	background: url( ../images/cssGalore.gif ) no-repeat 0 0;
	text-indent:-999em;
	line-height:999em;
	overflow:hidden;
	float:right;
	margin:0 3px;
}

.theBestDesigns{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:18px;
	height:18px;
	background: url( ../images/theBestDesigns.gif ) no-repeat 0 0;
	text-indent:-999em;
	line-height:999em;
	overflow:hidden;
	float:right;
	margin:0 3px;
}
.screenalicious{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:18px;
	height:18px;
	background: url( ../images/screenalicious.gif ) no-repeat 0 0;
	text-indent:-999em;
	line-height:999em;
	overflow:hidden;
	float:right;
	margin:0 3px;
}

.featuredOn em{

display:block;
	position:relative;
	float:right;
	margin:0 5px;

}



.portfolioLongList, .portfolioLongList li{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}

.portfolioLongList li, .middle li, .right li{
	padding:5px;
	margin:0;
	display:block;
}

.middle{
	top:0;
	display:block;
	position:absolute;
	left:33%;
	width:33%;
	padding:0;
	margin:0;
}

.right{
	top:0;
	right:0;
	display:block;
	position:absolute;
	padding:0;
	margin:0;
	width:30%;
}

#gallery-tier2{
	display:block;
	position:relative;
	padding:0;
	margin:50px 0;
}

#gallery-tier2 img{
	padding:0;
	margin:12px;
	border:4px solid #333;
	width:140px;
	height:140px;
}


.multiColumn{ display:block; position:relative; }
.multiColumn-screen{ display:block; position:relative; } 
.multiColumn-print{ display:none; }


.popDiv img{
	width:325px;
	height:325px;
	background: url(../images/loading.gif) center center no-repeat #fff;
}

a.check{
	display:block;
	position:relative;
	width:200px;
	background: url( ../images/check.gif ) no-repeat left top;
	padding:4px 4px 4px 16px;
}

a.check:visited{
	background: url( ../images/check-visited.gif ) no-repeat left top;
}

span.check{
	display:block;
	position:relative;
	width:200px;
	background: url( ../images/check.gif ) no-repeat  0 3px;
	padding:2px 2px 2px 16px;
}