/*****************************/
/* Default element styles */
/*****************************/

body { 
	margin: 0;
	padding: 0;
	background-color: #000;
	
} 

html, body {
	margin: 0;
	padding: 0;
	line-height: 15px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
}

h1 {
	font-size:18px;
	font-weight:bold;
}

.print {
	margin-top:0;
	margin-bottom:9px;
	padding:0;
}
.bumpup {
	margin-top:5px;
}

.yellow {
	color:#fcda00;
}

a {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	color: #fcda00;
	text-decoration: underline;
}

img {
	border: none;
}

.clear {
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}

/**fix for ie paragraph spacing issue**/
p {
     margin:  0 0 1em 0;
     padding:  0;
}

/*****************************/
/* Structural styles */
/*****************************/

#wrapper { 
	width:761px;
} 

#bg-wrapper {
	float:left;
	width: 761px;	
	height: 533px;
    background: #82a5c5 url(images/bg.jpg) top left no-repeat; 
}

#left-col {
	float:left;
	width:127px;
}

#logo {
	float:left;
	width:120px;
	margin-top: 10px;
	margin-left: 6px;
	display:inline;
}

/** nav **/
#nav {
	float:left;
	width:113px;
	margin-top:30px;
	margin-left:10px;
	display:inline;
}

.nav-button {
	margin-bottom:15px;
}

#arrow {
	left: 136px; 
	position: absolute; 
}
.films #arrow {
	TOP: 163px;
}
.token #arrow {
	TOP: 205px;
}
.boxoffice #arrow {
	TOP: 247px;
}
.home #arrow {
	top: 330px;
}
.orderform #arrow {
	top: 286px;
}


/* home */
#choose-one {
	position:absolute;
	top:35px;
	left:290px;
}
#thrills {
	position:absolute;
	top:10px;
	left:300px;
}
#one-token {
	position:absolute;
	top:359px;
	left:401px;
}
#bring-home {
	position:absolute;
	top:456px;
	left:256px;
}
#home-copy {
	position:absolute;
	top:485px;
	left:162px;
	width:515px;
	font-size: 10px;
	color:#fff;
	text-align:center;
}

#film1 {
	position:absolute;
	top:227px;
	left:157px;
}
.token #film1 {
	top:160px;
}

#rollover1 {
	position:absolute;
	top:170px;
	left:142px;
	visibility:hidden;
}
.token #rollover1 {
	top:103px;
}
.films #rollover1, .films #rollover2, .films #rollover3, .films #rollover4, .films #rollover5, .films #rollover6, .films #rollover7, .films #rollover8 {
	top:3px;
	left:172px;
}

#film2 {
	position:absolute;
	top:226px;
	left:217px;
}
.token #film2 {
	top:159px;
}
#rollover2 {
	position:absolute;
	top:170px;
	left:202px;
	visibility:hidden;
}
.token #rollover2 {
	top:103px;
}

#film3, #film3spacer {
	position:absolute;
	top:226px;
	left:277px;
}
.token #film3, .token #film3spacer {
	top:159px;
}
#rollover3 {
	position:absolute;
	top:170px;
	left:262px;
	visibility:hidden;
}
.token #rollover3 {
	top:103px;
}

#film4 {
	position:absolute;
	top:175px;
	left:316px;
}
.token #film4 {
	top:108px;
}
#rollover4 {
	position:absolute;
	top:170px;
	left:329px;
	visibility:hidden;
}
.token #rollover4 {
	top:103px;
}

#film5 {
	position:absolute;
	top:175px;
	left:416px;
}
.token #film5 {
	top:108px;
}
#rollover5 {
	position:absolute;
	top:170px;
	left:445px;
	visibility:hidden;
}
.token #rollover5 {
	top:103px;
}

