/* Home
-------------------------------------------------------------- */


#welcomecontent { position: relative; height: 535px;  }
 #welcomecontent { position: relative; height: 600px; background: url(laptop.png) no-repeat 350px 5px;  }
#home-temp { position: relative; height: 600px; background: url(laptop.png) no-repeat 350px 5px;}
#ho { position:inherit; height: 400px; background: url(bag.png) no-repeat 0px 50px; top:-20px;}
#workinfo { position: absolute; top: 630px; text-align: center; width: 950px;}

#loopedSlider {
	width: 512px;
	position:absolute;
	top:27px;
	left: 420px;
	padding: 0 50px;
	overflow: hidden;
}
.slidercontainer {
	width:512px;
	height:600px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
.slides { position:absolute; top:0; left:0; }
.slides div {
	position:absolute;
	top:4px;
	width:512px;
	display:none;
}
.slides div p.caption {margin-top: 92px; text-align: center; font-style: normal; font-size: 0.9em;}
 
#names {position: absolute; top: 400px; left:0; width: 500px; height: 40px;}
#names { width: 500px; overflow: hidden; color: #fff;}

.previous {text-indent: -9999px; position:absolute; z-index:10;display:block;border:none;outline:none;cursor:pointer;padding:0;top:160px;left:0px;background:url(arrows2.png) no-repeat -4px -3px;width:60px;height:60px;}
.next {text-indent: -9999px; position:absolute;top:303px;right:-18px;z-index:10;display:block;border:none;outline:none;cursor:pointer;padding:0; top:160px;right:0px;background:url(arrows2.png) no-repeat -68px -3px;width:60px;height:60px;}

.previous:hover {background-position: -4px -63px;}
.next:hover {background-position: -68px -63px;}
.previous:active { background-position: -4px -123px; }
.next:active { background-position: -68px -123px; }

#contacttab a {text-indent: -9999px; position: absolute; top: -60px; right: 0; display: block; width: 200px; height: 80px; background: url(/images/contact.png) no-repeat;}

#featuredwork { position: relative; z-index: 10;background: url(../images/bg-featuredwork.png) no-repeat; width: 950px; height: 432px; top: 103px; left: 0; }
#featuredwork h3 { display: block; text-align: center; width: 640px; padding-top: 36px; font-size: 1em; font-weight: normal; letter-spacing: 0;}
.featuredpic { position: absolute; top:  58px; left: 1px; }
#featureddetails { position: absolute; top: 100px;left:675px; width: 240px; color: #e5e5e5;}
#featureddetails a { color: #006699; font-weight: normal; }
#featureddetails a:hover { color: #fff; }
#featureddetails h4 { margin-bottom: 5px; font-weight: bold; color: #fff; }
#featureddetails h4, #featureddetails p { text-shadow: 0px -1px 0px #000; }

.featuredbanner { background: url(../images/sprites.png) no-repeat 0 -329px; width: 95px; height: 95px; text-indent: -9999px; display: block; position: absolute; top: 30px; left: 0; z-index: 10;}

.projectlink { text-transform: uppercase; font-size: 0.9em; }
.projectcopy { font-size: 0.9em; }
.projectcopy span { color:  #cc0000; padding: 0 5px; }

#testimonial { font-style: italic; text-align: center; padding: 15px 0; }
#testimonial span { font-style: normal; font-weight: bold; padding: 0 0 0 15px; margin-left: 15px; border-left: solid 1px #e6e6e6; color: #2e2e2e;}




/* Galler Slider
-------------------------------------------------------------- */
#gallery {
	list-style-type: none;
	position: relative;
	height: 100;
}	
#gallery ul {border: solid 1px #e6e6e6; padding:10px; background: #fff; width: 682px;}
#gallery li{ width:628px;height:682px;overflow:hidden; padding: 0; margin: 0;}	
#prevBtn, #nextBtn{ display:block;position:absolute;left:-16px;top:200px;z-index: 11;background: url(bg-arrows.png) no-repeat -28px -154px; width: 45px; height: 44px;}	
#nextBtn { left:600px; background-position: -78px -154px}														
#prevBtn a, #nextBtn a { display:block;text-indent: -9999px;width:41px;height:41px;background: url(bg-arrows.png) no-repeat -28px -1px; }
#prevBtn a:hover {background-position: -28px -48px; }
#prevBtn a:active {background-position: -28px -95px; }

#nextBtn a { background: url(bg-arrows.png) no-repeat -77px -1px; }	
#nextBtn a:hover { background-position: -77px -48px; }	
#nextBtn a:active { background-position: -77px -95px; }