/* ----------------- global style ----------------------*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
* {
	font-size: 100%;
	margin: 0;
	padding: 0;
}


body{ 
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	line-height: normal;
	width: 100%;
	height: 100%;
	color:#4d4d4d;
}


.clear{
	clear: both;
	width: 100%;
	height: 30px;
}

.constrain{
	width: 874px;	
	margin: 0 auto;
}

a{
	text-decoration: none;
}

p{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.95em;	
	line-height: 1.6em;
	margin-bottom: 10px;
}

h1, h2, h3, h4{
	font-family: 'Open Sans', sans-serif;
}

h1{
	font-weight: 300;
	font-size: 2em;	
	margin-bottom: 15px;	
}

h2{
	font-weight: 300;
	font-size: 1.8em;	
	margin-bottom: 15px;	
}

h3{
	margin-bottom: 10px;		
}

b{
	font-weight: 400;	
}

article{
	width: 874px;
	margin: 0 auto 50px auto;	

}


/* ----------------- nav ----------------------*/

header{
	width: 101%;
	height: 195px;
	background: #113F61;
	border-top: #C5A862 solid 4px;	
	box-sizing: border-box;
}

	#logo{
	margin-top: 40px;
	margin-bottom: 30px;	
	}

		#logo h1{
		display: inline-block;
		vertical-align: top;	
		font-size: 3em;
		font-weight: 300;
		color: #C5A862;
		margin-bottom: 0;
		line-height: 50px;
	}
	
	#logo img{
		height: 75px;
		width: 75px;
		margin-right: 10px;
	}
	
	#logo .logo-title{
		display: inline-block;
   		vertical-align: top;
	}
	
	.white{
		color: #fff;	
	}
	
	.gray{
	  color: #949ca5;	
	}
	
	#logo h2{
		vertical-align: top;
		color: #fff;
		font-size:1.05em;
	}

nav{
	width: 100%;
	height: 45px;
	background: #C5A862;
	color: #000;
}


nav ul{
	width: 874px;
	height: 45px;
	margin: 0 auto;
	list-style: none;
}

	nav ul li{
		float: left;
		width: 105px;
		height: 45px;
		line-height: 50px;
		text-align: left;
		-o-transition:.5s;
	   -ms-transition:.5s;
	   -moz-transition:.5s;
	   -webkit-transition:.5s;
	   transition:.5s;
	}
	
	nav ul li.broadcast{
	  width: 170px;
	}
	
	nav ul li.television{
	  width: 140px;
	}
	
	 nav ul li.voiceover{
	  width: 130px;
	}
	
	nav ul li.contact{
	  width: 110px;
	  float: right;
	}
	
	nav ul li.icon {
		display: none;
	}
	
	nav ul li .mobile-only{
	  display:none;
	}
	
	nav ul li .tablet-only{
		 display:none;
	}
	
	nav ul li a:hover{
		font-weight: 400;
	}
	
	.triangle_home{
		vertical-align: top;
		margin-left: 9px;
		position: absolute;
		margin-bottom: 50px;
	}
	
	.triangle_about{
		vertical-align: top;
		margin-left: 117px;
		position: absolute;
		margin-bottom: 50px;
	}
	
	.triangle_radio{
		vertical-align: top;
		margin-left: 220px;
		position: absolute;
		margin-bottom: 50px;
	}
	
	.triangle_tv{
		vertical-align: top;
		margin-left: 343px;
		position: absolute;
		margin-bottom: 50px;
	}
	
	.triangle_broadcasting{
		vertical-align: top;
		margin-left: 500px;
		position: absolute;
		margin-bottom: 50px;
	}
	
	.triangle_voiceover{
		vertical-align: top;
		margin-left: 654px;
		position: absolute;
		margin-bottom: 50px;
	}
	
	.triangle_contact{
		vertical-align: top;
		margin-left: 783px;
		position: absolute;
		margin-bottom: 50px;
	}
	
	nav a{
		color: #fff;
	} 
	
.splash{
	width: 100%;
	height: 450px;
	background: #f5f5f5;
	margin-top: 2px;	
	position:relative;
	overflow:hidden;
	width:100%;
	margin:0 auto;
	background:#000;
	border:0px solid #000;
	box-shadow:0 3px 5px #666;
}

