/* CSS Document */

/* >Featured Projects
-----------------------------------------------------------*/

#featuredProject {
	padding-top: 20px;
	padding-bottom: 45px;
	padding-right: 0;
	height: 234px;
	background: url("/images/textreplacement/featured-project.gif") no-repeat 40px 50px;
}
#featuredProject h3 {
	margin-top: 25px;
	color: #0099CC;
	font-family: "Lucida Grande", Arial, Helvetica;
	font-weight: normal;
}
#featuredProject h3 a {
	border: 0;
}
#featuredProject p {
	font-size: 12px;
	line-height: 1.8em;
	color: #CCCCCC;
	width: 300px;
	height: 90px;
}
.projectSpotlight {

	padding-top: 35px;
	height: 244px;
	overflow: hidden;
	background-image: url(../images/slides-back.gif);
	padding-left: 20px;
}
.projectSpotlight h3 a.next:link, .projectSpotlight h3 a.next:visited {
	font-size: 11px;
	border: 0;
	margin-left: 5px;
	background-color: #BDD8E9;
	color: #000;
	padding: 3px 6px;
}
.projectSpotlight h3 a.next:hover, .projectSpotlight h3 a.next:active {
	color: #fff;
	background-color: #ACD0E5;
}
div.scroller { 
	width: 700px;
	overflow: hidden;
	border: 1px solid #222835;
}
div.scroller div.section {
	width: 700px;
	height: 265px;
	overflow: hidden;
	float: left;
	background-image: url(../images/slides-back.gif);
}
div.scroller div.content {
	width: 10000px;
}
#websiteone {
	background: url(../images/slide-PO.gif) no-repeat right top;
}
#websitetwo {
	background: url(../images/slide-proform.gif) no-repeat right top;
}
#websitethree {
	background: url(../images/slide-fromscotland.gif) no-repeat right top;
}
#websitefour {
	background: url(../images/slide-doswell.gif) no-repeat right top;
}