html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p {margin:0;
										 padding:0;
										 border:0}

body {font-family:"Trebuchet MS", Tahoma, Arial}

.da-slider {width:940px;
			height:350px;
			position:relative;
			overflow:hidden;
			-webkit-transition:background-position 1s ease-out 0.3s;
			-moz-transition:background-position 1s ease-out 0.3s;
			-o-transition:background-position 1s ease-out 0.3s;
			-ms-transition:background-position 1s ease-out 0.3s;
			transition:background-position 1s ease-out 0.3s}
	
.da-slide {position:absolute;
		   height:100%}

.da-slide-current {z-index:1000;
				   top:0}

.da-img {position:absolute;
		 top:100%;
		 left:245px}

.text {position:absolute;
	   color:#999999;
	   left:-235px;
	   top:70px;
	   width:205px}
				
h1 {font-size:28px;
	font-weight:normal;
	letter-spacing:-1px;
	text-transform:uppercase;
	margin-bottom:10px}

h4 {font-size:13px;
	line-height:22px;
	font-weight:normal}

.da-dots {width:10px;
		  position:absolute;
		  top:270px;
		  right:0px}
		  
.da-dots span {display:inline-block;
			   position:relative;
			   width:10px;
			   height:10px;
			   background:#ccc;
			   margin-top:10px;
			   cursor:pointer}

.da-dots span.da-dots-current:after {content: '';
									 width:10px;
									 height:10px;
									 position:absolute;
									 background:#66ccff}
	   
.da-slide-current .da-img {left:245px;
						   top:0}


/* Slide in from the bottom*/
.da-slide-frombottom .da-img {-webkit-animation:frombottomAnim 0.6s ease-in-out both;
							  -moz-animation:frombottomAnim 0.6s ease-in-out both;
							  -o-animation:frombottomAnim 0.6s ease-in-out both;
							  -ms-animation:frombottomAnim 0.6s ease-in-out both;
							  animation:frombottomAnim 0.6s ease-in-out both}

@-webkit-keyframes frombottomAnim {0% {top:100%}
								  100% {top:0}}
@-moz-keyframes frombottomAnim {0% {top:100%}
							   100% {top:0}}
@-o-keyframes frombottomAnim {0% {top:100%}
							 100% {top:0}}
@-ms-keyframes frombottomAnim {0% {top:100%}
							  100% {top:0}}
@keyframes frombottomAnim {0% {top:100%}
						  100% {top:0}}

/* Slide out to the top*/
.da-slide-totop .da-img {-webkit-animation:totopAnim 0.6s ease-in-out both;
						  -moz-animation:totopAnim 0.6s ease-in-out both;
						  -o-animation:totopAnim 0.6s ease-in-out both;
						  -ms-animation:totopAnim 0.6s ease-in-out both;
						  animation:totopAnim 0.6s ease-in-out both}

@-webkit-keyframes totopAnim {0% {top:0}
							  100% {top:-100%}}
@-moz-keyframes totopAnim {0% {top:0}
						   100% {top:-100%}}
@-o-keyframes totopAnim {0% {top:0}
						 100% {top:-100%}}
@-ms-keyframes totopAnim {0% {top:0}
						  100% {top:-100%}}
@keyframes totopAnim {0% {top:0}
					  100% {top:-100%}}
					  
/* Slide in from the top*/
.da-slide-fromtop .da-img {-webkit-animation:fromtopAnim 0.6s ease-in-out both;
						   -moz-animation:fromtopAnim 0.6s ease-in-out both;
						   -o-animation:fromtopAnim 0.6s ease-in-out both;
						   -ms-animation:fromtopAnim 0.6s ease-in-out both;
						   animation:fromtopAnim 0.6s ease-in-out both}

@-webkit-keyframes fromtopAnim {0% {top:-100%}
								100% {top:0}}
@-moz-keyframes fromtopAnim {0% {top:-100%}
							 100% {top:0}}
@-o-keyframes fromtopAnim {0% {top:-100%}
						   100% {top:0}}
@-ms-keyframes fromtopAnim {0% {top:-100%}
							100% {top:0}}
@keyframes fromtopAnim {0% {top:-100%}
						100% {top:0}}

/* Slide out to the bottom*/
.da-slide-tobottom .da-img {-webkit-animation:tobottomAnim 0.6s ease-in-out both;
						    -moz-animation:tobottomAnim 0.6s ease-in-out both;
						    -o-animation:tobottomAnim 0.6s ease-in-out both;
						    -ms-animation:tobottomAnim 0.6s ease-in-out both;
						    animation:tobottomAnim 0.6s ease-in-out both}

@-webkit-keyframes tobottomAnim {0% {top:0}
							 	 100% {top:100%}}
@-moz-keyframes tobottomAnim {0% {top:0}
						  	  100% {top:100%}}
@-o-keyframes tobottomAnim {0% {top:0}
						 	100% {top:100%}}
@-ms-keyframes tobottomAnim {0% {top:0}
						 	 100% {top:100%}}
@keyframes tobottomAnim {0% {top:0}
					     100% {top:100%}}