/*-----------------------------------------------------------------------------
Plump Films Core Style Sheet

version:   1.0
author:    Flow Interactive, http://www.flowinteractive.net.au

/*----------------------------------------------------------------------------
COPYRIGHT, ALL RIGHTS RESERVED. THIS FILE MAY NOT BE COPIED OR ALTERED IN ANY WAY
-----------------------------------------------------------------------------*/

/* = General
--------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #666;
	background: #fff url(../img/homebg.gif) center top no-repeat;
	margin: 0;
	line-height: 150%;
	text-align: center;
}
body#contactus {background:#fff none}
a, a:active, a:link, a:visited {
	color: #FF9933;
	text-decoration: none;
	outline:none
}

a:hover {
	text-decoration: underline;
}

a {outline:none}

a img { border: none; }
#foot a {color:#333 }
.cntr {text-align:center}
.mtop {margin-top: 5px}
.float {float: left}
.right {text-align:right}
.hlight {color:#F93}

/* = Typography
--------------------------------------------------------*/
h1 {color: #F93; 
	font-size: 1em;
	padding: 3em 0 0 0;
	margin: 0}
/*#header h1, #header p {font-size:1.4em; color:#000; font-weight:normal; margin: 0 0 1em 0; line-height:0.95em}
#header h1 {padding: 0}*/
h2 {font-weight: bold;font-size: 1.3em; color: #F93}
h3 {font-size: 1em; color:#F93; text-transform:uppercase; font-weight:bold}
h4 {font-size: 1.2em; color:#F93; font-weight: bold; margin: 0}
ul {list-style: disc; margin-left: 1.5em}
li {margin-bottom:0.6em}
p {font-size: 1em; margin-bottom: 0.75em}
.hlight {font-weight: bold; color:#F93}
.big {font-size: 2em}

/* = Menu
----------------------------------------------*/
ul#menu {
	position: absolute; top: 85px; left: 5px; width: 225px; margin: 0; padding: 0}
ul#menu li {display: block; list-style-type:none; margin:0 0 2px 0}
ul#menu li a {
display:block;
width: 175px;
height: 15px;
color: #666;
font-size: 1em;
text-indent:-9000px;
background: #fff url(../img/menusprite.gif) left top no-repeat
}
ul#menu li a:hover, ul#menu li a:active, ul#menu li a:focus {
background: #fff url(../img/menusprite.gif) 0 -15px no-repeat
}
ul#menu li a.sel {
background: #fff url(../img/menusprite.gif) 0 -15px no-repeat
}
/*sections*/
ul#menu li a#tvcs {
	background: #fff url(../img/menusprite.gif) -175px 0 no-repeat
}
ul#menu li a#tvcs:hover, ul#menu li a#tvcs:focus, ul#menu li a#tvcs:active, ul#menu li a#tvcs.sel {
	background: #fff url(../img/menusprite.gif) -175px -15px no-repeat
}

ul#menu li a#corporate {
	background: #fff url(../img/menusprite.gif) -350px 0 no-repeat
}
ul#menu li a#corporate:hover, ul#menu li a#corporate:focus, ul#menu li a#corporate:active, ul#menu li a#corporate.sel {
	background: #fff url(../img/menusprite.gif) -350px -15px no-repeat
}

ul#menu li a#digital {
	background: #fff url(../img/menusprite.gif) -525px 0 no-repeat
}
ul#menu li a#digital:hover, ul#menu li a#digital:focus, ul#menu li a#digital:active, ul#menu li a#digital.sel {
	background: #fff url(../img/menusprite.gif) -525px -15px no-repeat
}

ul#menu li a#post {
	background: #fff url(../img/menusprite.gif) -700px 0 no-repeat
}
ul#menu li a#post:hover, ul#menu li a#post:focus, ul#menu li a#post:active, ul#menu li a#post.sel {
	background: #fff url(../img/menusprite.gif) -700px -15px no-repeat
}

ul#menu li a#short {
	background: #fff url(../img/menusprite.gif) -875px 0 no-repeat
}
ul#menu li a#short:hover, ul#menu li a#short:focus, ul#menu li a#short:active, ul#menu li a#short.sel {
	background: #fff url(../img/menusprite.gif) -875px -15px no-repeat
}

