/* @override 
	http://owa-ee:8889/css/js.css
*/
/*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(../owa-images/css-images/homeslideshow-bg.png);
	position: absolute;
	z-index: 1001;
	bottom: 0px;
	left:0px;
	width: 100%;
	padding: 15px 36px;
	text-align: left;
}
*/
/*Home Link Scroller*/
/*.controls a {
	position: absolute;
	display:block;
	width:110px;
	height:210px;
	cursor:pointer;
	font-size:1px;
	bottom: 0px;
	text-indent: -999em;
}
a.next-page {
	background: url(../owa-images/css-images/carousel-arrow-rt.png);
	right: 0;
}
a.next-page:hover  		{ background-position:0 0; }
a.next-page:active  	{ background-position:0 0; }
a.prev-page {
	background: url(../owa-images/css-images/carousel-arrow-lt.png);
	left: 0;
}
a.prev-page:hover  		{ background-position: 0 0 }
a.prev-page:active  	{ background-position:-0 0; }
*/
/**/
/*
.slider    { 
overflow:hidden; 
position:relative; 
}
.slider ul { 
margin:0; 
padding:0; 
}
.slider li { 
float:left; 
margin: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;
}
.home-featured-page {
height: 210px;
background: url(/owa001/~dev-ee/owa-images/css-images/carousel-divider.gif) right bottom no-repeat;
position: relative;
padding: 0 1px 0 0;
}
.home-featured-page  img {
	padding-bottom: 8px;
}
.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;
}
*/
/*Project Index Carousel JQUERY TOOLS SCROLLABLE*/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
/*
.scrollable {

	
	position:relative;
	overflow:hidden;
	width: 960px;
	height:470px;
	background: #fff;
}
#project-detail-slider {
	height: 545px;
}
*/
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
/*
.scrollable .items {
	
	width:20000em;
	position:absolute;
	clear:both;
}

.items div.project-index, .items div.project-detail {
	float:left;
	width:960px;
	display:block;
	position: relative;
}
*/
/*Project Detail*/
/*Scrollable JS*/
/*
.project-detail {
	height:490px
}
*/
/* single scrollable item */
/*
.scrollable img {
	float:left;
	background-color:#fff;
	margin-bottom: 20px;
}
.project-index div {
	float: left;
	padding: 0 20px 0px 80px;
	margin: 0px 20px 20px 0px;
	width:180px;
	border-right: #e7e8e7 solid 1px;
}
.project-index div a {
	display:block;
}
.project-index p {
	padding-right: 100px;
}
*/
/* active item */
.scrollable .active {/*
	border:2px solid #000;
	position:relative;
	cursor:default;*/
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
/*
#project-index a.browse {
	background: url(../owa-images/css-images/scrollable-btns.png) no-repeat;
	display:block;
	width:35px;
	height:35px;
	cursor:pointer;
}
*/
/* right */
/*
#project-index a.right 				{ 
	background-position: -105px 0; 
	position: absolute;
	top: 425px;
	right: 25px;
}
#project-index a.right:hover 		{ background-position:-70px 0px; }
#project-index a.right:active 	{ background-position:-70px 0px; } 

*/
/* left */
/*
#project-index a.left				{ 
	margin-left: 0px;
	position: absolute;
	top: 425px;
	left:25px;
	 } 
#project-index a.left:hover  		{ background-position:-35px 0; }
#project-index a.left:active  	{ background-position:-35px 0; }

*/
/* prev, next, prevPage and nextPage buttons */
/*
.project-slider-nav {
	width: 100%;
	height: 100px;
	position: absolute;
	top: 500px;
}
#project-detail a.browse {
	background: url(../owa-images/css-images/detail-slider-btn.png) no-repeat;
	display:block;
	cursor:pointer;
}
*/

/* right */
/*
#project-detail a.green.right 				{ 
	width: 100px;
	background-position: 40px 0px;
	float: right;
}
#project-detail a.grey.right				{ 
	width: 112px;
	background-position: 48px -36px;
	float: right;
	 }
	 */
/*#project-detail a.right 				{ 
	background-position: -105px 0; 
	position: absolute;
	top: 425px;
	right: 25px;
}*/
/*.green-nav a.right:hover 		{ background-position: 40px 0px; }
#project-detail a.right:active 	{ background-position:-70px 0px; } 
*/

/* left */
/*
#project-detail a.green.left				{ 
	width: 150px;
	background-position: 0px -18px;
	float: left;
	text-indent: 76px;
	 } 

#project-detail div.threecol a.green.left { 
	width: 150px;
	background-position: 0px -18px;
	float: left;
	text-indent: 76px;
	margin-left: 262px;
}
#project-detail a.grey.left				{ 
	width: 150px;
	background-position: 0px -54px;
	float: left;
	text-indent: 76px;
	 } 
	 /*
#project-detail a.left:hover  		{ background-position:-35px 0; }
#project-detail a.left:active  	{ background-position:-35px 0; }
*/

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	
/* items inside navigator */
.navi a {
	width:10px;
	height:8px;
	float:left;
	margin:3px;
	background: url(../owa-images/css-images/scrollable-nav.png) -10px 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:-20px 0px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 0;     
}