* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	}
html, body {
	height:100%;
	}
body {
	font-size:13px;
	text-align:center; 
	background-color:#FFF;
	color:#000;
	}
a {
	color:#654633;
	}
img {
	border:0;
	}
img.left {
	float:left;
	margin:0 10px 10px 0;
	}
img.right {
	float:right;
	margin:0 0 10px 10px;
	}

#distance {
	float:left;
	height:50%;
	margin-bottom:-384px;
	width:1px;	
	}
#container {
	clear:left;
	margin:0 auto;
	text-align:left;
	width:1024px;
	height:768px;
	background-color:#FFF;
	position:relative;
	}



#header {
	position:absolute;
	bottom:10px;
	left:20px;
	z-index:999;
	}
#header p {
	text-indent:-9999px;
	}
#header p a {
	display:block;
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	width:176px;
	height:126px;
	overflow:hidden;
	}

#navigation {
	height:59px;
	background-color:#000;
	}
#navigation ul {
	list-style:none;
	padding:10px 0 10px 30px;
	}
#navigation ul li {
	float:left;
	text-transform:uppercase;	
	}
#navigation ul li a {
	display:block;
	text-decoration:none;
	font-size:15px;
	padding:10px 16px;
	text-decoration:none;
	}
#navigation ul li.selected a {
	text-decoration:underline;
	font-size:24px;
	padding:5px 10px;
	}


#navigation ul li.index a {	
	color:#d7e66f;
	}
#navigation ul li.gallery a {	
	color:#d69933;
	}
#navigation ul li.show-reel a {	
	color:#bed0ca;
	}
#navigation ul li.clients a {	
	color:#85c2cc;
	}
#navigation ul li.catering a {	
	color:#9fe8a1;
	}
#navigation ul li.post-production a,
#navigation ul li.additional-services a  {	
	color:#d6d6cc;
	}
#navigation ul li.news a {	
	color:#78e2d7;
	}
#navigation ul li.contact a {	
	color:#ffad99;
	}


#content {	
	height:645px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:right top;
	position:relative;
	}

#content.index {
	background-image:url(../img/indexBg.png);
	}
#content.clients {
	background-image:url(../img/clientsBg.png);
	}
#content.post-production {
	background-image:url(../img/post-productionBg.png);
	}
#content.additional-services {

	}
#content.contact {
	background-image:url(../img/contactBg.png);
	}
	
#content div.leftColumn {
	/*padding:20px 0 0px 20px;*/
	padding:20px 0 0 0;
	width:460px;
	border-bottom:5px solid #000;
	height:100px;
	}

#content.additional-services div.leftColumn {
	height:auto;
	}

#content h1 {
	font-size:17px;
	margin-bottom:20px;
	}

#content p {
	font-size:17px;
	margin-bottom:20px;
	}
#content.index p {
	color:#5A6360;
	}
#content.clients p {
	color:#5A6360;
	}
#content.post-production p {
	color:#6C6966;
	}
#content.catering p {	
	color:#7C7C7C;
	}
#content.contact p {
	color:#654633;
	}

#content blockquote {
	width:438px;
	padding:10px 10px 0 10px;
	border:1px solid #6D6966;
	/*margin:20px;*/	
	margin:20px 20px 20px 0;	
	}
#content.index blockquote img {
	margin:30px 0;
	}
#content.contact blockquote p {
	margin-bottom:20px;
	line-height:30px;
	}
	
#content.post-production blockquote {
	margin-top:50px;
	}

#content.additional-services blockquote {
	position:absolute;
	height:330px;
	overflow:auto;
	top:135px;
	margin:0;
	}
#content.additional-services #rightColumn {	
	position:absolute;
	right:8px;
	top:135px;
	}
#content.additional-services ul#companyMenu {
	overflow:auto;
	height:320px;
	width:457px;
	padding:10px;
	border:1px solid #6D6966;
	list-style:none;
	}
