@charset "utf-8";
/* CSS Document */

/* BODY ELEMENTS */

body {
	margin: 0;
	padding: 0;
	background-color: #000;
	background-image: url(../images/background_home.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-size:cover;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
}

body#past {
	background-image:url(../images/background_past.gif);
}
	
body#present {
	background-image:url(../images/background_present.gif);
}
	
body#future {
	background-image:url(../images/background_future.gif);
}


/* HEADER */

#header_wrap {
	margin:0;
	padding: 0;
	height: 96px;
	text-align: center;
	position:fixed;
	left:0;
	right:0;
	top:0;
}

#header_repeat {
	height: 50px;
	text-align: center;
	background-image: url(../images/header_repeat.gif);
	background-repeat: repeat-x;
}

#logo {
	height: 50px;
	margin:0 auto;
	width: 277px;
	text-align: center;
}

a#home {
	margin: 0;
	padding: 0;
	width: 277px;
	height: 50px;
	display: block;
	background-image: url(../images/bigbang_logo.png);
	background-repeat: no-repeat;
	float: left;
}

a#home span {
	display: none;
}

/* NAVIGATION */

#navigation {
	margin: 0 auto;
	width:285px;
	height: 46px;
	padding: 0;
	text-align: center;
}

a#past {
	margin: 0;
	padding: 0;
	width: 95px;
	height: 46px;
	display: block;
	background-image: url(../images/nav_past.png);
	background-repeat: no-repeat;
	float: left;
}

a#past:hover {
	background-image: url(../images/nav_past_hover.png);
}

a#past span {
	display: none;
}

a#present {
	margin: 0;
	padding: 0;
	width: 95px;
	height: 46px;
	display: block;
	background-image: url(../images/nav_present.png);
	background-repeat: no-repeat;
	float: left;
}

a#present:hover {
	background-image: url(../images/nav_present_hover.png);
}

a#present span {
	display: none;
}

a#future {
	margin: 0;
	padding: 0;
	width: 95px;
	height: 46px;
	display: block;
	background-image: url(../images/nav_future.png);
	background-repeat: no-repeat;
	float: left;
}

a#future:hover {
	background-image: url(../images/nav_future_hover.png);
}

a#future span {
	display: none;
}

/* BODY CONTAINER */

#body_block {
	margin: 125px auto 0 auto;
	width: 1000px;
	height: 984px;
}

#body_members {
	margin: 0 auto;
	width: 704px;
	height: 132px;
}

#body_icons {
	margin: 50px auto 0 auto;
	width: 754px;
	height: 491px;
}

a#seungri {
	margin: 0;
	padding: 0;
	width: 148px;
	height: 132px;
	display: block;
	background-image: url(../images/member_seungri.png);
	background-repeat: no-repeat;
	float: left;
}

a#seungri:hover {
	background-image: url(../images/member_seungri_hover.png);
}

a#seungri span {
	display: none;
}

a#seungri2 {
	margin: 0;
	padding: 0;
	width: 148px;
	height: 132px;
	display: block;
	background-image: url(../images/member_seungri2.png);
	background-repeat: no-repeat;
	float: left;
}

a#seungri2:hover {
	background-image: url(../images/member_seungri_hover2.png);
}

a#seungri2 span {
	display: none;
}

a#gd {
	margin: 0;
	padding: 0;
	width: 148px;
	height: 132px;
	display: block;
	background-image: url(../images/member_gd.png);
	background-repeat: no-repeat;
	float: left;
}

a#gd:hover {
	background-image: url(../images/member_gd_hover.png);
}

a#gd span {
	display: none;
}

a#gd2 {
	margin: 0;
	padding: 0;
	width: 148px;
	height: 132px;
	display: block;
	background-image: url(../images/member_gd2.png);
	background-repeat: no-repeat;
	float: left;
}

a#gd2:hover {
	background-image: url(../images/member_gd_hover2.png);
}

a#gd2 span {
	display: none;
}

a#top {
	margin: 0;
	padding: 0;
	width: 112px;
	height: 132px;
	display: block;
	background-image: url(../images/member_top.png);
	background-repeat: no-repeat;
	float: left;
}

