/*
-----------------------------------------------
Occupational Psychiatry Screen Styles
Author:   David Galovic
Company:  August P/L
Version:  21 June 2007
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #666;
	background: #e2eaed url(/images/bg-body.gif) top left repeat-x;
}


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

div#wrapper {
	background: url(/images/bg-wrapper-top.gif) top center no-repeat;
	width: 100%;
}

div#wrapper-top {
	margin: 0 auto;
	width: 1005px;
	height: 324px;
	background-color: #DFDFDF;
}

div#wrapper-main {
	margin: 0 auto;
	width: 1005px;
}

div#header {
	background: url(/images/bg-header.gif) top left no-repeat;
	width: 1006px;
	height: 118px;
}

div#logo {
	float: left;
	width: 263px;
	height: 76px;
}

div#navigation {
	float: right;
	height: 76px;
}

div#feature {
	width: 1005px;
	height: 248px;
	clear: both;
}

div#main {
	margin: 0;
	padding: 0 26px 0 32px;
}

div#content {
	background-color: #fff;
}

div#main-col {
	float: left;
	padding: 5px 33px 10px 33px;
	width: 473px;
	background-color: #fff;
}

div#side-col {
	float: left;
	width: 352px;
	padding: 0 28px 0 0;
}

div#side-col .blue-box {
	float: left;
	width: 342px;
	padding: 0 28px;
	margin-bottom: 8px;
	background: #fff url(/images/bg-blue-box.gif) bottom left no-repeat;
}

div#side-col .grey-box {
	float: left;
	width: 342px;
	padding: 0 28px;
	background: #fff url(/images/bg-grey-box.gif) top left no-repeat;
}

div#footer {
	clear: both;
	height: 40px;
	background: #E2EAEC url(/images/bg-footer.png) top left no-repeat;
}


/* Typography
----------------------------------------------- */

p {
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 1.2em 0;
}

div#footer p {
	font-size: 1.1em;
}

div#footer p.copyright {
	float: left;
	margin: 18px 0 0 33px;
}

div#footer p.august {
	float: right;
	margin: 18px 10px 0 0;
}

div#footer img.august-tag {
	vertical-align: top;
	padding-top: 1px;
}

div#side-col p {
	font-size: 1.1em;
}

div#side-col .stats {
	color: #5fa5be;
}

div#side-col .stats a {
	color: #004d69;
}

div#side-col .order, div#side-col .order a {
	color: #333;
}

div#side-col h2 {
	margin: 12px 0 0 0;
	padding: 0;
	height: 21px;
}

div#side-col p {
	margin-top: 4px;
}

div#main-col h1 {
	height: 21px;
	margin: 0;
}

div.errors {
	margin: 10px 0;
	font-size: 1.1em;
	color: #FF0000;	
}

span.letter {
	color: #ae4e00;
	font-weight: bold;
}

a.pdf-download {
	display: block;
	padding-left: 24px;
	background: url(/images/pdf-icon.gif) center left no-repeat;
}

#skip {
	display: none;
}


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

h2#stats-heading {
	background: url(/images/hd-stats.gif) top left no-repeat;
}

h2#working-days-heading {
	background: url(/images/hd-working-days.gif) top left no-repeat;
}

h2#working-time-heading {
	background: url(/images/hd-working-time.gif) top left no-repeat;
}

h2#stress-claims-heading {
	background: url(/images/hd-stress-claims.gif) top left no-repeat;
}

h2#order-heading {
	background: url(/images/hd-order.gif) top left no-repeat;
}

h2#location-heading {
	background: url(/images/hd-location.gif) top left no-repeat;
}

h1#home-heading {
	background: url(/images/hd-home.gif) top left no-repeat;
}

h1#about-heading {
	background: url(/images/hd-about.gif) top left no-repeat;
}

h1#services-heading {
	background: url(/images/hd-services.gif) top left no-repeat;
}

h1#training-heading {
	background: url(/images/hd-training.gif) top left no-repeat;
}

h1#guide-heading {
	background: url(/images/hd-guide.gif) top left no-repeat;
}

h1#resources-heading {
	background: url(/images/hd-resources.gif) top left no-repeat;
}

h1#contact-heading {
	background: url(/images/hd-contact.gif) top left no-repeat;
}

div#main-col h2 {
	color: #ae4e00;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 1.3em;
	margin-bottom: -10px;
	text-transform: uppercase;
}

div#main-col p.intro {
	color: #ae4e00;
	font-size: 1.4em;
}


/* Navigation
----------------------------------------------- */

div#navigation ul {
	list-style: none;
	margin: 40px 44px 0 0;
	padding: 0;
}

div#navigation ul li {
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

div#navigation ul li a {
	display: block;
	width: 111px;
	height: 24px;
	padding-top: 12px;
	background: url('/images/tab.gif') top left no-repeat;
	text-transform: uppercase;
	color: #666;
	text-decoration: none;
	font-size: 1.2em;
}

div#navigation ul li a:hover {
	background: #D6894B url('/images/tab-down.gif') top left no-repeat;
	color: #fff;
}

#about #nav-about, #services #nav-services, #training #nav-training, #guides #nav-guides, #resources #nav-resources, #contact #nav-contact {
	background: #D6894B url('/images/tab-down.gif') top left no-repeat;
	color: #fff;
}


/* Feature Images
----------------------------------------------- */

div#feature h2 {
	visibility: hidden;
}

body#home div#feature, body#guides div#feature, body#contact div#feature {
	background: url('/images/feature-one.gif') top left no-repeat;
}

body#services div#feature, body#resources div#feature  {
	background: url('/images/feature-two.gif') top left no-repeat;
}

body#about div#feature, body#training div#feature {
	background: url('/images/feature-three.gif') top left no-repeat;
}


/* Forms
----------------------------------------------- */

#contact-form {
	margin-top: 30px;
}

#contact-form p {
	margin: 6px 0;
}

#contact-form .compulsory {
	font-weight: bold;
}

#contact-form label {
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 10px;
}

#contact-form .textarea label {
	display: block;
}

#contact-form input, textarea {
	border: 1px solid #69A6BC;
	color: #666;
	width: 200px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

#contact-form textarea {
	width: 280px;
	height: 100px;
}

#contact-form .buttons {
	margin: 10px 0 0 110px;
}

#contact-form .buttons .button {
	background-color: #E7F2F6;
	color: #4294B2;
	width: 60px;
}

.form-message {
	background-color: #c00;
	border: 3px solid #e67f00;
	color: white;
	margin: 10px 0;
	padding: 10px;
}


/* Misc
----------------------------------------------- */

.small-image {
	float: right;
	margin: 8px 0 0 0;
}

.photo {
	float: left;
	margin: 0 20px 10px 0;
}

a img {
	border: 0;
}

.image-replace {
	text-indent: -5000px;
}

.clear {
	clear: both;
}