body { background: url(/s/bsg/i/bsg-pattern.png) repeat transparent; font-family: Verdana, Arial, san-serif}
a { color: #a0a0a0; font-weight: bold; text-decoration: none;}
a:hover { text-decoration: underline; }

div.main-context { margin: 0px auto; width: 760px; background-color: #fff; min-height: 100%; padding: 10px 0px; position: relative;}

div.logo { background: url(/s/bsg/i/logo.jpg) no-repeat transparent; height: 78px; margin: 0px auto; text-align: center; width: 132px;}

/*
------------------------------
nav bar
------------------------------
*/
div.nav-context { background: url(/s/bsg/i/filler.jpg) repeat-x transparent; border-bottom: #000 1px solid; border-top: #000 1px solid; height: 56px; text-align: center;}

div.nav-bar { margin: 0px auto; text-align: center;width: 555px;}
div.nav-bar li {float: left; height: 56px; width: 138px;}
div.nav-bar li#about { background: url(/s/bsg/i/nav-about-active.jpg) no-repeat transparent;}
div.nav-bar li#about:hover { background: url(/s/bsg/i/nav-about-active.jpg) no-repeat transparent;}
div.nav-bar li#games { background: url(/s/bsg/i/nav-games.jpg) no-repeat transparent;}
div.nav-bar li#games:hover { background: url(/s/bsg/i/nav-games-active.jpg) no-repeat transparent;}
div.nav-bar li#support { background: url(/s/bsg/i/nav-support.jpg) no-repeat transparent;}
div.nav-bar li#support:hover { background: url(/s/bsg/i/nav-support-active.jpg) no-repeat transparent;}
div.nav-bar li#jobs { background: url(/s/bsg/i/nav-jobs.jpg) no-repeat transparent;}
div.nav-bar li#jobs:hover { background: url(/s/bsg/i/nav-jobs-active.jpg) no-repeat transparent;}
div.nav-bar li#contact { background: url(/s/bsg/i/nav-contact.jpg) no-repeat transparent;}
div.nav-bar li#contact:hover { background: url(/s/bsg/i/nav-contact-active.jpg) no-repeat transparent;}
div.nav-bar li a {cursor: pointer; display: block; height: 56px; width: 138px;}

/*
------------------------------
load content
------------------------------
*/
div.content-container { background-color: #fff; position: relative;}
div.content-context { background-color: #fff; height: 350px;}
div.viewport { background: url(/s/bsg/i/bsg-content.jpg) no-repeat transparent; height: 328px; width: 760px }
div.viewport a { cursor: pointer; display: block; height: 402px; position: relative; width: 760px; }

div.right-panel { float: left; width: 380px;}
div.right-panel h2 { color: #0099ff; font-size: 1.8em; font-weight: bold; margin-top: 10px; padding: 6px 18px;}
div.panel-text span { color: #555; font-size: 18pt; }
div.panel-text { color: #333; font-size: 16px; line-height: 1.2em; margin: 10px 0px; padding: 6px 18px;}
div.appstore { height: 61px; text-align: center;}
div.appstore a { background: url(/s/bsg/i/AppStore.png) no-repeat transparent; display: block; height: 61px; margin: 0px auto; width: 173px;}

div.left-panel { float: left; width: 380px;}
div.were-hiring { height: 240px; width: 372px; }
div.were-hiring a { background: url(/s/bsg/i/were-hiring.jpg) no-repeat transparent; cursor: pointer; display: block; height: 240px; width: 372px; }
div.sharing { margin: 18px auto; text-align: center; width: 260px; }
div.sharing ul li { cursor: pointer; float: left; height: 52px; margin: 0px 5px; width: 70px;}
div.sharing ul li.facebook { background: url(/s/bsg/i/share-fb.jpg) no-repeat transparent;}
div.sharing ul li.twitter { background: url(/s/bsg/i/share-tw.jpg) no-repeat transparent;}
div.sharing ul li.email { background: url(/s/bsg/i/share-email.jpg) no-repeat transparent;}

div.sharing ul li a {cursor: pointer; display: block; height: 53px; width: 52px; }
/*
------------------------------
jobs content
------------------------------
*/
div.jobs-content-context { background-color: #fff; height: 540px;}
div.jobs-container { margin: 10px auto; padding: 10px 0px; text-align: center; width: 323px;}

div.jobs-container a { color: #333; cursor: pointer; display: block; font-size: 12pt; font-weight: normal; line-height: 36px; margin: 0px auto; text-align: center; width: 230px;}
div.jobs-container div.spacer { clear: both;  border-bottom: 1px solid #ccc; height: 1px; margin: 0 auto; position: relative; width: 80%; }
div.jobs-container-top { background: url(/s/bsg/i/jobs-panel-top.png) no-repeat transparent; height: 19px; width: 323px;}
div.jobs-container-middle { background: url(/s/bsg/i/jobs-panel-middle.png) repeat-y transparent; height: 410px; width: 323px;}
div.jobs-container-bottom { background: url(/s/bsg/i/jobs-panel-bottom.png) no-repeat transparent; height: 20px; width: 323px;}

div#facebox div.content { padding: 20px 50px;  width: 630px; }
div#facebox a.close { right: -85px; }
div.jobs-description { line-height: 1.2em; }
div.jobs-description p { margin-top: 10px;}
div.jobs-description p span { font-weight: bold; }
div.jobs-description ul { list-style-type: disc; margin-left: 20px; }
div.jobs-description h1 { margin: 10px 0px;  }
div.jobs-description a { color: #356aa0; }

div.jobdetail { display: none;}

div.map { background: url(/s/bsg/i/map2.png) no-repeat transparent; height: 130px; margin: 0px 15px; width: 350px;}
/*
------------------------------
games content
------------------------------
*/
div.games-content-context { height: 600px; }
div.games-panel { background: url(/s/bsg/i/games-container.png) transparent no-repeat); height: 165px; width: 740px;}
div.games-panel div.games-tile { float: left; height: 165px; margin: 5px 10px; width: 160px; }
div.games-panel div#luckyslots-tile a { background: url(/s/bsg/i/games-luckyslots.png) transparent no-repeat; cursor: pointer; display: block; height: 140px; margin: 20px auto; text-align: center; width: 140px;}
div.games-panel div.panel-text { float: left; font-size: 12pt; height: 165px; margin: 20px 5px 0px; padding: 0px; overflow: hidden; width: 380px; }
div.games-panel div.panel-text h2 { font-size: 10pt; font-weight: bold; line-height: 1.5em;}
div.games-panel div.appstore { float: left; height: 70px; margin: 20px auto; text-align: center; width: 170px; }
div.games-panel div.appstore a { background: url(/s/bsg/i/appstore160.png) no-repeat transparent; cursor: pointer; display: block; height: 52px; margin: 0px auto; width: 160px; }
div.games-panel div.panel-links { float: left; height: 165px; width: 170px; }
div.games-panel div.panel-links div.appstore { height: 60px; margin: 20px 0px 0px; text-align: center; width: 170px; }
div.games-panel div.panel-links div.facebook { height: 70px; margin: 0px; text-align: center; width: 170px; }
div.games-panel div#tinytown-tile a { background: url(/s/bsg/i/games-tinytown.jpg) transparent no-repeat; cursor: pointer; display: block; height: 140px; margin: 20px auto; text-align: center; width: 140px;}

div.games-panel div.facebook { float: left; height: 70px; margin: 20px auto; text-align: center; width: 170px; }
div.games-panel div.facebook a { background: url(/s/bsg/i/games-playonfacebook.png) no-repeat transparent; cursor: pointer; display: block; height: 52px; margin: 0px auto; width: 160px; }

/*
------------------------------
contact content
------------------------------
*/
div.contact-content-context { height: 600px; }
div.email_form { margin: 20px auto; width: 550px; }
div.email_form div.instructions { color: #555; font-size: 18px; line-height: 1.2em;}
div.email_form div.instructions p { margin: 15px auto; }
div.email_form h1 { color: #0099ff; font-size: 1.8em; font-weight: bold;}
div.email_form h2 { color: #555; font-size: 10pt; font-weight: bold; line-height: 1.5em;}
div.email_form input { font-size: 18px; height: 28px; width: 220px; }
div.email_form textarea { font-size: 18px; height: 120px; width: 320px; }
div.email_form a#send_message { background: url(/s/bsg/i/sendmessage.png) transparent no-repeat; cursor: pointer; display: block; height: 60px; margin: 10px 0px; width: 160px; }
/*
------------------------------
footer content
------------------------------
*/
div.footer { color: #a0a0a0; font-size: 12px; margin: 12px auto; text-align: center; height: 30px; width: 780px;}
div.footer div.links { margin: 0px auto; width: 200px;}
div.belongs-to-us { height: 20px; margin: 0px auto; width: 400px; text-align: center; }