ul#menu li a#mteam {
	background: #fff url(../img/menusprite.gif) -1050px 0 no-repeat
}
ul#menu li a#mteam:hover, ul#menu li a#mteam:focus, ul#menu li a#mteam:active, ul#menu li a#mteam.sel {
	background: #fff url(../img/menusprite.gif) -1050px -15px no-repeat
}
ul#menu li a#mclients {
	background: #fff url(../img/menusprite.gif) -1225px 0 no-repeat
}
ul#menu li a#mclients:hover, ul#menu li a#mclients:focus, ul#menu li a#mclients:active, ul#menu li a#mclients.sel {
	background: #fff url(../img/menusprite.gif) -1225px -15px no-repeat
}

ul#menu li a#mlounge {
	background: #fff url(../img/menusprite.gif) -1400px 0 no-repeat
}
ul#menu li a#mlounge:hover, ul#menu li a#mlounge:focus, ul#menu li a#mlounge:active, ul#menu li a#mlounge.sel {
	background: #fff url(../img/menusprite.gif) -1400px -15px no-repeat
}

ul#menu li a#charities {
	background: #fff url(../img/menusprite.gif) -1575px 0 no-repeat
}
ul#menu li a#charities:hover, ul#menu li a#charities:focus, ul#menu li a#charities:active, ul#menu li a#charities.sel {
	background: #fff url(../img/menusprite.gif) -1575px -15px no-repeat
}

ul#menu li a#mcontact {
	background: #fff url(../img/menusprite.gif) -1750px 0 no-repeat
}
ul#menu li a#mcontact:hover, ul#menu li a#mcontact:focus, ul#menu li a#mcontact:active, ul#menu li a#mcontact.sel {
	background: #fff url(../img/menusprite.gif) -1750px -15px no-repeat
}


/*end sections*/

/*work sections*/
/*ul#menu li ul {margin-top:10px; margin-bottom:10px}
ul#menu li a#tvcs {
	background: #fff url(../img/workmenusprite.gif) 0 0 no-repeat
}
ul#menu li a#tvcs:hover, ul#menu li a#tvcs:focus, ul#menu li a#tvcs:active, ul#menu li ul a#tvcs.sel {
	background: #fff url(../img/workmenusprite.gif) 0 -15px no-repeat
}

ul#menu li a#short {
width:225px;
	background: #fff url(../img/workmenusprite.gif) -160px 0 no-repeat
}
ul#menu li a#short:hover, ul#menu li a#short:focus, ul#menu li a#short:active, ul#menu li a#short.sel {
	background: #fff url(../img/workmenusprite.gif) -160px -15px no-repeat
}

ul#menu li a#post {
	background: #fff url(../img/workmenusprite.gif) -480px 0 no-repeat
}
ul#menu li a#post:hover, ul#menu li a#post:focus, ul#menu li a#post:active, ul#menu li a#post.sel {
	background: #fff url(../img/workmenusprite.gif) -480px -15px no-repeat
}

ul#menu li a#corporate {
	background: #fff url(../img/workmenusprite.gif) -640px 0 no-repeat
}
ul#menu li a#corporate:hover, ul#menu li a#corporate:focus, ul#menu li a#corporate:active, ul#menu li a#corporate.sel {
	background: #fff url(../img/workmenusprite.gif) -640px -15px no-repeat
}*/

/* = Containers
----------------------------------------------*/
#wrapper {position: relative; margin:15px auto 0 auto; width: 1100px; text-align:left}
.col1 {float: left; width: 360px; margin: 10px 0 0 170px}
.col2 {float: right; width: 180px; background:#fff url(../i/col2bg.jpg) top left no-repeat; padding: 10px 0 0 0}
#header {
	position: relative;
	margin: 0px 0 0 320px;
	width: 340px;
	padding-top: 45px
}
#logo {
	position: absolute;
	top: 0;
	left: 0;
}

#content {
	position: relative;
	width: 800px;
	margin-left: 200px;
	height: 660px
}
/*Home page elements*/

#team, #teamsec {
	position:absolute;
	left: 80px;
	top: 10px;
}
#team a {
	display:block;
	width:199px;
	height:197px;
	background:transparent url(../img/team.png) left top no-repeat;
	text-indent:-9000px
}
#team a:hover {
	background:transparent url(../img/team.png) left -196px no-repeat
}
#teamsec { width:199px;	height:197px;background: #fff url(../img/teammirror.jpg) left top no-repeat}
#contact {
	position:absolute;
	left: 320px;
	top: 260px;
}
#contact a {
	display:block;
	width:228px;
	height:127px;
	background:transparent url(../img/contact.png) left top no-repeat;
	text-indent:-9000px
}
#contact a:hover {
	background:transparent url(../img/contact.png) left -128px no-repeat
}
#client {
	position:absolute;
	left: 185px;
	top: 320px;
}
#client a {
	display:block;
	width:199px;
	height:129px;
	background:transparent url(../img/shelf.png) left top no-repeat;
	text-indent:-9000px
}
#client a:hover {
	background:transparent url(../img/shelf.png) left -130px no-repeat
}
#work {
	position:absolute;
	left: 0;
	top: 390px;
}
#work a {
	display:block;
	width:228px;
	height:243px;
	background:transparent url(../img/tv.png) left top no-repeat;
	text-indent:-9000px
}
#work a:hover {
	background:transparent url(../img/tv.png) left -243px no-repeat
}

