@charset "utf-8";
/* CSS Document */

#work-wrapper{text-align:center;}

#spartacus-topsection{float:left;background:url(../img/spartacus-topbacksection.jpg) no-repeat center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; height:380px; width:100%;z-index:-1;}

#dotspattern-overlay-forever{width: 100%;
height: 380px;
width:100%;
position: absolute;
z-index:2;
overflow: hidden;
top: 0;
left: 0;
background:
url(../img/iuqopattern.png) repeat; 
}


#company-topbar-wrapper{float:left;background:#000;height:130px; width:100%; color:#f1f1f1; font-size:1.0em;text-align:center; margin:0px 0px 40px 0px; padding:0; font-family:century gothic,Arial, Helvetica, sans-serif;line-height:2em; background:url(../img/companyinfo-bkg.jpg) repeat;}

p.projectrole-text{clear:both; margin:auto; padding:10px 0px 5px 0px; text-align:center; font-size:.85em;}

ul.project-role-list{list-style-type:none; display:inline; margin:auto;}
ul.project-role-list li{list-style-type:none; display:inline;margin:0px 10px 0px 10px;font-size:.85em;}

h2.thatsit{padding:100px; font-size:2em; letter-spacing:-2px; font-weight:100; font-family:century gothic,Arial, Helvetica, sans-serif; text-align:center;}



#content-slider-wrapper{background:url(../img/spartacus-arena-shot.jpg) no-repeat center top; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position-y:300px;
}
/*-- Scroller Css ---*/
/*
 * responsive-carousel
 * https://github.com/filamentgroup/responsive-carousel
 *
 * Copyright (c) 2012 Filament Group, Inc.
 * Licensed under the MIT, GPL licenses.
 */
.carousel {
	width: 100%;
	position: relative;
}
.carousel .carousel-item {
	display: none;
}
.carousel .carousel-active {
	display: block;
}
.carousel .carousel-nav:nth-child(2) {
	display: none;
}




/*
 * responsive-carousel
 * https://github.com/filamentgroup/responsive-carousel
 *
 * Copyright (c) 2012 Filament Group, Inc.
 * Licensed under the MIT, GPL licenses.
*/
.carousel-fade {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%; /* necessary for non-active slides */
	display: block; /* overrides basic carousel styles */
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-ms-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
}
.carousel-fade .carousel-active {
	position: relative;
}
.carousel-fade .carousel-item,
.carousel-fade .carousel-out {
	opacity: 0;
}
.carousel-fade .carousel-active,
.carousel-fade .carousel-in {
	opacity: 1;
}


.carousel {
 margin: 10px auto 0px;
 max-width: 789px;
 font-family: sans-serif;
 position: relative;
 padding-bottom:50px;

}
.carousel-item img {
  width: 100%;
  height: auto;
  display: block;
 
}
.carousel-nav {
  position: absolute;
  top: 60px;
  z-index: 4;
  width: 100%;
}
.carousel-nav a {
  text-decoration: none;
  font-size: 1.25em;
  background:#ed145b;
  color: #fff;
  opacity: .8;
  padding: 10px 20px 10px 20px;
  position: absolute;
  top: 0;
   font-family:century gothic, Arial, Helvetica, sans-serif; border-radius:3px;
}
.carousel-nav a.prev {
  left: 0;
  
}
.carousel-nav a.next {
  right: 0; 
}
.carousel-nav-paginated .carousel-active-page a {
	background: #333;
	color: #fff;
	opacity: .8;
}

#content-slider-wrapper p{padding:0px 0px 40px 0px; max-width:600px; text-align:center; margin:auto;}