body {background: #000; color:#fff;font-family: "Gill Sans", Verdana, Arial, Helvetica;font-size:12px}
a {color:#fff}
.wrapper {margin:0 auto; width:960px}
p {line-height:16px}

.sprite {background:transparent url(../i/sprite.png) 0 0 no-repeat;}

/*header*/
.header {background: url(../i/header-bg.png) no-repeat; width:960px; height:140px}
.logo {margin:0 auto; width:94px}

.nav ul {margin:10px auto 0; padding:0;width:540px} 
.nav li {margin:0; padding:0;list-style-type:none; float:left; text-align:center; width:82px; text-transform:uppercase; }
.nav li.team {width:100px !important}
.nav a {text-decoration:none;display:block;padding:0px 10px;text-decoration:none; width:82px; height:24px; margin-top:10px}
.nav .team a {width:100px}

#nav li a:hover, li a:focus, li a:active {background-position:-150px 0;}
#nav a.hover:hover{background-image: url(../i/hover.png); background-repeat:no-repeat; background-position:9px 18px}
#nav a.selected, #nav a.selected:hover {background-image: url(../i/hover-selected.png);background-repeat:no-repeat; background-position:9px 18px}
#nav .team a:hover {background-image: url(../i/hover-team.png); background-repeat:no-repeat; background-position:10px 18px}
#nav .team a.selected, #nav .team a.selected:hover {background-image: url(../i/hover-team-selected.png);background-repeat:no-repeat; background-position:10px 18px}

/*content*/
.content {color:#c4c4c4; margin-bottom:20px}
.content a{color:#c4c4c4}
.content .images {width:430px;float:left}
.content .text {height:300px}
.content h1 {font-weight:normal; font-size:20px; margin:0 0 20px 0}
.content h2 {font-weight:normal; font-size:16px}
.content ul {padding-left:0px;list-style-type:none}
.content li {margin-bottom:8px; background: url(../i/li-image.png) no-repeat 0 2px; padding-left:15px}
.content .breadcrumbs {text-transform:uppercase; padding:8px 0px; background: url(../i/breadcrumb-border.png) no-repeat bottom left; margin-bottom:30px}
.breadcrumbs a{text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}

.content .nextpagelink a {text-decoration:none; text-transform:uppercase; display:block;background-image: url(../i/contentlinkfade.png);background-repeat: repeat-y; padding:4px;}
.content .nextpagelink {margin-top:20px; background-image: url(../i/contentlinkfoot.png);background-repeat: repeat-y; padding-bottom:1px; margin-bottom:30px}

.content .home-text {height:300px; margin-top:30px}
.content .home-text .nextpagelink {margin-left:430px}

/*benefits*/
.benefits-text {width:350px; float:left; padding-right:10px;}
.benefits-text .nextpagelink {margin-left:0px}
.benefits-text-right .nextpagelink {margin-left:430px}

.benefits-image {padding:5px 5px 0 0; float:left; width:250px}

/*offers*/
.offers-text {width:320px; float:left; padding-right:10px}
.offers-image {padding:5px 5px 0 0; float:left; width:305px}
.offers-text-right {margin-left: 650px}
.offers-text .nextpagelink {margin-bottom:30px}

/*team*/
.team-text {width:320px; float:left; padding-right:10px}
.team-image {padding:5px 5px 0 0; float:left; width:380px}

.david-link {width:181px; height:54px; background-position:-1px -242px;left:760px; position:relative; cursor:pointer}
.david-link:hover {background-position:-1px -297px;}
#david-link .header_highlight {background-position:-1px -297px;}

.peter-link{width:181px; height:54px; background-position:-183px -242px;left:760px;position:relative; cursor:pointer}
.peter-link:hover {background-position:-183px -297px;}
#peter-link .header_highlight {background-position:-183px -297px;}

.chrissy-link{width:181px; height:54px; background-position:-365px -242px;left:760px; position:relative; cursor:pointer}
.chrissy-link:hover {background-position:-365px -297px;}
#chrissy-link .header_highlight {background-position:-365px -297px;}

.vispi-link{width:181px; height:54px; background-position:-547px -242px;left:760px;position:relative; cursor:pointer;}
.vispi-link:hover {background-position:-547px -297px;}
#vispi-link .header_highlight {background-position:-547px -297px;}


/* apply */
.apply-text {width:320px; float:left; padding-right:10px}
.apply-image {padding:5px 5px 0 0; float:left; width:305px}


/* contact */
.contact-text {width:320px; float:left; padding-right:10px}
.contact-image {padding:5px 5px 0 0; float:left; width:305px}
.contact-text-right .nextpagelink {margin-left:635px}

/* root element for scrollable */
.vertical {position:relative;overflow:hidden;height: 300px;width: 300px;}

/* root element for scrollable items */
.items {position:absolute;height:20000em;margin: 0px;}

/* single scrollable item */
.items div {margin:0px 0;padding:0px;font-size:12px;height:300px;}

#actions {margin-left:640px}
#actions a {cursor:pointer;}

#actions a:hover {text-decoration:underline;}
.prevPage {float:left; width:260px}
.disabled {visibility:hidden;}
.nextPage {}	

.content #actions .links {text-decoration:none; text-transform:uppercase; display:block;background: url(../i/contentlinkfade.png) repeat-y; padding:4px;}
.content #actions {margin-top:10px; background: url(../i/contentlinkfoot.png) repeat-y; padding-bottom:1px}




/*footer*/
.footer {background:url(../i/footer-bg.png) no-repeat; width:960px; height:310px}
.spotlights {height:180px;}
.spotlights div {float:left; width:140px; padding:30px 10px 10px}
.spotlights div .benefits {display:block; width:140px; height:119px; background-position:-2px -1px; text-indent:-9999px}
.spotlights div .benefits:hover {background-position:-2px -122px;}

.spotlights div .eligible {display:block; width:140px; height:119px; background-position:-140px -1px; text-indent:-9999px}
.spotlights div .eligible:hover {background-position:-140px -122px;}

.spotlights div .apply {display:block; width:140px; height:119px; background-position:-280px -1px; text-indent:-9999px}
.spotlights div .apply:hover {background-position:-280px -123px;}

.spotlights div .current {display:block; width:140px; height:119px; background-position:-420px -1px; text-indent:-9999px}
.spotlights div .current:hover {background-position:-420px -123px;}

.spotlights div .account {display:block; width:140px; height:119px; background-position:-560px -1px; text-indent:-9999px}
.spotlights div .account:hover {background-position:-560px -123px;}

.spotlights div .contact {display:block; width:140px; height:119px;background-position:-702px -1px; text-indent:-9999px}
.spotlights div .contact:hover {background-position:-702px -123px;}


.footer ul {margin:0 auto; padding:0; width:540px}
.footer li {margin:0; padding:0 5px;list-style-type:none; float:left; text-align:center}
.footer li a {text-decoration:none}
.footer-line {background: url(../i/footer-line.png) no-repeat top; width:100%; height:1px;padding:10px 0px;clear:both}
.footer p {color:#666666; width:560px; margin:30px auto 10px; text-align:center;}
.footer p a {color:#666666}
.footer p.bottom {margin:0 auto 20px; padding-bottom:10px}
.footer p.gamcare {margin:10px auto}


.content {clear:both}
.clear {clear: both;}