/* @override http://paxrodentiaprotege1.dyndns.org:8888/owa001/~dev/css/js.css */

/* @override http://www.paxrodentia.com/~sub/owa/css/js.css */

/*Project Index Carousel JQUERY TOOLS SCROLLABLE*/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
#home .scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 960px;
	height:210px;
	background: #fff;
}
/*Home Slideshow*/
#slideshowListWrapper {
    position: relative;
    width: 960px;
    overflow: hidden;
    text-align: center;
}
#home-slideshow {
    height: 438px;
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
}
#home-slideshow li {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
#home-slideshow li.slideshowItemActive {
    z-index: 1;
}
#tagline {
	background: url(../images/homeslideshow-bg.png);
	position: absolute;
	z-index: 1001;
	bottom: 0px;
	left:0px;
	width: 100%;
	padding: 15px 36px;
	text-align: left;
}
/*Home JAC Carousel*/
#home-carousel {
	width:960px;
    height:210px;
    background: #fff;
}
.jac-content {
	width: 278px;
	height: 210px;
	background:  url(../images/carousel-divider.gif) right bottom no-repeat;
	position:relative;
}
.jac-content img {
	margin-bottom: 10px;
}
.jac-content h3, .jac-content h6 {
	margin: 0 0 0 40px;	
}
.carousel-bullet {
	background: url(../images/carousel-bullet.png) bottom left no-repeat;
	position: absolute;
	bottom: 22px;
	left:  10px;
	width: 19px;
	height:  45px;
}
#home-carousel .arrow-left, #home-carousel .arrow-right
{
 position:absolute;
 top:0px;
 z-index:5;
 height:210px;
 width:110px;
}
#home-carousel .arrow-left a, #home-carousel .arrow-right a
{
 display:block;
 height:210px;
 width:110px;
 text-indent:-999em;
}
#home-carousel .arrow-left a:focus, #home-carousel .arrow-right a:focus
{
 outline:none;
}
#home-carousel .arrow-left
{
 left:0px;
 background:url(../images/carousel-arrow-lt.png) center left;
}
#home-carousel .arrow-right
{
 right:0px;
 background:url(../images/carousel-arrow-rt.png) center right;
}   

/*jCarousel*/
.jcarousel-control {
    padding-bottom: 10px;
    text-align: left;
    border-bottom: #ddd solid 16px;
    position: absolute;
    bottom: 0px;
    width: 880px;
    padding-left: 80px;
    cursor: pointer;
}

.jcarousel-control a {
    font-size: 75%;
    text-decoration: none;
    height:8px;
    width:8px;
    margin: 0 0 8px 0;
    background: url(../images/projects/slider-marker.gif);
    display: inline-block;
    text-indent: -999em;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}

.jcarousel-scroll {
    text-align: center;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}
#mycarousel-next, #mycarousel-prev {
	position: absolute;
	top: 425px;
	display: block;
	width:35px;
	height: 34px;
	text-indent: -999em;
}
#mycarousel-next {
	right:25px;
	background: url(../images/projects/index-slider-next-btn.gif);
}
#mycarousel-prev {
	left:25px;
	background: url(../images/projects/index-slider-prev-btn.gif);
} 
#mycarousel ul li div {
	float: left;
	padding: 0 20px 0px 80px;
	margin: 20px 20px 0px 0px;
	width:180px;
	border-right: #e7e8e7 solid 1px;
}
#mycarousel ul li div a {
	display:block;
}
#mycarousel ul li p {
	padding-right: 100px;
}

.slider    { overflow:hidden; position:relative; }
.slider ul { margin:0; padding:0; list-style:none; }
.slider li { float:left; margin:0 0px 0 0; }

.controls a {
	position: absolute;
	display:block;
	width:110px;
	height:210px;
	cursor:pointer;
	font-size:1px;
	top: 0px;
	text-indent: -999em;
}
a.next-slide {
	background: url(../images/carousel-arrow-rt.png);
	right: 0;
}
a.next-slide:hover  		{ background-position:0 0; }
a.next-slide:active  	{ background-position:0 0; }
a.prev-slide {
	background: url(../images/carousel-arrow-lt.png);
	left: 0;
}
a.prev-slide:hover  		{ background-position: 0 0 }
a.prev-slide:active  	{ background-position:-0 0; }
.slider    { 
overflow:hidden; 
position:relative; 
}
.slider ul { 
margin:0; 
padding:0; 
}
.slider li { 
float:left; 
margin:0 1px 0 0; 
list-style:none; 
position: relative;
}
.slider h3 {
	margin: 0 0 0 40px;
	font: bold 15px/18px "proxima-nova-1","proxima-nova-2", Verdana;
	color: #9AA812;
	text-transform: uppercase;
}
.slider h6 {
	margin: 0 0 0 40px;
	font: 12px/16px "proxima-nova-1","proxima-nova-2", Verdana;
}
.jac-content {
width: 278px;
height: 210px;
background: url(/owa001/~dev-ee/owa-images/css-images/carousel-divider.gif) right bottom no-repeat;
position: relative;
}
.carousel-bullet {
background: url(/owa001/~dev-ee/owa-images/css-images/carousel-bullet.png) bottom left no-repeat;
position: absolute;
bottom: 22px;
left: 10px;
width: 19px;
height: 45px;
}
.controls a {
	position: absolute;
	z-index: 100;
}
a.next-page {
background: url(../owa-images/css-images/carousel-arrow-rt.png);
right: 0;
background:#f0f;
}
a.prev-page {
background: url(../owa-images/css-images/carousel-arrow-rt.png);
left: 0;
background:#f0f;
}