/*Work pages*/

#workHome {
	position:absolute;
	left: -15px;
	top: 380px;
	display:block;
	width:228px;
	height:271px;
	background:transparent url(../img/tvwork.png) left top no-repeat
}
#workHome.tvcs {background: transparent url(../img/tvwork.png) left top no-repeat}
#workHome.short {background: transparent url(../img/tvshort.png) left top no-repeat}
#workHome.post {background: transparent url(../img/tvpost.png) left top no-repeat}
#workHome.corporate {background: transparent url(../img/tvcorporate.png) left top no-repeat}
#workHome.digital {background: transparent url(../img/tvdigital.png) left top no-repeat}
#workPanel {
	position: relative;
	margin: 0 0 0 170px;
	padding:20px 0 0 0;
	width: 465px
}
#workPanel a, #tvcsPanel a, #tvcsPanel2 a {display:block; float:left; margin: 0 15px 5px 0}

/*END*/

/*TVCS*/
#tvcsPanel, #tvcsPanel2 {
	position: relative;
	margin: 0 0 0 110px;
	padding:60px 0 0 0;
	width: 565px
}
#tvcsPanel2 {display:none}
#nextPanel, #backPanel {
	float:right;
	margin-right: 5px;
	width: 85px
}
#nextPanel a#next {display:block; width: 84px; height:20px; text-indent:-9000px; background:#fff url(../img/seemore.gif) left top no-repeat}
#nextPanel a:hover#next {background:#fff url(../img/seemoreover.gif) left top no-repeat}
#backPanel a#back {display:block; width: 84px; height:20px; text-indent:-9000px; background:#fff url(../img/back.gif) left top no-repeat}
#backPanel a:hover#back {background:#fff url(../img/backover.gif) left top no-repeat}
#lounge {
	position:absolute;
	right: 90px;
	top: 340px;
}
#lounge a {
	display:block;
	width:316px;
	height:325px;
	background:transparent url(../img/chair.png) left top no-repeat;
	text-indent:-9000px
}
#lounge a:hover {
	background:transparent url(../img/chair.png) left -328px no-repeat
}
/*end*/

/*TEAM*/
#teamPanel {
	position: relative;
	margin: 0 0 0 320px;
	padding:45px 0 0 0;
	width: 310px
}
#teamsec ul {margin-top: 220px; width: 175px}
#teamsec ul li {display: block; list-style-type:none; margin:0 0 2px 0}
#teamsec ul li a {
display:block;
width: 160px;
height: 15px;
color: #666;
font-size: 1em;
text-indent:-9000px;
background: #fff url(../img/teamsprite.gif) left top no-repeat
}
#teamsec ul li a:hover, #teamsec ul li a:active, #teamsec ul li a:focus {
background: #fff url(../img/teamsprite.gif) left -15px no-repeat
}
#teamsec ul li a.sel {
background: #fff url(../img/teamsprite.gif) left -15px no-repeat
}
/*sections*/
#teamsec ul li a#gary {
	background: #fff url(../img/teamsprite.gif) -160px 0 no-repeat
}
#teamsec ul li a#gary:hover, #teamsec ul li a#gary:focus, #teamsec ul li a#gary:active, #teamsec ul li a#gary.sel {
	background: #fff url(../img/teamsprite.gif) -160px -15px no-repeat
}
#teamsec ul li a#greg {
	background: #fff url(../img/teamsprite.gif) -320px 0 no-repeat
}
#teamsec ul li a#greg:hover, #teamsec ul li a#greg:focus, #teamsec ul li a#greg:active, #teamsec ul li a#greg.sel {
	background: #fff url(../img/teamsprite.gif) -320px -15px no-repeat
}
#teamsec ul li a#daniel {
	background: #fff url(../img/teamsprite.gif) -480px 0 no-repeat
}
#teamsec ul li a#daniel:hover, #teamsec ul li a#daniel:focus, #teamsec ul li a#daniel:active, #teamsec ul li a#daniel.sel {
	background: #fff url(../img/teamsprite.gif) -480px -15px no-repeat
}
#teamsec ul li a#april {
	background: #fff url(../img/teamsprite.gif) -640px 0 no-repeat
}
#teamsec ul li a#april:hover, #teamsec ul li a#april:focus, #teamsec ul li a#april:active, #teamsec ul li a#april.sel {
	background: #fff url(../img/teamsprite.gif) -640px -15px no-repeat
}
#teamsec ul li a#tristan {
	background: #fff url(../img/teamsprite.gif) -800px 0 no-repeat
}
#teamsec ul li a#tristan:hover, #teamsec ul li a#tristan:focus, #teamsec ul li a#tristan:active, #teamsec ul li a#tristan.sel {
	background: #fff url(../img/teamsprite.gif) -800px -15px no-repeat
}
#teamsec ul li a#jessica {
	background: #fff url(../img/teamsprite.gif) -960px 0 no-repeat
}
#teamsec ul li a#jessica:hover, #teamsec ul li a#jessica:focus, #teamsec ul li a#jessica:active, #teamsec ul li a#jessica.sel {
	background: #fff url(../img/teamsprite.gif) -960px -15px no-repeat
}
#teamsec ul li a#paul {
	background: #fff url(../img/teamsprite.gif) -1120px 0 no-repeat
}
#teamsec ul li a#paul:hover, #teamsec ul li a#paul:focus, #teamsec ul li a#paul:active, #teamsec ul li a#paul.sel {
	background: #fff url(../img/teamsprite.gif) -1120px -15px no-repeat
}