.bxslider{
	height: 450px;	
}

	

	.black_ribbon{
		display: inline-block;
		position: absolute;
		width: 290px;
		height: 50px;
		background: #000;
		top: 500px;
		margin-left: -20px;
		color: #00a2e2;
		font-size: 1.3em;
		font-weight: 400;
		text-align: center;
		line-height: 50px;
		
	}
	
	.yellow_ribbon{
		display: inline-block;
		position: absolute;
		background: #00a2e2;
		box-sizing:border-box;
		padding: 0 20px;
		color: #000;
		font-size: 1.3em;
		font-weight: 400;
		text-align: center;
		line-height: 45px;
	}
	
	.white_ribbon{
		display: inline-block;
		position: absolute;
		width: 45px;
		height: 45px;
		background: #fff;
		top: 550px;
		margin-left:328px;
	}
	
		.white_ribbon:hover{
			background: #00a2e2;
				
		}
		
#welcome_msg{
	padding: 30px;
	text-align: center;	
}


	#home_thirds .left, #home_thirds .middle, #home_thirds .right{
		display: inline-block;
		box-sizing:border-box;
		position: relative;
		width: 275px;
		height: 550px;
		border:1px #afafaf solid;	
		margin-right: 19px;
		border-top: 10px #113F61 solid;
		padding: 24px;
		vertical-align: top;
		-o-transition:.5s;
	    -ms-transition:.5s;
	    -moz-transition:.5s;
	    -webkit-transition:.5s;
	    transition:.5s;
	}
	
	
	#home_thirds .right{
		margin-right:0;
	}
	
	#home_thirds h2{
		text-align: center;	
	}
	
	#home_thirds p{
		margin-top:10px;
		display: inline-block;
		height: 110px;
	}
	
	#home_thirds a{
		display: inline-block;
		width: 140px;
		height: 42px;
		background: #C5A862;
		border-bottom: 3px solid #113F61;
		color: #fff;
		text-align: center;
		font-weight: 400;
		line-height: 42px;
		margin: 30px 0 0 85px;
		position:relative;
		-o-transition:.5s;
	    -ms-transition:.5s;
	    -moz-transition:.5s;
	    -webkit-transition:.5s;
	    transition:.5s;
	}
	
	#home_thirds a:hover{
		background: #113F61;
		color: #fff;
	}
	
	#home_thirds .left:hover, #home_thirds .right:hover, #home_thirds .middle:hover{
		box-shadow: 0 0 9px #afafaf;
		border-top: 0px solid;
	}
	
	


/*------------------ ABOUT --------------------*/
	
	.about{
	    margin-top: 50px;	
	}
	
	#about_me{
		width:460px;
		display: inline-block;
		text-align: left;
	}
	
	#about_me img{
		display: inline;
		float: left;
		padding: 0 15px 15px 0;	
	}
	
	#about_me p{
		display: inline;	
		text-align: top;
		vertical-align: top;
	}
	
	.offer{
		display: inline-block;
		vertical-align: top;
		width: 350px;
		margin-left: 40px;			
	}
	
	.offer_info{
		width:350px;
	}
	
	.offer_img{
		display: inline-block;
		width: 45px;
	}
	
	.offer_text{
		display: inline-block;
		width: 300px;
	}
	
	
	
	.number2{
		margin-top: 112px;	
	}
	
	.number3{
		margin-top: 135px;	
	}
	
	
	/*.offer_info{
		width:290px;
		margin-left: 5px;
		display: inline-block;
		vertical-align: top;
	}*/
	
	.offer p, .offer h3{
		display: inline-block;	
		vertical-align: top;	
	}
	
	
	.testimonials{
		width: 100%;
		height: 350px;
		background: #f5f5f5;
		margin-bottom: 50px;
		padding-top: 30px;	
		
	}
	
	.test_thirds img{
		display: inline-block;

	}
	
	.test_thirds .left, .test_thirds .middle, .test_thirds .right{
		display: inline-block;
		box-sizing:border-box;
		width: 275px;
		height: 350px;	
		margin-right: 19px;
		padding: 4px;
		vertical-align:top;
	}
	
	.test_thirds .right{
		margin-right:0;
	}
	
	.test_thirds p{
		margin: -45px 0 0 50px;
		display: inline-block;
		vertical-align: top;
	}
	
	.test_thirds .quote_name{
		margin: 10px 0 0 50px;	
		font-weight: 400;
	}
	
	.work_row{
		width: 100%;
		margin-bottom: 45px;
		margin-top: 40px;
	}
	
	.date{
		color: #C5A862;	
		display: inline-block;		
	}
	
		.date.move_left{
			margin-left:90px;	
		}
		
		
	
		.date p{
			display: inline-block;
			vertical-align: top;	
			text-align: center;
			font-size: .8em;
			width: 50px;
			margin: 10px 0 0 -77px;
		}
		
		.date.right p{
			margin: 10px 0 0 -60px;
		}
		
		.date img{
			display: inline-block;
		}
	
	.work{
		width: 152px;
		height: 180px;
		display: inline-block;
		vertical-align: top;
		padding: 0 10px;	
	}
	
	article.mywork_small{
	  display: none;	
	}
	
	

