@import url(drop-down.css);

body, h1, h2, h3, p, a, ul, li, img {
	margin: 0px;
	padding: 0px;
}
body {
	background-color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
img {
	border:none;
}
ul {
	list-style-type: none;
}
h1 {
	float:left;
	padding-left:51px;
}
h1 a {
	text-indent: -9999px;
	float: left;
	overflow:hidden;
	background-image: url(../images/taye_drums_logo.jpg);
	height: 162px;
	width: 211px;
}
h2 {
}
h3 {
}
p {
	font-size:13px;
	color:#FFFFFF;
	margin: 10px 0 10px 15px;
	line-height:26px;
}
a {
	text-decoration:underline;
	color:#FFFFFF;
}
a:hover {
	text-decoration:none;
}
#page-wrapper {
	width:980px;
	margin: 0 auto;
}
.header {
	float:left;
	width:100%;
	height:162px;
	background: url(../images/header_bg.jpg) no-repeat left top;
}
.heading {
	float:left;
	width:100%;
	height:175px;
}
.heading img {
	float:left;
}
.content {
	float:left;
	width:949px;
}
.content {
	background-image: url(../images/sub_page_bottom_bg.jpg);
	position:relative;
	background-repeat: no-repeat;
	background-position: left bottom;
	width:100%;
}

.content_height_fix {
	background-image: url(../images/sub_page_bottom_bg_repart.jpg);
	position:relative;
	background-repeat: repeat;
	background-position: left top;
	float: left;
}
.content_inner {
	padding:0px 0 100px 31px;
	float:left;
	width:949px;
	min-height: 745px;
	background: url(../images/sub_page_top_bg.jpg) no-repeat left top;
}
.main {
	width:949px;
	padding:15px 0 0 31px;
	background-image: url(../images/main_content_bg.jpg);
	height: 848px;
	position:relative;
}
.wide_column {
	float:left;
	width:595px;
}
.wide_column h2 {
	height:92px;
	background: url(../images/wide_yellow_line.gif) no-repeat 20px bottom;
}
.main h2 span {
	width:580px;
	margin-left:8px;
	height:87px;
	float:left;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999px;
	padding:0;
}
/**************************************   MAIN HEADING   *****************************************/

.main h2.welcome span {
	background-image: url(../images/welcome.png);
}
.main h2.featured_drum span {
	background-image: url(../images/featured_drum_sets.png);
}
h2 span {
	width:580px;
	float:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-indent: 0px;
	color: #fdc689;
	padding:45px 0 0 8px;
	height:45px;
	background: url(../images/taye_original.jpg) no-repeat -3px 2px;
}
h2 span.shadow {
	opacity: .2;
	filter: alpha(opacity=20);
	position:absolute;
	top:-15px;
	left:55px;
	font-size:36px;
	background:none;
}
/**************************************  EOF MAIN HEADING   *****************************************/