a#top:hover {
	background-image: url(../images/member_top_hover.png);
}

a#top span {
	display: none;
}

a#top2 {
	margin: 0;
	padding: 0;
	width: 112px;
	height: 132px;
	display: block;
	background-image: url(../images/member_top2.png);
	background-repeat: no-repeat;
	float: left;
}

a#top2:hover {
	background-image: url(../images/member_top_hover2.png);
}

a#top2 span {
	display: none;
}

a#daesung {
	margin: 0;
	padding: 0;
	width: 148px;
	height: 132px;
	display: block;
	background-image: url(../images/member_daesung.png);
	background-repeat: no-repeat;
	float: left;
}

a#daesung:hover {
	background-image: url(../images/member_daesung_hover.png);
}

a#daesung span {
	display: none;
}

a#daesung2 {
	margin: 0;
	padding: 0;
	width: 148px;
	height: 132px;
	display: block;
	background-image: url(../images/member_daesung2.png);
	background-repeat: no-repeat;
	float: left;
}

a#daesung2:hover {
	background-image: url(../images/member_daesung_hover2.png);
}

a#daesung2 span {
	display: none;
}

a#taeyang {
	margin: 0;
	padding: 0;
	width: 148px;
	height: 132px;
	display: block;
	background-image: url(../images/member_taeyang.png);
	background-repeat: no-repeat;
	float: left;
}

a#taeyang:hover {
	background-image: url(../images/member_taeyang_hover.png);
}

a#taeyang span {
	display: none;
}

a#taeyang2 {
	margin: 0;
	padding: 0;
	width: 148px;
	height: 132px;
	display: block;
	background-image: url(../images/member_taeyang2.png);
	background-repeat: no-repeat;
	float: left;
}

a#taeyang2:hover {
	background-image: url(../images/member_taeyang_hover2.png);
}

a#taeyang2 span {
	display: none;
}

a#music {
	margin: 0;
	padding: 0;
	width: 377px;
	height: 227px;
	display: block;
	background-image: url(../images/home_icon_music.png);
	background-repeat: no-repeat;
	float: left;
}

a#music:hover {
	background-image: url(../images/home_icon_music_hover.png);
}

a#music span {
	display: none;
}

a#news {
	margin: 0;
	padding: 0;
	width: 377px;
	height: 227px;
	display: block;
	background-image: url(../images/home_icon_news.png);
	background-repeat: no-repeat;
	float: left;
}

a#news:hover {
	background-image: url(../images/home_icon_news_hover.png);
}

a#news span {
	display: none;
}

a#tour {
	margin: 0;
	padding: 0;
	width: 377px;
	height: 264px;
	display: block;
	background-image: url(../images/home_icon_tour.png);
	background-repeat: no-repeat;
	float: left;
}

a#tour:hover {
	background-image: url(../images/home_icon_tour_hover.png);
}

a#tour span {
	display: none;
}

a#video {
	margin: 0;
	padding: 0;
	width: 377px;
	height: 264px;
	display: block;
	background-image: url(../images/home_icon_video.png);
	background-repeat: no-repeat;
	float: left;
}

a#video:hover {
	background-image: url(../images/home_icon_video_hover.png);
}

a#video span {
	display: none;
}

/* FOOTER */

#footer_wrap {
	padding: 0;
	height: 96px;
	text-align: center;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
}

#footer {
	margin: 0 auto;
	padding: 0;
	height: 46px;
	width:285px;
	text-align: center;
}

a#twitter {
	margin: 0;
	padding: 0;
	width: 95px;
	height: 46px;
	display: block;
	background-image: url(../images/nav_twitter.png);
	background-repeat: no-repeat;
	float: left;
}

a#twitter:hover {
	background-image: url(../images/nav_twitter_hover.png);
}

a#twitter span {
	display: none;
}

a#facebook {
	margin: 0;
	padding: 0;
	width: 95px;
	height: 46px;
	display: block;
	background-image: url(../images/nav_facebook.png);
	background-repeat: no-repeat;
	float: left;
}

a#facebook:hover {
	background-image: url(../images/nav_facebook_hover.png);
}

a#facebook span {
	display: none;
}

