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

/*Created: March 2009*/
/*Last Modified: March 1, 2009*/

/*
------------------------------------------------------------
  COLOR REFERENCE - values for established color palette
------------------------------------------------------------




*/




/*
------------------------------------------------------------
  BASIC BIG BLOCKS - Global settings for elements
------------------------------------------------------------
*/
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: #c5edf9;
}
/* zero out all default margin, padding, and border settings */
div,table,tr,td,th,img,p,ul,li,dl,dt,dd,hr,h1,h2,h3,h4,h5,h6,form,label{
margin: 0;
padding: 0;
border: 0;
}
/* zero out all default margin and padding settings */
select,input{
margin: 0;
padding: 0;
}
/* this class is used to set a clear on an empty div */
.clear {
position: relative;
display: block;
clear: both;
width: 100%;
height: 1px;
overflow: hidden;
margin: 0;
font-size: 1px;
line-height: 1px;
}
/*this class used to set a clear on any element*/
.clear_fix {
clear:both;
}
/*classes for floats on any object*/
.left {
float:left;
}
.right {
float:right;
}


/*** END *** BASIC BIG BLOCKS ***/









/*
------------------------------------------------------------
  STANDARD MOVIE IMAGE SIZES
------------------------------------------------------------
*/
/*start here*/


/*** END *** STANDARD MOVIE IMAGE SIZES ***/












/*
------------------------------------------------------------
  LAYOUT CONTAINERS - Major wrappers and containers that hold major chunks of the site
------------------------------------------------------------
*/
 
/* CONTAINER holds the entire webpage, and is the first object after the body */
#container {
position: relative;
width: 100%;
height: 100%;
background-image: url(../jpg/bg_container.jpg);
background-position: top center;
background-repeat: repeat-x;
}
/* WRAPPER holds the entire webpage, and is the second object after the body */
#wrapper {
position: relative;
width: 100%;
margin: 0 auto;
}
/* HEADER_WRAPPER holds the header and the navbar*/
#header_wrapper {
position: relative;
height: 190px;
width: 1000px;
margin: 0 auto;
padding-top: 25px;
text-align: center;
}
#header_wrapper h1 {
width: 727px;
margin: 0 auto;
}
/* NAV_WRAPPER holds the navbar and buttons*/
#nav_wrapper {
position: relative;
width: 100%;
}
/* CONTENT_WRAPPER holds all of the content below the XXX and above the footer */
#content_wrapper {
width: 100%;
margin: 0 auto;
position: relative;
/*height:100%!important;*/ /* real browsers */
/*height:100%;*/ /* IE6: treaded as min-height*/
min-height:300px;
}
/* CONTENT holds all of the ..... */
#content {
position: relative;
width: 100%;
}
/*inner_content holds all content that are text such as rules*/
#inner_content {
padding-left: 140px;
padding-right: 100px;
width:760px;
margin: 25px auto 0 auto;
}
/* INTERACTIVE_WRAPPER holds all of the interactive material... ajax video player and flash animation*/
#interactive_wrapper{
padding: 0 62.5px;
width:875px;
margin: 25px auto 0 auto;
}
#flash_animation{
position: relative;
float: left;
width: 295px;
height: 235px;	
}
#flash_animation img{
margin-top: 20px;
}
#entry #flash_animation {
height: 175px;	
padding-top:50px;
}
#video_player_wrapper{
position: relative;
float: right;
width: 580px;
}
#video_player{
position: relative;
margin-top: 30px;
float: left;
width: 545px;
/*height: 232px; /*REMOVE ONCE FINISHED TESTING*/
}
#toggle_buttons{
position: relative;
float: right;
width: 35px;
/*height: 335px; /*REMOVE ONCE FINISHED TESTING*/
}