.main .narrow_column {
	width:296px;
	padding-top:30px;
	margin:45px 0 0 0;
}
.narrow_column {
	float:right;
	width:310px;
	padding-top:30px;
	margin:35px 20px 0 0;
}
.main .narrow_column {
	position:absolute;
	top:30px;
	right:20px;
	margin-top:0;
}
.narrow_column h2 {
	float:left;
	width:100%;
	text-indent:-9999px;
	height:59px;
}
/**************************************   SIDE HEADING   *****************************************/
h2.whats_news {
	background-image: url(../images/whats_news.png);
	height: 41px;
}
h2.reach_us {
	background-image: url(../images/reach_us.png);
}
h2.our_products {
	background-image: url(../images/our_products.png);
}
/**************************************  EOF SIDE HEADING   *****************************************/
.full_column h2 {
	height:92px;
	margin-bottom:15px;
	width:100%;
	background: url(../images/wide_yellow_line.gif) no-repeat 20px bottom;
}
.full_column {
	float:left;
	width:920px;
}
.full_column p {
	width:95%;
}
.news_side {
	float:left;
	width:100%;
	padding-top:15px;
}
.news_side li {
	background: url(../images/narrow_yellow_line.png) no-repeat;
	float:left;
	width:100%;
	margin-top:5px;
	padding: 6px 0 0 0;
	height:44px;
}
.news_side li a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.news_side li a:hover {
	text-decoration:underline;
}
.news_side li span {
	color:#c7b299;
	display:block;
}
.main_flash_area {
	float:left;
	width:100%;
	height:308px;
	text-align:center;
	padding-top:10px;
}
.content_inner .footer {
	bottom:40px;
}
.narrow_column .info {
	float:left;
	width:281px;
	margin:0;
	height:50px;
	padding: 20px 0 25px 15px;
	background: url(../images/narrow_yellow_line.gif) no-repeat 8px bottom;
}
.footer {
	width:980px;
	position:absolute;
	left:0;
	bottom:0;
	text-align:center;
	font-size:10px;
}
.contacts {
	float:left;
	width:100%;
	padding:27px 0;
}
.contacts li {
	float:left;
	width:100%;
	padding-bottom:10px;
	font-size:12px;
	line-height:14px;
	color:#FFF;
}
.contacts li p {
	float:left;
	width:51px;
	padding-left:20px;
	line-height:14px;
	margin:0;
}
.contacts li span {
	float:left;
	width:160px;
}
.contacts a {
	float:left;
	color:#00bff3;
}
.products_side {
	margin-left:20px;
	float:left;
	width:290px;
}
.products_side a {
	color:#FFFFFF;
	font-size:12px;
	line-height:36px;
}
.products_side li {
	float:left;
	width:100%;
}
.introd, .search_results {
	float:left;
	width:567px;
	line-height: 30px;
	height: 30px;
	color:#fdc689;
	font-size:15px;
	margin: 30px 0 0 10px;
	text-transform:uppercase;
	background: url(../images/introduction_h3_bg.png) no-repeat left top;
}
.introd {
	width:367px;
	padding-left:200px;
}
.search_results {
	width:591px;
	background-repeat: repeat-x;
}
.intro {
	float:left;
	width:100%;
	padding-top:12px;
}
.intro li {
	float:left;
	width:100%;
	padding:7px 0;
	min-height:30px;
}
.intro p {
	float:left;
	line-height:15px;
	width:355px;
	margin:0;
}
.intro p.column1 {
	width:105px;
	margin-left:15px;
	padding-left:20px;
	background: url(../images/yellow_arrow.png) no-repeat left top;
}
.two_column p.column1 {
	width:195px;
}
.intro p.column2 {
	width:90px;
	height:15px;
}
.example_wrapper {
	float:left;
	width:100%;
	text-align:center;
	padding-top:18px;
}
.full_column .sub_heading {
	position:absolute;
	top:52px;
	left:284px;
	width:400px;
}
.artist_list {
	float:left;
	width:411px;
	padding: 40px 34px 30px 15px;
}
.artist_list li {
	float:left;
	width:100%;
	padding-top:10px;
	border-bottom: solid 1px #f26c4f;
	line-height:20px;
	color:#FFF;
	font-size:11px;
}
.artist_list p {
	line-height:18px;
	float:left;
	width:auto;
	margin:0;
	padding-left:20px;
	width:150px;
}
.artist_list p a {
	color:#6ae1f7;
	text-decoration:none;
}
.artist_list p a:hover {
	text-decoration:underline;
}
.artist_detail {
	float:left;
	width:95%;
	margin-left:2%;
	padding-top:80px;
}
.artist_detail li {
	float:left;
	width:100%;
	padding-bottom:45px;
}
.artist_detail h3 {
	border-bottom: solid 1px #f26c4f;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color:#FFF;
	font-weight:normal;
	padding:0 0 4px 10px;
}
p.info {
	margin: 20px 0 0 0;
	float:left;
	width:480px;
}
p.info a {
	color:#52b7dd;
}
.date_pic {
	float:right;
	width:390px;
}
.date_pic p {
	font-family: Georgia, "Times New Roman", Times, serif;
	float:left;
	width:100%;
	margin:0;
	text-align:right;
	font-size:18px;
	line-height:30px;
}
.date_pic p span {
	width:130px;
	float:right;
}
.picture_list {
	float: right;
	margin-top:15px;
}
.navigate_left, .navigate_right {
	float:left;
	width:21px;
	height:98px;
	text-indent:-9999px;
	overflow:hidden;
}
.navigate_left {
	background-image: url(../images/scroll_left.jpg);
}
.navigate_right {
	background-image: url(../images/scroll_right.jpg);
}
.picture_list ul {
	float:left;
	background-image: url(../images/image_list_bg.jpg);
	height: 87px;
	width: 330px;
	padding: 11px 0 0 8px;
}
.picture_list li {
	float:left;
	background: url(../images/image_bg.jpg) no-repeat;
	height: 78px;
	width: 102px;
	padding: 5px 3px 0 5px;
}
.search_dealer {
	float:left;
	width:100%;
	padding-bottom:20px;
}
.search_dealer input {
	float:left;
	margin-top:3px;
}
.search_dealer p {
	margin: 0 0 0 15px;
	float:left;
}
.search_dealer .input {
	width:75px;
	border: solid 1px #959595;
	margin: 3px 5px 0 5px;
	padding: 2px 0;
	line-height:16px;
}
.dealer_list {
	float:left;
	margin: 5px 0 0 10px;
	width:591px;
}
.dealer_list li {
	float:left;
	width:591px;
	height:47px;
	background: url(../images/dealer_list_bg.png) no-repeat left top;
	margin-top:2px;
	padding: 11px 0 0 0;
}
.dealer_list p {
	float:left;
	width:233px;
	padding-left:13px;
	font-size:12px;
	margin:0;
	line-height:16px;
	font-weight:bold;
}
.dealer_list p span {
	display:block;
	font-weight:normal;
	color:#959595;
	font-size:10px;
}
.dealer_list p.direction {
	width:345px;
	padding-left:0;
	font-weight:normal;
	float: right;
}
.dealer_list p a {
	color:#00aeef;
	font-size:10px;
	margin-left:8px;
}
.row {
	float:left;
	width:100%;
}
.email_form, .register_form, .login_form {
	float:left;
	width:100%;
	padding-top:45px;
}
.login_form {
	padding-top:20px;
}
.email_form .row, .register_form .row, .login_form .row {
	padding-bottom:10px;
}
.email_form label, .register_form label, .login_form label {
	width:62px;
	float:left;
	padding: 0 8px 0 18px;
	height:24px;
	line-height:24px;
	color:#FFF;
	font-size:12px;
	text-align:right;
}
.login_form label {
	width:75px;
}
.register_form label {
	width:120px;
}
.email_form input, .email_form textarea, .register_form textarea, .register_form input, .login_form input {
	float:left;
	width:205px;
	line-height:16px;
	padding: 3px 0;
	height:16px;
	border: solid 1px #959595;
}
.email_form textarea, .register_form textarea {
	height:90px;
	width:360px;
}
input.address {
	width:360px;
}
.register_form textarea {
	height:42px;
}
.email_form input.btn, .register_form input.btn, .login_form input.btn {
	border:none;
	width:auto;
	height:auto;
}
.register_form select {
	float:left;
	border: solid 1px #959595;
	padding: 1px 0;
	margin-right:4px;
}
select.gender {
	width:90px;
}
select.mstyle {
	width:207px;
}
.phone_contact {
	float:left;
	width:1140px;
	margin:30px 0 0 -220px;
}
.phone_contact li {
	float:left;
	width:310px;
	padding: 0 0 40px 220px;
}
.phone_contact li ul {
	width:100%;
}
.phone_contact li li {
	width:100%;
	padding: 0 0 30px 0;
}
.phone_contact h3 {
	color:#FFF;
	font-size:12px;
	margin-left:20px;
}
.phone_contact p {
	margin: 15px 0 0 20px;
	line-height:16px;
	color:#c7b299;
}
.phone_contact a {
	color:#0076a3;
}
.news_list {
	float:left;
	width:100%;
	margin-top:20px;
	padding-bottom:60px;
}
.news_list li {
	float:left;
	width:868px;
	min-height:264px;
	background: url(../images/news_list_bg.png) repeat-y left top;
	padding: 15px 26px 25px 26px;
	margin-top:20px;
}
.news_list .image_warp li {
	width:87px;
	background:none;
	padding:0;
	margin: 3px 2px 0 0;
	min-height:10px;
}
.news_list p.date, .news_list h3, .news_list p.name {
	font-size:18px;
	font-weight:bold;
}
.news_list p.date, .news_list p.name {
	border-bottom:solid 1px #786f5e;
	float:left;
	width:100%;
}
.news_list p.locate {
	position:absolute;
	width:300px;
	right:-78px;
	top:0px;
	color:#7accc8;
}
.news_list p.name {
	color:#00bff3;
}
.news_list h3 {
	color:#FFF;
	margin: 26px 0 10px 0;
}
.news_list img {
	float:left;
	margin:26px 22px 0 0;
	border: solid 3px #FFF;
}
.news_list .image_warp li img {
	margin: 0px 0px 0 0;
	border: solid 1px #534938;
}
.news_list .image_warp li:hover img {
	border: solid 1px #FFF;
}
.news_list p {
	margin:0;
}
.news_details {
	float:left;
	width:587px;
	position:relative;
}
.image_warp {
	float:left;
	width:281px;
}
.image_warp ul {
	padding-top:18px;
	float:left;
	width:100%;
}
.drum_list {
	float:left;
	width: 777px;
	padding: 30px 0 0px 50px;
}
.drum_list li {
	float:left;
	width:100%;
	/*padding-top:40px; coment ecuse make prob if add long text */
}
.drum_list .image_wrap {
	float:left;
	width:182px;
	padding-right:60px;
}
.drum_list p {
	margin: 55px 0 0 0;
	float:left;
	width:530px;
}
.image_wrap h3 {
	color:#fdc689;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-bottom:4px;
	margin-top: 28px
}
.drum_navigation {
	float:none;
	width:868px;
	padding:0px 0 60px 30px;
}
.navigate_back span, .navigate_forward span {
	float:left;
	width:25px;
	height:21px;
	cursor:pointer;
}
.navigate_back, .navigate_forward {
	float:left;
	width:25px;
	height:21px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:55px;
}
.navigate_back span {
	background-image: url(../images/navigate_back.png);
}
.navigate_back {
	margin-right:15px;
}
.navigate_forward span {
	background-image: url(../images/navigate_forward.png);
}
.drum_thumb_list {
	width:800px;
	float:left;
}
.drum_thumb_list li {
	width:87px;
	float:left;
	padding-right:13px;
}
.drum_thumb_list h3 {
	text-align:center;
	color:#fdc689;
	font-weight:bold;
	font-size:14px;
	margin-bottom:6px;
}
.drum_details {
	background: url(../images/drum_details_bg.png) no-repeat left top;
	float: left;
	height: 389px;
	width: 753px;
	padding: 37px 25px 50px 25px;
	margin-left:60px;
}
.drum_details img {
	float:left;
	max-width: 320px;
}
.drum_details .drum_info {
	float:left;
	padding: 0 0 0 15px;
	width:400px;
}
.drum_info li {
	float:left;
	width:100%;
}
.drum_info p {
	float:left;
	width:100%;
	line-height:16px;
	color:#000000;
	font-size:12px;
	margin: 0;
	padding: 6px 0;
}
.drum_info p.desc {
	padding: 30px 0 0 15px;
	width:247px;
}
.drum_info label {
	float: left;
	font-weight:bold;
}
.drum_info span {
	margin-left: 15px;
}
.drum_info p.desc span {
	width:247px;
	padding: 0 0 16px 0;
}
.drum_info p span {
	font-size:14px;
	float:left;
	font-weight:bold;
	width:60px;
	padding-left:10px;
}
.drum_info p span.span_desc {
	font-size:14px;
	float:left;
	font-weight:normal;
	width:250px;
}

