/* Reset
------------------------------------------*/

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;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

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

/* tables still need 0 cellspacing in markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/* Basics
------------------------------------------*/

html {
	height: 100%;
}

body {
	font: 12px/1.5 Helvetica, Arial, sans-serif;
	background-color: #292931;	
	color: #292a32;
	height: 100%;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}


/* Basics
------------------------------------------*/

a:focus {
	outline: 1px dotted invert;
}

hr {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

@font-face {
	font-family: 'TeXGyreHerosRegular';
	src: url('texgyreheros-regular.eot');
	src: local('TeX Gyre Heros'), local('TeXGyreHeros-Regular'), url('texgyreheros-regular.woff') format('woff'), url('texgyreheros-regular.ttf') format('truetype'), url('texgyreheros-regular.svg#TeXGyreHeros-Regular') format('svg');
}

@font-face {
	font-family: 'TeXGyreHerosItalic';
	src: url('texgyreheros-italic.eot');
	src: local('TeX Gyre Heros'), local('TeXGyreHeros-Italic'), url('texgyreheros-italic.woff') format('woff'), url('texgyreheros-italic.ttf') format('truetype'), url('texgyreheros-italic.svg#TeXGyreHeros-Italic') format('svg');
}

@font-face {
	font-family: 'TeXGyreHerosBold';
	src: url('texgyreheros-bold.eot');
	src: local('TeX Gyre Heros'), local('TeXGyreHeros-Bold'), url('texgyreheros-bold.woff') format('woff'), url('texgyreheros-bold.ttf') format('truetype'), url('texgyreheros-bold.svg#TeXGyreHeros-Bold') format('svg');
}



/* Headings
------------------------------------------*/

h1 {
	font-family: 'TeXGyreHerosRegular', Helvetica, Arial, sans-serif;	
	color: #292a32;
	font-size: 35px;
	line-height: 1em;
	font-weight: normal;
}

h2 {
	font-family: 'TeXGyreHerosBold', Helvetica, Arial, sans-serif;	
	color: #8b9393;
	font-size: 18px;
	font-weight: normal;
	padding: 3px 0 3px 0;
}

h3 {
	font-size: 17px;
	padding: 15px 0 5px 0;
	font-weight: normal;
}

h4 {
	font-size: 14px;
	padding: 0 0 5px 0;
	font-weight: bold;
}

h5 {
	font-size: 14px;
	padding: 20px 0 5px 0;
	font-weight: bold;
}

h6 {
	font-size: 11px;
	padding-bottom: 10px;
}

/* Text
------------------------------------------*/

p {
	padding-bottom: 1em;
}

#footerWrapper p {
	color: #fff; 
	font-size: 11px;
	overflow: hidden;
	padding-bottom: 1em;
}

#footerWrapper h1 {
	color: #fff; 
	font-size: 19px;
	overflow: hidden;
	padding-bottom: 0;
}

#footerWrapper h6 {
	color: #fff; 
}

.hometitle {
	padding-left: 70px;
}

.textblock {
	padding: 15px 15px 15px 15px;
	margin: 10px 60px 30px 0;
	background-color: #999;
	color: black;
}

.textblock h2 {
	padding: 15px 5px 5px 8px;
}

.top {
	padding-top: 0;
}

blockquote {
	border-bottom: 1px solid #e0e2e1;
	margin-bottom: 1.5em;
}

.caption {
	font-size: 0.85em;
	line-height: 1.2em;
	padding: 0 20px 20px 0;
}

.intro {
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 2em;
}

.sideColumn h3.top {
	padding: 15px 0 5px 0;
}

.sideColumn h3 {
	padding: 0 0 5px 0;
}


/* Lists
------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: square;
	font-size: 12px;
	padding-bottom: 1em;
}

li {
	margin-left: 30px;
	padding-bottom: 0.3em;
}

.homeSideColumn ul {
	list-style: none;
}

.homeSideColumn li {
	margin-left: 0;
	padding-bottom: 8px;
}

#footerWrapper ul {
	list-style: none;
	font-size: 11px;
	padding-top: 6px;
}

#footerWrapper ul li {
	color: #fff; 
	line-height: 1em;
	padding-bottom: 7px;
	margin: 0;
}


/* Links
------------------------------------------*/

