/*
Positive technology Main Web Site 
Authors Derrick Langrish, Pay Wan, Jessica Calatayud, Matt Williams
*/

/* container for slides */
#featured
{
	width: 100%;	
	height: 461px;
	margin-left: -39px;
}

#featured .images {
	
	position:relative;	
	height:383px;
	width:904px;
	float:left;	
	margin:15px;
	cursor : default;
	/* CSS3 tweaks for modern browsers */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/* single slide */
#featured .images div {
	display:none;
	
	position:absolute;
	top:0;
	left:0;		
	margin:7px;
	padding:15px 30px 15px 15px;
	height:383px;
	font-size:12px;
}

#featured .images p 
{
float: right;
width: 300px;
position: absolute;
left: 484px;
top: 114px;	
line-height: 20px;
}

/* header */
#featured .images h3 
{
	position: absolute;
	left: 483px;
	top: 40px;
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color: #333333;
	width: 350px;
}

#featured p.mainbutton
{
	margin:137px 0 0 0;
}

#featured a.link
{
	background:url("../images/btn_right.png") no-repeat scroll right top transparent;
	color:#FFFFFF;
	display:block;
	float:left;
	font:12px Georgia;
	height:31px;
	margin-right:6px;
	padding-right:12px;
	text-decoration:none;	
}

#featured a.link span
{
	background:url("../images/btn_left.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:31px;
	line-height:14px;
	padding:6px 0 5px 12px;
	text-decoration:none;
}


#featured a.play 
{
	position: absolute;
	top: 531px;
	left: 769px;
	width: 51px;
	height: 33px;
	border: 0;
}

#featured a.pause
{
	position: absolute;
	top: 531px;
	left: 828px;
	width: 51px;
	height: 33px;
	border: 0;
}

/* tabs (numbers) */
#featured div.slidetabs 
{
	background: url(../images/numberpanel.gif) 0 0 no-repeat;
	position: absolute;
	left: 669px;
	top: 531px;
	clear:both;
	width: 88px;
	height: 28px;
	
}

/* single tab */
#featured .slidetabs a 
{
	text-decoration: none;
	font-size: 12px;
	font-weight: bolder;
	font-family: Georgia;
	color: #666666;
	width:8px;
	height:8px;
	float:left;
	margin:6px 7px 0 7px;
	display:block;
}

#featured .slidetabs a.current
{
 color: #CF3A3A;
}

/* mouseover state */
#featured .slidetabs a:hover {
	background-position:0 -8px;      
}
/* active state (current page state) */
#featured .slidetabs a.current {
	background-position:0 -16px;     
} 	

/* prev and next buttons */
.forward, .backward {
	float:left;
	margin-top:140px;
	/*background:#fff url(/tools/img/scrollable/arrow/hori_large.png) no-repeat;*/
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}