a#youtube {
	margin: 0;
	padding: 0;
	width: 95px;
	height: 46px;
	display: block;
	background-image: url(../images/nav_youtube.png);
	background-repeat: no-repeat;
	float: left;
}

a#youtube:hover {
	background-image: url(../images/nav_youtube_hover.png);
}

a#youtube span {
	display: none;
}

#footer_repeat {
	margin: 0;
	padding: 0;
	height: 50px;
	text-align: center;
	background-image: url(../images/header_repeat.gif);
	background-repeat: repeat-x;
}

/* OTHER */
img {
	float: left;
	margin: 8px 6px;
}

audio {
	float:left;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

ul li {
	margin: 0;
	display: inline;
}

ul li a {
	color: #333;
	text-decoration: none;
}

ul li a:hover {
	text-decoration: underline;
}


h1 {
	font-family: 'quantico';
	margin: 0 0 15px 0;
	font-weight: 700;
	font-size: 16px;
	color: #FC3;
	line-height: 16px;
	background-repeat: no-repeat;
}

h2 {
	font-family: 'quantico';
	margin: 0 0 8px 0;
	font-size: 11px;
	line-height: 14pt;
}

h3 {
	margin: 0;
	font-size: .8em;
}

p {
	font-family: 'armata';
	margin: 0 0 8px 0;
	font-weight:400;
	font-size: 10px;

}

.h1_edit {
	color: #b0d464;
}

.h1_edit2 {
	color: #00ADD5;
}


.h2_edit {
	color: #FC3;
}

.h2_edit2 {
	color: #b0d464;
}

.h2_edit3 {
	color: #00ADD5;
}
.h2_edit4 {
	color: #00ADD5;
	text-align: center;
}

.h2_edit5{
	text-align: center;
	}

.p_edit {
	font-style:italic;
}

/* PAST SECTION */

a#past_stable {
	margin: 0;
	padding: 0;
	width: 95px;
	height: 46px;
	display: block;
	background-image: url(../images/nav_past_hover.png);
	background-repeat: no-repeat;
	float: left;
}

a#past_stable span {
	display: none;
}

#bio_container {
	margin:50px auto 0 auto;
	height: 600px;
	width: 540px;
	background-image:url(../images/bio_container.png);
	background-repeat:no-repeat; 
}

#bigbang_copy {
	margin: 0;
	padding:54px 30px 30px 137px;
	height: 325px;
	width: 373px;
 }

#gd_container {
	margin:50px auto 0 auto;
	height: 662px;
	width: 717px;
	background-image:url(../images/bio_gd_container.png);
	background-repeat:no-repeat; 
}

#gd_copy {
	margin: 0;
	padding: 30px;
	height: 444px;
	width: 373px;
 }
 
#seungri_container {
	margin:50px auto 0 auto;
	height: 662px;
	width: 717px;
	background-image: url(../images/bio_seungri_container.png);
	background-repeat:no-repeat; 
}

#seungri_copy {
	margin: 0;
	padding: 188px 30px 30px 30px;
	height: 256px;
	width: 373px;
 }
 
#top_container {
	margin:50px auto 0 auto;
	height: 662px;
	width: 717px;
	background-image: url(../images/bio_top_container.png);
	background-repeat:no-repeat; 
}

#top_copy {
	margin: 0;
	padding: 188px 30px 30px 314px;
	height: 256px;
	width: 373px;
 }
 
#daesung_container {
	margin:50px auto 0 auto;
	height: 591px;
	width: 717px;
	background-image: url(../images/bio_daesung_container.png);
	background-repeat:no-repeat; 
}

#daesung_copy {
	margin: 0;
	padding: 30px;
	height: 434px;
	width: 373px;
 }

#taeyang_container {
	margin:50px auto 0 auto;
	height:519px;
	width: 717px;
	background-image: url(../images/bio_taeyang_container.png);
	background-repeat:no-repeat; 
}

#taeyang_copy {
	margin: 0;
	padding: 30px 30px 30px 314px;
	height: 404px;
	width: 373px;
}

/* PRESENT SECTION */

a#present_stable {
	margin: 0;
	padding: 0;
	width: 95px;
	height: 46px;
	display: block;
	background-image: url(../images/nav_present_hover.png);
	background-repeat: no-repeat;
	float: left;
}

