/******************************************************************************* 
* 								animated homepage Banner  	                   *
*******************************************************************************/

#animatedBanner
{
	height: 350px;
	margin: 110px 0px 51px 460px;
	clear: both;
	width: 318px;
}
/****** Vertical slide-up boxes ******/

#animatedBanner .slide
{
	position: relative;
	overflow: hidden;
	height: 174px;
	width: 318px;
	float: left;
	margin: 10px 1px 1px 0px;
	background-color: #000;
	border: 10px solid black;
}
#animatedBanner .slide .text_slider
{
	position: absolute;
	width:100%;
	top: 174px;
}

#animatedBanner .slide .innertext
{
	padding: 25px 18px 15px 18px;
	background: url(/resource/images/textSlider.png) 0 0 no-repeat;
}
/****** horizontal sliding boxes ******/

.image_slider ul, .image_slider li
{
	margin:0;
	padding:0;
	list-style:none;
}
.image_slider li
{
	width:318px;
	height:174px;
	overflow:hidden; 
}

.image_slider li img
{
	width:318px;
	height:174px;
}
/******************************************************************************* 
* 								Right Slide Panel 	  	                   *
*******************************************************************************/

#rightSlidePanel
{
	height: 100%;
	width: 300px;
	position:fixed;
	right: 0;
	top: 0;
	right:-293px;
	z-index:9999;
}
#rightSlidePanel a#handle
{
	width: 35px;
	height: 90px;
	position: absolute;
	left: -28px;
	top: 45%;
	text-indent: 60px;
	overflow: hidden;
	background: url(/resource/images/quickContact.png) 0 0 no-repeat;
}
#rightSlidePanel a#handle.out
{
	background-position: 0 -91px;
}
#rightSlidePanel #slideInner
{
	float:right;
	height:100%;
	width: 250px;
	padding: 20px;
	border-left: 3px solid #93C125;
	background-color: #1d1d1d;
}
#slideInner h4,
#slideInner p {
	color: #ffffff;
	margin-bottom: 10px;
}
#animatedBanner .innertext h2
{
	color: #fff;
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	letter-spacing: normal;
}
.ourwork #animatedBanner .innertext h2
{
	color: #fff;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	font-size: 1.2em;
	letter-spacing: normal;
}
#animatedBanner .innertext P
{
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
}
#animatedBanner .innertext a.moreLnk
{
	position: absolute;
	top: 35px;
	right: 20px;
	padding: 6px 8px 6px 8px;
	color: #000000;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #ffffff;
}
#animatedBanner .innertext a.moreLnk:hover
{
	background-color: #000;
	color: #ffffff;
}