@charset "UTF-8";

/* ===== colors ==================================== */

.color1 { color: #8e4c16; }

.red1 { color: #ab0534; } /* default red */

.success {
	font-weight: bold;
	color: #090;
}

.error,
.req {
	font-weight: bold;
	color: #C00;
}

/* ===== base ====================================== */

html,
body {
	background: #000 url("../images/bg.jpg") repeat-x left top;
	padding: 0;
	margin: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #fff;
	text-align: center;
}

a {
	color: #8e4c16;
	outline: none;
}

a:hover { color: #999; }

a img { border: 0; }

em,
strong { color: #8e4c16; }

h2 { font-size: 21px; }

h3 { font-size: 18px; }

h4 { font-size: 16px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

h2,
h3,
h4,
h5,
h6 { color: #8e4c16; }

/* ===== layout ==================================== */

#container {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#container1 {
	width: 936px;
	padding: 0 32px;
}

/* ===== header ==================================== */

#header {
	display: block;
	width: 968px;
	padding: 0 32px 0 0;
}

#logo,
h1,
h1 a {
	display: block;
	width: 320px;
	height: 115px;
}

#logo {
	float: left;
	background: transparent url('../images/logo_together_for_life.jpg') no-repeat left top;
}

#tagline h2{
	display: block;
	width: 648px;
	height: 83px;
	float: left;
	background: transparent url('../images/hdr_create_an_original_film.gif') no-repeat 0px 62px;
}
#tagline h2 a
{
	display: block;
	width: 130px;
	height: 83px;
	float: right;
}

/* ===== nav ======================================= */

#nav_wrapper {
	display: block;
	width: 936px;
	padding: 0 32px;
	float: left;
}

#navA {
	display: block;
	width: 570px;
	padding: 0;
	heigth: 33px;
	float: right;
	overflow: hidden;
}

#navA li { float: left; }

#navA a {
	display: block;
	background: transparent url('../images/navA.gif') no-repeat left top;
	height: 33px;
}

#navA a.navA0 {
	background-position: 0px 0px;
	width: 73px;
}

#navA a.navA1 {
	background-position: -73px 0px;
	width: 162px;
}

#navA a.navA2 {
	background-position: -235px 0px;
	width: 184px;
}

#navA a.navA3 {
	background-position: -419px 0px;
	width: 83px;
}

#navA a.navA4 {
	background-position: -502px 0px;
	width: 68px;
}

#navA a.navA0:hover { background-position: -0px -33px; }

#navA a.navA1:hover { background-position: -73px -33px; }

#navA a.navA2:hover { background-position: -235px -33px; }

#navA a.navA3:hover { background-position: -419px -33px; }

#navA a.navA4:hover { background-position: -502px -33px; }

#navA li.on a.navA0 { background-position: -0px -66px; }

#navA li.on a.navA1 { background-position: -73px -66px; }

#navA li.on a.navA2 { background-position: -235px -66px; }

#navA li.on a.navA3 { background-position: -419px -66px; }

#navA li.on a.navA4 { background-position: -502px -66px; }

#navB {
	display: block;
	width: 302px;
	padding: 0;
	heigth: 33px;
	float: right;
	overflow: hidden;
}

#navB li { float: left; }

#navB a {
	display: block;
	background: transparent url('../images/navB.gif') no-repeat left top;
	height: 33px;
}

#navB a.navB0 {
	background-position: 0px 0px;
	width: 73px;
}

#navB a.navB1 {
	background-position: -73px 0px;
	width: 77px;
}

#navB a.navB2 {
	background-position: -150px 0px;
	width: 83px;
}

#navB a.navB3 {
	background-position: -233px 0px;
	width: 69px;
}

#navB a.navB0:hover { background-position: -0px -33px; }

#navB a.navB1:hover { background-position: -73px -33px; }

#navB a.navB2:hover { background-position: -150px -33px; }

#navB a.navB3:hover { background-position: -233px -33px; }

#navB li.on a.navB0 { background-position: -0px -66px; }

#navB li.on a.navB1 { background-position: -73px -66px; }

#navB li.on a.navB2 { background-position: -150px -66px; }

#navB li.on a.navB3 { background-position: -233px -66px; }

/* ===== subnav ======================================= */

