/* @override http://www.wearecatch.com/application/catch/assets/css/main.css */

/* @group CSS Reset */

/* http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */

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, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: 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;
}

/* @end */

/* @group Staple Stuff */

/* Body */

body {
	background: #000;
	color: #dfdfdf;
	text-align: left;
	font: normal normal .9em/110% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* Standard stuff */

img {
	border-style: none;
}

p {
	text-align: left;
	outline: 0px;
	color: #fff;
	margin-bottom: 10px;
	line-height: 1.25em;
}

a {
	text-decoration: none;
	outline: none;
	color: #ccc;
}

body.standard #content a {
	text-decoration: none;
	outline: none;
	color: #fff;
	border-bottom: 1px solid #fff;
}

a:active {
	text-decoration: none;
	outline: none
}

h1, h2, h3 {
	padding: 0;
	margin: 0 0 5px;
	text-transform: none;
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 1.3em;
	line-height: 1.2em;
	color: #fff;
}

h1 {
	font-size: 1.6em;
	margin-bottom: 10px;
	margin-top: 10px;
}

h2 {
	font-size: 1.2em;
	margin-bottom: 10px;
	margin-top: 10px;
}

h3 {
	font-size: 1.1em;
}

.colorMe {
	color: #fff;
}

body.love .colorMe,
body.standard #content span.colorLove a:hover {
	color: #ff0092;
	border-color: #ff0092;
}

body.life .colorMe,
body.standard #content span.colorLife a:hover {
	color: #01a4ff;
	border-color: #01a4ff;
}

body.work .colorMe,
body.standard #content span.colorWork a:hover {
	color: #fe7600;
	border-color: #fe7600;
}

.JSwarning {
	color: red;
}

.hidden {
	display: none;
}

a.button {
	padding: 10px;
	border: 1px solid #3d3d3d;
	background-color: #1a1a1a;
	float: left;
	margin-right: 15px;
	text-transform: uppercase;
}

ul.list li a.button {
	padding: 10px;
	border: 1px solid #3d3d3d;
	background-color: #1a1a1a;
	float: left;
	margin-right: 15px;
	text-transform: uppercase;
	width: 165px;
	margin-bottom: 15px;
}

.cornerMe {
	-webkit-border-radius: 5px;
}

/* @group Flash */

.flash-replaced span.alt {
	display: none;
}

.flash-replaced {
	background: transparent;
	margin-top: 0;
}

.flash-replaced .alf {
	display: none;
}

/* @end */

/* @end */

/* @group Spalsh */

#enter {
	width: 600px;
	margin: 135px auto 0;
	text-align: center;
	height: 270px;
}

#enter div.alt a {
	display: none;
}

#enter a {
	width: 270px;
	text-align: center;
	height: 200px;
	display: block;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/layout.logo.png);
}

#enter span {
	display: none;
}

#enter_note {
	text-align: center;
}

#enter_note a {
	color: #242424;
}

body#splash {
	background: #000;
}

/* @end */

/* @group Flavours */

ul#flavours {
	margin-top: 125px;
	float: left;
	margin-bottom: 40px;
}

#logo a {
	height: 85px;
	width: 200px;
	display: block;
	background: url(../images/button.logo.small.png) no-repeat;
	margin-top: 30px;
}

#logo a span {
	display: none;
}

body.flavours #content {
	margin-top: 100px;
}

#flavours li {
	float: left;
}

#flavours li {
	float: left;
}

#flavours li a {
	height: 280px;
	display: block;
	width: 300px;
	margin-right: 30px;
	background: url(../images/button.flavours.jpg) 0;
}

#flavours li a span {
	display: none;
}

#flavours li a.love {
	background-position: 0;
}

#flavours li a.life {
	background-position: -394px;
}

#flavours li a.work {
	background-position: -794px;
}

#flavours li a.work.last {
	margin: 0;
}

body.flavours {
	background: #242424 url(../images/layout.main.bg.gif) repeat-x 0 -170px;
}

/* @end */

/* @group Layout */

/* @group Cols */

#col1, #col2 {
	float: left;
	display: block;
}

#col1 {
	width: 400px;
}

#col2 {
	margin-left: 30px;
	width: 450px;
}

