/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none; outline: none;}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
/* * a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* ************************************************************************************************************************************************************

end of global reset

************************************************************************************************************************************************************ */


.clearBoth {
clear: both;
}








body {
margin: 0;
padding: 0;
background-color: white;
font-size: 62.5%;
font-family: Arial, helvetica, sans-serif;
text-align: center;
color: #666666;
}

#wrapper {
width: 860px;
margin: 10px auto;
background: url(../furniture/wrapper_bkgd.gif) left bottom no-repeat transparent;
text-align: left;
font-size: 1.3em;
}

#top {
background: url(../furniture/top_bkgd.jpg) left top no-repeat transparent;
height: 134px;
position: relative;
}

#link-home {
	display: block;
	position: absolute;
	left: 35px;
	top: 35px;
	width: 295px;
	height: 96px;
	overflow: hidden;
	text-indent: -5000px;
}


#main-area {
	padding: 0 35px 35px 35px;
	position: relative;
}


#col-left {
float: left;
width: 475px;
margin-right: 35px;
min-height:550px;
height:auto !important;
height:550px;
}

#col-right {
float: left;
width: 280px;
margin-top: 90px;
color: #0a4195;
}

#footer {
	position: absolute;
	width: 280px;
	bottom: 35px;
	left: 545px;
	font-size: .9em;
}

* html #footer {
	position: static;
	float: left;
	width: 280px;
	bottom: 35px;
	font-size: .9em;
	height: 200px;
}


div.inset {
	background-color: #f1deed;
	padding: 10px;
	margin-bottom: 1em;
	color: #c1519b;
}

div.inset ul {
list-style-type: square;
margin: 0;
padding: 0;
}

div.inset ul li {
list-style-type: square;
margin-left: 1em;
margin-bottom: .5em;
padding: 0;
}







/* typography general */

p {
	margin: 0 0 1em 0;
}


h2 {
	margin-bottom: 0;
}





/* h1s */

h1 {
	height: 90px;
	overflow: hidden;
	text-indent: -5000px;
}


h1.h1-home {
	background: url(../furniture/h1_home.gif) left top no-repeat transparent;
}

h1.h1-contact-us {
	background: url(../furniture/h1_contact_us.gif) left top no-repeat transparent;
}

h1.h1-thankyou {
	background: url(../furniture/h1_thankyou.gif) left top no-repeat transparent;
}




a#contact-us-button {
	display: block;
	background: url(../furniture/contact_us_button.gif) left top no-repeat transparent;
	width: 165px;
	height: 53px;
	overflow: hidden;
	text-indent: -5000px;
	margin-bottom: 1em;
	
}

a#career-enquiries-button {
	display: block;
	background: url(../furniture/career_enquiries_button.gif) left top no-repeat transparent;
	width: 165px;
	height: 54px;
	overflow: hidden;
	text-indent: -5000px;
	margin-bottom: 1em;
	
}







/* forms */

form {
	margin: 2em 0 1em 0;
}
input, select, textarea {
	width: 465px;
	margin-bottom: 2em;
}

input#submit {
	width: auto;
}

.required {
	color: red;
}

legend {
	font-weight: bold;
padding-bottom: 1em;
}


p.errorParagraph {
	color: red;
	font-weight: bold;
	margin: 0 0 2em 0;
}



.errorList {
	color: red;
	margin: 0 0 2em 0;	
}