/* @override 
	http://localhost:8888/ibarford/c/iB.css
	http://m.barford.co.uk/c/iB.css
*/
/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, 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 {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;
	color: #fff;
	font-weight: bold;
}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}
body {
	background: #fff url(../img/bg.jpg) no-repeat fixed center top;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 8px;
	min-height: 472px;
}

.auto {
	margin: 0 auto;
	display: block;
}
a#header {
	height: 36px;
	width: 238px;
	display: block;
}
a:link, a:visited,#subhead {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#subhead, a#header {
	text-align: center;
}
#subhead p {
	margin: 0;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
}
.wrapper {
	width: 280px;
	border-radius:8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.wrapper.orange {
	background: rgba(252,79,0,0.88) no-repeat;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(255,124,38,0.85), to(255,124,38,0.85), color-stop(.3,255,130,64,0.85),color-stop(.7,255,130,64,0.85));
	border: 1px solid #a62b0d;	
}
.wrapper.blue {
	background: rgba(63,84,244,0.97);
	border: 1px solid #061a71;	
}
.wrapper.showreel {
	padding: 9px;
	width: 262px;
}
.wrapper.black {
	background: rgba(0,0,0,0.86);
	border: 1px solid #000;	
}
.wrapper.pale {
	background: rgba(222,222,222,0.96);
	border: 1px solid rgba(0,0,0,0.31);
}
.mb {
	margin-bottom: 10px;
}
.wrapper.pale .inner {
	border: 1px solid #fff;
}
.inner {
	border-radius:7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border: 1px solid rgba(255,255,255,0.45);
	padding: 10px 20px;
}
.boxBlack h1 {
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 8px;
}
.boxr {
	width: 240px;
	padding: 10px 20px;
	border: 1px solid #cc4000;
	background-color: rgba(252,79,0,0.88);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF6600), to(#FF6600), color-stop(.3,#FF7227),color-stop(.7,#FF7227));
	-webkit-border-radius: 6px;
	opacity: 0.88;
}
.inner.showreel {
	padding: 9px;
}
#zmLink {
	text-align: center;
}
.wrapper.pale a {
	color: #333;
	line-height: 1.5em;
	font-size: 0.8em;
}

/* @group Nav + Contact List */
#nav {
	padding-bottom: 3px;
}
#nav li,#zmInfo li {
	background: url(../img/menuArrow.png) no-repeat right center;
}
#nav li.noArrow, #zmInfo li.noArrow {
	background-image: none;
	padding: 0 10px 12px 70px;
	color: #fff;
	font-size: 13px;
	line-height: 20px;
}
#nav li a {
	padding: 9px 10px 9px 70px;
	display: block;
}
#nav li a.about {
	background: url(../img/menuAbout.png) no-repeat left center;
}
#nav li a.reel {
	background: url(../img/menuShowreel.png) no-repeat left center;
}
#nav li a.fanMail {
	background: url(../img/menuFanMail.png) no-repeat left center;
}
#nav li a.clients {
	background: url(../img/menuClients.png) no-repeat left center;
}
#nav li a.gang {
	background: url(../img/menuGang.png) no-repeat left center;
}
#nav li a.contact {
	background: url(../img/menuContact.png) no-repeat left center;
}
/*Contact Page & zmInfo Page*/
#nav li a.phone,#zmInfo li a.phone {
	background: url(../img/iconPhone.png) no-repeat left center;
}
#nav li a.email,#zmInfo li a.email {
	background: url(../img/menuContact.png) no-repeat left center;
}
#nav li a.address {
	background: url(../img/iconPin.png) no-repeat left center;
}
#nav li a.web,#zmInfo li a.web {
	background: url(../img/iconComp.png) no-repeat left center;
}
/*zmInfo*/
#zmInfo li a {
	display: block;
	padding: 9px 0 9px 55px;
}
#zmInfo li a.mobile {
	background: url(../img/iconiPhone.png) no-repeat left center;
}
/* @end */

/* @group About */
p {
	margin-bottom: 9px;
	line-height: 19px;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	text-align: left;
}
/* @end */

