@charset "utf-8";
/* Flying Gherkin - Development by Demmographics */

body{
margin: 0;
background-color: #78a3a9;
}
#wrapper{
margin: auto;
width: 850px;
}
#head{
height: 136px;
margin-top: 15px;
}
#content{
background-color: #FFFFFF;
height: auto;
min-height: 310px;
padding: 25px 50px 25px 50px;
color:#333;
}
#foot{
padding: 15px 0 15px 0;
color: #aec7cb;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.left-col{
margin-top: 30px;
float: left;
width: 450px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}
.right-col{
margin-top: 30px;
float: right;
margin-left: 20px;
width: 200px;
background-color: #F6F6F6;
padding: 20px 30px 20px 30px;
font-size: 17px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
a.contact:link{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#333;
}
a.contact:visited{
	text-decoration: none;
	color:#333;	
}
a.contact:hover{
	text-decoration: none;
	color:#4b4b4b;	
}
h1{
margin-top: 0;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 32px;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing: -0.07em;
}
ul#contact{
margin: 0;
padding: 0;
list-style: none;
}
ul#contact li{
margin-bottom: 12px;

}
.logo{
float: left;
width: 250px;
}
.navigation-wrap{
float: right;
width: 550px;
margin-top: 35px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
ul#navigation{
margin: 0;
padding: 0;
list-style: none;
}
ul#navigation li{
display: inline;
}
.show-reel{
text-transform:uppercase;
width: 100px;
margin-left: 150px;
margin-top: 50px;
text-align: center;
}
img{ border:none;}
.clear{ clear:both;}
#content-commercials{
background-color: #FFFFFF;
height: auto;
padding: 15px 10px 15px 10px;
color:#333;
}
#content-commercials-inner{
background-color: #FFFFFF;
height: 100% auto;
padding: 25px 25px 25px 25px;
color:#333;
}
.comm-head{
	text-align: center;
}

h4{
color: #666666;
font-size: 10px;
}

.commercial{
	margin-top: 10px;
	height: 100% auto;
	min-height: 300px;
}
.info-head{
	margin: 0 0 40px 33px;		
}
.info-head-reel{
	margin: 20px 0 20px 50px;		
}
.info{
	float: left;
	width: auto;
	margin: 0 0 20px 0;	
}
.vid{
	float: right;
}
.showreel-left{
	float: left;
	width: 270px;
}

.musicvideo{
	margin-top: 10px;
	height: 300px;
}
.download{
	padding-left: 10px;
	padding-top: 10px;
}
.download-montage{
	padding-left: 72px;
	padding-top: 10px;
}
.saveas{
	color: #CCC;
	font-size: 8px;
	padding-left: 15px;
	padding-top: 5px;
	font-family:Verdana, Geneva, sans-serif;
}