/*------------------ RADIO --------------------*/	
	
	
.radio{
	margin-top: 50px;	
}
	
/*.radio_row{
	width: 100%;
	height: 280px;
	margin-top: 20px;
}*/
	
.radio_thirds{
	width: 282px;
	height: 290px;
	display: inline-block;
	vertical-align: top;
	margin-right: 9px;	
	margin-bottom: 30px;
	border: 1px white solid;
	padding: 5px;
	box-sizing:border-box;
	-o-transition:.5s;
	   -ms-transition:.5s;
	   -moz-transition:.5s;
	   -webkit-transition:.5s;
	   transition:.5s;
}

	.radio_thirds:nth-child(3n){
		margin-right: 0px;		
	}

	.radio_thids iframe{
		vertical-align: top;
		
	}
	
	.radio_thids span{
		display: inline-block;
		width: 272px;
		height: 215px;
		top: 30px;
	}

	.radio_right{
		margin-right: 0px;	
	}
	
	.radio_thirds:hover{
		border: 1px #afafaf solid;
		box-shadow: 0 0 9px #afafaf;
		
	}
	
	
/*------------------ TELEVISION --------------------*/	
	
	
.tv{
	margin-top: 50px;	
}
	
/*.tv_row{
	width: 100%;
	height: 310px;
	margin-top: 20px;
}
	*/
.tv_thirds{
	width: 282px;
	height: 330px;
	display: inline-block;
	vertical-align: top;
	margin-right: 9px;	
	margin-bottom: 30px;
	border: 1px white solid;
	box-sizing: border-box;
	padding: 5px;
	-o-transition:.5s;
	   -ms-transition:.5s;
	   -moz-transition:.5s;
	   -webkit-transition:.5s;
	   transition:.5s;
}

	.tv_thirds:nth-child(3n){
		margin-right: 0px;		
	}


	.tv_thids iframe{
		vertical-align: top;
		display: inline-block;
		margin-bottom: 20px;
	}
	
	.tv_thids span{
		display: inline-block;
		width: 272px;
		height: 215px;
		padding-top: 30px;
	}


	/*.tv_right{
		margin-right: 0px;	
	}*/
	
	.tv_thirds:hover{
		border: 1px #afafaf solid;
		box-shadow: 0 0 9px #afafaf;	
	}
	
	
	

/*------------------ BROADCAST --------------------*/		


	.broadcast-pg{
	    margin-top: 50px;	
	}
	
	.broadcast-pg img{
		width: 95%;
		max-width: 840px;	
	}

	.gray-box{
	  background: #f5f5f5;
	  display:block;
	  padding: 50px;
	}
	
	.contact_btn{
	  text-align:center;	
	}
	
	.contact_btn a{
		display: inline-block;
		width: 140px;
		height: 42px;
		background: #C5A862;
		border-bottom: 3px solid #113F61;
		color: #fff;
		text-align: center;
		font-weight: 400;
		line-height: 42px;
		position:relative;
		-o-transition:.5s;
	    -ms-transition:.5s;
	    -moz-transition:.5s;
	    -webkit-transition:.5s;
	    transition:.5s;
	}
	
	.contact_btn a:hover{
		background: #113F61;
		color: #fff;
	}
	
/*------------------ VOICE --------------------*/	
		
	.voice-pg{
	    margin-top: 50px;	
	}
	
	.voicetrack_list{
		padding-left: 30px;
	}
	
	.voice-pg img{
		width: 50%; 
		display:block; 
		margin:0 auto;
	}
	
/*------------------ CONTACT --------------------*/	
	
	
.contact_pg{
	margin-top: 50px;	
}
	
.contact_row{
	width: 100%;
	height: 500px;
	margin-top: 20px;
}
	
