@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background-color: #f7f0e8;
	font-family: Arial, Helvetica, sans-serif;
	color: #1b1918;
}

p, li {
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	margin: 7px 0px;
}

h2, h3, h4, h5 {
	font-weight: bold;
	margin: 10px 0px 2px 0px;
}

h1 {
	margin: 30px 0px 2px 0px;
}

.cl {
	height: 1px;
	clear: both;
}
.top_main {
	width: 100%;
	height: 140px;
	background-color: #0b0400;
}

.top_cont {
	width:980px;
	margin: 0px auto;
}

.banner-main {
	width: 100%;
	height: 373px;
	background-color: #f00;
	background-image: url(banner1.jpg);
	background-position: top center;
}

.banner-cont {
	width: 980px;
	height: 374px;
	margin: 0px auto;
	padding: 0px 0px;
	overflow: hidden;
	position: relative;
}

.logo {
	width: 250px;
	height: 140px;
	float: left;
}



.nav {
	width: 650px;
	height: 38px;
	background-image: url(nav.jpg);
	background-repeat: repeat-x;
	float: right;
	margin: -10 0px 0px 0px;
	font-size: 12px;
}


.nav li {
	display: inline;
	margin: 0px 9px;
	font-weight: bold;
}

.nav li a {
	color: #0b0400;
	text-decoration: none;
}


.nav li a:hover, .active {
	color: #da5408 !important;
	text-decoration: underline;
}

.content {
	width: 980px;
	margin: 0px auto;
}



.cont_left {
	width: 650px;
	margin: 0px 20px 0px 0px;
	float: left;
}

.cont_left a {
	text-decoration: none;
	color: #1b1918;
}

.cont_right {
	width: 300px;
	padding: 15px 0px 0px 0px;
	float: left;
}
.red {
	color: #ff0000 !important;
}


.footer_main {
	width: 100%;
	height: 42px;
	background-color: #0b0400;
}

.footer_cont {
	width: 980px;
	padding: 10px 0px 0px 0px;
	margin: 0px auto;
	color: #957d70;
	font-size: 10px;
}

.footer_cont a {
	text-decoration: none;
	color: #957d70;
}



.content h1 {
	font-size: 28px;
	line-height: 0px;
	font-weight: normal;
	color: #f60;
	margin: 50px 0px 10px 0px;
}

.content h3 {
	font-size: 14px;
	text-transform: uppercase;
}

.wwd1 {
	width: 270px;
	margin: 0px 40px 0px 0px;
	float: left;
}

.wwd2 {
	width: 270px;
	margin: 0px 0px;
	float: left;
}


.cont_imp1 {
	width: 238px;
	height: 22px;
	border: solid 1px #ccc;
	margin: 0px 0px 15px 0px;	
}

.cont_imp2 {
	width: 238px;
	height: 56px;
	border: solid 1px #ccc;
	margin: 0px 0px 15px 0px;	
}

.cont_txt {
	font-size: 12px;
	font-weight: bold;
}

.su_cont1 {
	width: 252px;
	margin: 0px 14px 20px 0px;
	float: left;
	font-weight: bold;
	font-size: 14px;
}


.logins_main_cont {
	width: 620px;
	min-height: 200px;
	margin: 100px auto;
	font-size: 14px;
	font-weight: bold;
}

.logins_cont1 {
	width: 252px;
	margin: 0px 14px 0px 0px;
	float: left;
}

.logins_cont2 {
	width: 252px;
	margin: 0px 10px 0px 0px;
	float: left;
}

.logins_cont3 {
	width: 86px;
	margin: 14px 0px 0px 0px;
	float: left;
}

.logins_cont4 {
	width: 86px;
	margin: 18px 0px 0px 0px;
	float: left;
}

.logins_cont5 {
	width: 252px;
	margin: 0px 14px 30px 0px;
}

.logins_cont6 {
	width: 420px;
	margin: 0px 14px 30px 0px;
	float: left;
}


.login {
	border: solid 1px #ccc;
	width: 250px;
	height: 28px;
}

.login2 {
	border: solid 1px #ccc;
	width: 250px;
	height: 32px;
}

.login_text {
	border: solid 1px #ccc;
	margin: 0px 0px 20px 0px;
	width: 250px;
	height: 50px;
}

.login_btm {
	width: 620px;
	clear:both;
	margin: 20px 0px 0px 0px;
	border-top: solid 1px #ccc;
}


.artist_img {
	width:280px; 
	margin: 0px 15px 15px 0px; 
	float: left;
}

.gal_image_cont {
	width: 200px;
	height: 200px;
	padding: 3px;
	overflow:hidden;
	margin: 20px 20px 0px 0px;
	box-shadow: 0 0 5px #9a9a9b;
	border:1px solid #b9b9ba; 
	background-color:#FFF;
	float: left;
}


.buy_grey {
	width: 435px;
	height: 49px;
	background-color: #eee5e4;
	border-bottom: solid 2px #c4b5b3;
}