#film6, #film6spacer  {
	position:absolute;
	top:226px;
	left:533px;
}
.token #film6, .token #film6spacer {
	top:159px;
}
#rollover6 {
	position:absolute;
	top:170px;
	left:512px;
	visibility:hidden;
}
.token #rollover6 {
	top:103px;
}

#film7 {
	position:absolute;
	top:226px;
	left:593px;
}
.token #film7 {
	top:159px;
}
#rollover7 {
	position:absolute;
	top:170px;
	left:572px;
	visibility:hidden;
}
.token #rollover7 {
	top:103px;
}

#film8 {
	position:absolute;
	top:226px;
	left:653px;
}
.token #film8 {
	top:159px;
}
#rollover8 {
	position:absolute;
	top:170px;
	left:632px;
	visibility:hidden;
}
.token #rollover8 {
	top:103px;
}

/**box office **/
#box1 {
	position:absolute;
	top:40px;
	left:180px;
}
#box2 {
	position:absolute;
	top:25px;
	left:277px;
}
#box3 {
	position:absolute;
	top:10px;
	left:362px;
}
#box4 {
	position:absolute;
	top:10px;
	left:452px;
}
#box5 {
	position:absolute;
	top:25px;
	left:537px;
}
#box6 {
	position:absolute;
	top:45px;
	left:627px;
}

#bo-tokens {
	position:absolute;
	top:230px;
	left:166px;
}
#violator {
	position:absolute;
	top:93px;
	left:319px;
}
#bo-header {
	position:absolute;
	top:187px;
	left:497px;
}
#cereal-list {
	position: absolute; 
	left: 312px; 
	top: 336px; 
	height: 150px; 
	width: 410px; 
	overflow: auto; 
	border: solid #000000 1px; 
	background-color: #d93b20; 
	color:#ffffff; 
	line-height: 1.7em;
	font-size:10px;
	padding:10px;
	
}

/** token **/
#token-header {
	position:absolute;
	top:35px;
	left:150px;
}
#token-subhead1 {
	position:absolute;
	top:300px;
	left:150px;
}
#token-token {
	position:absolute;
	top:280px;
	left:565px;
}

#one {
	position:absolute;
	top:342px;
	left:173px;
}
#step-one {
	position:absolute;
	top:351px;
	left:211px;
	width:203px;
	font-size:11px;	
}

.arial-bold {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	color:#efcd0c;
}
#two {
	position:absolute;
	top:430px;
	left:145px;
}
#step-two {
	position:absolute;
	top:439px;
	left:183px;
	width:210px;
	font-size:11px;	
}
#three {
	position:absolute;
	top:405px;
	left:453px;
}
#step-three {
	position:absolute;
	top:414px;
	left:491px;
	width:230px;
	font-size:11px;	
}

/**FILMS**/
#featured-movies {
	position:absolute;
	top:212px;
	left:174px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
}

#selections {
	position:absolute;
	top:438px;
	left:155px;
}
#roll-over {
	position:absolute;
	top:378px;
	left:215px;

}
#films-copy {
	position:absolute;
	top:442px;
	left:445px;
	width:296px;
	font-size:10px;
	color:#fff;
}

/**order forms**/
#order-forms {
	float:left;
	width:552px;
	margin-left: 45px;
	margin-top:5px;
	display:inline;
}

.dvds {
	margin-left:50px;
	font-size:11px;
	line-height:1.2em;
	margin-bottom:12px;
}

/** footer **/
#wrapper-footer {
	float:left;
	width: 761px;
	font-size: 11px;
	color:#fff;
	margin-top:3px;
	margin-left:10px;
	display:inline;
}

#footer-left {
	float: left;
}

#footer-right {
	float: right;
	margin-right:23px;
	display:inline;
}

#wrapper-footer a {
	padding: 0 3px;
	color:#fff;	
}

#wrapper-footer a:hover {
	padding: 0 3px;
	color:#d93b20;	
}

.rights  {
	margin-top:5px;
	margin-bottom:0;
	font-size:9px;
	line-height:1.2em;
}