#subnavbox {
	position: relative;
	display: block;
	height: 63px;
	width: 936px;
}

#how_subnav_wrapper {
	position: absolute;
	width: 520px;
	height: 63px;
	z-index: 50;
	left: 418px;
	top: 0px;
}

#how_subnav_top {
	width: 520px;
	height: 17px;
	background: transparent url('../images/how_subnav_top.gif') no-repeat left top;
}

#how_subnav {
	width: 520px;
	height: 23px;
	overflow: hidden;
}

#how_subnav li { float: left; }

#how_subnav a {
	display: block;
	background: transparent url('../images/how_subnav.gif') no-repeat left top;
	height: 23px;
}

#how_subnav a.how_subnav0 {
	background-position: 0px 0px;
	width: 102px;
}

#how_subnav a.how_subnav1 {
	background-position: -102px 0px;
	width: 108px;
}

#how_subnav a.how_subnav2 {
	background-position: -210px 0px;
	width: 98px;
}

#how_subnav a.how_subnav3 {
	background-position: -308px 0px;
	width: 127px;
}

#how_subnav a.how_subnav4 {
	background-position: -435px 0px;
	width: 85px;
}

#how_subnav a.how_subnav0:hover { background-position: -0px -23px; }

#how_subnav a.how_subnav1:hover { background-position: -102px -23px; }

#how_subnav a.how_subnav2:hover { background-position: -210px -23px; }

#how_subnav a.how_subnav3:hover { background-position: -308px -23px; }

#how_subnav a.how_subnav4:hover { background-position: -435px -23px; }

#how_subnav li.on a.how_subnav0 { background-position: -0px -23px; }

#how_subnav li.on a.how_subnav1 { background-position: -102px -23px; }

#how_subnav li.on a.how_subnav2 { background-position: -210px -23px; }

#how_subnav li.on a.how_subnav3 { background-position: -308px -23px; }

#how_subnav li.on a.how_subnav4 { background-position: -435px -23px; }

/* ===== content =================================== */

#content {
	display: block;
	width: 936px;
}

#hp_bg_box {
	display: block;
	width: 936px;
	background: transparent url('../images/hp_bg.gif') no-repeat left top;
	height: 450px;
}

#hp_colA {
	width: 504px;
	height: 240px;
	padding: 50px 0 45px 0;
	float: left;
}

#hp_colB {
	width: 432px;
	height: 240px;
	padding: 50px 0 45px 0;
	float: left;
}

#hp_textbox {
	width: 312px;
	height: 159px;
	padding: 5px 0 0 0;
	font-size: 13px;
	line-height: 19px;
}

#main_content {
	background: transparent url('../images/lp_footer_image.gif') no-repeat right bottom;
	display: block;
}

#main_content_alt { display: block; }

#main_content p {
	padding: 0 0 15px 0;
	margin: 0;
	list-style: none;
	border: none;
}

#lp_colA {
	display: block;
	width: 580px;
	float: left;
}

#lp_colB {
	display: block;
	width: 356px;
	float: left;
}

.lp_camdude,
.pic_shoot,
.pic_edit,
.pic_compress,
.pic_master,
.pic_enter {
	width: 356px;
	height: 340px;
}

.lp_camdude { background: transparent url('../images/lp_camdude.gif') no-repeat left top; }

.pic_shoot { background: transparent url('../images/pic_shoot.jpg') no-repeat left top; }

.pic_edit { background: transparent url('../images/pic_edit.jpg') no-repeat left top; }

.pic_master { background: transparent url('../images/pic_master.jpg') no-repeat left top; }

.pic_enter { background: transparent url('../images/pic_enter.jpg') no-repeat left top; }

.pic_compress { 
	width: 356px;
	height: 375px;
	background: transparent url('../images/pic_compress.jpg') no-repeat left top; 
}

.pic_about {
	width: 356px;
	height: 460px;
	background: transparent url('../images/pic_about.jpg') no-repeat left top;
}

.pic_contact {
	width: 356px;
	height: 460px;
	background: transparent url('../images/pic_contact.jpg') no-repeat left top;
}

.listbox_how {
	width: 400px;
	margin-bottom: 15px;
	background: transparent url(../images/listbox_side_rgt.gif) repeat-y right top;
}

