@import "reset.css";
body { font-family:Arial;font-size:12px;line-height:16px;color:#fff;text-align:left; background:#282828 url(../images/bg.gif) left top repeat-x; margin:0; padding:0}
a       { color:#fff; text-decoration:underline; outline:none}
a:hover { color:#fff; text-decoration:none;}

h1{ color:#ff74af; font-size:10px; text-transform:uppercase; padding:10px }
h3{ color:#ff74af; font-size:10px; text-transform:uppercase; padding:0px 0 10px 0  }

.left{ float:left}
.right{ float:right}
.clear  {clear:both;}

.grey{ color:#8d8d8d;}

.left_20{ margin-left:20px}
.left_5{ margin-left:5px}
.left_8{ margin-left:8px}
.right_20{ margin-right:20px}
.right_15{ margin-right:15px}
.top_10{margin-top:10px;}
.pad{ padding:17px 17px 0 17px}
.pad_1{ padding:10px 17px 0 17px}
.pad_2{ padding:0px 10px}
.height_10{ height:10px}
.height_25{ height:25px}
.height_2{ height:2px}


.grid_1{ width:480px}
.grid_2{ width:645px}
.grid_3{ width:303px}
.grid_4{ width:317px; min-height:570px}
.grid_5{ width:295px;}
.grid_6{ width:355px}
.grid_7{ width:215px}
.grid_8{ width:371px;min-height:570px}
.grid_9{ width:240px}
.grid_10{ width:160px}
.grid_11{min-height:570px}
.grid_12{ width:264px}






/*   -----------------------------------------------------------------------------*/ 
.centr{ width:979px; margin:0 auto; position:relative}
div.bg_site{ width:100%; height:100%; min-height:910px; margin:0; padding:0; background:url(../images/bg_site.jpg) 50% top no-repeat}
/* ----  TOP   ----*/ 
.top{ height:30px; padding:10px 10px 0 }
.top a.listen{ background:url(../images/listen.jpg) right no-repeat; padding-right:10px; color:#b6d100; font-size:10px; text-transform:uppercase; text-decoration:none; line-height:20px; float:left}
.pins{ float:right; margin-top:5px}
.pins p{ float:left; font-size:10px; color:#747474; text-transform:uppercase; margin-right:5px}
/* ----  HEADER   ----*/
.header{ background:url(../images/bg_header.gif) left repeat-x; height:415px} 
/* ----  menu   ----*/
div.nav{ height:28px; border-bottom:solid 1px #0d0d0d; padding-top:1px}
div.nav img{ float:left}
div.nav a{ display:block; float:left; width:138px; text-align: center; color:#ededed; font-size:11px; text-transform:uppercase; background:url(../images/bg_menu.gif) left repeat-x; text-decoration:none; line-height:27px; font-weight:bold}
div.nav a:hover, div.nav a.act{ background:url(../images/bg_menu_hover.gif) left repeat-x; color:#ffcc00}
/* ----  LOGO   ----*/
div.logo{ height:93px; padding:17px 25px 0 }
div.logo a{ padding-top:10px}
div.logo big{ font-size:24px; color:#fff; font-weight:bold; padding:30px 0 0 75px; display:block; float:left}
div.logo h5{ font-size:14px;}
div.logo p{ font-size:11px; text-transform:uppercase; font-weight:bold}
div.logo a.air{ background:url(../images/air.jpg) left no-repeat; display:block; width:86px; height:24px; float:left; text-align:center; font-size:11px; text-transform:uppercase; text-decoration:none; font-weight:bold; color:#fff}
/* ---  content   ---*/ 
.content{ background-color:#0a0a0a; padding-bottom:10px}
.bg{ background-color:#212121; }
.left_column{ float:left; padding:0 0 0 10px; margin-right:13px; width:645px}
.photo1{ border:solid 5px #dfdfdf}
.photo2{ border:solid 5px #000}
ul.big_list li{ background-color:#383838; padding:5px; margin-bottom:3px; width:297px; margin-left:5px}
.content a.read{ background: url(../images/read.png) left no-repeat; padding-left:20px; line-height:20px; color:#b6d100; text-decoration:none; margin-top:10px; display: block}
.content a.read:hover{ text-decoration:underline}
a.read_pink{ background:url(../images/read_pink.png) left no-repeat; display:block; width:115px; height:23px; text-align:center; color:#fff; text-decoration:none; line-height:22px; margin-top:15px}
a.listen_1{ background: url(../images/listen1.png) left no-repeat; display:block; width:80px; height:23px; text-decoration:none; padding-left:25px; line-height:20px; color:#fff; margin-top:20px}
a.cur{ background:url(../images/img.jpg) left no-repeat; padding-left:20px; display:block; float:left; color:#fff; margin:22px 0 0 30px; text-decoration:none}
a.cur:hover{ text-decoration:underline}
a.tunes{ background: url(../images/tunes.jpg) left no-repeat; display:block; width:63px; height:23px; text-decoration:none;  line-height:20px; color:#fff; margin-top:17px; text-align:center; float:left}
a.amazon{ background: url(../images/amazon.jpg) left no-repeat; display:block; width:68px; height:23px; text-decoration:none;  line-height:20px; color:#fff; margin:17px 5px 0 7px ; text-align:center; float:left}
a.download{ background: url(../images/download.jpg) left no-repeat; display:block; width:63px; height:23px; text-decoration:none;  line-height:20px; color:#fff; margin:10px 0px 0 0px ; padding-left:18px}
b{ font-size:14px; display:block}
p{ font-size:11px; line-height:14px}
.upp{ text-transform:uppercase}
.border{ border-top: solid 1px #434343; margin:25px 0 15px; height:2px}
.border_1{ border-left: solid 1px #434343; margin:0px 15px; width:2px; height:250px}
.border_2{ border-left: solid 1px #434343; margin:0px 0px 0 30px; width:2px; height:570px}
.content h4{ padding-bottom:10px}
span.now{ color:#8d8d8d; text-transform:uppercase; display:block; float:left; margin:20px 3px 0 0}

.right_column{ float:left; background-color:#fff; border:1px solid #353535; color:#434343; padding-bottom:10px}
.right_column h2{ background-color:#e22173; display:block; padding:9px 12px; font-weight:normal; font-size:10px; text-transform:uppercase; color:#fff}
.right_column ul{ margin-top:5px}
.right_column ul li div.now{ background:url(../images/now.jpg) left no-repeat; width:47px; height:30px; text-align:center; line-height:30px; color:#fff; float:left; margin-right:10px}
.right_column ul li div.time{ background:url(../images/time.jpg) left no-repeat; width:47px; height:30px; text-align:center; line-height:30px; color:#fff; float:left; margin-right:10px}
.right_column ul li{ border-bottom:#ececec 1px solid; padding:10px 0 6px}
.right_column a.read{ background: url(../images/read.png) left no-repeat; padding-left:20px; line-height:20px; color:#829500; text-decoration:none; margin-top:4px; display: block}
.right_column a.read:hover{ text-decoration:underline}
a.banner{ border:1px solid #353535; display:block; width:301px; height:224px; float:right; margin:10px 8px 0 0px }
.content strong.big{ font-size:18px; padding-bottom:15px}
a.gallery{ display:block; float:left; width:144px; text-decoration:none; margin-left:14px}
a.gallery b{ color:#fff}
/* ----  video and slider   ----*/
div.slide_and_video{ height:268px;}
/* ------    FOOTER      -----------*/ 
.footer{ height:110px; color:#b7b7b7; padding:10px}
.footer p{ font-size:11px; color:#717171; }
.footer a{ color:#90a300}
/* ----- script begin ----- */
#faded {
	width:644px;
	height:267px;
	position: absolute;
 	left:10px;
	top:180px
	}
ul.pagination {
	width: 65px;
	overflow: hidden;
	position: absolute !important;
	top: 193px;
	right: 0px;
	
	}
ul.pagination li { width:15px ; height:15px; float:left;}
ul.pagination li a {
	background: url(../images/disk.png) 0px 0px no-repeat;
	display: block;
	width: 13px;
	height: 13px;
	text-decoration: none;
	text-indent:-999px;
	outline:none!important
	}
ul.pagination li a:hover {
background: url(../images/disk_hover.png) 0px 0px no-repeat;
	}
ul.pagination li.current a {
background: url(../images/disk_hover.png) 0px 0px no-repeat;
		}
span.text{ position:absolute; top:182px; left:0; background:url(../images/bg_description.png); height:55px; width:604px; padding:15px 20px}
#faded big{ color:#fff; font-weight:bold; font-size:36px;line-height:36px;}
#faded small{color:#fff;  font-size:18px; line-height:29px;  }
/* ----- script end ----- */

/*================= Contacts =========================*/
#ajax-contact-form{ width:360px}
#ajax-contact-form.notification_error{ height:20px;width: 89%;padding: 2px;background: #383838; text-align: left; color:#f00; margin-bottom:2px; border:none; margin-bottom:10px;}
#ajax-contact-form.notification_ok{  border:none; height: auto; width: 96%; padding: 8px; background:#fff; text-align: center;  } 
#ajax-contact-form.info_fieldset { border: 0px  }
#ajax-contact-form.info_fieldset legend { border:none;  color: #fff;   font: 13px  Arial;  padding: 2px 5px 2px 5px; }
/* Label */
#ajax-contact-form label  { width:100px;  margin: 0px; float: left; text-align: left;   color:#fff!important; font-size:12px; line-height:26px; font-family: Arial, Helvetica, sans-serif; padding-bottom:0px}
/* Input, Textarea */
#ajax-contact-form input{ margin: 0px; padding: 0px;   border:none;  color: #fff; background:#383838; font: 12px Arial, Helvetica, Arial, sans-serif; height:27px; margin-bottom:5px; width:360px;}
#ajax-contact-form textarea{margin: 0px; padding: 0px;  float: left; background:#383838; border:none;  color: #fff;   font: 12px Arial, Helvetica, Arial, sans-serif; height:150px; margin-bottom:5px; width:360px; }
 
#ajax-contact-form input.pin { background:url(../images/read_pink.png) left no-repeat; display:block; width:115px; height:23px; text-align:center; color:#fff; text-decoration:none; line-height:22px; margin-top:5px; cursor:pointer}


/*================= Contacts_2 =========================*/
div#note2{ margin-top:5px}
#ajax-contact-form2.notification_error{ height: auto;width: 96%;padding: 2px;background: #151515; text-align: left; color:#f00; margin-bottom:2px; border: 1px solid #4f4f4f;
 margin-bottom:10px}
#ajax-contact-form2.notification_ok{  border: 1px solid #4f4f4f; height: auto; width: 96%; padding: 8px; background:#151515; text-align: center;  } 
#ajax-contact-form2.info_fieldset { border: 0px  }
#ajax-contact-form2.info_fieldset legend { border: 1px #4f4f4f solid;  color: #d4d4d4;   font: 13px  Arial;  padding: 2px 5px 2px 5px; }

#ajax-contact-form2 input.pin { cursor:pointer;  border: 0; width:43px; height:28px;  color:#fff; font-size:12px; text-decoration:none;  display:block; background:none;  text-align: center; outline:none!important; margin-left:10px;  background:url(../images/go.jpg) no-repeat; padding-bottom:3px  }

/* Input, Textarea */
#ajax-contact-form2 input{ margin: 0px; padding: 0px;color: #434343; background:#f3f3f3; font: 12px Arial, Helvetica, Arial, sans-serif; height:27px; margin-bottom:3px; width:210px; border-top:1px solid #c7c7c7 }