.contact_thirds{
	width: 272px;
	height: 380px;
	display: inline-block;
	vertical-align: top;
	margin-right: 24px;	
}


	.contact_right{
		margin-right: 0px;	
	}
	
	
	.contact_thirds h3{
		color: #C5A862;
		font-weight: 300;
		margin-top: -47px;
		width: 186px;
		text-align: center;
		margin-bottom: 50px;
	}
	
	
	#contact_form{
		margin: 0;
		margin-top: 50px;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		font-family: 'Open Sans', sans-serif;
		position: relative;
	}
	
	.form_input{
		width:250px;
		height: 35px;
		box-sizing: border-box;	
		font-family: 'Open Sans', sans-serif;
		font-weight: 100;
		padding: 5px;
		margin: 0 15px 25px 0;
	}
	
	textarea{
		box-sizing: border-box;	
		padding: 10px;
		height: 179px;
		width: 250px;
		border: #c2c2c2 1px solid;
		font-family: 'Open Sans', sans-serif;
		font-weight: 100;
		resize: none;	
	}
	
	.error_msg{
		color: red;
	}
	
	#error_name, #error_email, #error_msg{
		display: none;
	}

	#submit{
		display: block;
		width: 105px;
		height: 45px;
		background: #C5A862;	
		border: none;
		border-bottom: 2px #113F61 solid;
		color: #fff;
		font-family: 'Roboto', Helvetica, sans-serif;
		font-weight: 100;
		cursor:pointer;
		margin-top: 10px;
		-o-transition:.4s;
		-ms-transition:.4s;
		-moz-transition:.4s;
		-webkit-transition:.4s;
		transition:.4s;
	}
	
	#submit:hover{
		background:#113F61;
		color: #fff;
	}
	
	.contact_right .contact_social{
		display: inline-block;
		margin: 0 10px 10px 0;
	}
	
	.contact_right span{
		display: inline-block;
		height: 38px;
		width: 200px;
		vertical-align: top;
		line-height:38px;
	}
	
	.contact_thirds a{
		color: #000;
	}
	
	.contact_right a:hover img{
		opacity: .5;
	}
	
	#popup_bkg{
		display:none;
		position:fixed;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index:800;
		background: #000;
		opacity:.5;	
	}
	
	#form_popup{
		display:none;
		box-shadow: 0 0 9px #afafaf;
		z-index:900;
		position:fixed;
		left: 35%;
		background:#fff;
		width: 330px;
		height: 200px;	
		padding: 40px 20px 20px;
		box-sizing:border-box;

	}
	
	.popup_close{
		display: inline-block;
		position: absolute;
		right: 10px;
		top: 10px;
		font-weight:bold;	
		text-align: right;
		cursor:pointer;
	}
		
	
/*------------------ FOOTER --------------------*/
	
footer{
	width: 100%;
	height: 175px;
	background: #113F61;	
	bottom: 0;
	display: block;
	margin-top: 100px;
	border-top: #C5A862 3px solid;
	padding-left: 10px;
}	


	footer article{
		width: 874px;
		margin: 0 auto 0px auto;	
	
	}
	
	footer .contact{
		height: 175px;
		width: 650px;
		display: inline-block;
		color: #949ca5;	
		padding-top: 40px;
		box-sizing:border-box;
	}
	
	footer .contact a{
		color: #fffff;
			
	}
	
	footer .contact h2{
		color: #C5A862;
			
	}
	
	footer .contact .yellow{
		display: inline-block;
		color: #00a2e2;
			
	}
	
	footer .social{
		display: inline-block;
			
	}
	
	footer .social img{
		margin-left: 10px;	
	}
	
	footer .social img:hover{
		cursor: pointer;
		opacity: .5;
	}
	
	