.listbox_wide {
	width: 500px;
	margin-bottom: 15px;
	background: transparent url(../images/listbox_side_rgt.gif) repeat-y right top;
}

.listbox_small {
	width: 200px;
	margin-bottom: 15px;
	background: transparent url(../images/listbox_side_rgt.gif) repeat-y right top;
}

.listbox_top {
	height: 15px;
	background: transparent url('../images/listbox_crnr_top_rgt.gif') no-repeat right top;
}

.listbox_content {
	padding: 0 18px;
	margin: 0;
	color: #666;
}

.listbox_btm {
	height: 15px;
	background: transparent url('../images/listbox_btm.gif') repeat-x left bottom;
}

.listbox_btm_left,
.listbox_btm_right {
	height: 15px;
	width: 18px;
}

.listbox_btm_left {
	float: left;
	background: transparent url('../images/listbox_crnr_btm_lft.gif') no-repeat left bottom;
}

.listbox_btm_right {
	float: right;
	background: transparent url('../images/listbox_crnr_btm_rgt.gif') no-repeat right bottom;
}

#listbox_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

#listbox_list li {
	padding: 0 0 8px 15px;
	background-image: url(../images/brown_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
}

#nextpage_box {
	height: 120px;
	width: 240px;
	padding-top: 30px;
	float: left;
	background: transparent url('../images/btn_bg_swirls.gif') no-repeat left top;
}

#upload_box {
	height: 120px;
	width: 240px;
	padding-top: 30px;
	float: right;
	margin-top: 50px;
	background: transparent url('../images/btn_bg_swirls.gif') no-repeat left top;
}

/* ===== video page =================================== */

.v_wrap {
	display: block;
	width: 936px;
	padding: 25px 0;
	border-bottom: 2px solid #8e4c16;
}

.v_colA {
	width: 520px;
	padding: 0;
	float: left;
}

.v_colB {
	width: 416px;
	padding: 20px 0 0 0;
	float: left;
}

.v_view {
	width: 480px;
	height: 360px;
	padding: 0;
	float: left;
	border: 2px solid #8e4c16;
}

/* ===== footer =================================== */

#footer {
	display: block;
	width: 936px;
	margin-bottom: 50px;
}

#f_nav {
	width: 396px;
	height: 9px;
	overflow: hidden;
	float: right;
}

#f_nav li { float: left; }

#f_nav a {
	display: block;
	background: transparent url('../images/f_nav.gif') no-repeat left top;
	height: 9px;
}

#f_nav a.f_nav0 {
	background-position: 0px 0px;
	width: 134px;
}

#f_nav a.f_nav1 {
	background-position: -134px 0px;
	width: 62px;
}

#f_nav a.f_nav2 {
	background-position: -196px 0px;
	width: 96px;
}

#f_nav a.f_nav3 {
	background-position: -292px 0px;
	width: 104px;
}

#f_nav a.f_nav0:hover { background-position: -0px -9px; }

#f_nav a.f_nav1:hover { background-position: -134px -9px; }

#f_nav a.f_nav2:hover { background-position: -196px -9px; }

#f_nav a.f_nav3:hover { background-position: -292px -9px; }

#f_nav li.on a.f_nav0 { background-position: -0px -9px; }

#f_nav li.on a.f_nav1 { background-position: -134px -9px; }

#f_nav li.on a.f_nav2 { background-position: -196px -9px; }

#f_nav li.on a.f_nav3 { background-position: -292px -9px; }

#footer_row2,
#footer_row3,
#footer_row4 {
	padding-top: 10px;
	float: right;
}

#footer_row2 {
	font-size: 8px;
	text-transform: uppercase;
	color: #666666;
	text-align: right;
}

.footer_row3_col {
	width: 30px;
	height: 25px;
	float: right;
}

#footer_row3 .col1 {
	width: 125px;
	float: right;
}

#footer_row3 .col2 {
	width: 158px;
	padding-right: 10px;
	float: right;
}

#footer_row4 { }

/* ===== tables ==================================== */