.bottom_option {
	float:left;
	width:400px;
	margin: 45px 0 0 90px;
	padding: 10px 0 50px 15px;
	border-top:solid 1px #534741;
}
.bottom_option .row {
	padding-bottom:3px;
}
.register_form a {
	color:#006ab4;
	font-size:10px;
}
.username a {
	line-height:25px;
	margin-left:10px;
}
.username p {
	display:block;
	font-size:10px;
	margin:0 0 0 148px;
	line-height:18px;
}
.bottom_option input.btn {
	float:right;
	margin-top:20px;
}
.bottom_option p {
	font-size:10px;
	line-height:22px;
	margin: 0px 0 0 5px;
	float:left;
}
.bottom_option input, .login_form input.chk {
	width:auto;
	border:none;
}
.login_form input.chk {
	margin-left:101px;
}
.login_form .btn {
	padding-top:0;
	margin:0 8px;
}
.login_form {
	padding-bottom:15px;
}
.login_form a {
	color:#00aeef;
	font-size:10px;
	float:left;
	line-height:22px;
}
.bottom_info {
	float:left;
	width:585px;
	padding: 36px 0 0 10px;
	background: url(../images/introduction_h3_bg.png) no-repeat left top;
}
.bottom_info p, .login_form p {
	margin:0 0 10px 0;
}
.bottom_info li {
	font-size:13px;
	color:#FFF;
	line-height:15px;
}
.bottom_info a {
	background-image: url(../images/btn_register_now.png);
	text-indent: -9999px;
	float: left;
	height: 23px;
	width: 90px;
	margin-top: 20px;
	overflow: hidden;
}
.login_form p {
	float:left;
	font-size:10px;
	line-height:22px;
	padding-left:3px;
}