#col_wrapper.faq #col1 {
	width: 600px;
}

body.blog #col_wrapper #col1  {
	width: 600px;
}

body.blog #col_wrapper #col2  {
	width: 220px;
	background: #000;
	margin-bottom: 15px;
	padding: 20px;
}

#col_wrapper.faq #col2 {
	width: 250px;
	margin-left: 30px;
}

#col_wrapper.login #col1,
#col_wrapper.find #col1,
#col_wrapper.investment #col1,
#col_wrapper.show #col1 {
	width: 470px;
}

#col_wrapper.login #col2,
#col_wrapper.find #col2,
#col_wrapper.investment #col2,
#col_wrapper.show #col2 {
	margin-left: 30px;
	width: 400px;
}

/* @end */

#container {
	margin: 0 auto;
	width: 960px;
	clear: both;
}

#header {
	height: 85px;
}

#content {
	float: left;
	min-height: 350px;
	width: 900px;
	border-bottom: 1px solid #222;
}

/* @group Footer */

body.spalsh #footer {
	margin-top: 200px;
}

#footer {
	float: left;
	padding-top: 10px;
	width: 100%;
	margin-top: 0;
	height: 30px;
}

#footer * {
	margin: 0;
	font-size: 11px;
	color: #515153;
}

span.call_catch,
#left p span.call_catch {
	color: #ffffff;
}

#footer a:hover {
	margin: 0;
	color: #fff;
}

#footer #right {
	float: right;
}

#footer #right li {
	float: right;
	margin-left: 10px;
}

#right ul li a:hover span {
	color: #fff;
}

#footer #left {
	float: left;
}

/* @end */

/* @end */

/* @group Navigation */

#navlist li a span {
	visibility: hidden;
}

#navcontainer ul {
	position: absolute;
	margin: 10px 0 0 260px;
	list-style-type: none;
	text-align: center;
	width: 725px;
}

#navcontainer ul li {
	display: inline;
}

.flavours #navcontainer ul,
.standard #navcontainer ul,
.blog #navcontainer ul {
	margin-left: 450px;
	width: 535px;
}

.love #navcontainer ul {
	margin-left: 260px;
}

.life #navcontainer ul {
	margin-left: 447px;
	width: 520px;
}

.work #navcontainer ul {
	margin-left: 448px;
	width: 520px;
}

.flavours #navcontainer ul li a,
.standard #navcontainer ul li a,
.blog #navcontainer ul li a {
	text-decoration: none;
	color: #000;
	background: url(../images/nav.main.png) no-repeat left;
	padding: 0 0 35px;
	float: left;
}

.love #navcontainer ul li a {
	text-decoration: none;
	color: #000;
	background: url(../images/nav.main.love.png) top left no-repeat;
	float: left;
	margin: 0;
	padding-top: 0;
	padding-bottom: 35px;
	padding-left: 0;
	cursor: pointer;
}

.life #navcontainer ul li a {
	text-decoration: none;
	color: #000;
	background: url(../images/nav.main.life.png) top left no-repeat;
	padding: 0 0 35px;
	float: left;
}

.work #navcontainer ul li a {
	text-decoration: none;
	color: #000;
	background: url(../images/nav.main.work.png) top left no-repeat;
	padding: 0 0 35px;
	float: left;
}

/* @group Nav Status */

#navcontainer ul li.nav1 a {
	background-position: 0px 0;
	width: 140px;
}

#navcontainer ul li.nav1 a:hover {
	background-position: 0px -54px;
	width: 140px;
}

#navcontainer ul li.nav1.active a {
	background-position: 0px -109px;
	width: 140px;
}

#navcontainer ul li.nav2 a {
	background-position: -140px 0;
	width: 123px;
}

#navcontainer ul li.nav2 a:hover {
	background-position: -140px -54px;
	width: 123px;
}

#navcontainer ul li.nav2.active a {
	background-position: -140px -109px;
	width: 123px;
}

#navcontainer ul li.nav3 a {
	background-position: -263px 0;
	width: 130px;
}

#navcontainer ul li.nav3 a:hover {
	background-position: -263px -54px;
	width: 130px;
}

#navcontainer ul li.nav3.active a {
	background-position: -263px -109px;
	width: 130px;
}