.buy_white {
	width: 435px;
	height: 49px;
	background-color: #f7f0e8;
	border-bottom: solid 2px #c4b5b3;
}

.buy_text {
	width: 140px;
	margin: 4px 10px;
	padding: 15px 0px 0px 0px;
	font-weight: bold;
	float: left;
	font-size: 13px;
}

.buy_text2 {
	font-size: 12px;
	font-weight: bold;
	margin: 4px 10px 0px 0px;
	padding: 15px 0px 0px 0px;
	font-weight: bold;
	float: left;
}

.buy_text2 a {
	padding: 7px;
	background-color: #f58220;
	color: #ffffff;
	text-decoration: none;
}



/*-----------------------------------------DEVICES-----------------------------------------------------*/
@media only screen and (max-device-width: 480px) {
	

.content {
	width: 100%;
	margin: 0px auto;
}

.top_cont {
	width:99%;
	margin: 0px auto;
}


.nav {
	display: none;
	visibility: hidden;
}




.banner-main {
	width: 100%;
	height: 373px;
	background-image: url(banner1.jpg);
	background-position: top center;
}

.banner-cont {
	width: 100%;
	height: 374px;
	margin: 0px;
	padding: 0px 0px;
	overflow: hidden;
	position: relative;
}

.logo {
	width: 250px;
	height: 140px;
	float: left;
}



.cont_left {
	width: 100%;
	margin: 0px 20px 0px 0px;
	float: none;
}


.cont_right {
	width:100%;
	padding: 15px 0px 0px 0px;
	float: none;
	text-align: center;
}
.red {
	color: #ff0000 !important;
}


.footer_main {
	width: 100%;
	height: 42px;
	background-color: #0b0400;
}

.footer_cont {
	width:98%;
	padding: 10px 0px 0px 0px;
	margin: 0px auto;
	color: #957d70;
	font-size: 10px;
}

.container{
	width: 100%;
	position: relative;
	text-align: center;
	overflow: hidden;
}

	.da-slider{
	width: 100%;
	height: 374px;
	position: relative;
	margin: 0px auto;
	overflow: hidden;
	background: transparent url(../images/waves.gif) repeat 0% 0%;
	-webkit-transition: background-position 1s ease-out 0.3s;
	-moz-transition: background-position 1s ease-out 0.3s;
	-o-transition: background-position 1s ease-out 0.3s;
	-ms-transition: background-position 1s ease-out 0.3s;
	transition: background-position 1s ease-out 0.3s;
}



.content h1 {
	font-size: 28px;
	line-height: 0px;
	font-weight: normal;
	color: #f60;
	margin: 50px 0px 10px 0px;
}

.content h3 {
	font-size: 14px;
	text-transform: uppercase;
}

.wwd1 {
	width: 95%;
	margin: 0px 40px 0px 0px;
	float: left;
}

.wwd2 {
	width: 95%;
	margin: 0px 0px;
	float: left;
}


.cont_imp1 {
	width: 238px;
	height: 22px;
	border: solid 1px #ccc;
	margin: 0px 0px 15px 0px;	
}

.cont_imp2 {
	width: 238px;
	height: 56px;
	border: solid 1px #ccc;
	margin: 0px 0px 15px 0px;	
}

.cont_txt {
	font-size: 12px;
	font-weight: bold;
}

.su_cont1 {
	width: 252px;
	margin: 0px 14px 20px 0px;
	float: left;
	font-weight: bold;
	font-size: 14px;
}


.logins_main_cont {
	width: 620px;
	min-height: 200px;
	margin: 100px auto;
	font-size: 14px;
	font-weight: bold;
}

.logins_cont1 {
	width: 252px;
	margin: 0px 14px 0px 0px;
	float: left;
}

.logins_cont2 {
	width: 252px;
	margin: 0px 10px 0px 0px;
	float: left;
}

.logins_cont3 {
	width: 86px;
	margin: 14px 0px 0px 0px;
	float: left;
}

.logins_cont4 {
	width: 86px;
	margin: 18px 0px 0px 0px;
	float: left;
}

.logins_cont5 {
	width: 252px;
	margin: 0px 14px 30px 0px;
}

.logins_cont6 {
	width: 420px;
	margin: 0px 14px 30px 0px;
	float: left;
}


.login {
	border: solid 1px #ccc;
	width: 250px;
	height: 28px;
}

.login_text {
	border: solid 1px #ccc;
	margin: 0px 0px 20px 0px;
	width: 250px;
	height: 50px;
}

.login_btm {
	width: 620px;
	clear:both;
	margin: 20px 0px 0px 0px;
	border-top: solid 1px #ccc;
}

.artist_img {
	width:280px; 
	margin: 0px auto 15px auto; 
	float: none;
}

.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
	left: 0%;
	opacity: 1;
}

.da-slider-fb .da-slide h1, 
.da-slider-fb .da-slide h2, 
.da-slider-fb .da-slide h3, 
.da-slider-fb .da-slide h4, 
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
	left: 0% !important;
	opacity: 1;
}

}