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

/* Rotator Styles */

#rotator {
	background-color:transparent;
	color:#000;
	position:relative;
	padding-bottom:2.6em;
	margin:0; 
	font-size:16px;
	
	
	
	
}

/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:1.3;
	text-decoration:none;
	font-size:100%;
	list-style:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:5px;
}

ul.ui-tabs-nav {
	position:absolute;
	top:-33px;
	right:0;
	z-index:1;
	width:360px;
	
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {	
	font-size:.8em;
	font-weight:normal;
	color:#fff;
	background-image:url(../images/button.png);
	background-repeat:no-repeat;
	width:108px;
	height:32px;
	text-decoration:none;
}
	
#header ul li a:hover{
	
}
	



/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	font-size:.8em;
	font-weight:normal;
	color:#fff;
	background-image:url(../images/button_over.png);
	background-repeat:no-repeat;
	width:108px;
	height:32px;
	text-decoration:none;
}

#rotator .ui-tabs-nav-item a span {
	float:left; 
	padding:1em; 
	cursor:pointer;
	margin-left:12px;
	position:relative;
	top:-4px;

}

#rotator .ui-tabs-nav-item a span.last_item {
	float:left; 
	padding:1em; 
	cursor:pointer;
	margin-left:19px;
padding-bottom:4px;
}






/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	font-size:.8em;
	font-weight:normal;
	color:#fff;
	background-image:url(../images/button_over.png);
	background-repeat:no-repeat;
	width:108px;
	height:32px;
	text-decoration:none;
}

/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
	color:#000;
	padding:40px 540px 15px 15px;
	height:225px;
}

#rotator .ui-tabs-hide {
	display:none;
}

#rotator h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	padding-bottom:4px;
	color:#1daaf5;
	font-weight:bold;
}

#rotator h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	padding-bottom:4px;
	color:#1daaf5;
	font-weight:bold;
}




#rotator p {
	font-size:1.1em;
	margin:.5em 0;
	color:#fff;
}

#rotator .btn_get_started {
	float:left;
	height:30px;
	width:99px;
	text-indent:-9999em;
	margin-right:7px; 
	overflow:hidden; 
	background:transparent url(../images/slider_images/getstarted.gif) no-repeat
}

#rotator .btn_learn_more {
	float:left;
	height:26px;
	font-size:.9em;
}

/* Background Images */
#rotator #fragment-1 {
	/*background:transparent url(../images/rotator_image1.jpg) no-repeat right;
	background-position:right:30px;*/
	width:960px;
}


#rotator #fragment-1 a:link, #rotator #fragment-1 a:visited, #rotator #fragment-3 a:link, #rotator #fragment-3 a:visited{
	border:1px solid #ededed;
	width:417px;
	height:257px;
	display:block;
	float:left;
}

#rotator #fragment-1 a:hover, #rotator #fragment-1 a:active, #rotator #fragment-3 a:hover, #rotator #fragment-3 a:active{
	border:1px solid #000;
	width:417px;
	height:257px;
	display:block;
	float:left;
}

#rotator #fragment-2 a:link, #rotator #fragment-2 a:visited{
	border:1px solid #ededed;
	width:417px;
	height:257px;
	display:block;
	float:right;
	margin-right:40px;
}

#rotator #fragment-2 a:hover, #rotator #fragment-2 a:active{
	border:1px solid #000;
	width:417px;
	height:257px;
	display:block;
	float:right;
	margin-right:40px;
}






#rotator #fragment-1 img {
	
	width:417px;
	height:257px;
	display:block;
	float:left;
}
#rotator #fragment-2 img {
	float:right;
	width:417px;
	height:257px;
	
}
#rotator #fragment-3 img {
	width:417px;
	height:257px;
	display:block;
	float:left;
}


div.text_right{
	width:450px;
	float:right;
	margin-right:40px;
	}


div.text_left{
	width:450px;
	float:left;
	margin-left:40px;
	}





#rotator #fragment-2 {
	/*background:transparent url(../images/rotator_image1.jpg) no-repeat right;
	background-position:right:30px;*/
	width:960px;
}

#rotator #fragment-3 {
	/*background:transparent url(../images/rotator_image1.jpg) no-repeat right;
	background-position:right:30px;*/
	width:960px;
}

#rotator #fragment-4 {
	background:transparent url(../images/slider_images/support.jpg) no-repeat top left;
	padding:40px 15px 15px 540px;
}



