/* ----- creationfest.com - Designed and Coded with Love and Care by Zach Williams - IE is the devil - zach@comealive.com ----- */

/* ----- Reset ----- */

* {margin: 0; padding: 0;}
html {margin: 0; padding: 0; height: 100%;}
img, img a {border: 0; margin: 0; padding: 0;}
p, ul, li, dl, dd, dt, div {margin: 0; padding: 0;}
form {margin: 0; padding: 0;}

/* ----- General ----- */

body {
margin: 0 auto 0;
padding: 0;
background-color: #08354a;
color: #ffffff;
height: 100%;
xtext-shadow: 0 0 0 #08354a;
}

body#splash {
margin: 0 auto 0;
padding: 0;
background: url(http://www.creationfest.com/images/splash/splash_bg.jpg) no-repeat 50% 0px #08354a;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

hr {clear: both; width: 100%; height: 1px; margin: 30px 0 30px 0; padding: 0; border: none; background-color: #435273;}
hr.full_hr {margin: 10px 30px 0 30px; width: 900px;}

#wrap {
margin: 0;
padding: 0;
width: 100%;
position: relative;
min-height: 100%;
}

* html #wrap {
height: 100%;
}

.wrap_inner {
margin: 0 auto 0;
padding: 0;
width: 960px;
position: relative;
}

/* ----- Form Elements ----- */

/* Inputs */