a#present_stable span {
	display: none;
}

#present_body_block {
	margin: 155px auto 0 auto;
	width: 682px;
	height: 984px;
}

#news_subnav_upper {
	margin-right:484px;
	width: 188px;
	height: 60px;
	display: block;
	float: left;
}

a#news_subnav_upper_left {
	margin: 0;
	padding: 0;
	width: 94px;
	height: 60px;
	display: block;
	background-image: url(../images/present_subnav_music.png);
	background-repeat: no-repeat;
	float: left;
}

a#news_subnav_upper_left:hover {
	background-image: url(../images/present_subnav_music_hover.png);
}

a#news_subnav_upper_left span {
	display: none;
}

a#news_subnav_upper_right {
	margin: 0;
	padding: 0;
	width: 94px;
	height: 60px;
	display: block;
	background-image: url(../images/present_subnav_photo.png);
	background-repeat: no-repeat;
	float: left;
}

a#news_subnav_upper_right:hover {
	background-image: url(../images/present_subnav_photo_hover.png);
}

a#news_subnav_upper_right span {
	display: none;
}


#news_subnav_lower {
	width: 93px;
	display: block;
	float: left;
}

a#news_subnav_lower {
	margin: 0;
	padding: 0;
	width: 94px;
	height: 60px;
	display: block;
	background-image: url(../images/present_subnav_video.png);
	background-repeat: no-repeat;
	float: left;
}

a#news_subnav_lower:hover {
	background-image: url(../images/present_subnav_video_hover.png);
}

a#news_subnav_lower span {
	display: none;
}


#news_container {
	margin: 0;
	height: 601px;
	width:539px;
	background-image:url(../images/news_container.png);
	background-repeat:no-repeat;
	display: block;
	float: left;
}

#news_copy {
	margin: 22px 0 0 105px;
	padding: 30px;
	height: 521px;
	width: 374px;
}

#next {
	margin-top: 500px;
	width:50px;
	display: block;
	float: left;
}

#next2 {
	margin-top: 572px;
	width:50px;
	display: block;
	float: left;
}

a#next {
	margin: 0;
	padding: 0;
	width: 50px;
	height: 101px;
	display: block;
	background-image: url(../images/next_button.png);
	background-repeat: no-repeat;
	float: left;
}

a#next:hover {
	background-image: url(../images/next_button_hover.png);
}

a#next span {
	display: none;
}

#back {
	margin-top: 500px;
	margin-left: 56px;
	width:50px;
	display: block;
	float: left;
}

#back2 {
	margin-top: 572px;
	margin-left: 57px;
	width:50px;
	display: block;
	float: left;
}

#back3 {
	margin-top: 715px;
	margin-left: 57px;
	width:50px;
	display: block;
	float: left;
}

a#back {
	margin: 0;
	padding: 0;
	width: 50px;
	height: 101px;
	display: block;
	background-image: url(../images/back_button.png);
	background-repeat: no-repeat;
	float: left;
}

a#back:hover {
	background-image: url(../images/back_button_hover.png);
}

a#back span {
	display: none;
}

#photo_container {
	margin: 0;
	height: 675px;
	width:539px;
	background-image:url(../images/photo_container.png);
	background-repeat:no-repeat;
	display: block;
	float: left;
}

#photo_gallery {
	margin: 22px 0 0 105px;
	padding: 30px;
	height: 521px;
	width: 374px;
}

#photo_subnav_upper {
	margin-right:484px;
	width: 188px;
	height: 60px;
	display: block;
	float: left;
}

a#photo_subnav_upper_left {
	margin: 0;
	padding: 0;
	width: 94px;
	height: 60px;
	display: block;
	background-image: url(../images/present_subnav_video2.png);
	background-repeat: no-repeat;
	float: left;
}

a#photo_subnav_upper_left:hover {
	background-image: url(../images/present_subnav_video2_hover.png);
}

a#photo_subnav_upper_left span {
	display: none;
}

a#photo_subnav_upper_right {
	margin: 0;
	padding: 0;
	width: 94px;
	height: 60px;
	display: block;
	background-image: url(../images/present_subnav_music2.png);
	background-repeat: no-repeat;
	float: left;
}