table.super {
	border-collapse: collapse;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

table.super th,
table.super td {
	padding: .5em 1em;
	border: 1px solid #CCC;
}

table.super th { background-color: #EEE; }

table.super thead th,
table.super tfoot td {
	background-color: #DDD;
	text-align: center;
}

table.super td { background-color: #FFF; }

table.super tr.odd th { background-color: #DDD; }

table.super tr.odd td { background-color: #EEE; }

/* ===== forms ===================================== */

/* IE hack */
fieldset.super legend {
	margin: auto -.5em !important;
	color: #555;
}

fieldset.super label {
	display: inline-block;
	width: 125px;
	font-weight: bold;
	color: #8e4c16;
}

fieldset.super li { margin-bottom: 1em; }

fieldset.super li.unlabeled { padding-left: 125px; }

fieldset.super li li label {
	display: inline;
	width: auto;
}

.textfield,
.textarea,
.select,
.multiselect {
	font-size: .92em;
	border: 1px solid #ccc;
	color: #000;
	background-image: url( '../images/gray_bg.jpg' );
	background-repeat: repeat-x;
	background-position: top;
}

.textfield:focus,
.textarea:focus,
.select:focus,
.multiselect:focus { border-color: #999; }

.multiselect,
.textarea { vertical-align: top; }

fieldset.super .textfield { width: 200px; }

fieldset.super .textarea {
	width: 400px;
	height: 100px;
}

fieldset.super .fileupload { width: 402px; }

fieldset.super .select,
fieldset.super .multiselect { width: 202px; }

/* ===== btns ====================================== */

a.btn_more_information {
	display: block;
	width: 121px;
	height: 24px;
	overflow: hidden;
	background: transparent url('../images/btn_more_information.gif') no-repeat left top;
}

a.btn_more_information:hover { background-position: 0px -24px; }

a.btn_social_1,
a.btn_social_2,
a.btn_social_3 {
	display: block;
	width: 24px;
	height: 24px;
	overflow: hidden;
}

a.btn_social_1 { background: transparent url('../images/btn_social_1.gif') no-repeat left top; }

a.btn_social_2 { background: transparent url('../images/btn_social_2.gif') no-repeat left top; }

a.btn_social_3 { background: transparent url('../images/btn_social_3.gif') no-repeat left top; }

a.btn_share {
	display: block;
	width: 125px;
	height: 16px;
	overflow: hidden;
	background: transparent url('../images/btn_share.gif') no-repeat left top;
}

a.btn_continue_to_next_page {
	display: block;
	width: 147px;
	height: 24px;
	overflow: hidden;
	background: transparent url('../images/btn_continue_to_next_page.gif') no-repeat left top;
}

a.btn_continue_to_next_page:hover { background-position: 0px -24px; }

a.btn_upload_video {
	display: block;
	width: 91px;
	height: 24px;
	overflow: hidden;
	background: transparent url('../images/btn_upload_video.gif') no-repeat left top;
}

a.btn_upload_video:hover { background-position: 0px -24px; }

a.btn_mow {
	display: block;
	background: url('../images/ftr_logo_mow.gif') no-repeat left top;
	width: 165px;
	height: 38px;
	text-indent: -9999px;
}

/* ===== header graphics =================================== */

#hdr_fight_senior_hunger h2,
#hdr_fight_senior_hunger h2 a {
	width: 504px;
	height: 52px;
	background: transparent url('../images/hdr_fight_senior_hunger.gif') no-repeat left top;
}

#hdr_plan_your_shoot h2,
#hdr_shoot_your_video h2,
#hdr_edit_your_video h2,
#hdr_compress_your_video h2,
#hdr_master_copy h2,
#hdr_rules h2,
#hdr_prizes h2,
#hdr_enter_your_video h2,
#hdr_about_the_contest h2,
#hdr_why_are_we_doing_this,
#hdr_media h2,
#hdr_contact_us h2,
#hdr_thank_you h2,
#hdr_email_signup h2 {
	width: 580px;
	height: 60px;
}

#hdr_plan_your_shoot h2 { background: transparent url('../images/hdr_plan_your_shoot.gif') no-repeat left top; }

#hdr_shoot_your_video h2 { background: transparent url('../images/hdr_shoot_your_video.gif') no-repeat left top; }

#hdr_edit_your_video h2 { background: transparent url('../images/hdr_edit_your_video.gif') no-repeat left top; }

#hdr_compress_your_video h2 { background: transparent url('../images/hdr_compress_your_video.gif') no-repeat left top; }

#hdr_master_copy h2 { background: transparent url('../images/hdr_master_copy.gif') no-repeat left top; }

#hdr_rules h2 { background: transparent url('../images/hdr_rules.gif') no-repeat left top; }

#hdr_prizes h2 { background: transparent url('../images/hdr_prizes.gif') no-repeat left top; }

#hdr_enter_your_video h2 { background: transparent url('../images/hdr_enter_your_video.gif') no-repeat left top; }

#hdr_about_the_contest h2 { background: transparent url('../images/hdr_about_the_contest.gif') no-repeat left top; }

#hdr_thank_you h2 { background: transparent url('../images/hdr_thank_you.gif') no-repeat left top; }

#hdr_why_are_we_doing_this {
	width: 154px;
	height: 32px;
	background: transparent url('../images/hdr_why_are_we_doing_this.gif') no-repeat left top;
}

#hdr_media h2 { background: transparent url('../images/hdr_media.gif') no-repeat left top; }

#hdr_contact_us h2 { background: transparent url('../images/hdr_contact_us.gif') no-repeat left top; }

#hdr_email_signup h2 { background: transparent url('../images/hdr_email_signup.gif') no-repeat left top; }

#hdr_ok_get_ready {
	width: 152px;
	height: 32px;
	background: transparent url('../images/hdr_ok_get_ready.gif') no-repeat left top;
}

#hdr_positioning_the_camera {
	width: 174px;
	height: 32px;
	background: transparent url('../images/hdr_positioning_the_camera.gif') no-repeat left top;
}

#hdr_light {
	width: 38px;
	height: 32px;
	background: transparent url('../images/hdr_light.gif') no-repeat left top;
}