input.styled {
background-color: #ffffff;
border: 1px solid #b2cbf1;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px 4px 2px 4px;
color: #666666;
}
input.styled:hover {background-color: #eeffff;}
input.styled:focus {background-color: #ccffff; color: #339999;}

/* Buttons */

.button,
.button_liquid,
.button_liquid_big,
.button_arrow_left,
.button_arrow_right,
.button_liquid_arrow_left,
.button_liquid_arrow_right {
cursor: pointer;
display: block;
font-weight: bold;
outline: none;
text-align: center;
text-decoration: none;
position: relative;
border: none;
}

.button,
.button_liquid,
.button_arrow_left,
.button_arrow_right,
.button_liquid_arrow_left,
.button_liquid_arrow_right {
background: url(http://www.creationfest.com/images/buttons/buttons.png) no-repeat;
color: #ffffff;
height: 36px;
line-height: 36px;
font-size: 14px;
text-shadow: 0 1px 1px #6f972f;
margin-top: -3px;
margin-left: -3px;
padding-left: 11px;
}

.button_liquid_big {
background: url(http://www.creationfest.com/images/buttons/buttons.png) no-repeat;
color: #ffffff;
height: 56px;
line-height: 56px;
font-size: 18px;
font-weight: bold;
text-shadow: 0 1px 1px #6f972f;
margin-top: -3px;
margin-left: -3px;
padding-left: 11px;
}

.button {width: 104px; background-position: 0 0;}
.button_arrow_left {width: 101px; margin-left: 19px; background-position: 0 0;}
.button_arrow_right {width: 101px; margin-right: 19px; background-position: 0 0;}

.button_liquid {width: auto; padding: 0 8px 0 8px; margin-right: 8px;}
.button_liquid_big {width: auto; background-position: 0 -108px; padding: 0 10px 0 10px; margin-right: 8px;}
.button_liquid_arrow_left {width: auto; padding: 0 8px 0 8px; margin-left: 19px;}
.button_liquid_arrow_right {width: auto; padding: 0 8px 0 8px; margin-right: 19px;}

.button:hover,
.button_arrow_left:hover,
.button_arrow_right:hover,
.button_liquid:hover,
.button_liquid_arrow_left:hover,
.button_liquid_arrow_right:hover {background-position: 0% -36px;}

.button:active,
.button_arrow_left:active,
.button_arrow_right:active,
.button_liquid:active,
.button_liquid_arrow_left:active,
.button_liquid_arrow_right:active {background-position: 0% -72px;}

.button span,
.button_liquid span {
background: url(http://www.creationfest.com/images/buttons/buttons.png) no-repeat 0% 0;
display: block;
width: 11px;
height: 36px;
position: absolute;
}

.button_liquid_big span {
background: url(http://www.creationfest.com/images/buttons/buttons.png) no-repeat 0% -108px;
display: block;
width: 11px;
height: 56px;
position: absolute;
}

.button_arrow_left span,
.button_arrow_right span,
.button_liquid_arrow_left span,
.button_liquid_arrow_right span {
display: block;
width: 24px;
height: 36px;
position: absolute;
}

button::-moz-focus-inner /* fixing evil default firefox padding */ {  
    padding:0;  
    border:none;  
}  

.button span {background-position: 100% 0; top: 0px; right: -11px;}
.button_liquid span {background-position: 100% 0; top: 0px; right: -11px;}
.button_liquid_big span {background-position: 100% -108px; top: 0px; right: -11px;}

.button:hover span,
.button_liquid:hover span {background-position: 100% -36px;}
.button_liquid_big:hover span {background-position: 100% -164px;}

.button:active span,
.button_liquid:active span {background-position: 100% -72px;}
.button_liquid_big:active span {background-position: 100% -220px;}

.button_arrow_left span,
.button_liquid_arrow_left span {background-position: 0 0; top: -1px; left: -19px;}

.button_arrow_left:hover span,
.button_liquid_arrow_left:hover span {background-position: 0 -36px;}

.button_arrow_right span,
.button_liquid_arrow_right span {background-position: -36px 0; top: -1px; right: -19px;}

.button_arrow_right:hover span, 
.button_liquid_arrow_right:hover span {background-position: -36px -30px;}

a:link.button, a:visited.button, 
a:link.button_arrow_left, a:visited.button_arrow_left,
a:link.button_arrow_right, a:visited.button_arrow_right
a:link.button_liquid, a:visited.button_liquid, 
a:link.button_liquid_big, a:visited.button_liquid_big, 
a:link.button_liquid_arrow_left, a:visited.button_liquid_arrow_left,
a:link.button_liquid_arrow_right, a:visited.button_liquid_arrow_right {
display: block;
outline: none;
text-align: center;
text-decoration: none;
}

a:link.button, a:visited.button, 
a:link.button_arrow_left, a:visited.button_arrow_left,
a:link.button_arrow_right, a:visited.button_arrow_right
a:link.button_liquid, a:visited.button_liquid, 
a:link.button_liquid_arrow_left, a:visited.button_liquid_arrow_left,
a:link.button_liquid_arrow_right, a:visited.button_liquid_arrow_right {
height: 36px;
line-height: 36px;
}

a:link.button_liquid_big, a:visited.button_liquid_big {
height: 56px;
line-height: 56px;
}

a:hover.button,
a:hover.button_arrow_left,
a:hover.button_arrow_right,
a:hover.button_liquid,
a:hover.button_liquid_arrow_left,
a:hover.button_liquid_arrow_right {text-decoration: none;}

a:hover.button,
a:hover.button_arrow_left,
a:hover.button_arrow_right,
a:hover.button_liquid,
a:hover.button_liquid_arrow_left,
a:hover.button_liquid_arrow_right {background-position: 0% -36px;}
a:hover.button_liquid_big {background-position: 0 -164px;}

a:active.button,
a:active.button_arrow_left,
a:active.button_arrow_right,
a:active.button_liquid,
a:active.button_liquid_arrow_left,
a:active.button_liquid_arrow_right {background-position: 0% -72px;}
a:active.button_liquid_big {background-position: 0 -220px;}

/*
span.checkbox {
width: 30px;
height: 30px;
padding: 0 5px 0 0;
background: url(http://www.creationfest.com/images/forms/input_checkbox.gif) no-repeat;
display: block;
margin: -5px 0 5px 0;
clear: left;
float: left;
}

span.radio {
width: 30px;
height: 30px;
padding: 0 5px 0 0;
background: url(http://www.creationfest.com/images/forms/input_checkbox.gif) no-repeat;
display: block;
clear: left;
float: left;
}

span.select {
position: absolute;
width: 168px; # With the padding included, the width is 190 pixels: the actual width of the image.
height: 24px;
padding: 0 24px 0 8px;
color: #ffffff;
font: 12px/24px Arial, sans-serif;
background: url(http://www.creationfest.com/images/forms/input_select.gif) no-repeat;
overflow: hidden;
}

textarea.form {border: 1px solid #91a7d6; background-color: #ffffff; color: #333333; margin: 0; padding: 0;}

input.form {
background: url(http://www.creationfest.com/images/forms/input.png) no-repeat 0 0;
border: none;
font-size: 12px;
line-height: 24px;
float: left;
margin: 1px 0 0 0;
padding: 4px 10px 0 10px;
height: 24px;
width: 180px;
display: block;
color: #577a9e;
}

input:hover.form {background-position: 0 -28px;}
input:focus.form {background-position: 0 -56px; color: #ffffff;}

input.send_button {border: none; text-indent: -9999px; overflow: hidden; width: 120px; height: 28px; background: url(http://www.creationfest.com/images/forms/input_button_send.gif) no-repeat 0 0 #cccccc; cursor: pointer; display: block; font-size: 0px; display:block; line-height: 0px;}
input.send_button:hover {background-position: 0 -28px;}
*/

/* ----- Alternate Layout ----- */

body#light {
margin: 0;
padding: 0;
background: url(http://www.creationfest.com/images/bg_2.jpg) no-repeat top center #08354a;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
height: 100%;
}

* html body#light #wrap_light {
height: 100%;
}

body#light #wrap_light {
margin: 0 auto 0;
padding: 0;
width: 960px;
position: relative;
min-height: 100%;
background-color: #ffffff;
}

body#light hr {background-color: #cccccc;}

body#light h1, body#light h2 {color: #444444;}

#wrap_light a, #wrap_light a:link, #wrap_light a:visited, #wrap_light a:hover {color: #0385ea;}

/* ----- Splash ----- */

#splash_wrap {
margin: 0 auto 0;
width: 960px;
position: relative;
}

#splash_menu {
margin: 0 auto 30px;
padding: 0;
width: 500px;
height: 36px;
}

#splash_menu ul {margin: 0; padding: 0;}
#splash_menu li {list-style: none; text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; float: left; display: inline;}
#splash_menu li a {height: 36px; display: block; cursor: pointer; background: url(http://www.creationfest.com/images/splash/menu_1.jpg) no-repeat;}

/* Specifics */

#splash_menu li a:link.cfnw, #splash_menu li a:visited.cfnw {width: 250px; background-position: 0 0;}
#splash_menu li a:hover.cfnw {background-position: 0 -36px;}

#splash_menu li a:link.cfne, #splash_menu li a:visited.cfne {width: 250px; background-position: -250px 0;}
#splash_menu li a:hover.cfne {background-position: -250px -36px;}

#splash_text {
padding: 0 40px 30px 40px;
width: 500px;
text-align: justify;
position: relative;
top: 450px;
left: 190px;
}

#splash_text p {line-height: 24px; color: #ffffff;}
#splash_text p span { color: #faa9fa;}

/* ----- Bubble Pop Up ----- */

.bubble_container {
position: relative;
top: -52px;
left: 190px;
width: 400px;
}

.bubble_container_east {
position: relative;
top: -52px;
left: 190px;
width: 400px;
}

.bubble_popup {
position: absolute;
xdisplay: none;
z-index: 50;
border-collapse: collapse;
}

.bubble_popup td.corner {
height: 20px;
width: 20px;
}

.bubble_popup td#topleft {background-image: url(http://www.creationfest.com/images/bubble/tl.png);}
.bubble_popup td.popuptop {background-image: url(http://www.creationfest.com/images/bubble/t.png);}
.bubble_popup td#topright {background-image: url(http://www.creationfest.com/images/bubble/tr.png);}
.bubble_popup td.popupleft {background-image: url(http://www.creationfest.com/images/bubble/l.png);}
.bubble_popup td.popupright {background-image: url(http://www.creationfest.com/images/bubble/r.png);}
.bubble_popup td#bottomleft {background-image: url(http://www.creationfest.com/images/bubble/bl.png);}
.bubble_popup td.popupbottom {background-image: url(http://www.creationfest.com/images/bubble/b.png); text-align: center;}
.bubble_popup td.popupbottom img {display: block; margin: 0 auto 0;}
.bubble_popup td#bottomright {background-image: url(http://www.creationfest.com/images/bubble/br.png);}

.bubble_popup table.popup_contents {
font-size: 12px;
line-height: 1.2em;
background-color: #fff;
color: #336699;
font-weight: bold;
}

table.popup_contents td {
text-align: center;
font-family: "Lucida Grande", sans-serif;
}

/* ----- Headers ----- */

/* #ffffff to #d4e0ea for gradient */
/*
h1.header_bg {
padding: 10px 0 10px 10px;
background-color: #08354a;
border-top: 1px solid #91a7d6;
border-bottom: 1px solid #91a7d6;
}

h1.contest_error {text-transform: none;}
h1.splash_highlight {text-align: center; margin: 0; padding: 0;}
h1.center {text-align: center; margin: 10px;}
h1 span {text-transform: none;}
}
*/

/* ----- Columns ----- */

/* ----- 1 Column ----- */

.col_one {
display: inline; /* IE 6 fix */
float: left;
width: 900px;
margin: 30px 30px 0 30px;
xposition: relative;
}

.col_one_artists {
display: inline; /* IE 6 fix */
width: 940px;
margin: 10px 10px 0 10px;
float: left;
position: relative;
}

/* ----- 2 Column ----- */

/* Home */

.col_home_left {
display: inline; /* IE 6 fix */
float: left;
width: 380px;
margin: 30px 30px 0 30px;
}

.col_home_right {
display: inline; /* IE 6 fix */
float: left;
width: 490px;
margin: 30px 30px 0 0;
}

/* Normal */

.col_two_left {
display: inline; /* IE 6 fix */
float: left;
width: 520px;
margin: 0 30px 0 0;
}

.col_two_right {
display: inline; /* IE 6 fix */
float: left;
width: 410px;
margin: 0;
}

.col_two_left_det {
display: inline; /* IE 6 fix */
float: left;
width: 280px;
margin: 0 30px 0 0;
}

.col_two_right_det {
display: inline; /* IE 6 fix */
float: left;
width: 650px;
margin: 0 0 0 0;
}

.col_two_right_img img {
margin-bottom: 30px;
}

/* Media */

.col_media_left {
display: inline; /* IE 6 fix */
float: left;
width: 560px;
margin: 30px 30px 0 30px;
}

.col_media_right {
display: inline; /* IE 6 fix */
float: left;
width: 310px;
margin: 30px 30px 0 0;
}

/* Media - Video */

.col_vid_left {
display: inline; /* IE 6 fix */
float: left;
width: 435px;
margin: 30px 30px 20px 30px;
}

.col_vid_right {
display: inline; /* IE 6 fix */
float: left;
width: 435px;
margin: 30px 30px 20px 0;
}

/* ----- 3 Column ----- */

.col_three_left {
display: inline; /* IE 6 fix */
float: left;
width: 230px;
margin: 10px 10px 0 10px;
}

.col_three_mid {
display: inline; /* IE 6 fix */
float: left;
width: 460px;
margin: 10px 10px 0 0;
}

.col_three_right {
display: inline; /* IE 6 fix */
float: left;
width: 230px;
margin: 10px 10px 0 0;
}

/* ----- Header ----- */

#mini_header {
z-index: 100!important;
position: fixed;
top: 0;
height: 50px;
width: 100%;
min-width: 960px;
}

#mini_header img {
position: absolute;
top: 0;
left: 50%;
margin-left: -480px;
height: 50px;
width: 960px;
}

#mini_header_container {width: 100%; height: 100%; position: absolute; overflow: hidden;}

#mini_header_left {height: 50px; width: 100%; position: absolute; top: 0; left: 50%; margin-left: 480px; background: url(http://www.creationfest.com/images/mini_header_bg.jpg) repeat-x 0 0;}

#mini_header_right {height: 50px; width: 100%; position: absolute; top: 0; left: -50%; margin-left: -479px; background: url(http://www.creationfest.com/images/mini_header_bg.jpg) repeat-x 0 0;}

a.mini_header_button {
position: absolute;
top: 8px;
left: 50%;
margin-left: -480px;
z-index: 5!important;
font-size: 11px;
}

.header {
margin: 0;
padding: 0;
width: 100%;
min-width: 960px;
height: 360px;
position: relative;
}

#header_1 {background: url(http://www.creationfest.com/images/headers/header_1.jpg) no-repeat top center;}
#header_2 {background: url(http://www.creationfest.com/images/headers/header_2.jpg) no-repeat top center;}
#header_3 {background: url(http://www.creationfest.com/images/headers/header_3.jpg) no-repeat top center;}
#header_4 {background: url(http://www.creationfest.com/images/headers/header_4.jpg) no-repeat top center;}
#header_5 {background: url(http://www.creationfest.com/images/headers/header_5.jpg) no-repeat top center;}
#header_6 {background: url(http://www.creationfest.com/images/headers/header_6.jpg) no-repeat top center;}
#header_7 {background: url(http://www.creationfest.com/images/headers/header_7.jpg) no-repeat top center;}
#header_8 {background: url(http://www.creationfest.com/images/headers/header_8.jpg) no-repeat top center;}
#header_9 {background: url(http://www.creationfest.com/images/headers/header_9.jpg) no-repeat top center;}

#header_rc {background: url(http://www.creationfest.com/images/headers/header_rc.jpg) no-repeat top center;}

#header_west {
margin: 0;
padding: 0;
width: 960px;
background: url(http://www.creationfest.com/images/west_header.jpg) no-repeat 0 0;
height: 275px;
position: relative;
}

#header_carpooling {
margin: 0;
padding: 0;
width: 960px;
background: url(http://www.creationfest.com/images/carpooling_header.jpg) no-repeat 0 0;
height: 275px;
position: relative;
}

#header_roadcrew {
margin: 0;
padding: 0;
width: 960px;
background: url(http://www.creationfest.com/images/roadcrew_header.jpg) no-repeat 0 0;
height: 275px;
position: relative;
}

/* ----- Top Menu ----- */

#menu {
margin: 0 0 30px 0;
padding: 0;
width: 960px;
height: 36px;
}

#menu ul {margin: 0; padding: 0;}
#menu li {list-style: none; text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; float: left;}
#menu li a {height: 36px; display: block;}
.menu li a {background: url(http://www.creationfest.com/images/menu_1.jpg) no-repeat;}
.menu_staff li a {background: url(http://www.creationfest.com/images/menu_2.jpg) no-repeat;}

/* Specifics */

#menu li a#home {width: 85px; background-position: 0 0;}
#menu li a:hover#home, #menu li a#home.menu_active {background-position: 0 -36px;}

#menu li a#tickets {width: 124px; background-position: -85px 0;}
#menu li a:hover#tickets, #menu li a#tickets.menu_active {background-position: -85px -36px;}

#menu li a#artists {width: 114px; background-position: -209px 0;}
#menu li a:hover#artists, #menu li a#artists.menu_active {background-position: -209px -36px;}

#menu li a#details {width: 122px; background-position: -323px 0;}
#menu li a:hover#details, #menu li a#details.menu_active {background-position: -323px -36px;}

#menu li a#media {width: 141px; background-position: -445px 0;}
#menu li a:hover#media, #menu li a#media.menu_active {background-position: -445px -36px;}

#menu li a#leaders {width: 130px; background-position: -586px 0;}
#menu li a:hover#leaders, #menu li a#leaders.menu_active {background-position: -586px -36px;}

#menu li a#staff {width: 102px; background-position: -716px 0;}
#menu li a:hover#staff, #menu li a#staff.menu_active {background-position: -716px -36px;}

#menu li a#sponsors {width: 142px; background-position: -818px 0;}
#menu li a:hover#sponsors, #menu li a#sponsors.menu_active {background-position: -818px -36px;}

.menu_staff li a.cfnw {width: 480px; background-position: 0 0;}
.menu_staff li a:hover.cfnw, .menu_staff li a.cfnw.menu_active {background-position: 0 -36px;}

.menu_staff li a.cfne {width: 480px; background-position: -480px 0;}
.menu_staff li a:hover.cfne, .menu_staff li a.cfne.menu_active {background-position: -480px -36px;}

/* ----- Footer ----- */

.footer_clear {
height: 91px;
display: block;
clear: both;
}

.footer {
z-index: 10!important;
position: relative;
padding-top: 10px;
margin: -51px auto 0;
width: 960px;
height: 40px;
border-top: 1px solid #b2cbf1;
background-color: #375184;
}

.footer_contact {
position: absolute;
text-align: left;
left: 140px;
top: 15px;
font-size: 12px;
line-height: 12px;
z-index: 10!important;
}

.footer_contact_blurb {
text-align: left;
position: absolute;
bottom: 10px;
left: 225px;
font-size: 10px;
line-height: 14px;
width: 260px;
color: #b7d3e6;
}

.footer_contact_blurb a {
color: #ffffff;
}

.footer_contact a.mail_icon, .footer_contact a:link.mail_icon, .footer_contact a:visited.mail_icon, .footer_contact_bugs a.mail_icon, .footer_contact_bugs a:link.mail_icon, .footer_contact_bugs a:visited.mail_icon {
height: 20px;
xpadding:  5px 0 0 28px;
padding: 5px 0 0 0;
display: block;
xbackground: url(http://www.creationfest.com/images/footer/mail_icon.gif) no-repeat 0 0;
}

.footer_contact_bugs {
position: absolute;
text-align: left;
left: 15px;
top: 15px;
font-size: 12px;
line-height: 12px;
z-index: 10!important;
}

.copyright {
text-align: right;
position: absolute;
bottom: 10px;
right: 10px;
font-size: 10px;
color: #ffffff;
line-height: 14px;
}

.copyright span {
color: #b7d3e6;
}

.social_footer {
position: absolute;
top: -40px;
right: 0;
width: 288px;
height: 30px;
list-style: none;
margin: 0;
padding: 0;
}

.social_footer li {float: left;}

.social_footer a {display: block; overflow: hidden; text-indent: -9999px;}

.social_footer a:link.facebook, .social_footer a:visited.facebook {
background: url(http://www.creationfest.com/images/social_sites_2.gif) no-repeat 0 0;
width: 100px;
height: 30px;
}
.social_footer a:hover.facebook {background-position: 0 -30px;}

.social_footer a:link.twitter, .social_footer a:visited.twitter {
background: url(http://www.creationfest.com/images/social_sites_2.gif) no-repeat -100px 0;
width: 90px;
height: 30px;
}
.social_footer a:hover.twitter {background-position: -100px -30px;}

.social_footer a:link.myspace, .social_footer a:visited.myspace {
background: url(http://www.creationfest.com/images/social_sites_2.gif) no-repeat -190px 0;
width: 98px;
height: 30px;
}
.social_footer a:hover.myspace {background-position: -190px -30px;}

/* ----- Stay In The Loop ----- */
#loop {color: #000000; zoom: 1; /* IE 6 fix */}
#loop_form_bg {margin-top: 10px; padding: 10px; background: #e2effa; color: #000000; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
div#loop_errors {display: none; margin-top: 10px; padding: 10px; background-color: #cc6666; color: #ffffff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center;}

#loop div#loop_zip {width: 196px; float: left; display: inline; /* IE 6 fix */}
#loop div#loop_age {width: 154px; float: left; display: inline; /* IE 6 fix */}
#loop div#loop_music {overflow: hidden; clear: both;}
#loop div.form_wrap.music label,
#loop div.form_wrap.state label {height: 24px; line-height: 24px;}
#loop div.form_wrap select.styled {width: 236px;}
#loop div.form_wrap#loop_email {margin-bottom: 10px;}
#loop input#age {width: 40px;}
#loop input#zip {width: 70px;}
#loop input#age {width: 40px;}
#loop input#zip {width: 70px;}
#loop label#ageLabel {width: 82px;}
#loop label#ageLabel {width: 82px;}
#loop div.form_wrap.music {height: 24px;}
#loop div.form_wrap.music label,
#loop div.form_wrap.state label {height: 24px; line-height: 24px;}
#loop div.form_wrap select.styled {width: 234px;}

#loop div.form_wrap_overlay.error_loop label.overlay,
#loop div.form_wrap_overlay.error_loop input.text,
#loop div.form_wrap.error_loop input.text,
#loop div.form_wrap.error_loop span.select {border: 1px solid #993333; background-color: #cc6666; color: #ffffff;}
#loop div.form_wrap.error_loop span.select {background-position: 214px -24px;}

#loop div.form_wrap #loop_firstname {position: relative; float: left; margin-right: 6px;}
#loop div.form_wrap #loop_firstname label.overlay {width: 108px;}
#loop div.form_wrap #loop_firstname input.text {width: 103px;}
#loop div.form_wrap #loop_lastname {position: relative; float: left;}
#loop div.form_wrap #loop_lastname label.overlay {width: 108px; _width: 100px; /* IE 6 fix */}
#loop div.form_wrap #loop_lastname input.text {width: 103px; _width: 95px; /* IE 6 fix */}

#loop div#loop_hide {display: none;}

/* ----- Popup ----- */

#popup table#popup_table {
margin: 0 auto 0;
color: #555555;
font-size: 12px;
font-weight: bold;
border-collapse: separate;
}

.popup_bg {
background-color: #ffffff;
border: 1px solid #b2cbf1;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 10px 0 0 0;
padding: 10px;
width: 350px;
height: 165px;
}

#popup input.styled {
font-size: 14px;
height: 24px;
line-height: 24px;
width: 190px;
}

#popup input.area_code {
font-size: 14px;
float: left;
margin: 0 10px 0 0;
height: 24px;
line-height: 24px;
width: 40px;
}

#popup input.cell_number {
font-size: 14px;
float: left;
height: 24px;
line-height: 24px;
width: 100px;
}

#popup .error_2 {color: #cc0000; background-color: #ffffcc; text-align: center; padding: 10px 0 10px 0; margin: 10px 0 10px 0; font-weight: bold; font-size: 12px;}

#popup .required {color: #555555; text-align: center; margin: 10px 0 10px 0; font-weight: bold; font-size: 12px;}

#popup .red {color: #cc0000;}

#popup input.submit_button {border: none; text-indent: -9999px; overflow: hidden; width: 120px; height: 28px; background: url(http://www.creationfest.com/images/forms/input_button.gif) no-repeat 0 0 #cccccc; cursor: pointer; display: block;}
#popup input.submit_button:hover {background-position: 0 -28px;}

/* ----- Tell-A-Friend ----- */

.tellafriend {
margin: 0 0 30px 0;
background: url(http://www.creationfest.com/images/tellafriend_bg.jpg) no-repeat 0 0;
width: 960px;
height: 48px;
position: relative;
}

.tellafriend input.styled {
font-size: 14px;
height: 24px;
line-height: 24px;
width: 190px;
}

.tellafriend input#tellafriend_name {position: absolute; top: 10px; right: 350px;}
.tellafriend input#tellafriend_email {position: absolute; top: 10px; right: 140px;}
.tellafriend #tellafriend_send {position: absolute; top: 9px; right: 20px;}

#tell_msg {position: absolute; top: 0: right: 0; width: 550px; height: 48px; line-height: 48px; text-align: center; font-weight: bold; font-size: 14px; color: #cc3333;}

/* ----- Classes ----- */

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.hidden_element {display: none!important;}
.bold {font-weight: bold;}
.red {color: #cc0000;}

.justify {text-align: justify;}
.center {text-align: center;}

.newsfeed {width: 920px; background-color: #ffffff; padding: 20px 20px 0 20px; color: #333333;}
.newsfeed h2 {color: #08354a!important;}

.abs_right {position: absolute; right: 0; top: 0;}

.margin_bottom_10 {margin-bottom: 10px;}
.margin_bottom_30 {margin-bottom: 30px;}

/* ----- Tables ----- */

.styled_table {text-align: left; font-size: 13px;}

.styled_table th, .styled_table td {padding: 10px;}
.styled_table .dark_bg {background: url(http://www.creationfest.com/images/slider_bg.jpg) repeat 0 0;}
.styled_table th span {font-weight: normal; font-size: 10px; text-transform: uppercase; line-height: 16px;}
.styled_table .dark_header {border-top: 1px solid #c3cded; border-bottom: 1px solid #c3cded; background-color: #08354a;}
.styled_table .light_bg {background-color: #1b425d;}
.styled_table .odd {background-color: ;}
.styled_table .strike {text-decoration: line-through;}
.styled_table .faded {color: #749ec2;}

/* ----- Ratecard ----- */

table.rc_table  {width: 490px; margin: 30px 0 30px 0; border-collapse: collapse; border: 1px solid #91a7d6; text-align: center;}
table.rc_table td {padding: 10px; border: 1px solid #91a7d6; border-collapse: collapse; line-height: 18px; font-weight: bold; vertical-align: top;}
.rc_examples {width: 480px; padding: 0 5px 30px 5px; margin: 0;}
.rc_examples a {float: left;margin: 0 5px 0 5px;}
p.ratecard_details {padding: 0 5px 0 5px; line-height: 25px; background: url(http://www.creationfest.com/images/slider_bg.jpg) repeat 0 0; margin-bottom: 1px; width: 480px;}
p.ratecard_details strong {padding: 5px; line-height: 25px; margin-left: -5px; background: url(http://www.creationfest.com/images/slider_bg_dark.jpg) repeat 0 0;}

/* ----- Home Page ----- */

.testimonies {
width: 490px;
height: 34px;
background: url(http://www.creationfest.com/images/testimonies.gif) no-repeat 0 0;
position: relative;
}

/* ----- Artists Page ----- */

.artist_container {
margin-left: -10px;
width: 980px;
position: relative;
}

/* ----- General Slider ----- */

#slider {
margin: 0 auto 0;
position: relative;
}

.scroll {
overflow: hidden;
position: relative; /* fix for IE to respect overflow */
float: left;
margin: 0;
}

/* ----- Artist Slider ----- */

/* all height defined by .artist_slider .scroll, .artist_slider .scrollContainer div.panel, .artist_slider .slider_left, .artist_slider .slider_left span, .artist_slider .slider_right, .artist_slider .slider_right span - that'll be useful for triggering auto resize on the slider */

.artist_slider {width: 980px; overflow: hidden; position: relative;}
.artist_slider .scroll {width: 980px;}
.artist_slider .slider_menu {width: 960px;}
.artist_slider .scrollContainer div.panel {width: 980px;}

.artist_slider h3.header_bg {margin: 0 14px 0 12px;}
.artist_slider .artist_header {height: 80px; line-height: 80px; width: 980px;}

/* ----- Artist Slider Menu ----- */

dl.slider_menu {display: block; padding: 0 0 10px 0; margin: 0 10px 0 10px;}
dl.slider_menu dt, dl.slider_menu dd {display: inline; margin: 0;}
dl.slider_menu dt {color: #ffffff; font-weight: bold; font-size: 18px;}
dl.slider_menu dd a {text-decoration: none; display: inline-block; margin-left: 5px; padding: 1px 12px; -webkit-border-radius: 20px; -moz-border-radius: 20px; text-shadow: 0 0 0 #08354a;}
dl.slider_menu dd a:hover {background: #9acd4b; color: #ffffff; text-shadow: 0 0 0 #9acd4b;}
dl.slider_menu dd a:active {outline: none;}
dl.slider_menu dd a:focus {outline: none;}
dl.slider_menu dd a.active {background: #aade58; color: #ffffff; text-shadow: 0 0 0 #aade58;}

/* ----- Artists ----- */

.artist {width: 225px; height: 143px; background: url(http://www.creationfest.com/images/loading_small.gif) no-repeat 50% 40% #08354a; position: relative; float: left; margin: 10px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px;}
.artist span.artist_name {width: 225px; height: 36px; line-height: 36px; background-color: #445e88; position: absolute; bottom: 0; left: 0; text-align: center; z-index: 10; border-bottom: 1px solid #5976a4; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px;}
.artist span.artist_name em {font-style: normal; font-weight: bold; color: #ffffff; text-shadow: 0 0 0 #000000;}
.artist img {width: 225px; height: 140px; z-index: 1;}
.artist ul.artist_links {width: 205px; height: 88px;; position: absolute; top: 0px; left: 0; z-index: 3; text-align: center; list-style: none; display: none; padding: 10px 10px 0 10px;}
.artist ul.artist_links li {height: 27px; line-height: 27px;}
.artist ul.artist_links li a.site,
.artist ul.artist_links li a.itunes,
.artist ul.artist_links li a.video {margin: 0 5px 0 5px; padding: 3px 10px 3px 10px; background-color: #aade58; color: #ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-size: 11px; text-decoration: none; text-shadow: 0 0 0 #aade58; display: inline; position: relative;}

.artist ul.artist_links li a:hover.site,
.artist ul.artist_links li a:hover.itunes,
.artist ul.artist_links li a:hover.video {background-color: #9acd4b; color: #ffffff;}

.artist ul.artist_links li a:active.site,
.artist ul.artist_links li a:active.itunes,
.artist ul.artist_links li a:active.video {top: 1px; outline: none;}

.artist div.transparent {background-color: #000000; opacity: .7; width: 225px; height: 106px; position: absolute; top: 0; left: 0; display: none; z-index: 2;}

/* ----- Tickets Page ----- */

.prices2 {text-align: left; font-size: 13px; width: 100%; padding: 10px; border: 1px solid #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #ffffff; color: #08354a;}

.prices2 .ticket_deadline {color: #7d9bdc; font-size: 18px; font-weight: bold; }
.prices2 th, .prices2 td {padding: 10px; border-bottom: 1px solid #f0f7fa;}
.prices2 td {text-align: center;}
.prices2 .prices_dark {background-color: #1b425d; border: 1px solid #1b425d; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 16px; font-weight: normal; color: #ffffff;}
.prices2 h3 {margin: 0; padding: 0;}
.prices2 th span {font-weight: normal; font-size: 11px; line-height: 16px;}
.prices2 .prices_header {color: #7d9bdc; font-size: 16px; font-weight: normal;}
.prices2 .current_deadline {background-color: #aade58; color: #ffffff; font-weight: bold; text-shadow: 0 1px 1px #6f972f;}
.prices2 .current {color: #ffffff; font-weight: bold; background-color: #aade58; text-shadow: 0 1px 1px #6f972f; font-size: 16px;}
.prices2 .strike {text-decoration: line-through;}
.prices2 .faded {color: #0d4058;}

/* ----- Details Page ----- */

.block {padding: 10px; background-color: #08354a; line-height: 16px;}
.block_alt {padding: 10px; background-color: #1b425d; margin-bottom: 10px; line-height: 16px;}

.block_right {padding: 10px; background-color: #08354a; margin-top: 30px;}

span.back_to_top {position: absolute; right: 0; top: 0; font-size: 12px;}

#details .offset {position: absolute; top: -60px; left: 0;}

/* ----- Directions Page ----- */

/* Google Widget */

a.ig_lgbluelink {color: #ffffff!important;}
.map_container {margin: 0 0 30px 0; background-color: #ffffff; padding: 4px; border: 1px solid #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* ----- Media Page ----- */

/* ----- Leaders ----- */

.leaders_video {margin: 0 0 30px 0;}

.leaders_carousel {margin: 0; width: 540px; height: 400px;}
.home_carousel {width: 465px; height: 344px; margin: 0;}

.spacegallery {
position: relative;
overflow: hidden;
}
.spacegallery img {
position: absolute;
left: 50%;
}
.spacegallery a {
position: absolute;
z-index: 1000;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../images/blank.gif);
}

#time_machine_gallery img {border: 5px solid #ffffff;}

a.loading {background: #08354a url(../images/ajax_small.gif) no-repeat center;}

p.notepad {background: url(http://www.creationfest.com/images/notepad_bg.gif) repeat #ffffff; padding: 5px 15px 10px 15px; line-height: 24px; color: #000000; margin: 0 0 30px 0;}

.social_bar {margin: 0 30px 0 30px; width: 480px;}
a.social_site_facebook, a:link.social_site_facebook, a:visited.social_site_facebook {background: url(http://www.creationfest.com//images/social_sites.gif) no-repeat 0 0; width: 169px; height: 50px; display: block; text-indent: -9999px; overflow: hidden;}
a:hover.social_site_facebook {background-position: 0 -50px;}
a.social_site_twitter, a:link.social_site_twitter, a:visited.social_site_twitter {background: url(http://www.creationfest.com//images/social_sites.gif) no-repeat -169px 0; width: 145px; height: 50px; display: block; text-indent: -9999px; overflow: hidden;}
a:hover.social_site_twitter {background-position: -169px -50px;}
a.social_site_myspace, a:link.social_site_myspace, a:visited.social_site_myspace {background: url(http://www.creationfest.com//images/social_sites.gif) no-repeat -314px 0; width: 166px; height: 50px; display: block; text-indent: -9999px; overflow: hidden;}
a:hover.social_site_myspace {background-position: -314px -50px;}

/* ----- Sponsors Page ----- */

/* ----- Home Gallery ----- */

#home_gallery {position: relative; width: 100%; overflow: hidden; margin: 0 0 20px 0;}
/* This is the ul you have all your images in */
ul.home_gallery {padding: 0; margin: 0; position: relative; left: 50%; float: left; list-style: none;}
ul.home_gallery li {margin: 10px 6px 4px 0; width: 60px; height: 30px; padding: 0 5px; position: relative; right: 50%; float: left; cursor: pointer;}
ul.home_gallery li div img {position: relative; cursor: pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main {width: 540px; height: 270px; display: block; position: relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img {position: absolute; top: 0; left: 0;}
.pika_back_img {position: relative; top: 0px;}
.pika_subdiv {position: relative;}
.pika_subdiv img, .pika_subdiv a img {border: none;}

.pika_caption {width:540px;height:80px;text-align:center;position:absolute;bottom:0;left:0;}
.pika_caption a {color:white; display: block; width: 540px; height: 80px;}

.pika_play{display: none;}
.pika_navigation{display: none;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:0;left:0;height:270px;width:100px;background:url(http://www.creationfest.com/images/arrow_left.png) left 50% no-repeat; cursor: pointer;}
.pika_next_hover{position:absolute;top:0;right:0;height:270px;width:100px;background:url(http://www.creationfest.com/images/arrow_right.png) right 50% no-repeat; cursor: pointer;}

/* ----- Carpooling Page ----- */

#carpool_country {
width: 561px;
height: 353px;
background: url(http://www.creationfest.com/images/carpooling_country.jpg) no-repeat 0 0;
margin-left: 210px;
padding: 0;
position: relative;
}

a#carpool_west {
width: 200px;
height: 92px;
display: block;
background: url(http://www.creationfest.com/images/carpooling_west.png) no-repeat 0 0;
text-indent: -9999px;
position: absolute;
top: 97px;
left: -200px;
z-index: 5!important;
}

a#carpool_east {
width: 198px;
height: 92px;
display: block;
background: url(http://www.creationfest.com/images/carpooling_east.png) no-repeat 0 0;
text-indent: -9999px;
position: absolute;
top: 97px;
left: 520px;
z-index: 5!important;
}


/* ----- Contest ----- */

#carpooling_bg {
display: inline; /* IE 6 fix */
float: left;
width: 960px;
margin: 0;
background: url(http://www.creationfest.com/images/carpooling_bg.jpg) no-repeat 0 0;
padding-top: 80px;
}

#contest_terms {
width: 880px;
height: 400px;
margin: 0 auto 20px;
padding: 10px;
overflow: auto;
position: relative;
border: 1px solid #91a7d6;
background: url(http://www.creationfest.com/images/wrap_bg_2.jpg) repeat 0 0;
}

.contest_error {padding: 20px; background-color: #ffffff; color: #cc3333;}

.contest_agree {margin-bottom: 20px;}

.terms_buttons {width: 280px; height: 28px; margin: 0 auto 0;}

.continue_button {margin: 0 10px 0 10px; border: none; text-indent: -9999px; overflow: hidden; width: 120px; height: 28px; background: url(http://www.creationfest.com/images/forms/button_continue.gif) no-repeat 0 0 #cccccc; cursor: pointer; display: block; float: left; /* the following is an IE Fix */ font-size: 0px; line-height: 0px;}
.continue_button:hover {background-position: 0 -28px;}

.no_button {margin: 0 10px 0 10px; border: none; text-indent: -9999px; overflow: hidden; width: 120px; height: 28px; background: url(http://www.creationfest.com/images/forms/button_no.gif) no-repeat 0 0 #cccccc; cursor: pointer; display: block; float: left; /* the following is an IE Fix */ font-size: 0px; line-height: 0px;}
.no_button:hover {background-position: 0 -28px;}

.dl_cert_button {margin: 0; border: none; text-indent: -9999px; overflow: hidden; width: 200px; height: 28px; background: url(http://www.creationfest.com/images/forms/button_dl_certificate.gif) no-repeat 0 0 #cccccc; cursor: pointer; display: block; /* the following is an IE Fix */ font-size: 0px; line-height: 0px;}
.dl_cert_button:hover {background-position: 0 -28px;}

/*-- PRESS FORMS -- */

.error {color: red; font: 10pt verdana; padding-left: 10px;}
#interviews {
  margin: 20px 0px 0px 0px;
  display: none;
}
#submit {
  margin: 20px 0px 0px 0px;
  display: none;
}
/* ----- The End ----- */