a#photo_subnav_upper_right:hover {
	background-image: url(../images/present_subnav_music2_hover.png);
}

a#photo_subnav_upper_right span {
	display: none;
}


#photo_subnav_lower {
	width: 93px;
	display: block;
	float: left;
}

a#photo_subnav_lower {
	margin: 0;
	padding: 0;
	width: 94px;
	height: 60px;
	display: block;
	background-image: url(../images/present_subnav_news.png);
	background-repeat: no-repeat;
	float: left;
}

a#photo_subnav_lower:hover {
	background-image: url(../images/present_subnav_news_hover.png);
}

a#photo_subnav_lower span {
	display: none;
}

#video_container {
	margin: 0;
	height: 675px;
	width:539px;
	background-image:url(../images/video_container.png);
	background-repeat:no-repeat;
	display: block;
	float: left;
}

#video_subnav_upper {
	margin-right:484px;
	width: 188px;
	height: 60px;
	display: block;
	float: left;
}

a#video_subnav_upper_left {
	margin: 0;
	padding: 0;
	width: 94px;
	height: 60px;
	display: block;
	background-image: url(../images/present_subnav_photo3.png);
	background-repeat: no-repeat;
	float: left;
}

a#video_subnav_upper_left:hover {
	background-image: url(../images/present_subnav_photo3_hover.png);
}

a#video_subnav_upper_left span {
	display: none;
}

a#video_subnav_upper_right {
	margin: 0;
	padding: 0;
	width: 94px;
	height: 60px;
	display: block;
	background-image: url(../images/present_subnav_news3.png);
	background-repeat: no-repeat;
	float: left;
}

a#video_subnav_upper_right:hover {
	background-image: url(../images/present_subnav_news3_hover.png);
}

a#video_subnav_upper_right span {
	display: none;
}


#video_subnav_lower {
	width: 93px;
	display: block;
	float: left;
}

a#video_subnav_lower {
	margin: 0;
	padding: 0;
	width: 94px;
	height: 60px;
	display: block;
	background-image: url(../images/present_subnav_music3.png);
	background-repeat: no-repeat;
	float: left;
}

a#video_subnav_lower:hover {
	background-image: url(../images/present_subnav_music3_hover.png);
}

a#video_subnav_lower span {
	display: none;
}

#music_container {
	margin: 0;
	height: 816px;
	width:539px;
	background-image:url(../images/music_container.png);
	background-repeat:no-repeat;
	display: block;
	float: left;
}

#music2_container {
	margin: 0;
	height: 674px;
	width:539px;
	background-image:url(../images/music2_container.png);
	background-repeat:no-repeat;
	display: block;
	float: left;
}

#music_subnav_upper {
	margin-right:484px;
	width: 188px;
	height: 60px;
	display: block;
	float: left;
}

a#music_subnav_upper_left {
	margin: 0;
	padding: 0;
	width: 94px;
	height: 60px;
	display: block;
	background-image: url(../images/present_subnav_news2.png);
	background-repeat: no-repeat;
	float: left;
}

a#music_subnav_upper_left:hover {
	background-image: url(../images/present_subnav_news2_hover.png);
}

a#music_subnav_upper_left span {
	display: none;
}

a#music_subnav_upper_right {
	margin: 0;
	padding: 0;
	width: 94px;
	height: 60px;
	display: block;
	background-image: url(../images/present_subnav_video3.png);
	background-repeat: no-repeat;
	float: left;
}

a#music_subnav_upper_right:hover {
	background-image: url(../images/present_subnav_video3_hover.png);
}

a#music_subnav_upper_right span {
	display: none;
}


#music_subnav_lower {
	width: 93px;
	display: block;
	float: left;
}

a#music_subnav_lower {
	margin: 0;
	padding: 0;
	width: 94px;
	height: 60px;
	display: block;
	background-image: url(../images/present_subnav_photo2.png);
	background-repeat: no-repeat;
	float: left;
}

a#music_subnav_lower:hover {
	background-image: url(../images/present_subnav_photo2_hover.png);
}

a#music_subnav_lower span {
	display: none;
}