#navcontainer ul li.nav4 a {
	background-position: -393px 0;
	width: 130px;
}

#navcontainer ul li.nav4 a:hover {
	background-position: -393px -54px;
	width: 130px;
}

#navcontainer ul li.nav4.active a {
	background-position: -393px -109px;
	width: 130px;
}

#navcontainer ul li.nav5 a {
	background-position: -523px 0;
	width: 186px;
}

#navcontainer ul li.nav5 a:hover {
	background-position: -523px -54px;
	width: 186px;
}

#navcontainer ul li.nav5.active a {
	background-position: -523px -109px;
	width: 186px;
}

#navcontainer ul li.nav6 a {
	background-position: -710px 0;
	width: 125px;
}

#navcontainer ul li.nav6 a:hover {
	background-position: -710px -54px;
	width: 125px;
}

#navcontainer ul li.nav6.active a {
	background-position: -710px -109px;
	width: 125px;
}

/* @end */

/* @end */

/* @group Content */

body.splash {
	background: #000 none repeat-x 0 -170px;
}

body.standard,
body.blog {
	background: #1a1a1a url(../images/layout.main.bg.gif) repeat-x 0 -170px;
}

body.love {
	background: #000000 url(../images/background_love.jpg) no-repeat center top;
}

body.life {
	background: #000000 url(../images/background_life.jpg) no-repeat center top;
}

body.work {
	background: #000000 url(../images/background_work.jpg) no-repeat center top;
}

body.standard #content,
body.blog #content {
	background: #1a1a1a;
	padding: 30px;
	margin-top: 30px;
}

body.love #content {
	background: #000;
	padding: 30px;
	margin-top: 30px;
}

body.life #content {
	background: #000;
	padding: 30px;
	margin-top: 30px;
}

body.work #content {
	background: #000;
	padding: 30px;
	margin-top: 30px;
	min-height: 700px;
}

/* @group Quotes */

p.quote {
	margin: 0;
	float: left;
}

div.quote_by {
	float: right;
	clear: both;
	display: block;
	width: 175px;
	text-align: right;
	font-size: .85em;
	font-style: italic;
	color: #7d7d7d;
}

.catch_colours {
	background: url(../images/catch_colours.png) no-repeat -3px center;
	margin-top: 35px;
	display: block;
	clear: both;
	margin-bottom: 20px;
}

/* @end */

/* @end */

/* @group Sections */

/* @group docs */

#content.docs sup {
	font-size: 80%;
	margin-right: 5px;
}

#content.docs h1,#content.docs h2, #content.docs h3 {
	color: #fe7600;
}

#content.docs ul li {
	margin-left: 20px;
	margin-bottom: 10px;
	list-style-type: lower-alpha;
	color: #fff;
}

#content.docs ul.sup {
	font-size: 80%;
	margin-bottom: 20px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

#content.docs ul.sup li {
	list-style-type: none;
	margin-bottom: 10px;
}

/* @end */

#content ul.services li {
	margin-bottom: 10px;
	list-style-type: disc;
	margin-left: 35px;
}

/* @group Show */

div#messages {
	clear: both;
	float: left;
}

#about_our_day {
	clear: both;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	background-color: #1a1a1a;
	padding: 15px;
	width: 370px;
}


#why_this_page {
	clear: both;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	background-color: #1a1a1a;
	padding: 15px;
	width: 370px;
}

#content.show div#about_our_day h3 {
	color: #fff;
	margin: 10px 0 5px;
}

.message {
	clear: both;
	float: left;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	background-color: #1a1a1a;
	padding: 15px;
	width: 370px;
}

.message p {
	margin: 0;
}

#content.show h1,
#content.show h2,
#content.show h3 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 1.4em;
	color: #fff;
}

div#video {
	float: left;
	margin-top: 5px;
	margin-bottom: 50px;
}

div#cinescope {
	float: left;
	width: 900px;
	height: 320px;
	background: #1a1a1a;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 0 auto;
}

div#cinescope div {
	margin: 140px auto 0;
	width: 25em;
	text-align: center;
	font-size: 2em;
	color: #2d2d2d;
}

div#cinescope_flash {
	float: left;
}