#hdr_composition {
	width: 90px;
	height: 32px;
	background: transparent url('../images/hdr_composition.gif') no-repeat left top;
}

#hdr_sound {
	width: 50px;
	height: 32px;
	background: transparent url('../images/hdr_sound.gif') no-repeat left top;
}

#hdr_money_for_college {
	width: 137px;
	height: 32px;
	background: transparent url('../images/hdr_money_for_college.gif') no-repeat left top;
}

#hdr_youre_on_tv {
	width: 100px;
	height: 32px;
	background: transparent url('../images/hdr_youre_on_tv.gif') no-repeat left top;
}

#hdr_a_new_set_of_tires {
	width: 137px;
	height: 32px;
	background: transparent url('../images/hdr_a_new_set_of_tires.gif') no-repeat left top;
}

#hdr_step1,
#hdr_step2,
#hdr_step3,
#hdr_step4,
#hdr_step5 {
	width: 152px;
	height: 40px;
}

#hdr_step1 { background: transparent url('../images/hdr_step1.gif') no-repeat left top; }

#hdr_step2 { background: transparent url('../images/hdr_step2.gif') no-repeat left top; }

#hdr_step3 { background: transparent url('../images/hdr_step3.gif') no-repeat left top; }

#hdr_step4 { background: transparent url('../images/hdr_step4.gif') no-repeat left top; }

#hdr_step5 { background: transparent url('../images/hdr_step5.gif') no-repeat left top; }

#hdr_vote {
	width: 936px;
	height: 60px;
	background: transparent url('../images/hdr_vote.gif') no-repeat left top;
}

/* ===== default =================================== */

.verTen {
	display: block;
	height: 10px;
}

.verTwenty {
	display: block;
	height: 20px;
}

.verFifty {
	display: block;
	height: 50px;
}

.nowrap { white-space: nowrap; }

.left {
	margin: 0 1em 1em 0;
	float: left;
}

.right {
	margin: 0 0 1em 1em;
	float: right;
}

.clear { clear: both; }

.reduced,
form,
fieldset,
legend,
fieldset.super ol,
h1,
h2,
h3,
h4,
#navA ul,
#navB ul,
#f_nav ul,
#how_subnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border: none;
}

.hid,
h1,
h2,
h3,
h4,
#navA a,
#navB a,
#f_nav a,
#how_subnav a,
.btn_more_information p,
.btn_continue_to_next_page p,
.btn_social_1 p,
.btn_social_2 p,
.btn_social_3 p,
.btn_share p,
.btn_upload_video p { text-indent: -9999px; }

.hide,
.print,
.hr hr { display: none; }

a.submit_button {
  font-size: 12px;
	text-transform: uppercase;
	text-align: center;
}