﻿/* container for slides */
.images 
{
background-color:#fff;
position:relative;	
height:396px;
float:left;	
cursor:pointer;
border:solid 1px #DEDBDB;
width:980px;
margin-top:5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius:4px
}
/* single slide */
.images div {
display:none;
position:absolute;
top:0;
left:0;
height:396px;
font-size:12px
}
.images div.slide {
background-repeat:no-repeat;
background-position:top left;
width:980px;
height:396px;
cursor:default
}

/* header */
.slide h3 {
font-size:2.2em;
font-weight:normal;
margin:0;
color:#456;
position:absolute;
float:left;
width:345px;
top:90px;
left:30px;
color:#0069C1;
font-family:Trebuchet MS
}
.images em {
color:#355FAE;
font-style:normal
}
.images p {
position:absolute;
float:left;
top:175px;
left:30px;
width:345px;
color:#334554;
font-weight:bold;
font-family:Arial;
font-size:1.2em;
}
.images a.more-button
{
color:#fff;
text-decoration:none;
font-weight:bold;
font-family:Arial;
letter-spacing:1px;
clear:both;
position:absolute;
float:left;
top:270px;
left:30px;
display:block;
padding:4px 10px;
background-color:#345DAB;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius:4px
}
.images a.more-button:hover{background-color:#2061CC}
.images p sub{font-weight:bold; font-size:0.8em;}
.images p sup{font-weight:bold; font-size:0.8em;}

/* tabs (those little circles below slides) */
.tabs {
clear:both;
position:absolute;
top:380px;
left:462px;
text-align:center
}
/* single tab */
.tabs a {
width:8px;
height:8px;
float:left;
margin:3px;
background:url(Images/navigator.png) 0 0 no-repeat;
display:block;
font-size:1px
}

/* mouseover state */
.tabs a:hover{background-position:0 -8px}

/* active state (current page state) */
.tabs a.current {background-position:0 -16px} 	

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {visibility:hidden !important}
#slider-controls
{
margin:0 auto 0 auto;
position:absolute;
top:535px;
z-index:1000;
border:none
}
#home-slider
{
width:980px;
position:relative
}
#play-pause-controls
{
clear:both;
float:left;
position:absolute;
top:370px;
left:15px
}
#play-pause-controls input
{float:left;}
.invisible
{
visibility:hidden;
width:0;
height:0
}
.home-link-area
{
	position:relative;
	top:0;
	left:0;
	width:980px;
	height:355px;
	display:block;
	text-decoration:none;
}

