/* 
    Document   : fsbtech
    Created on : 17-May-2010, 11:30:07
    Author     : ricky
*/


/* SELECTORS */

body {background-color:#051628; font-family:Arial;}
strong {font-weight:bold;}
h3 {font-size:16px; color:#a41317; font-weight:bold; padding-top:25px;}
hr {height:1px; color:#d8d8d8; background-color:#d8d8d8; border:solid 0px transparent;}
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
.rel {position:relative;}


/* LAYOUT */

#fsb-header {height:101px; background:url(../images/common/header-repeat.png) top left repeat-x;}
.home-link {height:73px; width:200px; float:left; position:absolute; z-index:2;}
#fsb-container {width:992px; margin:0 auto;}


/* TOP NAV */

.header {width:992px; height:101px; margin:0 auto; background:url(../images/common/header.png) top left repeat-x;}

.trigger-container {position:relative; *z-index:1;}
.trigger {position:absolute; height:29px; top:84px; z-index:1; *z-index:0;}
.trigger.products {width:253px;}
.trigger.about {width:241px; left:254px;}
.trigger.news {width:241px; left:496px;}
.trigger.contact {width:253px; left:738px;}
.trigger:hover {cursor:pointer;}

.nav-container {padding-top:83px; position:relative;}
.topnav {height:35px; float:left;}
.topnav.products {width:253px; background:url(../images/topnav/products.png) top left no-repeat;}
.topnav.about {width:242px; background:url(../images/topnav/about.png) top left no-repeat;}
.topnav.news {width:242px; background:url(../images/topnav/news.png) top left no-repeat;}
.topnav.contact {width:255px; background:url(../images/topnav/contact.png) top left no-repeat;}

.nav-container-dropdown {position:relative;}
.dropdown {position:absolute; top:29px; border:1px solid #9b9b9b; background:url(../images/topnav/dropdown-backer.png) #f7f7f7 top left repeat-x; display:none;}
.dropdown a {text-decoration:none;}
.dropdown.products {left:13px; width:238px;}
.dropdown.about {width:239px;}
.dropdown.news {width:239px;}
.dropdown.contact {width:239px;}
.dropdown-bottom {height:5px; position:absolute; top:29px; left:0px;}
.dropdown-bottom.products {width:240px; background:url(../images/topnav/dropdown-bottom-products.png) top left no-repeat; left:13px;}
.dropdown-bottom.middle {width:241px; background:url(../images/topnav/dropdown-bottom-middle.png) top left no-repeat;}
.dropdown-bottom.contact {width:241px; background:url(../images/topnav/dropdown-bottom-contact.png) top left no-repeat;}

.nav-option {height:32px; line-height:32px; border-bottom:1px solid #cfcfcf; border-top:1px solid #fff; color:#0d2640; font-size:17px; text-indent:4px; font-weight:bold; width:230px; margin-left:4px; text-shadow: #fff 0px 1px 0px; font-family: 'Arial Narrow', Arial, sans-serif; float:left;}
.nav-option.first {border-bottom:1px solid #cfcfcf; border-top:0px solid transparent;}
.nav-option.last {border-bottom:0px solid transparent; border-top:1px solid #fff; padding-bottom:5px;}
.nav-option:hover {color:#ab1f27;}


/* HOMEPAGE */

.under-nav {height:44px; width:100%; background-color:#fff;}
.banner-middle {width:944px; margin:0 auto;}
.banner-button {width:272px; height:42px; background:url(../images/homepage/banner-button.png) top left no-repeat; position:absolute; top:128px; float:left;}
.banner-button:hover {background-position:0 -43px; cursor:pointer;}
.banner-player {width:944px; height:261px; background:url(../images/homepage/banner-player.png) top left no-repeat; position:absolute; top:-23px;}
.banner-lines {height:221px; width:100%; background:url(../images/homepage/banner-lines.png) top left repeat-x; position:absolute;}
.banner {height:221px; width:100%; background:url(../images/homepage/banner-scroll.png) top left repeat-x;}
.under-banner {height:196px; width:100%; background:url(../images/homepage/under-banner-backer.png) top left repeat-x;}
.under-banner-content {width:992px; margin:0 auto;}
.under-banner-section {width:330px; height:195px; float:left;}
.under-banner-section.divider {width:1px; background:url(../images/homepage/underbanner-div.png) top left no-repeat;}
.section-content {padding:33px 0 0 20px;}
.section-content p {font-size:14px; color:#696969; line-height:20px; padding:10px 0 12px 0;}
.read-more-large {width:139px; height:30px; background:url(../images/homepage/readmore.png) top left no-repeat; float:left;}
.read-more-large:hover {background-position:0 -30px; cursor:pointer;}

.homepage-content {width:100%; background-color:#fff;}
.homepage-content-center {width:992px; background-color:#fff; margin:0 auto;}
.homepage-content-section {width:495px; height:221px; float:left;}
.homepage-content-section.divider {width:1px; background:url(../images/common/content-divider.png) top left no-repeat;}
.homepage-content-padding {padding:20px 0 0 20px;}
.news-image {width:114px; height:114px; float:left;}
.news-image.skybet {background:url(../images/common/skybet-gfx.png) top left no-repeat;}
.news-image.metro {background:url(../images/common/metro-gfx.png) top left no-repeat;}
.news-image.onetouch {background:url(../images/common/onetouch-gfx.png) top left no-repeat;}
.news-image:hover {background-position:0 -114px;}
.news-left {float:left; margin: 0 20px 20px 0;}
.news-right {}
.news-right p.news-title {font-size:16px; color:#5f8fb5; line-height:26px; margin-top:8px;}
.news-right p a {text-decoration:none; color:#5f8fb5;}
.news-right p a:hover {text-decoration:underline;}
.news-right p.news-body {font-size:12px; color:#696969; line-height:20px; margin-bottom:12px;}
.read-more-small {width:77px; height:27px; background:url(../images/common/readmore-small.png) top left no-repeat; float:left;}
.read-more-small:hover {background-position:0 -27px; cursor:pointer;}


/* CONTENT PAGE */

.left-menu-container {width:177px; height:350px; float:left;}
.left-menu-item {width:177px; height:40px; background:url(../images/content/left-menu-item.png) top left no-repeat; text-align:right; line-height:40px;}
.left-menu-item.last {height:100px; background:url(../images/content/left-menu-item-last.png) top left no-repeat;}
.left-menu-item a {font-weight:bold; font-size:17px; color:#5f8fb5; text-shadow: #fff 0px 1px 0px; font-family: 'Arial Narrow', Arial, sans-serif; text-decoration:none; padding:10px;}
.left-menu-item a:hover {color:#0d2640; cursor:pointer;}
.left-menu-item a.selected {color:#0d2640; cursor:default;}
.left-menu-vert {width:1px; height:350px; background:url(../images/content/left-menu-vert.png) top left no-repeat; float:left;}

.content-area {background-color:white; width:100%;}
.content-center {width:992px; margin:0 auto; padding-top:15px;}
.content-page {float:left; margin-left:40px; width:770px; margin:0 0 40px 40px;}
.content-page p {color:#696969; font-size:14px; line-height:22px; margin-top:14px;}
.content-page ul {font-size:14px; color:#696969; line-height:28px; margin-top:14px; list-style:square inside none; margin-left:10px;}
.content-page a {color:#b4222c; text-decoration:none;}
.content-page a:hover {color:#b4222c; text-decoration:underline;}
.content-image {color:#5F8FB5; float:right; font-size:12px; line-height:18px; padding:10px 15px 20px 30px; text-align:center; width:330px;}
.quote-image {width:37px; height:32px; background:url(../images/common/quote.png) top left no-repeat; float:left; margin:0 20px 120px 0;}
.quote-image.closed {background:url(../images/common/quote-closed.png) top left no-repeat; float:right; margin:0 0 120px 20px;}
.quote {color:#5f8fb5; font-size:18px; line-height:22px; font-family: 'Arial Narrow', Arial, sans-serif; font-weight:bold; display:none;}
.quoted {color:#0d2640; font-size:16px; display:block; padding-top:5px;}

.title {height:28px; padding-bottom:5px;}
.title.banner {width:229px; background:url(../images/content/titles/bannerserving.png) top left no-repeat;}
.title.pricing {width:224px; background:url(../images/content/titles/pricingmodels.png) top left no-repeat;}
.title.newmarkets {width:195px; background:url(../images/content/titles/newmarkets.png) top left no-repeat;}
.title.fantasy {width:217px; background:url(../images/content/titles/fantasygames.png) top left no-repeat;}
.title.custom {width:266px; background:url(../images/content/titles/customproducts.png) top left no-repeat;}
.title.fsbtech {width:218px; background:url(../images/content/titles/fsbtech.png) top left no-repeat;}
.title.team {width:127px; background:url(../images/content/titles/fsbteam.png) top left no-repeat;}
.title.partners {width:197px; background:url(../images/content/titles/fsbpartners.png) top left no-repeat;}
.title.news2011 {width:143px; background:url(../images/content/titles/news2011.png) top left no-repeat;}
.title.news2010 {width:148px; background:url(../images/content/titles/news2010.png) top left no-repeat;}
.title.news2009 {width:148px; background:url(../images/content/titles/news2009.png) top left no-repeat;}
.title.news2008 {width:148px; background:url(../images/content/titles/news2008.png) top left no-repeat;}
.title.contact {width:163px; background:url(../images/content/titles/contactus.png) top left no-repeat;}
.title.careers {width:208px; background:url(../images/content/titles/careers.png) top left no-repeat;}
.title.sportsdata {width:177px; background:url(../images/content/titles/sportsdata.png) top left no-repeat;}
.title.bettingservices {width:248px; background:url(../images/content/titles/bettingservices.png) top left no-repeat;}
.title.gamingplatform {width:256px; background:url(../images/content/titles/gamingplatform.png) top left no-repeat;}

.partner-logo {float:left; padding:30px 50px 10px 0;}


/* FOOTER */

.footer-strap {height:114px; width:100%; background:url(../images/common/footer-strap.png) top left repeat-x;}
.footer-dark {height:53px; width:100%; background:url(../images/common/footer-dark.png) top left repeat-x;}
.footer-dark a {color:#fff; text-decoration:none;}
.footer-dark a:hover {text-decoration:underline;}
.footer-dark ul {display:inline;}
.footer-dark li.footer-list {display:inline; height:16px; line-height:16px; border-right:1px solid #586f81; padding:3px 10px;}
.footer-dark li.footer-list.last {border-right:0px solid transparent;}
.footer-dark-content {width:944px; color:#b6d7ec; font-size:12px; padding:15px 0; margin:0 auto;}
.footer-button-container {width:609px; margin:0 auto; padding-top:15px;}
.footer-button {width:193px; height:65px; float:left;}
.footer-button.widgets {background:url(../images/common/footer-widgets.png) top left no-repeat;}
.footer-button.fantasy188 {background:url(../images/common/footer-188.png) top left no-repeat; margin:0 15px;}
.footer-button.sky {background:url(../images/common/footer-sky.png) top left no-repeat;}
.footer-button.metro {background:url(../images/common/footer-metro.png) top left no-repeat;}
.footer-button:hover {background-position:0 -65px; cursor:pointer;}