#contest_wrapper{
position: relative;
padding-left: 125px;
margin: 15px auto 0 auto;
width: 875px;
}
#enter_to_win{
margin: 20px 85px 0 0;
position: relative;
float: right;
width: 335px;
height: 380px; /*REMOVE ONCE FINISHED TESTING*/
background: url(../png/bg_form.png);
}
#enter_to_win h1{
text-align: center;
margin-top: 10px;
}
#prize_list{
margin: 20px 0 0 50px; 
position: relative;
float: left;
width: 350px;
}
#prize_list h2{
text-align: center;
}
#prize_list ul{
margin-top: 15px;
}
#prize_list ul li{
margin-left: 35px;
color: #ff0000;
font-weight: bold;
font-size: 1em;
list-style-image: url(../gif/img_bullet.gif);
padding-bottom: 10px;
}
.description{
color: #000;
font-size: .75em;
font-weight: bold;
}
#prize_list p{
margin-left: 35px;
font-size: .75em;
margin-bottom: 5px;
color: #000;
}
#prize_list p a{
color: #000;
text-decoration: underline;
}
#prize_list p a:hover{
text-decoration: none;
}
#in_theatres{
clear: both;
padding: 25px 0 20px 0;
width: 565px;
margin-left: 55px;
position: relative;
}
#in_theatres h2{
margin-bottom: 15px;
}
.btn{
}
#company_logos{
position: relative;
/*margin: 20px 0 15px 145px;
width: 275px;*/
padding: 15px 145px 35px 145px;
width: 275px;
margin-left: 55px;
}
#networking_icons{
position: relative;
/*
width: 600px;
margin: 0px 75px 0 0px;
*/
width: 600px;
margin-left: 45px;
}
#follow_us h3{
margin-bottom: 10px;
}
#get_your_tickets h3{
margin-bottom: 5px;
}
	
#follow_us{
position: relative;
float: left;
width: 300px;
text-align: center;
}

#get_your_tickets{
margin-right: 60px;
position: relative;
float: right;
width: 220px;
text-align: center;
}

#follow_us, #get_your_tickets ul{
margin: 0;
padding: 0;
}
#sweepstakes_entry_form{
width: 300px;
margin: 5px auto 0 auto;
}
#sweepstakes_entry_form p{
margin: 0;
padding: 0 0 5px 0;
font-size: .7em;
}
#city_state_zip{

}
#zipcode{
width: 77px;
}
#state{
margin-left: 10px;
margin-right: 5px;
}
#state label{
margin-left: 10px;
margin-right: 5px;
}
#networking_icons ul li{
display: inline;
margin: 0 3px;
}
/* SIDEBAR RIGHT holds all of the ..... */
#sidebar_right {
position: relative;
width: 220px;
}
/* SIDEBAR LEFT holds all of the ..... */
#sidebar_left {
position: relative;
width: 220px;
}
/* FOOTER is the outer wrapper of the footer section */
#footer_wrapper {
clear:both;
position: relative;
width: 100%;
margin: 0 auto;
background-image: url(../jpg/bg_ship.jpg);
background-position: bottom center;
background-repeat: repeat-x;
padding-top:30px;
}
#footer_wrapper p{
color: #fff;
font-weight: bold;
font-size: .69em;
text-align: center;
line-height: 1.25em;
}
#footer{
width: 875px;
padding-left: 125px;
margin: 0 auto;
text-align: center;
}
#footer p{
padding: 25px 0 25px 0;
}
#ship_left{
background-image: url(../gif/bg_ship.gif);
background-position: top right;
height: 950px;
width: 145px;
position: absolute;
left: 0;
bottom: 0;
z-index: 99;
}
#confirmation #ship_left,
#no_entry #ship_left{
height: 750px;
width: 135px;
}
#rules #ship_left{
width: 120px;
}
#boat_right{
background:url(../gif/bg_boat.gif) bottom;
height: 253px;
width: 346px;
position: fixed;
float: right;
}
.error {
position: relative;
width: 765px;
margin: 0 auto;
padding-top: 10px;
}
/*** END *** LAYOUT CONTAINERS ***/









