/*
Theme Name: Chromatix
Author: Tim Malone, tim.malone@chromatix.com.au
Author URI: http://www.chromatix.com.au
Description: Chromatix theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chromatix.com.au
*/

/* **************************** INIT **************************** */

/* Reset code */
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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/* css to skip for search engines */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #809a04;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}

a img { border: 0; } /* IE fix. Make images that are links not have obnoxious blue borders */
li { list-style-type: none; } /* We'll turn 'em on if we need 'em */
div.clear { clear: both; }
.nomargin { margin: 0 !important; }

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

@font-face {
	font-family: 'Lato-Regular';
	src: url('fonts/latoreg.eot');
	src: url('fonts/latoreg.eot?#iefix') format('embedded-opentype'),
		 url('fonts/latoreg.woff') format('woff'),
		 url('fonts/latoreg.ttf') format('truetype'),
		 url('fonts/latoreg.svg#latoreg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-Bold';
	src: url('fonts/latobol.eot');
	src: url('fonts/latobol.eot?#iefix') format('embedded-opentype'),
		 url('fonts/latobol.woff') format('woff'),
		 url('fonts/latobol.ttf') format('truetype'),
		 url('fonts/latobol.svg#latobol') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-Italic';
	src: url('fonts/latoregita.eot');
	src: url('fonts/latoregita.eot?#iefix') format('embedded-opentype'),
		 url('fonts/latoregita.woff') format('woff'),
		 url('fonts/latoregita.ttf') format('truetype'),
		 url('fonts/latoregita.svg#latoregita') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-BoldItalic';
	src: url('fonts/latobolita.eot');
	src: url('fonts/latobolita.eot?#iefix') format('embedded-opentype'),
		 url('fonts/latobolita.woff') format('woff'),
		 url('fonts/latobolita.ttf') format('truetype'),
		 url('fonts/latobolita.svg#latobolita') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MuseoSans-700';
	src: url('fonts/museosans700.eot');
	src: url('fonts/museosans700.eot?#iefix') format('embedded-opentype'),
		 url('fonts/museosans700.woff') format('woff'),
		 url('fonts/museosans700.ttf') format('truetype'),
		 url('fonts/museosans700.svg#museosans700') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MuseoSans-900';
	src: url('fonts/museosans900.eot');
	src: url('fonts/museosans900.eot?#iefix') format('embedded-opentype'),
		 url('fonts/museosans900.woff') format('woff'),
		 url('fonts/museosans900.ttf') format('truetype'),
		 url('fonts/museosans900.svg#museosans900') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ************************** STRUCTURE ************************** */

html, body, #page {
	width: 100%;
	height: 100%;
	font-family: "Lato-Regular", Arial, sans-serif;
	font-size: 14px;
	-webkit-text-size-adjust: none; /* to stop iPhone Safari from changing text sizes on us */
}

html { overflow-x: hidden; }
#page_container { width: 990px; margin: 0 auto; }

.container { width: 1400px; margin: 0 auto; position: relative; left: -205px; }
.wrapper { width: 990px; margin: 0 auto; }
.content { width: 990px; margin: 0 auto; }

.wrapper #content { width: 620px; float: left; }
.wrapper #sidebar { width: 320px; float: right; }

/* **************************** HEADER **************************** */

#header { height: 476px; background-image: url("../images/header2.jpg"); }
	#header_content { position: relative; top: 300px; }

/* **************************** CONTENT *************************** */

#content { margin-top: 15px; }
#sidebar { margin-top: 30px; }
	#sidebar_content { border: 1px #e4e4e4 solid; padding: 30px; position: relative; }
	
		#triangle {
			position: absolute;
			bottom: -3px;
			right: -3px;
			background-image: url("../images/triangle.png");
			background-repeat: no-repeat;
			width: 50px;
			height: 50px;
		}
		
.content { line-height: 22px; }
#content p { margin: 15px 0; }
h1, h2, h3, h4, h5, h6 { margin: 15px 0; color: #0d497a; text-transform: uppercase; font-family: "MuseoSans-700"; }
	h1 { font-size: 40px; margin-top: 0; margin-bottom: 25px; font-family: "MuseoSans-900"; }
	
	h2 {
		font-size: 20px;
		color: #fff;
		background-color: #3388cd;
		padding: 10px 0;
		position: relative;
		left: -205px;
		padding-left: 205px;
		width: 620px;
		margin-top: 40px;
	}
	
	h3 { font-size: 20px; margin-top: 0; }
	h4 { font-size: 14px; margin-bottom: 0; }
	h5 { font-size: 14px; margin-top: -7px; font-family: "Lato-Italic"; text-transform: none; }
	h6 { font-size: 12px; }

.content strong { font-family: "Lato-Bold"; }
.content em { font-family: "Lato-Italic"; }
.content strong em, .content em strong { font-family: "Lato-BoldItalic"; }
.content small { font-size: 12px; }
#content ul { list-style-image: url("../images/bullet.png"); }
	#content ul li { margin: 5px 15px; padding-left: 20px; }
.content blockquote { margin: 15px 30px; }
.content hr { border-top: 0; border-bottom: 1px solid #000; margin: 30px 0; }
.content dl { margin: 10px 0; }
	.content dl dt { font-family: "Lato-Bold"; color: #0d497a; display: inline; }
	.content dl dd { display: inline; }
	
.content a {  }
	.content a:hover {  }

/* **************************** FOOTER **************************** */

#footer_image { height: 428px; background-image: url("../images/footer.jpg"); margin-top: -200px; z-index: -1; }
#footer { color: #fff; margin-top: -198px; }
	#footer a { text-decoration: none; color: #bbe0ff; }
		#footer a:hover { text-decoration: underline; }
	#footer_content { text-align: right; }
		#footer_content .signature { display: block; margin: 10px 0; }

/* ******************** The end, thanks for visiting! ******************* */