@media screen and (max-width: 900px) {
	#home_thirds {
	 display: table;
	}
	
	#home_thirds .left, #home_thirds .middle, #home_thirds .right{
	  width: 30%;	
	  height: auto;
	  padding: 10px;
	  display: table-cell;
	}
	
	#home_thirds .left img, #home_thirds .middle img, #home_thirds .right img{
	  width: 100%;	
	}
	
	#home_thirds .left a, #home_thirds .middle a, #home_thirds .right a{
	  margin: 20px 0 0 0;
	}
	
	article{
		width: 90%;	
	}
		
	.constrain{
		width: 90%;	
	}

	header{
		height: 160px;
	}
	
	#logo{
	margin-top: 20px;
	margin-bottom: 25px;	
	}
	
	

	#logo h1{
		font-size: 2.5em;
	}
	
	
	#logo h2{
		font-size:.95em;
	}
	
	nav ul{
		width: 100%;
	}
	
	nav ul li, nav ul li:last-child{
		width: 15%;
		text-align: center;
	}
	
	nav ul li.broadcast{
		width: 25%;
		text-align: center;
	}
	
	nav ul li .tablet-only{
		display: inline-block;
	}
	
	nav ul li.broadcast .desktop-only{
	  display:none;
	}
	
	.triangle_home{
		margin-left: 5%;
	}
	
	.triangle_about{
	   	margin-left: 21%;
	}
	
	.triangle_radio{
	   	margin-left: 36%;
	}
	
	.triangle_tv{
	   	margin-left: 51%;
	}
	
	.triangle_broadcasting{
	   	margin-left: 71%;
	}
	
	.triangle_contact{
	   	margin-left: 92%;
	}
	
	
	
	#about_me{
		width:100%;
	}
	
	.offer{
		width: 100%;
		margin-left: 0px;	
		margin-top: 50px;
	}
	
	.offer_info{
		width:90%;
	}
	
	.offer_img{
	   width: 10%;
	   margin-right: 2%;	
	}
	
	.offer_text{
		width:85%;
	}
	
	article.mywork_large{
	  display: none;	
	}
	
	article.mywork_small{
	  display: block;	
	}
	
	article.mywork_small .work{
		margin-bottom: 30px;
	}
	
	article.mywork_small .work_row .work_smal_date{
		background: #113F61;
		color: #fff;
		margin-bottom: 20px;
		padding: 7px 0 4px 5px;
	}
	
		
	.radio_thirds{
		height: 260px;
	}
	
	.radio_thirds:nth-child(3n){
		margin-right: 0px;		
	}
	
	.radio_thirds:nth-child(1n){
		margin-right: 15px;		
	}	
	
	.contact_row{
		height: auto;
	}
		
	.contact_thirds{
	   width: 30%;
	}
	
	.contact_thirds_follow div{
	 display: inline;
	 
	}
	
	.contact_thirds_follow div span{
      display: none;	
	  }
	
	.contact_thirds form input, .contact_thirds form textarea{
	  width: 100%;
	}
	
	footer article{
		width: 100%;
	}
	
	footer .contact{
		width: 100%;
		display: block;
		padding-top: 10px;
		padding-left: 10px;
		height: auto;
	}
	
	footer .social{
		display: block;
		margin-top: 10px;	
	}
	
}
	
@media screen and (max-width: 665px) {

	article{
	 width: 95%;	
	}
	
	.nav-triangle{
	  display: none;	
	}
	
	nav ul li{
	   display: none;
	   text-align:left;	
	} 
  
    nav ul li.home{
	  display: inline-block;  
	  width: 40%;
    }
	
	nav ul li.home a{
	  margin: 5px 20px;
    }
  
  nav ul li.home a span{
	  margin-left: 5px;
    }
  
  nav ul li.icon {
    float: right;
    display: inline-block;
	width:10%;
	position: absolute;
    right: 0;
	
  }
	
	nav ul.responsive {
	 position: relative;
     z-index: 999;  
    }
   
  nav ul.responsive li {
    float: none;
    display: block;
	z-index: 9999; 
	background: #00a2e2;
	width:90%;
	text-align: left;
	margin: 0px;
	border-bottom:dotted 1px #333;
	
  }
  
    nav ul.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
	z-index: 999; 
	text-align: center;
	width:10%;
  }
  
 
    
  nav ul.responsive li a {
	width: 100%;
	display:block;
  }
  
   nav ul.responsive li a span{
	margin-left: 20px;
  }
  
  nav ul.responsive li.home a span {
	margin-left: 5px;
  }
	
	  
  nav ul.responsive li.icon a {
	  position: absolute; 
	  left: 0;
	  top:0;
	  margin: 0;
  }
  
   nav ul.responsive li a span {
	
  }
	
	nav ul li .mobile-only{
	  display:inline;
	}
	
	nav ul li .desktop-only{
	  display:none;
	}
	
	#home_thirds {
	 display: block;
	 text-align: center;
	}
	
	#home_thirds .left, #home_thirds .middle, #home_thirds .right{
	  width: 65%;	
	  height: auto;
	  display: block;
	  margin: 0 auto 10px auto;
	}
	
	#home_thirds .left a, #home_thirds .middle a, #home_thirds .right a{
	  margin: 0  0 0 0;
	}
	
	.work{
	  padding: 0px;	
	}
	
	.radio_thirds, .tv_thirds{
		margin-left: 10%;
	}
	
	.contact_thirds{
	   width: 90%;
	   height: auto;
	   margin-bottom: 30px;
	}	
	
	.contact_thirds .contact_tip{
		width: 100%;
		height: 50px;	
	}
	
	.contact_thirds h3{
		width: 100%;	
	}
	
	#form_popup{
		left: 0;
		top: 10px;
	}
	
	footer{
	  font-size: 90%;	
	}
	
  
  

}