a:link {
	color: #00bcff;
	text-decoration: none;
}

a:visited {
	color: #00bcff;
	text-decoration: none;
}

a.here {
	color: #999;
	text-decoration: none;	
}

a:hover {
	color: #999;
	text-decoration: none ;
}

.external {
	background: url(../images/externalLink.gif) no-repeat right top;
	padding-right: 10px;
}

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

.textblock a:visited {
	color: #000;
	text-decoration: none;
	border: none; 
}

.textblock a:hover {
	color: #ea00ff;
	text-decoration: none;
}

a:link .media {
	border: 1px solid #999;
	text-decoration: none;
}

a:hover .media  {
	border: 1px solid #ea00ff;
	text-decoration: none;
}

.pic a:hover img {
	border: 1px solid #ea00ff;
	text-decoration: none;
}

.pic a:link img {
	border: 1px solid #999;
	text-decoration: none;
}

.pic a:hover img {
	border: 1px solid #ea00ff;
	text-decoration: none;
}


/* Structure
------------------------------------------*/

#mainNav {
	width: 940px;
	height: 35px;
	margin: 0 auto;
	text-align: center;
	background-color: #646869;
}

#homeMasthead {
	width: 960px;
	height: 115px;
	margin: 0 auto;
	text-align: center;
	display: block;
}

#masthead {
	width: 960px;
	height: 57px;
	margin: 0 auto;
	text-align: center;
	display: block;
}

#feature {
	width: 940px;
	height: 355px;
	margin: 20px auto 0 auto;
	text-align: center;
	display: block;
}

#innerFeature {
	width: 940px;
	height: 180px;
	margin: 10px auto 10px auto;
	text-align: center;
	display: block;
}

#wideWrapper {
	margin: 0 auto;
	text-align: left;
	background: #fff url("../images/bg_mainWrapper.jpg") repeat-x top center;	
	padding-bottom: 150px;  /* must be same height as the footer */
}

#innerWrapperHome {
	width: 940px;
	margin: 0 auto;
	text-align: left;
	padding-top: 20px;
}

#innerWrapperPad {
	width: 940px;
	margin: 0 auto;
	text-align: left;
	padding-top: 60px;
}

#innerWrapper {
	width: 940px;
	margin: 0 auto;
	text-align: left;
	padding-top: 35px;
}

.col1 {
	display: inline;
	float: left;
	width: 220px;
	margin-right: 20px;
}

.col2 {
	display: inline;
	float: left;
	width: 220px;
	margin-right: 20px;
}

.col3 {
	display: inline;
	float: left;
	width: 220px;
	margin-right: 20px;
}

.col4 {
	display: inline;
	float: left;
	width: 220px;
}

.mainColumn {
	display: inline;
	float: left;
	width: 665px;
	text-align: left;
	margin-left: 10px;
}

.sideColumn {
	display: inline;
	float: right;
	width: 215px;
	margin-right: 10px;
	text-align: left;
}

#footerWideWrapper {
	margin: 0 auto;
	text-align: center;
	background-color: #292931;	
	padding-top: 75px;
	background: #292931 url("../images/bg_footerWrapper.jpg") repeat-x top center ;	
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
}

#footerWrapper {
	width: 940px;
	margin: 0 auto;
	text-align: left;
}

#footerWrapper .footerMain {
	display: inline;
	float: left;
	width: 450px;
	margin-left: 10px;
}

#footerWrapper .footerCol1 {
	display: inline;
	float: left;
	width: 140px;
	margin: 0 0 0 20px;
}

#footerWrapper .footerCol2 {
	display: inline;
	float: left;
	width: 140px;
	margin: 0 0 0 20px;
}

#footerWrapper .footerCol3 {
	display: inline;
	float: left;
	width: 130px;
	margin: 0 0 0 20px;
}