/*
------------------------------------------------------------
  1, 2, 3 COLUMN LAYOUTS - Settings for all elements and containers that column layouts
------------------------------------------------------------
*/

/* 1 COLUMN GRID - used to organize content in 1 column grid
------------------------------------------------------------ */
.col1 {
position: relative;
}

/* 2 COLUMN GRID - used to organize content in 2 column grid
------------------------------------------------------------ */
.col2 {
position: relative;
width: 47.5%;
}
.col2.left {
float:left;
}
.col2.right {
float:right;
}

/* 3 COLUMN GRID - used to organize content in 3 column grid
------------------------------------------------------------ */
/* Basic settings for each column */
.col3 {
position: relative;
float: left;
width: 30%;
}
/* Sets the gutter spacing between the columns */
.col3.center {
margin: 0 5%;
}


/*** END *** COLUMN LAYOUTS ***/












/*
------------------------------------------------------------
  TYPOGRAPHY SETTINGS
------------------------------------------------------------
*/

* {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1em;
}

/* PARAGRAPH
------------------------------------------------------------ */
p {
font-size: 0.8em;
line-height: 1.5em;
padding: 10px 0;
}
.error p {
color: #f00;
}

/* H1 - Used for page titles
------------------------------------------------------------ */
h1 {
margin-top: 2em;
}
#no_entry h1 {
font-size: 18px;
margin-left: 3em;
}
#confirmation h1 {
font-size: 18px;
margin-left: 3em;
}


/* H2 - Used for subheads of major sections
------------------------------------------------------------ */
h2 {

}
.error h2 {
color: #f00;
}

/* H3 - Subheads for block of content in columns
------------------------------------------------------------ */
h3 {

}

/* LISTS - applies to unorder and order liss
------------------------------------------------------------ */
ul {

}
li {

}

/* DEFINITION LIST - typically used for Q and A articles
------------------------------------------------------------ */
dl {

}
dt{

}
dd{

}

/* LINKS - how do text links look and behave on hover
------------------------------------------------------------ */
a {
color:#ff0000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

/* CUSTOM CLASS - unique typography settings for all types of text
------------------------------------------------------------ */

.underline {
text-decoration: underline;
}
/*rules_section bolds and underlines the sections in rules page*/
.rules_section {
text-decoration: underline;
font-weight: bold;
}
/*** END *** TYPOGRAPHY SETTINGS ***/









/*
------------------------------------------------------------
  BASIC TABLE - default table settings for all tables used in site
------------------------------------------------------------
*/
table {
font-size: 0.75em;
line-height: 1.5em;
border-collapse:collapse;
}
th {
text-transform: uppercase;
padding: 5px;
text-align: left;
}
td {
padding: 5px;
vertical-align:top;
}
tr {

}
tr.even {

}
tr.odd {

}


/*** END *** TABLE SETTINGS ***/









/*
------------------------------------------------------------
  STANDARD IMAGE - settings images sizes and styling for images
------------------------------------------------------------
*/
/*start here*/


/*** END *** TYPOGRAPHY SETTINGS ***/










/*
------------------------------------------------------------
  HEADER - Settings for items in the header
------------------------------------------------------------
*/
/*start here*/


/*** END *** TYPOGRAPHY SETTINGS ***/





/*
------------------------------------------------------------
  NAVBAR - main navigation section including buttons and dropdowns
------------------------------------------------------------
*/

#nav {

}
/*nav buttons
--------------- */
#nav li {

}
#nav li a {

}
#nav li a:hover {

}
.navBtn {

}


/*** END *** NAVBAR ***/










/*
------------------------------------------------------------
  FOOTER - Settings for items in the footer
------------------------------------------------------------
*/

#footer {

}
#footer li {
}
#copyright {
}


/*** END *** FOOTER ***/