/*

	Developed by NOW/media Digital Agency
	http://www.nowmedia.com.au
	
	NNNNNNNNNNN           NNNNNNN            MMMMM
	NNNNNNNNNNNN          NNNNNNN            MMMMM
	NNNNNNNNNNNNN         NNNNNNN           MMMMM
	NNNNNNNNNNNNNN        NNNNNNN           MMMMM
	NNNNNNNNNNNNNNN       NNNNNNN          MMMMM
	NNNNNNN NNNNNNNN      NNNNNNN          MMMMM
	NNNNNNN  NNNNNNNN     NNNNNNN         MMMMM
	NNNNNNN   NNNNNNNN    NNNNNNN         MMMMM
	NNNNNNN    NNNNNNNN   NNNNNNN        MMMMM
	NNNNNNN     NNNNNNNN  NNNNNNN        MMMMM
	NNNNNNN      NNNNNNNN NNNNNNN       MMMMM
	NNNNNNN       NNNNNNNNNNNNNNN       MMMMM
	NNNNNNN        NNNNNNNNNNNNNN      MMMMM
	NNNNNNN         NNNNNNNNNNNNN      MMMMM
	NNNNNNN          NNNNNNNNNNNN     MMMMM
	NNNNNNN           NNNNNNNNNNN     MMMMM

	
*/

/* --------------------------------------
   Global Reset
-------------------------------------- */
html {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
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;
	position: relative;
	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;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* --------------------------------------
   Global Styling
-------------------------------------- */

body {
	font: 11px/16px "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background: #fff url('../img/body.jpg') left top repeat-x;
}

.csbody {
	font: 11px/16px "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background: #fff url('../img/csbody.gif') left top repeat-x;
}

.csbodymain {
	font: 11px/16px "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background: #fff url('../img/csbodymain.jpg') left top repeat-x;
}

#center-wrap {
	height: 1%;
	width: 990px;
	margin: 0 auto;
}

a, a:visited, a:hover {
	color: #000;
	text-decoration: none;
}


/* --------------------------------------
   Header Section
-------------------------------------- */

#header {
	width: 990px;
	height: 382px;
	margin: 0 auto;
	
	/** added **/
	position: absolute;
	top: 0;
}

#header.img-rep {
	padding: 57px 0 0 70px;
	height: 325px;
	width: 920px;
	font-size: 40px;
	line-height: 40px;
}

#header span {
	width: 990px;
}

#header.img-rep small {
	font-size: 30px;
}

#header.img-rep img {
	font-size: 16px;
}

#header.home {
	background: url('../img/masthead-noscript.jpg') center top no-repeat;
}

#header.cs span {
	background: transparent url('../img/bg-creative-strategy.jpg') left top no-repeat;
}

#header.cst span {
	background: transparent url('../img/bg-case-studies.jpg') left top no-repeat;
}

#header.dm span {
	background: transparent url('../img/bg-digital-marketing.jpg') left top no-repeat;
}

#header.wd span {
	background: transparent url('../img/bg-web-development.jpg') left top no-repeat;
}

#header.loadit span { 
	background: transparent url('../img/bg-home-sanity.jpg') left top no-repeat; 
}

#header.cpa span { 
	background: transparent url('../img/bg-home-cpa.jpg') left top no-repeat;
}

#header.about span {
	background: transparent url('../img/bg-about.jpg') left top no-repeat;
}

#header.contact span {
	background: transparent url('../img/bg-contact.jpg') left top no-repeat;
}


#header #edge-left, #header #edge-right {
	width: 48px;
	height: 328px;
	z-index: 1000; 
	position: absolute; 
	top: 32px;  
}

#header #edge-left {
	left: 0;
	background: url('../img/edge-left.png');
}

#header #edge-right {
	right: 0;
	background: url('../img/edge-right.png');
}



/* NOWmedia Logo */

#logo {
	position: absolute;
	left: 722px;
	top: 82px;
	z-index: 100;
}

/* AJAX Banners Section */

#banners {
	position: relative;
	width: 990px;
	height: 383px;
	margin: 0 auto;
	overflow: hidden!important;
	z-index: 0;
}

#control-disable {
	position: absolute;
	background-color: transparent;
	width: 50px;
	height: 22px;
	right: 370px;
	bottom: 50px;
	z-index: 200;
	visibility: hidden;
}

.controls {
	position: absolute;
	visibility: hidden;
	width: 50px;
	height: 22px;
	bottom: 50px;
	right: 370px;
	z-index: 100;
}