#content.additional-services ul#companyMenu li {
	font-size:17px;
	background-repeat:no-repeat;
	background-position:right;
	width:440px;
	}

#content.additional-services ul#companyMenu li a {
	padding:28px 0;
	display:block;
	font-size:22px;
	text-decoration:none;
	color:#5A6360;
	}

#content.clients blockquote {
	width:670px;
	height:390px;
	}
#content.clients h3 {
	font-weight:normal;
	color:#5A6360;
	margin-bottom:10px;
	font-size:18px;
	}
#content.clients #clients {
	border:1px solid #6D6966;
	float:left;
	margin:20px 20px 20px 0;
	padding:10px 10px 0;
	width:290px;
	}
.scrollable {
	padding:0 20px 0 0;
	margin:0 0 20px 0;
	height:340px;
	overflow:auto;
	}
#content.clients #refs {
	border:1px solid #6D6966;
	/*margin:20px 20px 20px 330px;*/
	margin:20px 20px 20px 330px;
	padding:10px 10px 0;
	text-align:center;
	width:370px;
	}

#content p.infoButton {
	margin:10px 0 0 20px;	
	margin:10px 0 0 0px;
	overflow:auto;
	}
#content p.infoButton a {
	display:block;
	border-right:2px solid #9A9A9A;
	border-bottom:2px solid #9A9A9A;
	background-color:#F0F0F0;
	padding:5px 10px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	text-decoration:none;
	width:100px;
	text-align:center;
	float:left;
	margin-right:10px;
	}

#content pinfoButton a.planButton {
	}

#content #information {
	display:none;
	position:absolute;
	background-color:#FFF;
	padding:0 0 10px 0px;
	width:1024px;
	top:0;
	height:640px;
	overflow:hidden;
	background-image:url(../img/infoBg.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	}
#content #information .leftColumn {
	height:160px;
	}
#content #information div.inner {
	float:right;
	width:330px;
	border:1px solid #877678;
	padding:10px 10px 0 10px;
	margin:10px 0 0 0;
	height:600px;
	overflow:auto;
	}
#content #information p {
	color:#877678;
	}

#content #show-reel {
	margin:100px 0 0 192px;
	}
	
	
#content #gallery {
	/*padding:15px 0 15px 15px;*/
	padding:20px 0 0 0;
	}
#content #gallery ul {
	list-style:none;
	overflow:auto;
	}
#content #gallery ul li {
	float:left;
	/*margin:0 15px 15px 0;*/
	margin:0 25px 25px 0;
	}
#content #gallery ul li.last {
	margin-right:0;
	}
#content #gallery ul li a {
	display:block;
	width:237px;
	height:156px;
	text-indent:-9999px;
	overflow:hidden;
	}
#content #gallery p.nav {
	text-align:center;
	}
#content #gallery p.nav img {
	margin:10px;
	}




	
#footer {
	border-top:6px solid #000;
	color:#656161;	
	position:absolute;
	bottom:0;
	width:1014px;
	padding:5px 0 10px 10px;
	}
#footer p {
	letter-spacing:5px;
	text-align:right;
	font-size:15px;
	line-height:22px;
	}
#footer p span {
	margin-right:38px;
	}
#footer p.addr {
	clear:both;
	}




#catering {
	clear:left;
	margin:0 auto;
	padding:20px;
	width:900px;
	background-color:#FFF;
	position:relative;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#868688;
	font-size:14px;
	}
#catering table {
	width:900px;	
	}
#catering table td {
	text-align:left;
	vertical-align:top;
	}
#catering table td h2 {
	letter-spacing:4px;
	text-decoration:underline;
	font-size:16px;
	}
#catering table td h3 {
	text-decoration:underline;
	margin-bottom:4px;
	font-style:underline;
	font-size:14px;
	}
#catering table td p {
	font-size:16px;
	line-height:18px;
	margin:0 20px 18px 0;
	}