@charset "utf-8";
/* CSS Document */

/* Rotator Styles */
#wrapper {
	width:960px; 
	margin:0 auto;
}

#rotator {
	color:#000;
	position:relative;
	margin:0;
	font-size:16px;
	background-color: #ccc;
	background-image: url(images/slide-background.jpg);
	background-repeat: no-repeat;
	height: 400px;
}

/* 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;
	text-decoration:none;
	font-size:10px;
	list-style:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}

ul.ui-tabs-nav {
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:1;
	background-image: url(images/tabs-background.png);
	width: 948px;
	padding-left: 12px;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {	
	font-weight:normal;
	color:#fff;
}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	background:#294E95;
	color:#fff;
}

#rotator .ui-tabs-nav-item a span {
	float:left;
	cursor:pointer;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
}

/* 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 {
	background:#294E95;
	color:#fff;
}

/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
	color:#000;
	height:400px;
	padding-top: 0px;
	padding-right: 540px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#rotator .ui-tabs-hide {
	display:none;
}

#rotator h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0;
	font-size:23px;
	line-height:25px;
}

#rotator p {
	margin-top:2px;
	color:#333;
}

#rotator .btn_get_started {
	float:left;
	height:30px;
	width:99px;
	text-indent:-9999em;
	margin-right:7px; 
	overflow:hidden; 
	background:transparent url(images/learnmore.gif) no-repeat


}

#rotator .btn_learn_more {
	float:left;
	height:26px;
	font-size:.9em;
}
#rotator .button-left {
	float:left;
	height:30px;
	width:99px;
	text-indent:-9999em;
	margin-right:7px;
	overflow:hidden; 
	background:transparent url(images/learnmore.gif) no-repeat
}
#rotator .button-cloudnine {
	float:left;
	height:45px;
	width:232px;
	text-indent:-9999em;
	margin-right:7px;
	overflow:hidden;
	background-color: transparent;
	background-image: url(images/cloudnine-button.png);
	background-repeat: no-repeat;
}

/* Slide Copy */
#rotator #slidecopy1 {
	position: relative;
	left: 370px;
	top: 30px;
	width: 550px;
	text-align: right;
	padding: 0px;
	margin: 0px;
}
#rotator #slidecopy2 {
	position: relative;
	left: 520px;
	width: 410px;
	top: 20px;
	text-align: left;
}
#rotator #slide2button {
	position: absolute;
	left: 0px;
	top: 52px;
	padding:0px;
	margin:0px;
}
#rotator #slidecopy3 {
	position: relative;
	left: 30px;
	width: 530px;
	top: 30px;
	text-align: left;
}
#rotator #slide3button {
	position: absolute;
	left: 0px;
	top: 52px;
	padding:0px;
	margin:0px;
}
#rotator #slidecopy4 {
	position: relative;
	left: 250px;
	width: 550px;
	top: 30px;
	text-align: left;
}
#rotator #slide4button {
	position: absolute;
	left: 0px;
	top: 29px;
	padding:0px;
	margin:0px;
}
#rotator #slidecopy5 {
	position: relative;
	left: 30px;
	width: 500px;
	top: 20px;
	text-align: left;
}
#rotator #slide5button {
	position: absolute;
	left: 0px;
	top: 28px;
	padding:0px;
	margin:0px;
}
#rotator #slidecopy6 {
	position: relative;
	left: 510px;
	top: 180px;
	width: 435px;
	text-align: justify;
}
#rotator #slidecopy6 h2 {
	background-image:url(../../images/design/background-slide-text.png);
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#rotator #slide6button {
	position: absolute;
	left: 0px;
	top: 60px;
	padding-left:10px;
	padding-bottom: 7px;
	padding-right: 3px;
	padding-top:5px;
	margin-top: 0px;
	background-image:url(../../images/design/background-slide-text.png)
}
#rotator #slidecopycloudnine {
	position: relative;
	left: 630px;
	width: 232px;
	top: 260px;
	text-align: left;
}
#rotator #slidecloudninebutton {
	position: absolute;
	left: 0px;
	top: 52px;
	padding:0px;
	margin:0px;
}

/* Background Images */
#rotator #fragment-legaltech {
	background-color: transparent;
	background-image: url(images/legaltech-west-coast.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#rotator #fragment-cloudnine {
	background-color: transparent;
	background-image: url(images/TS-to-CloudNine.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#rotator #fragment-1 {
	background-color: transparent;
	background-image: url(images/litigation-ediscovery.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#rotator #fragment-2 {
	background-color: transparent;
	background-image: url(images/ediscovery-services.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#rotator #fragment-3 {
	background-color: transparent;
	background-image: url(images/software-products.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#rotator #fragment-4 {
	background-color: transparent;
	background-image: url(images/litigation-support-services.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rotator #fragment-5 {
	background-color: transparent;
	background-image: url(images/computer-forensics.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rotator #fragment-6 {
	background-color: transparent;
	background-image: url(images/about-trial-solutions.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


