/* enigma communication - screen stylesheet */


/* reset */

html {
	height: 100.1%
}


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;
}

/* reset browser font-size from 16px to 12px + percentage value for ie6 to allow text resize */	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
}
    
/* ie 6 ignores this rule + text resize for firefox, ie 7, safari, opera */	
html > body {
	font-size: 12px;
}


/* 12px font-size (set above) x 1.5em line-height (set below)  = 18px (rhythmic site unit) */	  
p {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}

h5 {
	font-size: 1.416em;
	font-weight: normal;
	line-height: 1.058em;
	margin-bottom: 1.058em;
	margin-top: 1.058em;
}

/*  Determine line-height & margins - 18px (rhythmic site unit) ÷ 18px (heading font-size) = 1 (em value for heading line-height + top & bottom margins) */	
/*  Converting px font size to ems - 18px (heading font size) ÷ 12px (reset font-size)   = 1.5em 	  

example heading {
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
}


*/


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;
}


/* ---- Classes ---- */

.hidden {
	left: -999px;
	position: absolute;
	width: 990px;
}


/* ---- Start Page Styles ---- */


body {
	background-color: #fff;
	background-position: center top;
	background-repeat: no-repeat !important;
	height: 101%;
	margin: 0 auto;
	text-align: center;
}

body#who_we_are {background: url(/images/body_background_nobys_2.jpg) center -150px; }

body#what_we_do {background-image: url(/images/body_background_industry_2.jpg)}

body#who_we_do_it_with {background-image: url(/images/body_background_honeysuckle.jpg)}

body#the_team {background-image: url(/images/body_background_kind_edwards.jpg); background-position: center -160px; }

body#blog {background-image: #}

body#jobs {background-image: url(/images/body_background_industry.jpg)}

body#contact_us {background-image: url(/images/body_background_horses.jpg)}

body#newsletter {background-image: url(/images/body_background_newcastle_beach.jpg)}

body#show_reel {background-image: url(/images/body_background_bogey.jpg)}

body#privacy {background-image: #}


#wrapper_main {
	margin: 0 auto;
	overflow: hidden;
	margin-top: 50px;
	text-align: left;
	width: 875px;
}


/* Header */

#header {
	left: -999px;
	position: absolute;
	width: 990px;
}


#no_flash p {
	color: #fff;
}

/* Main Navigation */

#nav_main {
	display: inline;
	float: left;
	width: 330px;
}

#nav_main ul {
	overflow: hidden;
	width: 330px;
}

ul#sliding-navigation {
	overflow: hidden;
	width: 330px;
}

ul#sliding-navigation li {
	clear: left;
	display: inline;
	float: left;
	margin-bottom: 3px;
}


ul#sliding-navigation li.sliding-element a {
	background-color: #000;
	cursor: pointer;
	display: block;
	float: left;
	padding: 0 5px;
	text-decoration: none;
}


ul#sliding-navigation li.sliding-element a span {
	background-image: url(/images/bg_nav_main.png); 
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 24px;
}


/* nav_main item - who we are */
ul#sliding-navigation li.who_we_are a {width: 147px}
ul#sliding-navigation li.who_we_are a span {background-position: 0 0; width: 147px}
body#who_we_are ul li.who_we_are a span, body#who_we_are ul li.who_we_are a span:hover {background-position: -250px 0}
body#who_we_are ul li.who_we_are a, body#who_we_are ul li.who_we_are a:hover {background-color: #cd0027}

/* nav_main item - the team */
ul#sliding-navigation li.the_team a {width: 112px}
ul#sliding-navigation li.the_team a span {background-position: 0 -27px; width: 112px}
body#the_team ul li.the_team a span, body#the_team ul li.the_team a span:hover {background-position: -250px -27px}
body#the_team ul li.the_team a, body#the_team ul li.the_team a:hover {background-color: #cd0027}

/* nav_main item - what we do */
ul#sliding-navigation li.what_we_do a {width: 146px}
ul#sliding-navigation li.what_we_do a span {background-position: 0 -54px; width: 146px}
body#what_we_do ul li.what_we_do a span, body#what_we_do ul li.what_we_do a span:hover {background-position: -250px -54px}
body#what_we_do ul li.what_we_do a, body#what_we_do ul li.what_we_do a:hover {background-color: #cd0027}

/* nav_main item - who we do it with */
ul#sliding-navigation li.who_we_do_it_with a {width: 223px}
ul#sliding-navigation li.who_we_do_it_with a span {background-position: 0 -81px; width: 223px}
body#who_we_do_it_with ul li.who_we_do_it_with a span, body#who_we_do_it_with ul li.who_we_do_it_with a span:hover {background-position: -250px -81px}
body#who_we_do_it_with ul li.who_we_do_it_with a, body#who_we_do_it_with ul li.who_we_do_it_with a:hover {background-color: #cd0027}

