@charset "utf-8";
/* Asahi Beer */
/* Developed by Think MG */

* {margin:0; padding:0;}

body {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

img {border:0;}
h2 {font-size:24px;}
.red_text {color:#e10000;}
.grey_text {color:#aaa;}
hr {margin:20px 0 20px 0;}

#container {width:875px; height:auto; margin:auto;}

#sub_container {height:auto; clear:both; position: relative; left:0; top:0; width:100%;}

#header {width:875px; height:266px; background:#000; background:url(images/asahi_header.jpg);}

.asahi_robot {width:325px; height:400px; background:url(images/asahi_robot.png); position:absolute; top:45px; left:-39px; z-index:900;}

/* NAVIGATION */
#nav_bar {width:623px; height:32px; padding:0 0 0 252px; border-top:3px solid #fff; background:#000; clear:both;}
ul {margin: 0; padding: 0; list-style: none; width:623px;}
ul li {position: relative;}
li ul {position: absolute; top: 149px; left: 0; display: none;}


.button_competitions {margin: 0 0 0 50px;width:165px; height:32px; background:url(images/button_competitions.png); float:left;}
.button_competitions span {display:none;}
.button_competitions h1 a {display:block; width:165px; height:32px;}
.button_competitions a:hover {background:url(images/button_competitions.png) 0 32px;}

.button_gallery {width:157px; height:32px; background:url(images/button_gallery.png); float:left;}
.button_gallery span {display:none;}
.button_gallery h1 a {display:block; width:157px; height:32px;}
.button_gallery a:hover {background:url(images/button_gallery.png) 0 32px;}

.button_events {width:120px; height:32px; background:url(images/button_events.png); float:left;}
.button_events span {display:none;}
.button_events h1 a {display:block; width:120px; height:32px;}
.button_events a:hover {background:url(images/button_events.png) 0 32px;}

.button_newsinfo {width:131px; height:32px; float:left;}

.button_news {width:131px; height:32px; background:url(images/button_news.png); float:left;}
.button_news span {display:none;}
 h1.button_news a:link,  h1.button_news a:visited {display:block; width:131px; height:32px; background:url(images/button_news.png); float:left;}
 h1.button_news a:hover {background:url(images/button_news.png) 0 32px;}

a.button_newsentrants:link, a.button_newsentrants:visited {width:200px; height:32px; background:url(images/button_newsentrants.png); float:left;}
.button_newsentrants span {display:none;}
a.button_newsentrants:hover {background:url(images/button_newsentrantsover.png); width:200px; height:32px; }

a.button_newsfinalists:link, a.button_newsfinalists:visited {width:200px; height:32px; background:url(images/button_newsfinalists.png); float:left;}
.button_newsfinalists span {display:none;}
a.button_newsfinalists:hover {background:url(images/button_newsfinalistsover.png); width:200px; height:32px; }

a.button_newswinners:link, a.button_newswinners:visited {width:200px; height:32px; background:url(images/button_newswinner.png); float:left;}
.button_newswinners span {display:none;}
a.button_newswinners:hover {background:url(images/button_newswinnerover.png); width:200px; height:32px; }

/* COMPETITIONS */

.competitions_text {width:875px; height:75px; background:url(images/asahi_competitions_text_new.png); background-repeat:no-repeat; position:absolute; top:355px; left:0; z-index:900;}
.competitions_text_imbible {width:875px; height:181px; background:url(images/imbible_competitions_text.png); position:absolute; top:330px; right:36px; z-index:900;}
.competitions_text_genki {width:875px; height:225px; background:url(images/genki_text.png); position:absolute; top:330px; right:36px; z-index:900;}

.competitions_text h1,.competitions_text_imbible h1,.competitions_text_genki h1  {display:none;}
.competitions_image {border:2px solid #ddd; position:absolute; top:455px; left:0px; z-index:900;}
.competitions_image_video {position:absolute; top:500px; left:0px; z-index:900;}
.competitions_image_imbibe {border:2px solid #ddd; position:absolute; top:810px; left:0px; z-index:900;}
.competitions_image_asahi {border:2px solid #ddd; position:absolute; top:1100px; left:0px; z-index:900;}

#competitions_content_container_imbibe {width:500px; clear:both; padding:200px 0 40px 325px; color:#000; background:url(images/content_bg.jpg) bottom no-repeat; border-bottom:1px solid #c2c2c2;}
#competitions_content_container_winners {width:500px; clear:both; padding:200px 0 40px 325px; color:#000; background:url(images/content_bg.jpg) bottom no-repeat; border-bottom:1px solid #c2c2c2;}
#competitions_content_container_winners p {margin:0 0 10px 0;}
#competitions_content_container_winners img {float:left; margin:0 30px 0 0; border:2px solid #DDDDDD;}

#competitions_content_container_finalists {width:875px; float:left; clear:both; padding:260px 0 40px 0; color:#000; background:url(images/content_bg.jpg) bottom no-repeat; border-bottom:1px solid #c2c2c2;}
#competitions_content_container_finalists .profile {width:875px; height:100%; clear:both; float:left; margin:30px 0 0 0;}
#competitions_content_container_finalists .profile p {margin:0 0 10px 345px; width:500px; height:100%;}
#competitions_content_container_finalists .profile img {margin:0 50px 0 20px; float:left; padding:0 0 0 0; border:2px solid #DDDDDD;}
.red {color:#E10000;}
#competitions_content_container_finalists p {width:875px; float:left; margin:0 0 10px 0;}
#competitions_content_container_finalists .artist {width:875px; height:100%; clear:both; float:left; margin:30px 0 0 0;}
#competitions_content_container_finalists .artist p {width:500px; height:100%;}
#competitions_content_container_finalists .artist a, #competitions_content_container_finalists a {color:#E10000; text-decoration:underline;}

#competitions_content_container_finalists .artist img {margin:0 50px 0 20px; float:left; padding:0 0 0 0; border:2px solid #DDDDDD;}

#mrasahi_content_container {clear:both; padding:50px 100px 500px 250px; color:#000; background:url(images/content_bg.jpg) bottom no-repeat; border-bottom:1px solid #c2c2c2;}
#mrasahi_content_container p {margin:0 0 10px 0;}
#mrasahi_content_container img {float:left; margin:0 30px 0 0; border:2px solid #DDDDDD;}


#competitions_content_container {width:575px; clear:both; padding:150px 0 40px 325px; color:#000; background:url(images/content_bg.jpg) bottom no-repeat; border-bottom:1px solid #c2c2c2;}
#competitions_content_container a:link, #competitions_content_container a:visited {text-decoration:none; color:#999; font-weight:bold;}
#competitions_content_container a:hover, #competitions_content_container a:active {text-decoration:none; color:#666;}
#competitions_content_container table {margin:10px 0 0 0;}
#competitions_content_container td {width:225px; margin:0 20px 0 0; vertical-align:top;}
.form_dropdowns {width:274px; height:27px; border:2px solid #ddd; padding:4px; margin:0 0 10px 0; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
.form_dropdowns2 {height:27px; border:2px solid #ddd; padding:4px; margin:0 0 10px 0; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
.form_fields {width:262px; height:17px; border:2px solid #ddd; padding:4px; margin:0 0 10px 0; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
.form_upload {width:262px; height:27px; border:2px solid #ddd; padding:4px; margin:0 0 10px 0; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
.form_comment {width:262px; height:60px; border:2px solid #ddd; padding:4px; margin:0 0 10px 0; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
.form_submit {width:100px; height:25px; background:#e10000; color:#fff; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; margin:0 0 0 50px; border:0;}
.form_sendtofriend {width:120px; height:25px; background:#a4a4a4; color:#fff; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; border:0;}

.competition_question {font-size:15px; font-weight:bold;}

.answer_block {width:375px; height:60px; background:url(images/answer_block_bg.png); margin:20px 0 20px 0; font-weight:bold;}
.answer_block ul {list-style-type:none; padding:2px 0 2px 15px;}
.answer_block li {line-height:18px;}

/* GALLERY */

.gallery_text {width:875px; height:72px; background:url(images/asahi_gallery_of_events_text.png); position:absolute; top:355px; left:0; z-index:900;}
.gallery_text h1 {display:none;}

#gallery_content_container {width:875px; margin:170px 0 0 0; padding:0 0 40px 0; background:url(images/content_bg.jpg) bottom no-repeat;}
#gallery_leftcol_container {width:465px; float:left;}
#gallery_rightcol_container {width:390px; float:left;}
.gallery_thumb {width:55px; height:55px; margin:0 10px 10px 0; float:left; background:#bbb;}

.galleryevents_container {width:465px; height:115px; margin:0 0 15px 0;}
.galleryevents_container_image {width:115px; height:115px; float:left; margin:0 10px 0 0;}
.galleryevents_container_text {width:300px; height:105px; float:left; background:url(images/gallery_events_text_bg.png); color:#666; line-height:15px; padding:10px 30px 0 10px; text-align:justify;}
.galleryevents_container_text h1 {color:#000; font-size:16px; margin:0 0 5px 0;}

#archived_button_container {width:340px; height:auto; padding:0 0 0 125px;}
.view_archived_events_button {width:155px; height:25px; background:#a4a4a4; color:#fff; text-transform:uppercase; font-weight:bold; text-align:center; margin:0 0 5px 0; font-size:10px;}
.view_archived_events_button a {display:block; width:155px; height:20px; padding:5px 0 0 0;}
.view_archived_events_button a:link, .view_archived_events_button a:visited {color:#fff; text-decoration:none;}
.view_archived_events_button a:hover, .view_archived_events_button a:active {background:#888; text-decoration:none;}

.month_buttons {width:155px; height:25px; background:#c4c4c4; color:#fff; text-transform:uppercase; font-weight:bold; text-align:center; margin:0 0 5px 0; font-size:10px;}
.month_buttons a {display:block; width:155px; height:20px; padding:5px 0 0 0;}
.month_buttons a:link, .month_buttons a:visited {color:#fff; text-decoration:none;}
.month_buttons a:hover, .month_buttons a:active {background:#aaa; text-decoration:none;}

/* EVENTS */

.events_text {width:875px; height:72px; background:url(images/asahi_upcoming_events_text.png); position:absolute; top:355px; left:0; z-index:900;}
.events_text h1 {display:none;}

#events_leftcol_container {width:465px; float:left;}
#events_rightcol_container {width:400px; padding:0 0 0 10px; float:left;}
#events_rightcol_container table {margin:20px 0 0 0;}

.events_container {width:465px; height:165px; margin:0 0 15px 0;}
.events_container_image {width:115px; height:155px; float:left; margin:0 10px 0 0;}
.events_container_text {width:300px; height:155px; float:left; background:url(images/gallery_events_text_bg.png) repeat-y; color:#666; line-height:15px; padding:10px 30px 0 10px; text-align:justify;}
.events_container_text h1 {color:#000; font-size:16px; margin:0 0 5px 0; text-align: left;}

/* NEWS */

.news_text {width:875px; height:72px; background:url(images/asahi_latest_news_text.png); position:absolute; top:355px; left:0; z-index:900;}
.news_text h1 {display:none;}

.news_container {width:465px; height:115px; margin:0 0 15px 0;}
.news_container_image {width:115px; height:115px; float:left; margin:0 10px 0 0;}
.news_container_text {width:300px; height:105px; float:left; background:url(images/gallery_events_text_bg.png); color:#666; line-height:15px; padding:10px 30px 0 10px; text-align:justify;}
.news_container_text h1 {color:#000; font-size:16px; margin:0 0 5px 0;}

.view_archived_news_button {width:155px; height:25px; background:#a4a4a4; color:#fff; text-transform:uppercase; font-weight:bold; text-align:center; margin:0 0 5px 0; font-size:10px;}
.view_archived_news_button a {display:block; width:155px; height:20px; padding:5px 0 0 0;}
.view_archived_news_button a:link, .view_archived_news_button a:visited {color:#fff; text-decoration:none;}
.view_archived_news_button a:hover, .view_archived_news_button a:active {background:#888; text-decoration:none;}

/* TERMS AND CONDITIONS */
#terms_conditions {line-height:18px; color:#333;}
#terms_conditions h1 {color:#e10000; font-size:15px; margin:10px 0 5px 0;}

/* FOOTER */

#footer {clear:both; width:875px; padding:5px 0 10px 0;}

#footer_leftlinks {float:left; width:300px; color:#999;}
#footer_leftlinks a:link, #footer_leftlinks a:visited {color:#999; text-decoration:none;}
#footer_leftlinks a:hover, #footer_leftlinks a:active {color:#666; text-decoration:none;}

#footer_rightlinks {float:right; width:575px; text-align:right; color:#999;}
#footer_rightlinks a:link, #footer_rightlinks a:visited {color:#999; text-decoration:none;}
#footer_rightlinks a:hover, #footer_rightlinks a:active {color:#666; text-decoration:none;}



#error_message {
	margin: 10px 20px 20px 0;
	background: #FFF2F2;
	border: 1px solid #DF0000;
}
#error_message h1 {
	background: #DF0000;
	font-size: 11px;
	color: #FFFFFF;
	margin: 0;
	padding: 6px 9px 6px 9px;
}
#error_message div {
	padding: 10px 10px 10px 10px;
}
#error_message div ul {
	list-style-type: square;
	margin: 10px 0 10px 10px;
}

#error_message div ul li {
	margin: 0 0 0 10px;
}
#success {
	margin: 10px 20px 20px 0;
	background: #D2EE9F;
	border: 1px solid #8BC71E;
}
#success h1 {
	background: #8BC71E;
	font-size: 11px;
	color: #FFFFFF;
	margin: 0;
	padding: 6px 9px 6px 9px;
}
#success div {
	padding: 10px 10px 10px 10px;
	color: #000000;
}