/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, a, a:hover {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	outline:none;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center
	margin:0px;
	padding:0px;
	background-color:#000;
	color:#606060;
	line-height:17px;
}



h1{
	color:#fff;
	font-size:26px;
	float:right;
	text-transform:uppercase;
	line-height:32px;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#fff;
	font-weight:normal;
	text-transform:uppercase;
	padding:14px 0 0 15px;
}

.clear{
	clear:both;
}

a{
	color:#ca0000;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

#wrapper{
		background-image:url(../images/page_bg.jpg);
		background-repeat:no-repeat;
		background-position:top;
		width:100%;
}

#top_inner{
	width:960px;
	margin:0 auto;
}

#logo{
	padding:24px 0 0 38px;
	float:left;
}

#right{
	float:right;
	width:800px;
}

#login{
	height:97px;
	float:right;
	width:500px;
}

#login_frm{
	float:right;
	width:500px;
}

.login_field{
	float:right;
	background-image:url(../images/txtinput_bg.png);
	width:110px;
	height:22px;
	background-repeat:no-repeat;
	padding:5px 5px 0 0;
	margin-top:15px;
}

.login_field input{
	border:0px;
	width:94px;
	margin:-2px 0 0 8px;
	background-repeat:repeat-x;
	color:#898989;
	font-size:11px;
	line-height:11px;
}

#login p{
	float:right;
	padding:3px 28px 0 0;
}

#login_btn{
	float:right;
	margin-top:15px;
}

#main_menu{
	width:960px;
	height:49px;	
}

#main_menu ul{
	list-style:none;
	background-image:url(../images/main.png);
	background-repeat:no-repeat;
	height:49px;
	background-position:bottom;
}

#main_menu ul li{
	float:left;
}

a.home, .home_active{
	width:85px;
	height:49px;
	display:block;
}

a.aboutus, .aboutus_active{
	width:115px;
	height:49px;
	display:block;
}

a.clients, .clients_active{
	width:102px;
	height:49px;
	display:block;
}

a.services, .services_active{
	width:110px;
	height:49px;
	display:block;
}

a.contact, .contact_active{
	width:131px;
	height:49px;
	display:block;
}

a.home:hover, a.aboutus:hover, a.clients:hover, a.services:hover, a.contact:hover, .home_active, .aboutus_active, .clients_active, .services_active, .contact_active{
	background-image:url(../images/main_hover.png);
	background-position:0px 0;
	background-repeat:no-repeat;
}

a.aboutus:hover, .aboutus_active{
	background-position:-85px 0;
 }
 
a.clients:hover, .clients_active{
	background-position:-200px 0;
}

a.services:hover, .services_active{
	background-position:-302px 0;
}

a.contact:hover, .contact_active{
	background-position:-412px 0;
}



#search{
	float:right;
	padding-right:30px;
	width:167px;
}

#search_input{
	background-image:url(../images/search_bg.png);
	width:140px;
	height:22px;
	background-repeat:no-repeat;
	margin-top:9px;
	margin-right:5px;
	display:block;
}

#search_input input{
	border:none;
	width:104px;
	margin:2px 0 0 27px; 
	color:#898989;
	line-height:12px;
	font-size:12px;
}



#go_btn{
	float:right;
	width:22px;
	height:22px;
	margin-top:10px;
}

#go_btn img{
		margin-top:-13px;
}

#content{
	width:100%;
}

#content_main{
	width:960px;
	margin:0 auto;
		
}

#banner{
	background-image:url(../images/online-music-promotion-bg.jpg);
	background-repeat:no-repeat;
	width:960px;
	height:309px;
	overflow:hidden;
}

#banner h1{
	padding:120px 20px 0 0;
	display:block;
}

#banner p{

	color:#989898;
	text-transform:uppercase;
	float:right;
	text-align:right;
	line-height:28px;
	padding:10px 20px 0 0;
}
@media (max-width:768px) {
	#banner p {
		overflow:hidden;
	}
}
#banner span{
		color:#c69c6d;
		font-size:18px;
		text-transform:uppercase;
}

#learn{
	float:right;
	padding:5px 15px 0 0;
}


#testimonials, #aboutus, #clients, #services, #contact{
	width:960px;
}

#testimonial_title, #aboutus_title, #clients_title, #services_title, #contact_title{
	width:960px;
	height:44px;
	background-image:url(../images/bar1-bg.png);
	background-repeat:no-repeat;
	margin-top:15px;
}

#aboutus_title span, #testimonial_title span, .who_title span, .casestudy_title span, #clients_title span, #services_title span, #contact_title span{
	color:#ffd56f;
}

#testimonial_body, #aboutus_body, #services_body, #contact_body{
	background-image:url(../images/line.gif);
	background-repeat:repeat-y;
	padding:5px 5px 5px 5px; 
}

#aboutus_body, #services_body, #contact_body{
	min-height:300px;
}

.title{
	color:#464646;
	font-size:28px;
	text-transform:uppercase;
	padding:5px 0 15px 0;
}


#aboutus img{
		float:right;
		margin:0 0 10px 20px; 
}



#aboutus_btm img, #clients_btm img, #services_btm img, #contact_btm img{
	margin:0px;
}

.client01, client02{
	width:218px;
	float:left;
}

.client02{
	float:left;
	width:220px;
	padding-left:14px;
	font-weight: normal;
}

.client01 img, .client02 img{
		border:1px solid #757575;
		float:left;
		margin-right:8px;
}

.client_read{
	background-image:url(../images/more_icon.png);
	background-repeat:no-repeat;
	float:right;
	background-position:left;
	padding-left:15px;
	margin-top:5px;
}

.who, .casestudy{
		width:472px;
		float:left;
		margin-top:15px;
}

.casestudy{
		float:right;
}
		
.who_title, .casestudy_title{
	height:44px;
	background-image:url(../images/bar2_bg.png);
	background-repeat:no-repeat;
}

.who_body, .casestudy_body{
	background-image:url(../images/line02.gif);
	background-repeat:repeat-y;
	background-color:#fff;
	padding:15px 20px 5px 20px;
}

.who_body .client_read, .casestudy_body .client_read{
	margin-top:30px;
}

.casestudy_body img{
		border:1px solid #757575;
		float:left;
		margin-right:8px;
}

.why_aboutus{
	margin-top:15px;
}

.why_aboutus ol{
		list-style:inside;
		margin-left:15px;
}

.why_aboutus ol li{
	line-height:24px;
	font-weight:bold;
}

.case{
		margin-top:17px;
}

.case a{
	color:#606060;
	font-weight:bold;
	padding-bottom:5px;
	display:block;
}

#footer{
	width:960px;
	margin:0 auto;
	background-image:url(../images/footer_bg.gif);
	height:62px;
	background-repeat:no-repeat;
	margin-top:15px;
	background-position:bottom;
}

#social_icons{
	float:left;
	padding:12px 0 0 20px;
}

#social_icons p{
	color:#ffd267;
	font-size:13px;
	font-weight:bold;
}

#footer_menu{
	float:right;
	padding-top:30px;
	padding-right:20px;
}

#social_icons .icons{
		padding-top:5px;
}

#footer_menu ul{
		list-style:none;
}

#footer_menu ul li, #footer_menu  .last{
		float:left;
		border-right:1px solid #fff;
		padding:0 5px 0 5px;
		line-height:9px;	
}

#footer_menu .last{
	border:none;
}

#footer_menu a{
	color:#eaeae9;
}

.phone{
		float:right;
		font-size:20px;
		color:#fff;
		padding:23px 20px 0 20px;
}

.call{
	color:#bcc8d3;
	text-transform:uppercase;
	font-size:14px;
	font-family: Myriad Pro;
}


/* client references */

#client_body{
	background-image:url(../images/line.gif);
	background-repeat:repeat-y;
	padding:20px 20px 5px 20px;
}


.refrences{
		width:100%;
}


.refrences img{
		border:1px solid #757575;
		float:left;
		margin:0 8px 1px 0;
}

.client_info{
	font-weight:bold;
	float:right;
	margin-top:15px;
}

.dotline{
	margin:20px 0 20px;
}


/* services page */

.service_category{
		margin-top:15px;
		margin-left:15px;
}

.service_title{
	font-size:14px;
	font-weight:bold;
}

.service_category ul{
		list-style-position:inside;
		margin-left:15px;
}

.service_category ul li{
		line-height:24px;
}

/* address page */
.address{
	margin-top:10px;
	line-height:20px;
	float:left;
	margin-right:40px;
}


#contact_frm{
		margin:30px 0 0 15px;
}

#contact_frm input{
	width:300px;
	color:#606060;
}

#contact_frm textarea{
		width:300px;
		color:#606060;
		height:100px;
}
#testimonial_title2 {
height: 113px;
background-color: transparent;
background-image: url("../images/bar12-bg.png");
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: cover !important;
text-transform: none !important;
border-radius: 6px 6px 0px 0px !important;
padding-top: 0px;
margin-top:13px;
text-align:center;

}
#testimonial_title2 span {
	color: #FFD56F;
}
.wf-input {
width: 230px;
height: 41px;
margin: 6px;
border: 1px solid #000;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3) inset;
text-align: center;
font: 400 14px Helvetica,sans-serif;
padding: 9px 6px 6px;
}
.submit {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e50d12+0,730609+100 */

background: #e50d12; /* Old browsers */

background: -moz-linear-gradient(top,  #e50d12 0%, #730609 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e50d12), color-stop(100%,#730609)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #e50d12 0%,#730609 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #e50d12 0%,#730609 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #e50d12 0%,#730609 100%); /* IE10+ */

background: linear-gradient(to bottom,  #e50d12 0%,#730609 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e50d12', endColorstr='#730609',GradientType=0 ); /* IE6-9 */

height: 40px;
color: rgb(255, 255, 255);
font: 700 17px Helvetica,sans-serif;
padding: 2px 20px;
margin: -7px 5px 5px !important;
border: 1px solid rgb(255, 72, 76);
width: 164px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}