/* nav_main item - blog */
ul#sliding-navigation li.blog a {width: 60px}
ul#sliding-navigation li.blog a span {background-position: 0 -109px; width: 60px}
body#blog ul li.blog a span, body#blog ul li.blog a span:hover {background-position: -250px -109px}
body#blog ul li.blog a, body#blog ul li.blog a:hover {background-color: #cd0027}

/* nav_main item - jobs */
ul#sliding-navigation li.jobs a {width: 58px}
ul#sliding-navigation li.jobs a span {background-position: 0 -136px; width: 58px}
body#jobs ul li.jobs a span, body#jobs ul li.jobs a span:hover {background-position: -250px -136px}
body#jobs ul li.jobs a, body#jobs ul li.jobs a:hover {background-color: #cd0027}

/* nav_main item - contact us */
ul#sliding-navigation li.contact_us a {width: 143px}
ul#sliding-navigation li.contact_us a span {background-position: 0 -163px; width: 143px}
body#contact_us ul li.contact_us a span, body#contact_us ul li.contact_us a span:hover {background-position: -250px -163px}
body#contact_us ul li.contact_us a, body#contact_us ul li.contact_us a:hover {background-color: #cd0027}

/* nav_main item - newsletter */
ul#sliding-navigation li.newsletter a {width: 148px}
ul#sliding-navigation li.newsletter a span {background-position: 0 -190px; width: 148px}
body#newsletter ul li.newsletter a span, body#newsletter ul li.newsletter a span:hover {background-position: -250px -190px}
body#newsletter ul li.newsletter a, body#newsletter ul li.newsletter a:hover {background-color: #cd0027}

/* nav_main item - showreel */
ul#sliding-navigation li.show_reel a {width: 129px}
ul#sliding-navigation li.show_reel a span {background-position: 0 -217px; width: 129px}
body#show_reel ul li.show_reel a span, body#show_reel ul li.show_reel a span:hover {background-position: -250px -217px}
body#show_reel ul li.show_reel a, body#show_reel ul li.show_reel a:hover {background-color: #cd0027}

/* nav_main item - privacy */
ul#sliding-navigation li.privacy a {width: 95px}
ul#sliding-navigation li.privacy a span {background-position: 0 -244px; width: 95px}
body#privacy ul li.privacy a span, body#privacy ul li.privacy a span:hover {background-position: -250px -244px}
body#privacy ul li.privacy a, body#privacy ul li.privacy a:hover {background-color: #cd0027}






/* return to home enigma logo */

p#return_to_home {
	display: block;
	height: 63px;
	width: 203px;
}

p#return_to_home a {
	background: url(/images/bg_enigma_logo.png) no-repeat 0 0;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 63px;
	width: 203px;
}

/* Content */

#content {
	display: inline;
	float: left;
	width: 545px;
}

#content p {
}

#content a {
	color: #fff;
	text-decoration: underline;
}

#content a:hover {
	text-decoration: none;
}

#content h1, #content h2 {
	background-repeat: no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
}

#content h3 {
	left: -999px;
	position: absolute;
	width: 990px;
}
	

/* #content - who_we_are */
body#who_we_are #enigma {}

#enigma {
	background: url(/images/bg_enigma.png) no-repeat 0 0;
	display: block;
	height: 0px;
	padding-top: 99px;
	margin-bottom: 3px;
	width: 380px;
	overflow: hidden;
}

#creative_diversity {
	background: url(/images/bg_creative_diversity.png) no-repeat 0 0;
	display: block;
	height: 0px;
	padding-top: 52px;
	margin-bottom: 26px;
	width: 498px;
	overflow: hidden;
}

#content_rotator {
	min-height: 300px;
	width: 545px;
}


#content_rotator_nav {
	margin-bottom: 4px;
	overflow: hidden;
	width: 545px;
}

#content_rotator_nav a {
	background: #000;
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
	text-decoration: none;
	margin: 0 5px 0 0;
	padding: 8px 12px;
}

#content_rotator_nav a.activeSlide, #content_rotator_nav a.activeSlide:hover  {
	background: #cd0127;
	color: #fff;
}

#content_rotator_nav a:focus {
	outline: none;
}	

#content_rotator_nav a:hover {
	background-color: #464749;
}		

