@charset "utf-8";
/* CSS Document */

body {background: #000; margin: 0 auto; font-family: arial; font-size: 0.75em;}

#wrapper {width: 860px; margin: 20px auto;}
#masthead {width: 100%;}
#logo {width: 154px; height: 89px; float: left;}
#banner {width: 657px; height: 89px; float: right;}
#content {width: 100%;}
#left_column {float: left; width: 296px;}
#right_column {float: right; width: 548px;}

#coming_soon2 {width: 216px; height: 19px; background: url(../img/coming_soon.gif) no-repeat; margin: 20px auto;}
#machine {width: 246px; height: 419px; margin: 50px auto; background:url(../img/machine2.jpg) no-repeat;}
#demo_button {width: 141px; height: 44px; margin: -30px auto; margin-bottom: 5px;}
#side_text {width: 241px; height: 45px; margin: 20px auto; background:url(../img/side_text.jpg) no-repeat;}

#content_top {width: 548px; margin: 0 auto; height: 17px; background:url(../img/content_top.jpg) no-repeat;}
#content_bg {width: 548px; margin: 0 auto; background:url(../img/content_bg.gif) repeat-y; min-height: 500px;}
#content_bottom {width: 548px; margin: 0 auto; height: 17px; background:url(../img/content_bottom.jpg) no-repeat;}
#content_inner {width: 508px; margin: 0 auto; padding: 6px 0 1px 0;}
#pop_sites {float: left; width: 345px;}
#sites_nav {float: right; width: 150px;}
.sites_vue {border-top: 1px solid #dbdbdb; background: url(../img/vue_bg.jpg) no-repeat right top; width: 100%; margin-bottom: 15px;}
.sites_odeon {border-top: 1px solid #dbdbdb; background: url(../img/odeon_bg.jpg) no-repeat right top; width: 100%; margin-bottom: 15px;}
.sites_empire {border-top: 1px solid #dbdbdb; background: url(../img/empire_bg.jpg) no-repeat right top; width: 100%; margin-bottom: 15px;}
.sites_david_lloyd {border-top: 1px solid #dbdbdb; background: url(../img/davidlloyd_bg.jpg) no-repeat right top; width: 100%; margin-bottom: 15px;}
.sites_reel {border-top: 1px solid #dbdbdb; background: url(../img/reel_bg.jpg) no-repeat right top; width: 100%; margin-bottom: 15px;}
.sites_bowlplex {border-top: 1px solid #dbdbdb; background: url(../img/bowlplex_bg.jpg) no-repeat right 10px; border-bottom: 1px solid #dbdbdb;}
.sites_homebase {border-top: 1px solid #dbdbdb; background: url(../img/homebase_bg.jpg) no-repeat right top; width: 100%; margin-bottom: 15px;}
.sites_gardiners {border-top: 1px solid #dbdbdb; background: url(../img/gardiners_bg.jpg) no-repeat right top; width: 100%; margin-bottom: 15px;}
.sites_networkrail {border-top: 1px solid #dbdbdb; background: url(../img/networkrail_bg.jpg) no-repeat right top; width: 100%; margin-bottom: 15px;}
.sites_spar {border-top: 1px solid #dbdbdb; background: url(../img/spar_bg.jpg) no-repeat right 10px; width: 100%; margin-bottom: 15px;}
h3, h2 {color: #78278b;}
h3 {margin: 0; padding-top: 10px;}

#nav_top {background: url(../img/nav_top.jpg) no-repeat; width: 150px; height: 31px;}
#nav_bg {background: url(../img/nav_bg.jpg) repeat-y; width: 150px;}
#nav_bottom {background: url(../img/nav_bottom.jpg) no-repeat; width: 150px; height: 20px;}
#nav_bg ul {margin: 0 20px 0 20px; padding: 5px 0 5px 0; list-style-type: none;}
#nav_bg ul li {background: url(../img/help_bullet.gif) 0px 5px no-repeat; padding: 3px 0 0px 15px;}
#nav_bg ul li a {font-weight: bold; color: #78278b; text-decoration: none;}
#nav_bg ul li a:hover {text-decoration: underline;}

#footer {width: 505px; margin: 10px auto;}
#footer2 {width: 245px; margin: 10px auto;}
#footer ul, #footer2 ul {margin: 0; padding: 0; list-style-type:none;}
#footer ul li, #footer2 ul li {float: left; margin: 0; padding: 0 25px 5px 0;}
#footer ul li a, #footer2 ul li a {color: #fff; text-decoration: none; font-weight: bold;}

#coming_soon {width: 550px; margin: 0 auto;}
#video {margin: 0 auto; width: 320px;}
#press_play {width: 458px; margin: 0 auto;}

h2.find_pop {width: 99px; height: 21px; text-indent:-4000px; background:url(../img/find_pop_h2.jpg) no-repeat; margin: 0 0 10px 0; padding:0;}


.clearboth {clear:both;}
img, #machine, #content_top, #content_bottom, #side_text { behavior: url(iepngfix.htc);}
.noborder {border: 0;}