/*
========================================
SCROLLING
========================================
*/
.imageRotator	{ position: relative; }

a.prev, a.next	{ position: absolute; cursor: pointer; cursor: hand; }
a.prev			{ top: -20px; left: -50px; }
a.next			{ top: -20px; right: -50px; }

.scrollable,
.scrollable2
{
	position:relative;
	overflow:hidden;
}

.scrollable	{ width: 980px; height: 400px; }
.scrollable2{ width: 450px; height: 130px; }

.items
{
	position:absolute;
	width:20000em;	
	clear:both;
}

.scrollable .items div,
.scrollable2 .items div
{
	padding: 10px; 
	float:left;
	cursor: auto;
}

.scrollable .items div	{ 	width:980px; height:400px; }
.scrollable2 .items div	{ 	width:450px; height:130px; padding: 0px !important; }

.items div h1		{ margin: 120px 0px 0px 40px; width: 350px; font-size: 34px; font-weight: lighter; color: #333; }
.items div.content	{ margin-left: 30px; width: 330px; height: 250px; overflow: hidden; font-size: 13px; }


/*
========================================
SPECIAL TABS
========================================
*/

ul.tabs,
ul.tab			{ padding: 0px; margin: 0px; position: absolute; top: 40px; left: 10px; z-index: 5; list-style-type: none; }

ul.tabs li,
ul.tab li		{ margin: 0px 20px 0px 5px; float: left; color: #fff; display: block; background: url(/images/bg_button_span.png) no-repeat top left; cursor: pointer; cursor: hand; }

ul.tabs li span,
ul.tab li span		{ margin-right: -18px; padding: 0px 20px 0px 20px; height: 29px; font-family: arial; font-size: 13px; font-weight: bold; display: block; line-height: 29px; background: url(/images/bg_button_a.png) no-repeat top right; }

ul.tabs li.active,
ul.tab li.active		{ margin: 0px 20px 0px 5px; float: left; color: #fff; display: block; background: url(/images/bg_button_span.png) no-repeat bottom left; cursor: pointer; cursor: hand; }

ul.tabs li.active span,
ul.tab li.active span	{ margin-right: -18px; padding: 0px 20px 0px 20px; display: block; line-height: 29px; background: url(/images/bg_button_a.png) no-repeat bottom right; }


/*
ul.tabs li,
ul.tab li,
ul.tabs li.active	{ width: 21px; height: 21px; margin: 2px; padding: 3px 0px 0px 0px; text-align: center; color: #fff; vertical-align: middle; background: url('/images/grey.png') no-repeat top left; display: block; float: left; cursor: pointer; cursor: hand; }
ul.tabs li.active,
ul.tab li.active	{ background: url('/images/blue.png') no-repeat top left; font-weight: bold; }
*/