/* FUTURE SECTION */

a#future_stable {
	margin: 0;
	padding: 0;
	width: 95px;
	height: 46px;
	display: block;
	background-image: url(../images/nav_future_hover.png);
	background-repeat: no-repeat;
	float: left;
}

a#future_stable span {
	display: none;
}

#future_body_block {
	margin: 155px auto 0 auto;
	width: 682px;
	height: 984px;
}

#tour_subnav {
	width: 93px;
	display: block;
	float: left;
}

a#tour_subnav {
	margin: 0;
	padding: 0;
	width: 93px;
	height: 59px;
	display: block;
	background-image: url(../images/future_subnav_mail.png);
	background-repeat: no-repeat;
	float: left;
}

a#tour_subnav:hover {
	background-image: url(../images/future_subnav_mail_hover.png);
}

a#tour_subnav span {
	display: none;
}

#tour_container {
	margin: 0;
	height: 816px;
	width:539px;
	background-image:url(../images/tour_container.png);
	background-repeat:no-repeat;
	display: block;
	float: left;
}

#tour_copy {
	margin: 22px 0 0 105px;
	padding: 30px;
	height: 734px;
	width:374px;
}

#buy_now {
	margin-top: 715px;
	width:50px;
	display: block;
	float: left;
}

#buy_now3 {
	margin-top: 499px;
	width:50px;
	display: block;
	float: left;
}

a#buy_now {
	margin: 0;
	padding: 0;
	width: 50px;
	height: 101px;
	display: block;
	background-image: url(../images/buynow_button.png);
	background-repeat: no-repeat;
	float: left;
}

a#buy_now:hover {
	background-image: url(../images/buynow_button_hover.png);
}

a#buy_now span {
	display: none;
}


#mail_subnav {
	width: 93px;
	display: block;
	float: left;
}

a#mail_subnav {
	margin: 0;
	padding: 0;
	width: 93px;
	height: 59px;
	display: block;
	background-image: url(../images/future_subnav_tour.png);
	background-repeat: no-repeat;
	float: left;
}

a#mail_subnav:hover {
	background-image: url(../images/future_subnav_tour_hover.png);
}

a#mail_subnav span {
	display: none;
}

#mail_container {
	margin: 0;
	height: 456px;
	width:539px;
	background-image:url(../images/mail_container.png);
	background-repeat:no-repeat;
	display: block;
	float: left;
}

#submit {
	margin-top: 356px;
	width:50px;
	display: block;
	float: left;
}

a#submit {
	margin: 0;
	padding: 0;
	width: 50px;
	height: 101px;
	display: block;
	background-image: url(../images/submit_button.png);
	background-repeat: no-repeat;
	float: left;
}

a#submit:hover {
	background-image: url(../images/submit_button_hover.png);
}

a#submit span {
	display: none;
}

#example_form {
	margin: 22px 0 0 105px;
	padding: 30px;
	width: 373px;
	height: 373px;
	text-align: left;
	display:block;
}

#example_form form {
	margin: 0;
	padding: 0;
	text-align: left;
	display:block;
}

#example_form form div {
	margin: 0 0 10px 0;
	width: auto;
	color: #fff;
	text-align:left;
}

#example_form form div label {
	font-family: 'quantico';
	margin: 0 0 5px;
	font-size: 11px;
	line-height: 11px;
	display: block;
}

#example_form form input {
	margin: 0;
	padding: 2px;
	background-color: #92278f;
	border: 2px solid #000;
	color:#FFF;
}

#example_form form input:hover {
	border: 2px solid #8dc63f;
}

#example_form form textarea:hover {
	border: 2px solid #8dc63f;
}

#country {
	margin: 0 0 10px;
	float: left;
}

#country input {
	width: 150px;
}

#email {
	display: block;
	clear: both;
}

#email input {
	width: 200px;
}

#name input {
	width: 250px;
}

#message_input {
	margin: 0;
	padding: 2px;
	background-color: #92278f;
	border: 2px solid #000;
	color:#FFF;
	resize:none;
}

.www_FlowSlider_com {
	height: 112px;
	width: 370px;
	margin-left: 137px;
	padding: 0;
}