h2.url {
	float: right;
}

/* @end */

/* @group The Buzz */

div.author {
	float: right;
	font-style: italic;
	margin-top: 10px;
}

#the_buzz ul li {
	background: #1a1a1a;
	margin-bottom: 15px;
	padding: 20px;
	float: left;
	width: 208px;
	font-weight: normal;
	font-style: normal;
	font-size: .9em;
	line-height: 1.2em;
}

/* @end */

/* @group Love */

#header_image #title * {
	position: absolute;
	background: black;
	display: block;
	clear: both;
	margin-top: 20px;
	padding: 10px;
	font-size: 2em;
}

#quotes {
	float: right;
	background: black;
	padding: 10px 10px 0;
	margin-top: 20px;
	width: 250px;
	display: block;
	clear: both;
}

#quotes p {
	font-style: italic;
}

#quotes span {
	text-align: right;
	display: block;
}

div#quotes p {
	color: #ffffff;
}

div#header_image {
	height: 230px;
	margin-bottom: 20px;
	border: 1px solid #000000;
}

.standard div#header_image {
	display: none;
}

.standard a {
	color: #fff;
	text-decoration: none;
}

.love div#header_image {
	background: url(../images/header.love.jpg) 0 -30px;
	height: 300px;
}

.life div#header_image {
	background-image: url(../images/header.life.jpg);
	height: 330px;
}

body.love h1,
body.love h2,
body.love a {
	color: #ff0092;
}

body.life h1,
body.life a {
	color: #01a4ff;
}

body.work h1,
body.work a {
	color: #fe7600;
}

.work div#header_image {
	background-image: url(../images/header.work.jpg);
	height: 330px;
}

ul#samples {
	float: left;
	margin-bottom: 50px;
	margin-top: 5px;
}

#samples li {
	width: 200px;
	float: left;
	display: block;
	cursor: pointer;
	margin-right: 25px;
}

#samples li a {
	background-color: #1a1a1a;
	display: block;
	padding-top: 120px;
}

#samples li a span {
	padding: 5px 5px 5px 0;
	text-align: center;
	position: absolute;
	margin-top: 5px;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: .7em;
}

/* @group Clips */

/* @group work */

#samples li a.eha {
	background: url(../images/samples.work.eha.jpg) no-repeat center center;
}

#samples li a.notw1 {
	background: url(../images/samples.work.notw1.jpg) no-repeat center center;
}

#samples li a.notw2 {
	background: url(../images/samples.work.notw2.jpg) no-repeat center center;
}

/* @end */

/* @group love */

#samples li a.cj {
	background: url(../images/samples.love.cj.jpg) no-repeat center center;
}

#samples li a.gm {
	background: url(../images/samples.love.mg.jpg) no-repeat center center;
}

#samples li a.jj {
	background: url(../images/samples.love.jj.jpg) no-repeat center center;
}

#samples li a.tm {
	background: url(../images/samples.love.tm.jpg) no-repeat center center;
}

/* @end */

/* @end */



/* @group answers */

div.faq_box {
	border-width: 1px;
	margin-top: 15px;
	border-left: 8px solid #1a1a1a;
	padding-left: 15px;
}

div.faq_box h3 {
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	line-height: 1.3em;
	font-size: 1.05em;
}

div.faq_box h2 {
	margin-top: 30px;
}

/* @end */

/* @end */

/* @group Contact */

/* @group Map */

#map {
	display: block;
	padding: 10px;
	height: 210px;
	margin-bottom: 20px;
	background: #1a1a1a url(../images/contact.map.png) 0 -20px;
	-webkit-border-radius: 5px;
}

body.standard #directions a,
body.love #directions a,
body.life #directions a,
body.work #directions a {
	padding: 11px;
	text-align: center;
	-webkit-border-radius: 5px;
	position: absolute;
	margin-top: 3px;
	text-transform: uppercase;
	font-size: .8em;
	width: 100px;
	height: 10px;
	background-color: #000;
	text-decoration: none;
	margin-left: 3px;
	border: none;
}

div#marker {
	position: absolute;
	background: transparent url(../images/contact.map.marker.gif) no-repeat;
	width: 20px;
	height: 22px;
	margin-top: 173px;
	margin-left: 107px;
}