.controls a { width: 22px; height: 22px; display: inline-block; outline: none; }
.controls a.banner-left {  background: #000 url('../img/btn-ajax-control-left.gif') left top no-repeat; float:left; }
.controls a:hover.banner-left { background-position: left -22px; }
.controls a.banner-right { background: #000 url('../img/btn-ajax-control-right.gif') left top no-repeat; float: right; }
.controls a:hover.banner-right { background-position: left -22px; }
	
.text-content {
	position: absolute;
	bottom: 34px;
	right: 81px;
	width: 190px;
	height: 130px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: left;
	z-index: 10;
}

.text-content h2 {
	font-size: 16px;
	font-weight: normal;
	color: #fff!important;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.text-content p {
	font-size: 11px;
	color: #a6aeb3!important;
}

.text-content p a, .text-content p a:visited {
	color: #067CB0;
	text-decoration: none;
}

.text-content p a:hover {
	text-decoration: underline;
}

#banner-odd {
	width: 990px;
	height: 383px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
#banner-even {
	width: 990px;
	height: 383px;
	position: absolute;
	top: 0;
	left: 990px;
	z-index: 5;
}


/* --------------------------------------
   Main Navigation Section
-------------------------------------- */

#nav {
	position: absolute;
	top: 0;
	left: 70px;
	width: 850px;
	height: 32px;
	z-index: 30;
}

#nav ul li {
	float: left; 
	list-style: none; 
	font-weight: bold; 
	font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
	padding: 0px 8px 0px 0px; 
	margin-right: 8px; 
	line-height: 30px;
}

#nav ul.csnav li {
	padding: 0px 0px 0px 0px; 
	margin-right: 4px; 
}

#nav ul li.active a, #nav ul li a:hover {
	color: #E74F00;
}

#nav ul.right {
	float: right;
}


/* --------------------------------------
   Content Section
-------------------------------------- */

#content {
	width: 850px;
	margin: 0 auto;
	padding-bottom: 60px;
	
	/** added **/
	padding-top: 385px;
}

#cscontent {
	width: 850px;
	margin: 0 auto;
	padding-bottom: 60px;
	padding-top: 64px;
}

#cscontentmain {
	width: 850px;
	margin: 0 auto;
	padding-bottom: 60px;
	padding-top: 224px;
}

#cscontentmain a,
#content a, #content a:visited {
	color: #067CB0;
}


#cscontentmain p a,
#content p a, #content p a:visited {
	padding: 0 2px;
}

#cscontentmain p a:hover,
#content p a:hover {
	background-color: #D1EFFB;
}

#content a:hover img {
	background: none;
}

#content h1 {
	margin-bottom: 15px;
}

#cscontent h1.csintro {
	margin-bottom: 15px;
	margin-top: 15px;
}

#content h2, #content h3, #cscontent h3, #cscontentmain h3, #cscontent h2 {
	margin-bottom: 10px;
}

#content p, #cscontent p {
	margin-bottom: 10px;
}

#cscontent a:visited {
	color:#067CB0;
}

#cscontent a:hover {
	color:#e74f00;
}

ul.further {
	margin-left: 0px;
	margin-top: 5px;
}

ul.further li {
	padding:2px;
}

#content-left {
	width: 580px;
	display: block;
	float: left;
}

#content-left h1 {
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
}

#content-left h2, #content-left h3 {
	color: #E74F00;
}

#content-left img {
	margin-bottom: 10px;
}

#content-right {
	width: 200px;
	float: right;
	padding-top: 5px;
}

#content-right h3 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}

#content-right p {
	color: #67777E;
	margin-bottom: 15px;
}
	
/* --------------------------------------
   Content Modules
-------------------------------------- */

/** Text Columns **/
#content div.text-row {
	clear: both;
	margin: 5px 0;
}

#content div.text-column {
	width: 180px;
	float: left;
	margin: 10px 15px 10px 0;
}

#content div.last {
	margin: 10px 0;
	
}

#content div.text-column h2 {
	color: #E74F00;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
}

#content div.text-column h2.lrg {
	font-size: 16px;
	line-height: 20px;
}

#content div.text-column h2 a, #content div.text-column h2 a:visited  {
	color: #E74F00;
}

#content div.text-column h2 a:hover {
	background: none;
	color: #067CB0;
}

#content div.text-column img {
	margin: 0 0 10px 0;
}

/** Contact Module **/

#content-right div.contact {
	background-color: #e3e9eb;
	padding: 15px;
}

#content-right div.contact p {
	margin-bottom: 10px;
	color: #000;
}

#content-right div.contact p a {
	padding: 0;
}

#content-right div.contact a:hover {
	background-color: transparent;
	color: #E74F00;
}

	
/** Client-List Module **/

ul.client-list {
	width: 100%;
	display: block;
}

ul.client-list div {
	width: 100%;
	margin-bottom: 5px;
}

ul.client-list li {
	display: block;
	float: left;
	margin-right: 24px;
	width: 92px;
}

ul.client-list li p {
	line-height: 13px;
}

ul.client-list li img {
	border: 1px solid #E1E7E9;
	margin-bottom: 5px!important;
}

/** Contact Module **/

#content form label {
	clear: both;
	width: 400px;
	display: block;
}

#content form input, #content form textarea {
	clear: both;
	width: 400px;
	padding: 3px;
	font: 12px "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

#content form input:focus, #content form textarea:focus {
	background-color: #f2f2f2;
	border: 2px solid #ccc;
}

#content input#submit {
	width: 48px;
	height: 22px;
}

#content input#submit:focus {
	border: none;
}


/** Partners Modules **/
	
