/* ---------- Home Page Styles  --------- */


/* Header Blocks */

h2#services-head{
	background: url(images/services-head.png) no-repeat top left;
}

h2#blog-head{
	background: url(images/blog-head.png) no-repeat top left;
}


/* Content */

#portfolio{
	float: left;
	clear: left;
	width: 670px;
	border-top: 1px solid #6a6464;
}

h1#intro-head{
text-indent: -9999px;
	height: 32px;
	background: url(images/lunamedia-intro.png) no-repeat top left;
}

h2#work-head{
	text-indent: -9999px;
	height: 32px;
	background: url(images/work-head.png) no-repeat top left;
}

h2#news-head{
	margin-top: -8px;
	text-indent: -9999px;
	height: 28px;
	background: url(images/news-head.png) no-repeat top left;
}

h2#testimonials{
	text-indent: -9999px;
	height: 32px;
	background: url(images/testimonials.png) no-repeat top left;
}

cite{
float: right;
margin: 0 0 8px 0;
}

blockquote{
padding: 0;
}

/* img#me{
	float: left;
	margin-right: 20px;
} */

img.cmslogo{
float: right;
clear: right;
margin: 0 0 15px 20px;
}


/* Javascript Slider */

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 668px; 
	height: 300px;
	margin: 12px 0;
	overflow: hidden;
	border: 1px solid #6a6464;
}

div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width: 668px;
	height: 300px;
	overflow: hidden;
	float: left;
	padding: 1em;		
}
	
div.scroller div.content {
	width: 10000px;
}

div.section{
	background: url(images/portfolio-text-bg.png);
}

div.section h3{
	margin: 200px 0 -22px 0;
	padding: 4px 0 12px 0;
	width: 100%;
color: #fff;
}

div.section-inner{
	margin-left: -20px;
	padding: 0 0 20px 20px;
	background: url(images/portfolio-text-bg.png);
}

div.section-inner p{
	padding-right: 20px;
line-height: 1.4em;color: #c6c3b2;
}

div#section1{
	background: url(images/litopia_grab.jpg) no-repeat top left;
}

div#section2{
	background: url(images/marm.jpg) no-repeat top left;
}

div#section3{
	background: url(images/wsl.jpg) no-repeat top left;
}

div#section4{
	background: url(images/reoc.jpg) no-repeat top left;
}

div#section5{
	background: url(images/strawberry.png) no-repeat top left;
}

div#section9{
	background: url(images/claremont.png) no-repeat top left;
}

div#section7{
	background: url(images/proconnect.jpg) no-repeat top left;
}

div#section8{
	background: url(images/fruitful.jpg) no-repeat top left;
}

div#section6{
	background: url(images/beatengreen.jpg) no-repeat top left;
}

div#section10{
	background: url(images/spotlight.jpg) no-repeat top left;
}

div#section11{
	background: url(images/zara.png) no-repeat top left;
}

div#section12{
	background: url(images/sleep.png) no-repeat top left;
}

div#section13{
	background: url(images/mermaid.jpg) no-repeat top left;
}

div#section14{
	background: url(images/transition.png) no-repeat top left;
}

.controls a{
	display: inline-block;
	padding: 0 0.5em;
	font-family: Futura, Helvetica, sans-serif;
	background: #a1b51e;
	color: #fff;
	border: 1px solid #6a6464;
}

.controls a:hover{
	text-decoration: none;
	background: #fff;
	color: #2e2c2c; 
	border: 1px solid #555;
}

/* ------- End of Home Page Styles ------- */