h1,img{margin:0;padding:0;border:0}


a:focus{color:red;outline:0; -moz-outline:0; }

/***************************************************************************
*****************************HOME/PROJECT PAGE******************************
***************************************************************************/

#projects{
	width:800px;
	height:296px;
	display:block;
	margin: 0 auto;
	position:relative;
}

#projects-bottom{
	height:50px;
	width:800px;
	position:absolute;
	left:0;
	bottom:0px;
    background: #3d3e3f;
}


.project-dots {
	position:absolute;
	left:20px;
	bottom:17px;
}

.project-dots a{
	width:12px;
	height:12px;
	display:block;
	background:url(../images/icon-dot.png) no-repeat top left;
	text-indent:-99999em;
	margin-right:5px;
	float:left;
}

.project-dots a.active{
	background:url(../images/icon-dot.png) no-repeat bottom left;
}


.project-dots a.active:hover{
	opacity:1;
}

.button-next-project{
	position:absolute;
	right:0;
	bottom:2px;
	width:151px;
	height:41px;
	background: url(../images/button-next-client.png) no-repeat top right;
	text-indent:-99999em;
	cursor: pointer;
}

	


/***************************************************************************
**************************** PROJECT LISTING *******************************
***************************************************************************/



.project h3.project-title{
	font-size:25px;
	font-weight:bold;
	left:32px;
	bottom:18px;
	color:#1b1d20;
	text-shadow: 0px 1px 0px #e0e8f5;
	padding-left:3px;
}



.project-text{
	color:#1a1f27;
	font-size:12px;
	line-height:19px;
	margin-top:5px;
	margin-left:3px;
	padding-right:12px;
}

.project-text p{
	margin-bottom:0.5em;
}

.view-the-site-link {
	text-indent:-99999em;
	display:block;
	height:25px;
	width:105px;
	background:url(../images/button-view-the-site.png) no-repeat top left;
	margin-top:0px
	

}
.view-the-site-link:active{
	background-position: bottom left;
}

/***************************************************************************
**************************** SCROLLER STUFF ********************************
***************************************************************************/

#scroller-window,
#scroller-web-window{
	height:296px;
}

#scroller-window {
	position:relative;
	overflow:hidden;
	width: 800px;
	float:right;
	fbackground-color:#f00;
}



#scroller-web-wrap{
	width:10000em;
	position:absolute;
	left: 0px;
	top: 2px;
}




#scroller-window .project{
	float:left;
}