/* @group Client List */
/* =Clearfix (all browsers)--------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE6 */
* html .clearfix {
	height: 1%;
}
/* IE7 */
*:first-child+html .clearfix {
	min-height: 1px;
}
#clients li {
	width: 50%;
	padding-top: 8px;
	padding-bottom: 8px;
	display: inline;
	float: left;
}
#clients li:nth-child(even) {
	text-align: right;
}
/* @end */

/* @group Fan Mail */
#fanMail p {
	font-weight: normal;
	font-style: normal;
	margin-bottom: 3px;
}
#fanMail p.credit {
	font-size: 12px;
	margin-bottom: 4px;
	line-height: 13px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-indent: 13px;
	padding-bottom: 4px;
}
/* @end */

/* @group The Gang */
#gang li {
	background-repeat: no-repeat;
	margin-bottom: 10px;
	height: 43px;
	padding-top: 8px;
	padding-left: 70px;
	list-style-type: none;
	margin-top: 10px;
		font-size: 14px;
}
#gang li span {
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	display: block;
	margin-top: 6px;
}
#gang li.tim {
	background-image: url(../img/gangTim.png);
}
#gang li.elizabeth {
	background-image: url(../img/gangElizabeth.png);
}
#gang li.kirsty {
	background-image: url(../img/gangKirsty.png);
}
#gang li.tamsin {
	background-image: url(../img/gangTamsin.png);
}
/* @end */
/* @group Apple Quicktime */

.QTP {
	display: inline-block;
	*display:inline; *zoom:1; *padding-bottom: 28px;
}

.QTP .playContainer {
  position: absolute;
  top: 60%;
  left: 0; right: 0;
  text-align: center;
  z-index: 1;
}

.QTP .playButton {
  background-color: #fff;
  cursor: pointer;
  font-weight: bold;
  font-size: 1em;
  opacity: .8;
  filter: alpha(opacity=80);
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
/*  zoom: 100%; */
  padding: .5em 1em;
  color: black;
  margin-left: auto;
  margin-right: auto;
}

.QTP_Poster 
{
	background: transparent;
	padding: 2px;
	position: relative;
	left: 0px;
	height: 28px;
	*position: absolute; *bottom: 0; *right: 0;
}
.QTP_Poster button
{
	cursor: pointer;
	cursor: hand;
	border: 0px solid transparent;
	background-color: transparent;	
	padding: 0px;
	margin: 0px;
}

.QTP_Poster .Buttons
{
	margin:auto;
	padding:0px;
	display: inline-block;
	position: absolute;
	left: 0; bottom: 0;
}

/* Fix button focus rects in Firefox */
.QTP_Poster button::-moz-focus-inner
{
	border: 0px solid transparent;
}

.QTP_Poster .Beginning, .QTP_Poster .Rewind, .QTP_Poster .Forward, .QTP_Poster .End, .QTP_Poster .Volume, .QTP_Poster .Time
{
	width:0;
	height:0;
	display: none;
}

.QTP_Poster .Play, .QTP_Poster .Pause
{
	width:25px;
	height:25px;
}

.QTP_Poster .Play { background-image: url(http://images.apple.com/library/quicktime/2.0/stylesheets/ProPlay.png); }
.QTP_Poster .Pause { background-image: url(http://images.apple.com/library/quicktime/2.0/stylesheets/ProPause.png); }

.QTP_Poster .Timeline {
	position: absolute;
	display: block;
	left: 30px;
	right: 0px;
	top: 8px;
	width: auto;
	background-color: transparent;
	padding: 0;
	height: 16px;
}
.QTP_Poster .Timeline .Left
{
	position: absolute;
	top: 7px;
	left: 4px;
	height: 9px;
	background-color: black;
	margin-right: 4px;
}
.QTP_Poster .Timeline .Knob 
{ 
	background-image: url(http://images.apple.com/library/quicktime/2.0/stylesheets/ProKnob.png); 
	position: relative;
	width: 11px;
	height: 16px;
	margin: 0;
	padding: 0px;
	display: block;
}
.QTP_Poster .Timeline .Loaded
{
	position: absolute;
	top: 7px;
	height: 9px;
	left: 0;
	right: 4px;
	margin-left: 4px; 
	margin-right: 4px;
	background: transparent url(http://images.apple.com/library/quicktime/2.0/stylesheets/ProTimeline.png) repeat-x bottom;
}

/* @end */