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

/*Created: August 2009*/
/*Last Modified: August 25, 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-image: url(../jpg/bg_body.jpg);
}
/* 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;
position: relative;
width: auto;
}
.right {
float:right;
position: relative;
width: auto;
}
.left_absolute {
position: absolute;
margin: 115px 25px 0 22px;
}
.right_absolute {
position: absolute;
margin: 128px 25px 0 773px;
}
/*** 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%;
}
/* WRAPPER holds the entire webpage, and is the second object after the body */
#wrapper {
position: relative;
width: 1000px;
margin: 0 auto;
height: 100%;
}
/* HEADER_WRAPPER holds the header and the navbar*/
#header_wrapper {
position: relative;
width: 1000px;
background-color: #85c2e7;
background-image: url(../jpg/bg_header.jpg);
background-repeat: no-repeat;
height:340px; /*TAKE OUT LATER AND SET BACK TO 100%*/

}
/* 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 {
position: relative;
background-repeat: repeat-y;
background-color: #85c2e7;
background-image: url(../gif/bg_content.gif);
/*_height: 600px;*/
}
/* CONTENT holds all of the ..... */
#content {
position: relative;
width: 855px;
/* margin: 0 7.25% 5% 7.25%; */
margin: 0 auto;
padding: 30px 72.5px 0 72.5px;

}

/* 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 {
position: relative;
width: 100%;
text-align: center;
padding: 0;
margin: 0;
}
#footer {
position: relative;
width: 90%;
overflow:hidden;
margin: 5% 5% 0 5%;
text-align: center;
}
#footer img{
padding: 0 10px;
}
/*Grand prize container*/
#grandprize_wrapper {
position: relative;
width: 450px;
}
#grandprize {
background-image: url(../gif/bg_grandprize.gif);
background-position: top left;
background-repeat: no-repeat;
height: auto;
padding: 40px 40px 0 70px;
}
/*Entry form container*/
#jointhetrip_wrapper {
position: relative;
padding: 50px 0 0 0; /*padding: 30px 0 0 0;*/

}
#jointhetrip {
background-image: url(../gif/bg_jointhetrip.gif);
background-repeat: no-repeat;
border: 2px solid #404E80;
width: 303px;
height: 347px;
padding: 40px 20px 0 20px;
}

#videoclips {
margin: -30px 0 0 140px;
width:200px;
}
/*** 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;
}
.legal{
font-size: 12px;
color: #000;
line-height: 14px;
text-align: center;
margin: 0 0 0 0;
padding: 0 50px 35px 50px;
}

/* PARAGRAPH
------------------------------------------------------------ */
p {
font-size: 1em;
line-height: 1.5em;
margin-bottom: 1.5em;
}
#grandprize p {
padding: 5px 0 15px 0;
margin: 0;
text-align: center;
}
#jointhetrip p {
color:#4E1490;
font-size: 0.75em;
padding: 0 0 0 0;
margin: 0 0 10px 0;
}
#videoclips p {
font-size: 11px;
}
/* H1 - Used for page titles
------------------------------------------------------------ */
h1 {
margin-bottom: 1.5em;
}
#header_wrapper h1{
text-align: center;
margin-left: 5px;
}

/* H2 - Used for subheads of major sections
------------------------------------------------------------ */
h2 {
margin-bottom: 1.5em;
}
#header_wrapper h2{
text-align: center;
}
#grandprize h2 {
margin: 0 0 10px 30px;
/*just in case the image does not load*/
color: #fbd719;
font-size: 2em;
text-transform: uppercase;
}
#jointhetrip_wrapper h2 {
position: absolute;
margin: -30px 0 0 35px;
/*just in case the image does not load*/
color: #404E80;
font-size: 2em;
text-transform: uppercase;
}

/* LISTS - applies to unorder and order liss
------------------------------------------------------------ */
#grandprize li {
list-style-type:none; 
background-image: url(../gif/icon_flower.gif);
background-repeat: no-repeat;
background-position: top left;
color:#FFFFFF;
padding: 0 0 15px 35px;
line-height: 1.3em;
font-size: 1.2em;
}

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

#footer_wrapper a:hover{
text-decoration: none;
}

#footer_wrapper a:visited{
color: #000;
}
#grandprize a {
color: #FFFFFF;
font-size: 0.8em;
}
#grandprize a:hover {
text-decoration: none;
}

/* CUSTOM CLASS - unique settings for items
------------------------------------------------------------ */
.logos{
margin: 115px 25px 0 22px;
}
.center_padding {
margin: 0 23px;
}
.movie {
text-transform: uppercase;
}
.underline {
text-decoration: underline;
}
.movie_ticket_image{
padding: 0 10px;
}
.center{
text-align: center;
}


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





/*
------------------------------------------------------------
  FORMS - forms for all tables used in site
------------------------------------------------------------
*/

#state {
width:60px;
}

#zipcode {
width: 75px;
}

.label {
font-size: 10px;
}


/*** END *** FORMS ***/






/*
------------------------------------------------------------
  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;
}


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