.nav-wrapper{float:right; left:-50%; position:relative; width:auto; margin-top: -42px; z-index: 999;}
	.nav{display:block; left:50%; overflow:hidden; position:relative}
		.nav-wrapper .nav li{float: left; background: url(../images/bullet-inactive.png) no-repeat; width: 10px; height: 10px; margin-right: 5px; cursor: pointer; list-style: none;}	
		.nav-wrapper .nav li.active{background: url(../images/bullet-active.png) no-repeat;}
	.illustration p {color: #444444; line-height	:20px; padding: 0; margin: 0 0 24px 0; font-family: "Lucida Grande", Helvetica}
	.illustration .header-project-title {display: block; text-align: center; text-indent: inherit}
.wrap{padding:0; position: relative; top: 0; left: 0; height: 410px; }
	#rotating{width: 100%; margin: 0; padding: 0; height: 410px; overflow: hidden;}
		.rotatingdiv{height: 410px;}
		#rotating > li {position: absolute; list-style: none; width: 100%; height: 410px; background-color: #ffffff;}
			.rotatingdiv > .container{position: relative; overflow: hidden; padding: 70px 0 60px 0;}

.nav-wrapper {float:right; left:-50%; position:relative; width:auto; margin-top: -42px; z-index: 999;}
	.nav {display:block; left:50%; overflow:hidden; position:relative}
		.nav-wrapper .nav li {background-image: url('../images/bg/banner-bullet.png'); background-repeat:  no-repeat; background-position: 0 0; width: 10px; height: 10px; margin-right: 5px; cursor: pointer; list-style: none; float: left}
		.nav-wrapper .nav li.active {background-position: 0 100%}

.wrap {background: url('../images/bg/cloud-bg.jpg') no-repeat 50% 0; height: 620px}
#rotating {height: 620px}
	.rotatingdiv {height: 620px}
	#rotating > li {height: 620px; background-color: transparent}
	#rotating > li.active {display: list-item}
		.rotatingdiv > .container {padding: 88px 0 0 0; height: 470px}
	#rotating .macbook {background: url('../images/bg/macbook-bg.png') no-repeat 50% 44px}
	#rotating li#yahoomail {background: url('../images/bg/yahoo-macbook.png') no-repeat 50% 44px}
	#rotating .ipad {background: url('../images/bg/ipad-bg.png') no-repeat 50% 35px}

	#storify > .rotatingdiv {background: url('../images/projects/projects-storify.jpg') no-repeat 50% 88px}
	#crowdvoice > .rotatingdiv {background: url('../images/projects/projects-crowdvoice.jpg') no-repeat 50% 88px}
	#spigit-project > .rotatingdiv {background: url('../images/projects/projects-spigit.jpg') no-repeat 50% 88px}
	#fanmouth > .rotatingdiv {background: url('../images/projects/projects-fanmouth.jpg') no-repeat 50% 88px}
	#ahwaa > .rotatingdiv {background: url('../images/projects/projects-ahwaa.jpg') no-repeat 50% 88px}
	#deliradio > .rotatingdiv {background: url('../images/projects/deliradio/deliradio-01.jpg') no-repeat 50% 88px}
	#trendstocker > .rotatingdiv {background: url('../images/projects/projects-trendstocker.jpg') no-repeat 50% 88px}
	#tokbox > .rotatingdiv {background: url('../images/projects/projects-tokbox.jpg') no-repeat 50% 88px}
	#mideasttunes > .rotatingdiv {background: url('../images/projects/projects-mideasttune.png') no-repeat 9px 87px}
	#breezi > .rotatingdiv {background: url('../images/projects/projects-breezi.jpg') no-repeat 50% 88px}

	#rotating div#yahoomail {background: url('../images/bg/yahoo-macbook.png') no-repeat 50% 44px}
		#yahoomail > .rotatingdiv {background: url('../images/projects/projects-yahoomail.png') no-repeat 8px 51px}
		#yahoomail .rotatingdiv > .container {height: 500px}
			#yahoomail .illustration h2 a {padding: 450px 0 0 170px; color: #ffffff}
		
.slider-arrow{width: 15px; float: left; height: 110px;}
	.slider-arrow.left{padding: 90px 15px 0 10px;}
	.slider-arrow.right{padding: 90px 10px 0 15px;}
	.slider-arrow > a{width: 100%; height: 22px; float: left; background-image: url(../images/slider-arrows.png); background-repeat: no-repeat; outline: none}
	.slider-next{background-position: right 0;}
.rotating_container{float: left;}	
	#services-wrapper{background: url(../images/slider-bg.jpg) no-repeat; float: left; width: 100%; padding-top: 35px;}
		#services-index{width: 860px; float: left; height: 200px; overflow: hidden;}
			.service{height: 200px;}
				.service-content{width: 600px; float: left;}
					.service-image{width: 240px; float: left; padding: 0 0 0 20px; overflow: hidden}
