/* @override 
	http://localhost/superglue/centresource/web/css/index.css
	http://beta.centresource.com/css/index.css
	http://cs/css/index.css
	http://10.0.1.183/superglue/centresource/web/css/index.css
	http://www.centresource.com/css/index.css
	http://cs.dev/css/index.css
*/

/*
* ---------------------Homepage Stage Area---------------------
*/

#stage {position: relative; height: 395px !important; box-shadow: 0 0 14px #333333; -webkit-box-shadow: 0 0 14px #333333; -moz-box-shadow: 0 0 14px #333333; background-color: #FFF;}
#stagearrow {display: block; width: 58px; height: 65px; position: absolute; top: 0; right: 156px; background: transparent url(../images/homepage/stage/arrow.png); z-index: 1000;}
#stagenav {position: absolute; top: 0; right: 0px; margin: 0; padding: 0; z-index: 1000;}
  #stagenav li {display: block; width: 182px; height: 79px; background: transparent url(../images/homepage/stage/icon-bg.png) no-repeat top left; }
  #stagenav li a {display: block; width: 100%; height: 100%; text-indent: -9999px; background: transparent no-repeat center;}
#stageslideshow {position: relative; z-index: 100;}
	#stageslideshow div {visibility: hidden;}
	#stageslideshow div:first-child {visibility: visible;}
#stage-wrapper {margin-bottom: 5px;}

#getstarted {display: block; float: right; margin-right: 13px; width: 371px; height: 100px; background: transparent url(../images/homepage/discuss-project-large.png) no-repeat top left;}
  #getstarted a { display: block; width: 100%; height: 100%; text-indent: -9999px;}

#newsletter {
	margin: 30px 0;
	position: relative;
}

#newsletter h2,
#newsletter p {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 1em;
	margin: 0;
}

#newsletter h2 {
	background: url(../images/homepage/enews-arrow.png) no-repeat 210px 10px;
	
}

#newsletter p {
	font-weight: normal;
	color: #999;
}

#newsletter a.newsletter-link {
	background: url(../images/homepage/enews-subscribe.png);
	display: block;
	position: absolute;
	right: 35px;
	top: -4px;
	width: 188px;
	height: 58px;
	text-indent: -9999em;
}

#twitter h4 {
	display: none;
}
#twitter ul {margin: 35px 0 0 0; border: 0; padding: 0; width: 90%; overflow: hidden; border: 8px solid #E1DDD8; background: transparent url(../images/homepage/twitter-icon.png) no-repeat 10px 10px;}
  #twitter li, #twitter li:first-child {margin: 0; border: 0; padding: 0 4px 0 4px; background: transparent !important;overflow: hidden;}
  #twitter p {text-indent: 20px; padding: 5px; margin: 0;}
  #twitter .meta {line-height: 1em; padding-left: 5px;}
#twitter .timestamp {color: #707070;}
  #twitter .follow {background: #3eb5b3; color: #fff;font-size: 10px; font-family: Arial, Helvetica, Geneva, sans-serif;margin-left: 5px;padding: 2px 4px; position: relative; top:-3px;}
/*Buttons*/
a.button-different {display:block;width:259px;height:50px;background:url(../images/button-different.png) no-repeat;text-indent:-9999px;position:relative;}
  a.button-different:hover {left:1px;top:1px;}
  
a.button-launch {font-size:12px;font-family:Helvetica,Arial;font-weight:bold;padding-left:15px;background:url(../images/portfolio/icon-launch.png) left center no-repeat;}
a.button-casestudy {font-size:12px;font-family:Helvetica,Arial;font-weight:bold;padding-left:15px;background:url(../images/icon-casestudy.png) left center no-repeat;margin-right:20px;}

#stageslideshow div.slide-text {
	position: absolute;
	top: 0;
	right: 0;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
	font-size: 14px;
	line-height: 1.4em;
	width: 320px;
}

#stageslideshow div.slide-text a.readmore {
	display: block;
	float: right;
	background: #000;
	width: 60px;
	color: #fff;
	font-weight: normal;
	font-size: 10px;
	text-align: center;

}

#stageslideshow div#vitalitycity div.slide-text {
	top: 208px;
	right: 250px;
	width: 325px;
	color: #333;
}

#stageslideshow div#vitalitycity div.slide-text a.readmore {
	background: #F78116;
	color: #fff;
}

#stageslideshow div#sensory div.slide-text {
	top: 248px;
	right: 250px;
	width: 325px;
	color: #fff;
}

#stageslideshow div#adobe div.slide-text a.readmore {
	background: #666;
	color: #fff;
}

#stageslideshow div#adobe div.slide-text {
	top: 220px;
	right: 315px;
	width: 325px;
	color: #fff;
}

#stageslideshow div#sesac div.slide-text a.readmore {
	background: #ee3b3f;
	color: #fff;
	position: absolute;
	right: 87px;
	top: 115px;
}

#stageslideshow div#sesac div.slide-text {
	top: 165px;
	right: 220px;
	width: 325px;
	font-size: 18px;
	color: #fff;
}

#stageslideshow div#sensory div.slide-text a.readmore {
	background: #000;
	color: #fff;
}

#stageslideshow div#iava div.slide-text {
	top: 107px;
	right: 225px;
	width: 295px;
	color: #fff;
}

#stageslideshow div#iava div.slide-text a.readmore {
	background: #000;
	color: #fff;
}

#stageslideshow div#net div.slide-text {
	top: 240px;
	right: 250px;
	color: #fff;
	width: 400px;
}

#stageslideshow div#net div.slide-text a.readmore {
	background: #fff;
	color: #000;
}

#stageslideshow div#singer div.slide-text {
	top: 250px;
	right: 270px;
}

#stageslideshow div#vaco div.slide-text {
	top: 250px;
	right: 250px;
	color: #fff;
}

#stageslideshow div#yamaha div.slide-text {
	color: #fff;
	top: 240px;
	right: 250px;
}

#stageslideshow div#yamaha div.slide-text a.readmore {
	background: #fff;
	color: #000;
}

#stageslideshow div#security div.slide-text {
	width: 330px;
	top: 240px;
	right: 250px;
}

#stageslideshow div#security div.slide-text a.readmore {
	background: #4f7ba0;
	color: #fff;
}

#stageslideshow div#curb div.slide-text {
	top: 250px;
	right: 250px;
	color: #fbefd5;
}

#stageslideshow div#cmt div.slide-text {
	top: 250px;
	right: 222px;
	color: #000;
	width: 280px;
}

#stageslideshow div#schoolofthelegends div.slide-text {
	width: 330px;
	color: #fff;
	top: 240px;
	right: 250px;
}

#stageslideshow div#schoolofthelegends div.slide-text a.readmore {
	background: #fff;
	color: #000;
}

#stageslideshow div#inc5000 div.slide-text {
	width: 330px;
	color: #333;
	top: 157px;
	right: 250px;
}

#stageslideshow div#inc5000 div.slide-text p {
	font-size: 20px;
}

#stageslideshow div#inc5000 div.slide-text a.readmore {
	background: #333;
	color: #fff;
}