body.love div#marker {
	background: transparent url(../images/contact.map.marker.gif) no-repeat 0 -43px;
}

body.life div#marker {
	background: transparent url(../images/contact.map.marker.gif) no-repeat 0 0;
}

body.work div#marker {
	background: transparent url(../images/contact.map.marker.gif) no-repeat 0 -21px;
}

body.standard div#marker {
	display: none;
}

div#marker.work {
	background: transparent url(../images/contact.map.marker.gif) no-repeat 0 -21px;
}

/* @end */

/* @group form */

#form p, label, legend {
	color: #fff;
	font: .75em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	text-transform: uppercase;
}

#form {
	display: block;
	width: 381px;
	background-color: #1a1a1a;
	padding: 5px 10px 10px;
	margin-bottom: 15px;
}

body.standard #form {
	display: block;
	width: 380px;
	padding: 10px;
	background-color: #000;
	margin: 0;
}

/* Form style */

#form label {
	display: inline-block;
	float: left;
	line-height: 1.6em;
}

#form input, textarea, select {
	width: 345px;
	margin: 0;
	padding: 5px;
	color: #666;
	background: #ececec;
	border: 1px solid #d0d0d0;
	margin: 5px 0;
	font: 1.2em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	webkit-border-radius: 5px;
	float: left;
}

#form label.maths {
	display: block;
	padding-top: 10px;
	width: 6em;
}

#form input#search_string {
	width: 245px;
}


#form input#submit.submit.search {
	height: 35px;
}

#form input:focus, textarea:focus, select:focus {
	border: 1px solid #999;
	background-color: #fff;
	color: #333;
}

#form input.submit {
	cursor: pointer;
	border: 1px solid #222;
	background: #242424;
	color: #fff;
	text-align: center;
	float: left;
	font-size: 1em;
	line-height: 1.5em;
	width: 170px;
}

#form input.search {
	width: 90px;
	cursor: pointer;
	border: 1px solid #222;
	background: #333;
	color: #fff;
	text-align: center;
	float: right;
	margin: 4px 0 0;
	height: 31px;
}

#form.find input#name {
	width: 250px;
	height: 17px;
}

#form input.submit:hover {
	background: #444;
}

#form input[type="submit"][disabled] {
	background: #888;
}

#form fieldset {
	padding: 0 10px;
}

#form legend {
	padding: 7px 10px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0 !important;
	margin-bottom: 20px;
}

body.standard #form span.required {
	font-size: 13px;
	color: #fff;
}

body.life #form span.required {
	font-size: 13px;
	color: #01a4ff;
}

body.love #form span.required {
	font-size: 13px;
	color: #ff0092;
}

body.work #form span.required {
	font-size: 13px;
	color: #fe7600;
}

/* Select the colour of the * if the field is required. */

#message {
	margin: 10px 0;
	padding: 0;
}

#form #message {
	padding-top: 0;
	padding-left: 10px;
	padding-right: 10px;
}

#form #message ul li a {
	padding: 10px;
	background-color: #333;
	border: 1px solid #505050;
	display: block;
	color: #fff;
	margin-bottom: 15px;
}

#form #message ul li a:hover {
	background-color: #242424;
}

#form #message ul li span {
	float: right;
}

#form #message div {
	padding-bottom: 30px;
	border-bottom: 1px solid #ff0092;
}

#message p {
	display: block;
	background: #FBE3E4 url(../images/contact_error.gif) no-repeat 10px center;
	padding: 3px 10px 3px 35px;
	color: #8a1f11;
	border: 1px solid #FBC2C4;
	-webkit-border-radius: 5px;
	line-height: 1.6em;
}

.loader {
	padding: 0 10px;
}

#message p.success {
	height: auto;
	background: #ebffb2 url(../images/contact_success.gif) no-repeat 10px center;
	color: #000000;
	border: 1px solid #37be66;
	-webkit-border-radius: 5px;
	text-transform: none;
}

acronym {
	border-bottom: 1px dotted #ccc;
}

ul.contact li {
	margin-bottom: 3px;
}

ul.contact li.large {
	font-size: 1.4em;
	margin-bottom: 15px;
}

/* @end */

/* @end */

/* @end */