#content_rotator_content {
	width: 545px;
}
#content_rotator_content div.rotate_1 {
	height: 0px;
	overflow: hidden;
	padding-top: 216px;
	width: 349px;
	background: url(/images/rotate_1.png) 0px 0px no-repeat;
}
#content_rotator_content div.rotate_2 {
	height: 0px;
	overflow: hidden;
	padding-top: 251px;
	width: 386px;
	background: url(/images/rotate_2.png) 0px 0px no-repeat;
}
#content_rotator_content div.rotate_3 {
	height: 0px;
	overflow: hidden;
	padding-top: 180px;
	width: 389px;
	background: url(/images/rotate_3.png) 0px 0px no-repeat;
}

/* #content - the_team */
body#the_team #content {
	background: url(/images/bg_transparent.png) repeat 0 0;
	padding: 13px;
	width: 454px;
}


body#the_team #content ul {
	overflow: hidden;
	width: 485px;
}

body#the_team #content ul li {
	display: inline;
	float: left;
	margin-bottom: 10px;
	margin-right: 13px;
	height: 143px;
	width: 143px;
}

body#the_team #content ul li.last_node {
	margin-right: 0;
}

body#the_team #content ul li.last_row {
	margin-bottom: 0;
}

body#the_team #content ul li a {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 143px;
	width: 143px;
}

body#the_team #content ul li a:hover {
	background-position: -143px 0;
}
body#the_team #content ul li.lisa_sutton a {
	background-image: url(/images/the_team_lisa_sutton_thumb.jpg);
}


body#the_team #content ul li.wayne_roberts a {
	background-image: url(/images/the_team_wayne_roberts_thumb.jpg);
}


body#the_team #content ul li.leisa_cameron a {
	background-image: url(/images/the_team_leisa_cameron_thumb.jpg);
}

body#the_team #content ul li.nathan_thurston a {
	background-image: url(/images/the_team_nathan_thurston_thumb.jpg);
}

body#the_team #content ul li.ian_bennett a {
	background-image: url(/images/the_team_ian_bennett_thumb.jpg);
}

body#the_team #content ul li.helen_clifford a {
	background-image: url(/images/the_team_helen_clifford_thumb.jpg);
}

body#the_team #content ul li.brian_daly a {
	background-image: url(/images/the_team_brian_daly_thumb.jpg);
}

body#the_team #content ul li.jamie_lewis a {
	background-image: url(/images/the_team_jamie_lewis_thumb.jpg);
}

body#the_team #content ul li.karen_fitzpatrick a {
	background-image: url(/images/the_team_karen_fitzpatrick_thumb.jpg);
}

body#the_team #content ul li.chris_lancaster a {
	background-image: url(/images/the_team_chris_lancaster_thumb.jpg);
}

body#the_team #content ul li.brett_lavaring a {
	background-image: url(/images/the_team_brett_lavaring_thumb.jpg);
} 

body#the_team #content ul li.glenn_cogan a {
	background-image: url(/images/the_team_glenn_cogan_thumb.jpg);
} 
 
/* #content - who_we_do_it_with */
body#who_we_do_it_with #flash {
	background: url(/images/bg_transparent.png) repeat 0 0;
	padding: 10px 10px 10px 10px;
	vertical-align: top;
	width: 455px;
}

body#who_we_do_it_with #content h4 {
	background: url(/images/bg_results_focussed.png) no-repeat 0 0;
	display: block;
	height: 0;
	margin-bottom: 3px;
	overflow: hidden;
	padding-top: 51px;
	width: 479px;
}

body#who_we_do_it_with #content h5 {
	background: url(/images/bg_we_are_results_driven.png) no-repeat 0 0;
	display: block;
	height: 0;
	margin-bottom: 3px;
	overflow: hidden;
	padding-top: 68px;
	width: 342px;
}

/* #content - what_we_do */
body#what_we_do #flash {
	background: url(/images/bg_start_slideshow.png) no-repeat 0 0;
	padding: 0;
	vertical-align: top;
	width: 475px;
}

body#what_we_do #content h4 {
	background: url(/images/bg_ideas_that_resonate.png) no-repeat 0 0;
	display: block;
	height: 0;
	margin-bottom: 3px;
	overflow: hidden;
	padding-top: 51px;
	width: 542px;
}

body#what_we_do #content h5 {
	background: url(/images/bg_where_left_right_brain_meet.png) no-repeat 0 0;
	display: block;
	height: 0;
	margin-bottom: 3px;
	overflow: hidden;
	padding-top: 35px;
	width: 410px;
}

body#what_we_do #content h6 {
	background: url(/images/bg_enigmas_foundations.png) no-repeat 0 0;
	display: block;
	height: 0;
	margin-bottom: 3px;
	overflow: hidden;
	padding-top: 85px;
	width: 410px;
}

/* #content - jobs */
body#jobs #content {
	background: url(/images/bg_transparent.png) repeat 0 0;
	color: #fff;
	padding: 10px 10px 0 10px;
	width: 506px;
}