/* mainNav
------------------------------------------*/

#mainNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}	

#mainNav ul li {
	position: relative;
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#mainNav a {
	text-indent: -9999px;
}

#mainNav #one a { 
	width: 75px;
	height: 35px;	
	display: block;
	text-decoration: none;
	background: url(../images/navHome.jpg) top left no-repeat;
	background-position: 0 0;
}

#mainNav #one a:hover { 
	width: 75px;
	height: 35px;	
	display: block;
	text-decoration: none;
	background: url(../images/navHome.jpg) top left no-repeat;
	background-position: 0 -35px;
	border-bottom: none;
}

#mainNav #one a.here { 
	width: 75px;
	height: 35px;	
	display: block;
	text-decoration: none;
	background: url(../images/navHome.jpg) top left no-repeat;
	background-position: 0 -70px;
	border-bottom: none;
}

#mainNav #spacer { 
	width: 462px;
	height: 35px;	
	display: block;
	text-decoration: none;
	background: url(../images/navSpacer.jpg) top left no-repeat;
	background-position: 0 0;
}

#mainNav #two a { 
	width: 80px;
	height: 35px;	
	display: block;
	text-decoration: none;
	background: url(../images/navAbout.jpg) top left no-repeat;
	background-position: 0 0;
}

#mainNav #two a:hover { 
	width: 80px;
	height: 35px;	
	display: block;
	text-decoration: none;
	background: url(../images/navAbout.jpg) top left no-repeat;
	background-position: 0 -35px;
	border-bottom: none;
}

#mainNav #two a.here { 
	width: 80px;
	height: 35px;	
	display: block;
	text-decoration: none;
	background: url(../images/navAbout.jpg) top left no-repeat;
	background-position: 0 -70px;
	border-bottom: none;
}

#mainNav #three a { 
	width: 72px;
	height: 35px;	
	display: block;
	text-decoration: none;
	background: url(../images/navWork.jpg) top left no-repeat;
	background-position: 0 0;
}

#mainNav #three a:hover { 
	width: 72px;
	height: 35px;	
	display: block;
	text-decoration: none;
	background: url(../images/navWork.jpg) top left no-repeat;
	background-position: 0 -35px;
	border-bottom: none;
}

#mainNav #three a.here { 
	width: 72px;
	height: 35px;	
	display: block;
	text-decoration: none;
	background: url(../images/navWork.jpg) top left no-repeat;
	background-position: 0 -70px;
	border-bottom: none;
}

#mainNav #four a { 
	width: 88px;
	height: 35px;	
	display: block;
	text-decoration: none;
	background: url(../images/navClients.jpg) top left no-repeat;
	background-position: 0 0;
}

#mainNav #four a:hover { 
	width: 88px;
	height: 35px;	
	display: block;
	text-decoration: none;
	background: url(../images/navClients.jpg) top left no-repeat;
	background-position: 0 -35px;
	border-bottom: none;
}

#mainNav #four a.here { 
	width: 88px;
	height: 35px;	
	display: block;
	text-decoration: none;
	background: url(../images/navClients.jpg) top left no-repeat;
	background-position: 0 -70px;
	border-bottom: none;
}

#mainNav #five a { 
	width: 68px;
	height: 35px;	
	display: block;
	text-decoration: none;
	background: url(../images/navBlog.jpg) top left no-repeat;
	background-position: 0 0;
}

#mainNav #five a:hover { 
	width: 68px;
	height: 35px;	
	display: block;
	text-decoration: none;
	background: url(../images/navBlog.jpg) top left no-repeat;
	background-position: 0 -35px;
	border-bottom: none;
}

#mainNav #five a.here { 
	width: 68px;
	height: 35px;	
	display: block;
	text-decoration: none;
	background: url(../images/navBlog.jpg) top left no-repeat;
	background-position: 0 -70px;
	border-bottom: none;
}

#mainNav #six a { 
	width: 95px;
	height: 35px;	
	display: block;
	text-decoration: none;
	background: url(../images/navContact.jpg) top left no-repeat;
	background-position: 0 0;
}

#mainNav #six a:hover { 
	width: 95px;
	height: 35px;	
	display: block;
	text-decoration: none;
	background: url(../images/navContact.jpg) top left no-repeat;
	background-position: 0 -35px;
	border-bottom: none;
}

#mainNav #six a.here { 
	width: 95px;
	height: 35px;	
	display: block;
	text-decoration: none;
	background: url(../images/navContact.jpg) top left no-repeat;
	background-position: 0 -70px;
	border-bottom: none;
}



/* Homepage Cols
------------------------------------------*/

.col1 h1, .col2 h1, .col3 h1, .col4 h1 {
padding-bottom: 10px;
}

.col1 img {
	border: 1px solid #292a32;
	margin-bottom: 15px;
}

.col2 img {
	border: 1px solid #292a32;
	margin-bottom: 15px;
}

.col3 img {
	border: 1px solid #292a32;
	margin-bottom: 15px;
}

.col4 img {
	border: 1px solid #292a32;
	margin-bottom: 15px;
}


/* mainColumn
------------------------------------------*/

.mainColumn h1 {
	padding-bottom: 20px;
}





/* General Images
------------------------------------------*/

.fLeft {
	float: left;
	border: 1px solid #000;
	margin: 6px 25px 10px 0;
}

.fRight {
	float: right;
	border: 1px solid #000;
	margin: 6px 0 10px 25px;
}

.main {
	border: none;
	margin-top: 5px;
	margin-bottom: 10px;
}

.media {
	border: 1px solid #000;
	margin-bottom: 20px;
}

.colPic {
	border: 1px solid #000;
	margin: 0 0 0 64px;
	padding: 0;
	display: block;
}


/* Work
----------------------------------------------- */

.work {
	margin-bottom: 0.2em;
}

.work p {
	font-size: 1.1em;
	line-height: 1.6em;
	padding: 0 20px 1em 235px !important;
}

.work h1 {
	padding: 0 20px 0.4em 235px;
}

.work h2 {
	padding: 3px 20px 0.2em 235px;
}

.work img {
	padding: 4px;
	margin: 0 20px 0.8em 0;
	float: left;
	border: 1px solid #e0e2e1;
}

.line {
	border-bottom: 1px solid #e0e2e1;
	margin-bottom: 1em;
}

.worknav {
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	padding: 0 0 1em 205px;
}

.worknav ul { 
	font-size: 1em;
}

.worknav ul li {
	list-style-type: none;
	float: left;
}

.worknav ul li a {
	text-align: center;
	list-style-type: none;
	text-decoration: none;
	margin: 1px 0 0 2px;
	padding: 2px 4px 2px 4px;
	color: #9BA5A1;
	border: 1px solid #F4F3DF;
}

.worknav ul li a:hover {
	color: #B8B26E;
	border: 1px solid #fff;
}

.worknav ul li a:active {
	color: #9BA5A1;
}

.worknav ul li#here a {
	color: #DCC18A;
	border: 1px solid #DCC18A;
}


/* Form
------------------------------------------*/

#enrolmentform textarea, #enrolmentform input.field { 
	width:100%;
}

p.name {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
}

form { margin: 0; }

input {
	font-size: 11px;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top: 1px solid #666;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #666;
	clear: right;
	padding: 2px;
}

input.index {
	width: 140px;
	padding-left: 3px;
}

input.field {
	padding-left: 2px;
}

textarea {
	font-size: 11px;
	background-color: #fff;
	border-top: 1px solid #666;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #666;
	margin-left: 0px;
	margin-top: 2px;
}


/* Tables
------------------------------------------*/

table.uniheadtable {
	font-size: 12px;
	line-height: 1.3em;
}

table.uniheadtable tr td {
	padding: 5px 5px 5px 8px;
}

table.uniheadtable tr.title td {
	background-color: #666;
	color: #ccc;
}

table.uniheadtable tr.shaded td {
	background-color: #ccc;
}

table.uniheadtable tr.white td {
	background-color: #fff;
}