/* reset.css (100%) */
/* --- RESETS --- */


/* --- SLIDER --- */

#slider {
	height: 278px;
	overflow: visible;
	position: relative;
}


#container{margin:0 auto; width:913px; height:265px; }
#slider .sliderItem {

	height: 278px;
	width: 480px;

	top: 1px !important;
	left: 0;
	background: url(../flash/bg_slider_home.jpg) 0 -1px no-repeat;
}

#slider .sliderItem .sliderText {
	width: 440px;
	float: left;
}

#slider .sliderItem h2 {
	width: 440px;
	text-indent: -9999px;
	margin: 30px 0 0;
}


#slider .sliderItem p {
	margin: 15px 0 0 25px;
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	width: 350px;
}

#slider .sliderItem .call {
	margin: 15px 0 0 25px;
	height: 55px;
	width: 331px;
	background: url(../flash/button_call.png) top no-repeat;
	position: relative;
}

#slider .sliderItem .call a.signup {
	position: absolute;
	top: 6px; left: 6px;
	width: 200px;
	height: 40px;
	display: block;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	text-shadow: #b85f00 1px 1px 0;
}

#slider .sliderItem .call a.learn {
	position: absolute;
	top: 20px; left: 215px;
	color: #181818;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: #fff 1px 1px 0;
}

#slider .sliderItem .call a.signup:hover {
	text-decoration: none;
}

#slider .sliderItem img {
	float: right;
	z-index: 100;
	position: absolute;
	top: 0; right: 0;
	
}

#sliderNav {
	float:left;
	width:229px;
	top:95px;
	overflow: hidden;
	position: relative;


}

#sliderNav ul li {
	float: left;
	
}

#sliderNav ul li a {
	width: 229px;
	height: 36px;
	text-indent: -9999px;
	margin: 0 5px 0 0;
	display:block;
	float:left;

}
#sliderNav ul li.one a.activeSlide, #sliderNav ul li.one a:hover, 
#sliderNav ul li.two a.activeSlide, #sliderNav ul li.two a:hover, 
#sliderNav ul li.three a.activeSlide, #sliderNav ul li.three a:hover, 
#sliderNav ul li.four a.activeSlide, #sliderNav ul li.four a:hover,
#sliderNav ul li.five a.activeSlide, #sliderNav ul li.five a:hover{

	background-position: left;
}

#sliderNav ul li.one a {
	background: url(../flash/web-design-development.jpg) top right no-repeat;
}


#sliderNav ul li.two a {
	background: url(../flash/onlinemarketing.jpg) top right no-repeat;
	float:left;
}

#sliderNav ul li.three a {
	background: url(../flash/graphic-design.jpg) top right no-repeat;
	float:left;
}

#sliderNav ul li.four a {
	background: url(../flash/website-managemant-cms.jpg) top right no-repeat;
	float:left;
}



#sliderNav ul li.five a {
	background: url(../flash/e-commerce-websites.jpg) top right no-repeat;
	float:left;
}

/* --- MAIN CONTENT - HOMEPAGE --- */

.picture_text{position: absolute; width:330px; border:1px #00FF00 solid;}
.description{position:absolute; z-index:100; top:20px; width:570px; float:left; padding:0px; margin:0px;  }
.description h1{font-family:Arial; color:#505049; font-weight:bold; text-align:left; color:#ffffff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:30px; padding:0px; margin:0px;}