#teamsec ul li a#eva {
	background: #fff url(../img/teamsprite.gif) -1280px 0 no-repeat
}
#teamsec ul li a#eva:hover, #teamsec ul li a#eva:focus, #teamsec ul li a#eva:active, #teamsec ul li a#eva.sel {
	background: #fff url(../img/teamsprite.gif) -1280px -15px no-repeat
}

#teamsec ul li a#andy {
	background: #fff url(../img/teamsprite.gif) -1440px 0 no-repeat
}
#teamsec ul li a#andy:hover, #teamsec ul li a#andy:focus, #teamsec ul li a#andy:active, #teamsec ul li a#andy.sel {
	background: #fff url(../img/teamsprite.gif) -1440px -15px no-repeat
}
/*END*/

/*CONTACT*/
#contactPanel {
	position: relative;
	margin: 0 0 10px 20px;
	padding:60px 0 0 0;
	width: 600px
}
#contactDetails {
	float:left;
	width: 220px;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	margin-top: 10px
}
#contactformcontainer {
	float:left;
	width: 380px;
	margin-top: 10px
}
#directions {
	position:absolute;
	top:45px;
	right:0;
	Width: 160px;
	
	padding: 10px 5px 10px 10px;

}
#directions p {margin-bottom: 0.8em}
#contactImg {position:absolute;left: 20px; bottom: 0px; width:212px; height: 134px; background: #fff url(../img/contactimg.jpg) left top no-repeat}
#clientImg {position:absolute;right: 110px; bottom: 0px; width:194px; height: 147px; background: transparent url(../img/clientimg.png) left top no-repeat}
/*END*/

#footer {
	position:relative;
	margin:0 auto 0 auto; 
	width: 760px;
}
#footer p {font-size: 0.8em;
	color:#f93;
	padding: 5px 10px 0 10px;
	text-align:center !important}

/* = Forms
----------------------------------------------*/
form {width: 380px}
#contactform label {float: left; width: 10em; color:#666}
#contactform label.txtLabel {width: 10em; text-transform:uppercase}
#contactform input.txt {float: left; width: 12em; color:#333; margin: 0 10px 5px 0; border: 1px solid #ccc}
#contactform br {clear: both}
.err, .req {font-weight:bold; color:#f00; font-size: 1em; float:left}
.err {margin-right: 5px}
.hide {display:none}
textarea {font-family: Arial, helvetica, sans-serif; color:#333; font-size: 1em; float:right; margin-top: 18px}
#sendForm {float: right}
.formCol, .formCol2 {width: 65%; float:left}
.formCol2 {width: 35%}
#reel, #call {float: left}
#contactform label.check {font-size: 0.8em; width: 20em}
/* = Tables
----------------------------------------------*/
.alt {background:#FFEAEA}

/* = Easy Clearing
----------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */