/* CSS Document */
/* GLOBAL */
html {margin: 0; width: 990px; margin: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color: #714c1e; text-align: justify; -webkit-text-size-adjust: none;}
img {border: 0;}
a {border: 0; color: #714c1e; text-decoration: underline;}
a:hover {color: #efb19c;}
#spray1 {background: url(../images/mainNav/bg_spray1.gif) top center no-repeat; width:1000px; height:300px; position: absolute; top: 0;; z-index: -98;}
#spray2 {background: url(../images/mainNav/bg_spray2.gif) bottom center no-repeat; width:1000px; height:250px; position:relative; top: -200px; z-index: -99; float: left;}
/* TOP NAV */
#top {background: ; width: 840px; margin: 90px 90px 0 90px; position: relative; z-index: 999;}
.nav {list-style: none; width: 110px; height: 80px;display: block;}
.nav a {width:110px; height: 12px; float:left; text-indent: -9999px; margin-bottom: 5px;}
.nav #nav1 a {background: url(../images/mainNav/nav_1.gif) top left no-repeat;;}
.nav #nav2 a {background: url(../images/mainNav/nav_02.gif) top left no-repeat;}
.nav #nav3 a {background: url(../images/mainNav/nav_03.gif) top left no-repeat;}
.nav #nav4 a {background: url(../images/mainNav/nav_04.gif) top left no-repeat;}
.nav #nav5 a {background: url(../images/mainNav/nav_05.gif) top left no-repeat;margin-bottom: 0px;}
#nav1 a:hover {background: url(../images/mainNav/nav_1.gif) bottom;}
#nav2 a:hover {background: url(../images/mainNav/nav_02.gif) bottom;}
#nav3 a:hover {background: url(../images/mainNav/nav_03.gif) bottom;}
#nav4 a:hover {background: url(../images/mainNav/nav_04.gif) bottom;}
#nav5 a:hover {background: url(../images/mainNav/nav_05.gif) bottom;}
.contest #nav1 a {background: url(../images/mainNav/nav_1.gif) bottom left no-repeat;}
.enter #nav2 a {background: url(../images/mainNav/nav_02.gif) bottom left no-repeat;}
.judges #nav3 a {background: url(../images/mainNav/nav_03.gif) bottom left no-repeat;}
.winner #nav4 a {background: url(../images/mainNav/nav_04.gif) bottom left no-repeat;}
.winnerTemp #nav4 a {background: url(../images/mainNav/nav_04.gif) bottom left no-repeat;}
.quiz #nav5 a {background: url(../images/mainNav/nav_05.gif) bottom left no-repeat;}
#home {float:right; background: url(../images/mainNav/header.gif) top left no-repeat; width: 590px; height: 81px; text-indent: -9999px; margin: 0 60px 5px 0;}
a:hover#home {background: url(../images/mainNav/header.gif) bottom;}
#content {width: 590px; margin: 0px 130px 100px 280px;}
#content ul {list-style: url(../images/mainNav/bullet1.gif); margin: 0 0 0 15px; padding: 0;}
#col1 {width: 140px; margin-right: 10px;}
#col2 {width: 340px; margin-right: 10px; position: relative; right: -220px; top:-220px;}
#col3 {width: 440px; margin: 0 10px 10px 0;position: relative; right:-150px;}
#header1 {height: 11px; width: 140px; margin-right:10px; text-indent: -9999px; position: relative; top:15px;}
#header2 {height: 11px; width: 140px; margin-right:10px; text-indent: -9999px; position: relative; top:15px;}
#header3 {height: 11px; width: 140px; margin-right:10px; text-indent: -9999px; position: relative; top:15px;}
#header4 {height: 11px; width: 140px; margin-right:10px; text-indent: -9999px; position: relative; top:15px;}
#header5 {height: 11px; width: 140px; margin-right:10px; text-indent: -9999px; position: relative; top:15px;}
#portrait {width: 590px; margin-bottom: 15px;}
#intro {width: 590px; text-indent: -9999px; margin-bottom: 50px;}
#footer {list-style:none; width:590px; height: 25px; position:relative; bottom: 50px; left:280px; padding: 0;}
#footer a {height: 25px; float:left; text-indent: -9999px;}
#footer1 a {background: url(../images/mainNav/footer_01.gif) top left no-repeat; width: 308px; height: 25px;}
#footer2 a {background: url(../images/mainNav/footer_02.gif) top left no-repeat; width: 179px; height: 25px;}
#footer3 a {background: url(../images/mainNav/footer_03.gif) top left no-repeat; width: 103px; height: 25px;}
#footer1 a:hover {background: url(../images/mainNav/footer_01.gif) bottom;}
#footer2 a:hover {background: url(../images/mainNav/footer_02.gif) bottom;}
#footer3 a:hover {background: url(../images/mainNav/footer_03.gif) bottom;}
/* 00 HOMEPAGE */
.home #content {width: 740px; margin: 50px 130px 5px 130px; float:left; position: relative; top:-50px;}
.home #home {background: url(../images/00_homepage/header.gif) top left no-repeat;}
.home a:hover#home {background: url(../images/00_homepage/header.gif) bottom left no-repeat;}
.home #footer {width: 740px; margin: 0px 130px 25px 130px; float: left; position: relative; bottom: 50px; left:0;}
.home #footer1 a {background: url(../images/00_homepage/footer_01.gif) top left no-repeat; height: 45px; width: 150px; text-indent: -9999px; display: block; float:left;}
.home #footer2 {background: url(../images/00_homepage/footer_02.gif) top left no-repeat; height: 45px; width: 315px; text-indent: -9999px; display: block; float:left;}
.home #footer3 a {background: url(../images/00_homepage/footer_03.gif) top left no-repeat; height: 45px; width: 173px; text-indent: -9999px; display: block; float:left;}
.home #footer4 a {background: url(../images/00_homepage/footer_04.gif) top left no-repeat; height: 45px; width: 102px; text-indent: -9999px; display: block; float:left;}
.home #footer1 a:hover {background: url(../images/00_homepage/footer_01.gif) bottom left no-repeat;}
.home #footer2 a:hover {background: url(../images/00_homepage/footer_02.gif) bottom left no-repeat;}
.home #footer3 a:hover {background: url(../images/00_homepage/footer_03.gif) bottom left no-repeat;}
.home #footer4 a:hover {background: url(../images/00_homepage/footer_04.gif) bottom left no-repeat;}
/* 01 CONTEST */
.contest #portrait {background: url(../images/01_contest/01_portraits.gif) top left no-repeat; height: 390px;}
.contest #intro {background: url(../images/01_contest/01_intro.gif) top left no-repeat; height: 101px;}
.contest #header1 {background: url(../images/01_contest/01_header1.gif) top left no-repeat;}
.contest #header2 {background: url(../images/01_contest/01_header2.gif) top left no-repeat;}
.contest #header3 {background: url(../images/01_contest/01_header3.gif) top left no-repeat;}
.contest #header4 {background: url(../images/01_contest/01_header4.gif) top left no-repeat;}
.contest #header5 {background: url(../images/01_contest/01_header5.gif) top left no-repeat;}
.contest #asterisk {text-indent: -16px; width: 424px; position: relative; right: -16px;}
.contest #thankyou, .contest #thankyou a {color: #efb19c; font-weight: bold;}
.contest #indent {margin-right: 10px; color:#efb19c;}
/* 02 ENTER */
.enter #portrait {background: url(../images/02_enter/02_portrait.jpg); height: 280px;}
.enter #intro {background: url(../images/02_enter/02_intro.gif); height: 78px;}
.enter #header1 {background: url(../images/02_enter/02_header1.gif) top left no-repeat;}
.enter #header2 {background: url(../images/02_enter/02_header2.gif) top left no-repeat;}
.enter #header3 {background: url(../images/02_enter/02_header3.gif) top left no-repeat;}
/* 03 JUDGES */
.judges #portrait {background: url(../images/03_judges/03_portrait.gif) top left no-repeat; height: 283px;}
.judges #intro {background: url(../images/03_judges/03_intro.gif) top left no-repeat; height: 58px;}
.judges #header1 {background: url(../images/03_judges/03_header1.gif) top left no-repeat;}
.judges #header2 {background: url(../images/03_judges/03_header2.gif) top left no-repeat;}
.judges #header3 {background: url(../images/03_judges/03_header3.gif) top left no-repeat;}
/* 04 WINNER */
.winnerTemp #portrait {background: url(../images/04_winner/04_temp.gif) top left no-repeat; height: 378px; color: #DFEDD6;}
.winnerTemp #content {margin: 0 130px 60px 280px;}
.winner #content {margin-bottom: 310px;}
.winner #portrait {background: url(../images/04_winner/04_portrait.gif) top left no-repeat; height: 372px;}
.winner #header1 {background: url(../images/04_winner/04_header1.gif) top left no-repeat;}
.winner #header2 {background: url(../images/04_winner/04_header2.gif) top left no-repeat;}
.winner #header3 {background: url(../images/04_winner/04_header3.gif) top left no-repeat;}
.winner #header4 {background: url(../images/04_winner/04_header4.gif) top left no-repeat;}
.winner #col3 {width: 440px;}
.winner #col3 ul {clear:both;}
.winner #col3 li {width: 155px; display: block; float: left; margin-bottom: 15px; margin-left:-15px;}
.winner #spray2 {top: -350px;}
.winner #footer {list-style:none; width:590px; height: 25px; position:relative; bottom: 200px; left:280px; padding: 0;}
#winnerWork {width:440px; height: 280px; border: 1px; background: #ffd; margin-bottom: 10px;}
/* 05 QUIZ */
.quiz {text-align: left;}
.quiz #content {background: #dfedd6; height: 450px; overflow: hidden; margin-bottom: 60px;}
.quiz #title {background: url(../images/05_test/05_title.gif) bottom left no-repeat; height: 153px; width: 550px; text-indent: -9999px; margin: 0px 20px 37px 20px;}
.quiz a {text-decoration: none; font-weight: bold; text-align: left;}
.quiz img {margin-right: 34px;}
.quiz #col2 {height: 270px;}
#cycle {margin-top:7px; width:200px; height: 260px; overflow: hidden;}
a #icon1 {width:20px; height:15px; background: url(../images/05_test/05_icons_test.gif) top left no-repeat; text-indent: -9999px; float:left;}
a #icon2 {width:20px; height:15px; background: url(../images/05_test/05_icons_face.gif) top left no-repeat; text-indent: -9999px; float:left;}
a #icon3 {width:20px; height:15px; background: url(../images/05_test/05_icons_aiga.gif) top left no-repeat; text-indent: -9999px; float:left;}
a:hover #icon1 {background: url(../images/05_test/05_icons_test.gif) bottom left no-repeat;}
a:hover #icon2 {background: url(../images/05_test/05_icons_face.gif) bottom left no-repeat;}
a:hover #icon3 {background: url(../images/05_test/05_icons_aiga.gif) bottom left no-repeat;}
.space {width: 560px; height: 450px; background: #dfedd6; position: absolute;}
.space li {text-indent: -15px;}
.space img {border:0; margin-right:8px;}
.quiz #content ul {list-style: none; margin: 0 0 0 220px; padding:0;}
.quiz #content ul a {font-weight: normal;}
.quiz #content li {margin-top: 10px; list-style: none;}
input.next {display: none; margin-right: -10px;}
#quizlink {list-style: none;text-indent: -9999px; width:340px; position: absolute; right:0; bottom:75px;}
#quizlink a {float:left;}
#quizlink1A a {background: url(../images/05_test/05_takequiz_01.gif) top left no-repeat; width: 339px; height: 23px;}
#quizlink1B a {background: url(../images/05_test/05_sharequiz_01.gif) top left no-repeat; width: 191px; height: 17px;}
#quizlink1C a {background: url(../images/05_test/05_sharequiz_02.gif) top left no-repeat; width: 149px; height: 17px;}
#quizlink1A a:hover {background: url(../images/05_test/05_takequiz_01.gif) bottom;}
#quizlink1B a:hover {background: url(../images/05_test/05_sharequiz_01.gif) bottom;}
#quizlink1C a:hover {background: url(../images/05_test/05_sharequiz_02.gif) bottom;}
#quizlink2 {list-style: none;text-indent: -9999px; width:339px; position: absolute; right:0; bottom:75px;}
#quizlink2 a {float:left;}
#quizlink2A a {background: url(../images/05_test/05_takequiz_02.gif) top left no-repeat; width: 339px; height: 23px;}
#quizlink2B a {background: url(../images/05_test/05_sharequiz_03.gif) top left no-repeat; width: 182px; height: 17px;}
#quizlink2C a {background: url(../images/05_test/05_sharequiz_04.gif) top left no-repeat; width: 157px; height: 17px;}
#quizlink2A a:hover {background: url(../images/05_test/05_takequiz_02.gif) bottom;}
#quizlink2B a:hover {background: url(../images/05_test/05_sharequiz_03.gif) bottom;}
#quizlink2C a:hover {background: url(../images/05_test/05_sharequiz_04.gif) bottom;}
.quiz #quizA {background:url(../images/05_test/05_A.gif) top left no-repeat; width:8px; height:9px; display: block; float:left; text-indent: -9999px;}
#result1 {background: url(../images/05_test/05_result1.gif) bottom left no-repeat; height: 153px; width: 550px; text-indent: -9999px; margin: 0px 20px 37px 20px;}
#result2 {background: url(../images/05_test/05_result2.gif) bottom left no-repeat; height: 153px; width: 550px; text-indent: -9999px; margin: 0px 20px 37px 20px;}
#result3 {background: url(../images/05_test/05_result3.gif) bottom left no-repeat; height: 153px; width: 550px; text-indent: -9999px; margin: 0px 20px 37px 20px;}
#result4 {background: url(../images/05_test/05_result4.gif) bottom left no-repeat; height: 153px; width: 550px; text-indent: -9999px; margin: 0px 20px 37px 20px;}
#result5 {background: url(../images/05_test/05_result5.gif) bottom left no-repeat; height: 153px; width: 550px; text-indent: -9999px; margin: 0px 20px 37px 20px;}
#q1 #title {background: url(../images/05_test/05_num01.gif) bottom left no-repeat; height: 160px; width: 550px; text-indent: -9999px; margin: 60px 20px 0px 20px;}
#q2 #title {background: url(../images/05_test/05_num02.gif) bottom left no-repeat; height: 160px; width: 550px; text-indent: -9999px; margin: 60px 20px 0px 20px;}
#q3 #title {background: url(../images/05_test/05_num03.gif) bottom left no-repeat; height: 160px; width: 550px; text-indent: -9999px; margin: 60px 20px 0px 20px;}
#q4 #title {background: url(../images/05_test/05_num04.gif) bottom left no-repeat; height: 160px; width: 550px; text-indent: -9999px; margin: 60px 20px 0px 20px;}
#q5 #title {background: url(../images/05_test/05_num05.gif) bottom left no-repeat; height: 160px; width: 550px; text-indent: -9999px; margin: 60px 20px 0px 20px;}
#q6 #title {background: url(../images/05_test/05_num06.gif) bottom left no-repeat; height: 160px; width: 550px; text-indent: -9999px; margin: 60px 20px 0px 20px;}
#q7 #title {background: url(../images/05_test/05_num07.gif) bottom left no-repeat; height: 160px; width: 550px; text-indent: -9999px; margin: 60px 20px 0px 20px;}
#q8 #title {background: url(../images/05_test/05_num08.gif) top left no-repeat; height: 100px; width: 550px; text-indent: -9999px; margin: 175px 20px 175px 20px; border: none;}
#q8 #title:hover {background: url(../images/05_test/05_num08.gif) bottom left no-repeat; height: 100px; width: 550px; text-indent: -9999px; margin: 175px 20px 175px 20px; border: none;}