div.partners {
	border: 1px solid #E1E7E9;
	text-align: center;
}

/* --------------------------------------
   Right side blog post
-------------------------------------- */

#blog-content {
	color: #67777E;
	width: 100%;
	margin-bottom: 1em;
}

#blog-content img {
	padding: 10px;
	margin-left: 65px;
}

#blog-content a {
	display: block;
	clear: both;
	color: #067CB0;
	padding: 2px 2px 3px;
}

#blog-content a:hover {
	background-color: #D1EFFB;
}
	
/* --------------------------------------
   Toolbar Module
-------------------------------------- */

#toolbar {
	width: 100%;
	height: 37px;
	position: fixed;
	bottom: 0;
	background: transparent url('../img/toolbar-bg.png') left top repeat-x;
	z-index: 1000;
	padding-top: 32px;
}

#toolbar #center {
	width: 850px;
	height: 37px;
	margin: 0 auto;
	z-index: 500;
}

#toolbar #center ul {
	width: 850px;
	height: 37px;
	border-left: 1px solid #d7d7d7;
	display: block;
	z-index: 1000;
}

#toolbar #center ul li {
	display: block;
	float: left;
	height: 37px;
	border-right: 1px solid #d7d7d7;
}

#toolbar #center ul li a, #toolbar #center ul li a:visited {
	display: block;
	height: 100%;
	padding: 10px 35px 0 20px;
	color: #67777e;
	cursor: pointer;
	margin-top: 1px;
}

#toolbar #center ul li a:hover {
	background-color: #edeff0;
	color: #e74f00;
	z-index: 1000;
	cursor: pointer;
}

#toolbar #center ul li a.active {
	margin-top: -6px;
	padding-top: 17px;
	background-color: #edeff0;
	color: #e74f00;
	z-index: 1000;
}

#toolbar #center div.toolbar-popup {
	width: 580px;
	position: absolute;
	left: 0;
	bottom: 36px;
	background: #edeff0 url('../img/bg-popup.gif') left bottom repeat-x;
	border: 1px solid #c4c5c5;
	border-bottom: none;
	overflow: hidden;
	height: 0;
}


#toolbar #center #popup div {
	display: none;
	position: absolute;
	top: 20px;
	left: 10px;
	padding-right: 10px;
}

#toolbar #center div.bb {
	border-bottom: 1px solid #c4c5c5;
}

#overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: none;
	z-index: 500;
	display: none;
}

#toolbar h4 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
}

#toolbar a, #toolbar a:visited {
	color: #067CB0;
}

#toolbar p a, #toolbar p a:visited {
	padding: 0 2px;
}

#toolbar a:hover {
	background-color: #D1EFFB;
}

#popup #sub input {
	border: 1px solid #c4c5c5;
	padding: 3px;
}

/* --------------------------------------
   Case Studies
-------------------------------------- */

#header.cst { height: 150px!important; }
.csrow { clear: both; }
.csitem { width: 172px; float: left; margin-bottom: 20px; }
.csitem h3 {font-size: 16px; font-weight: normal; }
.csitem a { color: #e74f00; }
.csitem a:hover { color: #067CB0; }
.csitemmid { padding: 0 32px 0 32px; }

#cs-hero {
	padding-top: 10px;
	margin-bottom: 10px;
}

#cs-thumbs {
	display: block;	
	padding-top: 125px;
	margin-bottom: 30px;
}

#cs-thumbs ul { 
	font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

#cs-thumbs li {
	float: left; 
	list-style: none; 
	background: #c4d6e0;
	width: 47px;
	height: 37px;
	overflow: hidden;
	margin-right: 1px;
	border: 1px solid #c4d6e0;
}

#cs-thumbs li.active {
	border: 1px solid #E74F00;
}

.cs-list {
	list-style: square;
	color: #67777E;
	margin: 0 0 10px 15px;
}

.cs-list li {
	margin: 0 0 5px 0;
}

/** sidebar heading **/
h3.casestudies {
	padding: 9px 0 5px 0;
	background: url('../img/icon-casestudies.gif') 95% center no-repeat;
}

#content h3.casestudies a {
	color: #000;
	display: block;
}

#content h3.casestudies a:hover {
	/*color: #067CB0;*/
}
	
	
/* --------------------------------------
   Image Replacement
-------------------------------------- */

.img-rep {
	z-index: 10;
	overflow: hidden;
	display: block;
}

.img-rep span {
	z-index: 20; position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}

/* --------------------------------------
   Page clear for IE6
-------------------------------------- */
hr.page-clear {
	display: none;
	visibility: hidden;
}

/* --------------------------------------
   Clear Fix
-------------------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.bclearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.bclearfix {
	display: block;
}


/* --------------------------------------
   sIFR
-------------------------------------- */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0; top: 0;
	width: 0; height: 0;
	display: block; overflow: hidden;
}

/** customize sIFR **/

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 2.4em;
}

/* --------------------------------------
   Accessibility
-------------------------------------- */

.acc {
	display: none; height: 0;
	width: 0; visibility: hidden;
}