body#jobs #content h4 {
	background: url(/images/bg_whats_available.png) no-repeat 0 0;
	display: block;
	height: 0;
	margin-bottom: 3px;
	overflow: hidden;
	padding-top: 55px;
	width: 506px;
}

body#jobs h5 {
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
	text-transform: uppercase;
}

body#jobs h6 {
	font-size: 1.167em;
	line-height: 1.28em;
	margin-bottom: 1.28m;
	margin-top: 1.28em;
	text-transform: uppercase;
}

body#jobs #content ul {
	list-style-type: square; 
	margin-bottom: 1.5em;
}

body#jobs #content ul li {
	font-size: 1em;
	line-height: 1.5em;
	margin-left: 20px;
	padding-left: 6px;
}


body#jobs p.apply_now {
	display: inline;
	float: right;
	margin-bottom: 0;
}

body#jobs p.apply_now a {
	background: url(/images/bg_apply_now.png) no-repeat 0 0;
	display: block;
	height: 0;
	margin-bottom: 3px;
	overflow: hidden;
	padding-top: 22px;
	width: 132px;
}

/* #content - contact_us */
body#contact_us #content {
	background: url(/images/bg_transparent.png) repeat 0 0;
	color: #fff;
	padding: 10px 10px 0 10px;
	width: 410px;
}

body#contact_us #content h4#new_business {
	background: url(/images/bg_new_business.png) no-repeat 0 0;
	display: block;
	height: 0;
	margin-bottom: 3px;
	overflow: hidden;
	padding-top: 54px;
	width: 409px;
}

body#contact_us #content h4#our_address {
	background: url(/images/bg_our_address.png) no-repeat 0 0;
	display: block;
	height: 0;
	margin-bottom: 3px;
	overflow: hidden;
	padding-top: 54px;
	width: 392px;
}

/* #content - newsletter */
body#newsletter #content {
	background: url(/images/bg_transparent.png) repeat 0 0;
	color: #fff;
	padding: 10px 10px 0 10px;
	width: 456px;
}

body#newsletter #content h4 {
	background: url(/images/bg_donwload_our_current_issue.png) no-repeat 0 0;
	display: block;
	height: 0;
	margin-bottom: 3px;
	overflow: hidden;
	padding-top: 116px;
	width: 455px;
}

body#newsletter #content ul {
	list-style-type: square;
	margin-top: 1.5em; 
	margin-bottom: 1.5em;
}

body#newsletter #content ul li {
	font-size: 1em;
	line-height: 1.5em;
	margin-left: 20px;
	padding-left: 6px;
}

#form_subscribe span.label {
	float: left;
	width: 100px;
} 

#form_subscribe span.multiple {
	float: left;
} 

#form_subscribe span.button {
	padding-left: 100px;
} 

#form_subscribe div.clear {
	clear: both;
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

/* #content - blog */
body#blog #content {
	background-color: #000;
	color: #fff;
	padding: 10px 10px 10px 10px;
	width: 525px;
}

body#blog #content h4 {
	background: url(/images/bg_launching_soon.png) no-repeat 0 0;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 116px;
	width: 409px;
}

/* #content - x */
body#show_reel #content {
	color: #fff;
	width: 475px;
}

body#show_reel #content h4 {
	background: url(/images/bg_creative_in_motion.png) no-repeat 0 0;
	display: block;
	height: 0;
	margin-bottom: 10px;
	overflow: hidden;
	padding-top: 116px;
	width: 292px;
}

body#show_reel #copy {
	background: url(/images/bg_transparent.png) repeat 0 0;
	color: #fff;
	margin-bottom: 10px;
	padding: 10px;
	width: 435px;
}

body#show_reel #copy p {
	line-height: normal;
	margin: 0;
}

body#show_reel #flash {
	background: url(/images/bg_start_slideshow_show_reel.png) no-repeat 0 0;
	vertical-align: top;
	width: 475px;
}

/* #content - privacy */
body#privacy #content {
	background-color: #000;
	color: #fff;
	padding: 10px 10px 0 10px;
	width: 525px;
}

/*
	jQuery lightBox plugin
	This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
	and adapted to me for use like a plugin from jQuery.
	@name jquery-lightbox-0.5.css
	@author Leandro Vieira Pinho - http://leandrovieira.com
	@version 0.5
	@date April 11, 2008
	@category jQuery plugin
	@copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
	@license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
	@example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
 
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: -30px;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	display: none !important;
}

#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left;
	display: none;
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

p.digital-services a {
	height: 0;
	overflow: hidden;
	width: 195px;
	padding-top: 98px;
	background: url(/images/digital_services_button.png) 0 0 no-repeat;
	display: block;
}