/* @group body */

/* @group generic */

p {
	font: 11px Arial, Helvetica, Geneva, sans-serif;
	color: #cccccc;
}

a {
	text-decoration: none;
}

a {
	text-decoration: underline;
}

.active {
	color: #f2762f;	
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

/* @end */

#container {
	width: 944px !important;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 60px;
	left: 32px;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	background-color: #333333;
}

.colour_1 {
	
}

.colour_2 {
	
}

.colour_3 {
	
}

/* @end */

/* @group Sidebar */

/* @group client title */

#client_job {
	width: 225px;
	float:left;
	text-align: right;
	margin: 0 0 34px 0;
	padding: 0;
}

#client_job ul {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

#client_job ul li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 11px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
	color: #565656;
}

#client_job ul li em {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 11px;
	line-height: 18px;
	text-decoration: none;
	color: #565656;
	font-weight: bold;
	font-style: normal;
}

/* @end */

/* @group navigation */

#navigation {
	width: 225px;
	float:left;
	text-align: right;
	margin: 0 0 34px 0;
	padding: 0;
}

#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

#navigation ul li {
	margin: 0 0 0 1px;
	padding: 0;
	display: inline;
	font-size: 11px;
	line-height: 18px;
	color: #8c8787;
	text-decoration: none;
	font-weight: bold;
}

#navigation ul li a {
	color: #8c8787;
	text-decoration: none;
	font-weight: bold;
}

#navigation ul li a:hover , #navigation ul li a.active  {
	color: #774343;
}

#navigation a {
	font-size: 11px;
	color: #8c8787;
	text-decoration: none;
	font-weight: bold;
}

#navigation2 {
	width: 225px;
	float:left;
	text-align: right;
	margin: 0 0 34px 0;
	padding: 0;
}

#navigation2 a {
	font-size: 11px;
	color: #8c8787;
	text-decoration: none;
	font-weight: bold;
	line-height: 20px;
}

#navigation a.colour_1:hover , #navigation a.colour_1_active, #navigation2 a.colour_1:hover , #navigation2 a.colour_1_active  {color: #be35b6;}
#navigation a.colour_2:hover , #navigation a.colour_2_active, #navigation2 a.colour_2:hover , #navigation2 a.colour_2_active  {color: #87CEFA;}
#navigation a.colour_3:hover , #navigation a.colour_3_active, #navigation2 a.colour_3:hover , #navigation2 a.colour_3_active  {color: #6495ED;}
#navigation a.colour_4:hover , #navigation a.colour_4_active, #navigation2 a.colour_4:hover , #navigation2 a.colour_4_active  {color: #289700;}
#navigation a.colour_5:hover , #navigation a.colour_5_active, #navigation2 a.colour_5:hover , #navigation2 a.colour_5_active  {color: #E3E512;}
#navigation a.colour_6:hover , #navigation a.colour_6_active, #navigation2 a.colour_6:hover , #navigation2 a.colour_6_active  {color: #FF6187;}
#navigation a.colour_7:hover , #navigation a.colour_7_active, #navigation2 a.colour_7:hover , #navigation2 a.colour_7_active  {color: #D8BFD8;}
#navigation a.colour_8:hover , #navigation a.colour_8_active, #navigation2 a.colour_8:hover , #navigation2 a.colour_8_active  {color: #f2762f;}
#navigation a.colour_9:hover , #navigation a.colour_9_active, #navigation2 a.colour_9:hover , #navigation2 a.colour_9_active  {color: #E9967A;}
#navigation a.colour_10:hover , #navigation a.colour_10_active, #navigation2 a.colour_10:hover , #navigation2 a.colour_10_active  {color: #9CE460;}
#navigation a.colour_11:hover , #navigation a.colour_11_active, #navigation2 a.colour_11:hover , #navigation2 a.colour_11_active  {color: #DC143C;}

#navigation ul li.colour_1 a:hover , #navigation ul li.colour_1 a.active  {
	color: #be35b6;
}

#navigation ul li.colour_2 a:hover , #navigation ul li.colour_2 a.active  {
	color: #87CEFA;
}

#navigation ul li.colour_3 a:hover , #navigation ul li.colour_3 a.active  {
	color: #6495ED;
}

#navigation ul li.colour_4 a:hover , #navigation ul li.colour_4 a.active  {
	color: #289700;
}

#navigation ul li.colour_5 a:hover , #navigation ul li.colour_5 a.active  {
	color: #E3E512;
}

#navigation ul li.colour_6 a:hover , #navigation ul li.colour_6 a.active  {
		color: #FF6187;
}

#navigation ul li.colour_7 a:hover , #navigation ul li.colour_7 a.active  {
		color: #D8BFD8;
}

#navigation ul li.colour_8 a:hover , #navigation ul li.colour_8 a.active  {
		color: #f2762f;
}

#navigation ul li.colour_9 a:hover , #navigation ul li.colour_9 a.active  {
		color: #E9967A;
}

#navigation ul li.colour_10 a:hover , #navigation ul li.colour_10 a.active  {
		color: #9CE460;
}

#navigation ul li.colour_11 a:hover , #navigation ul li.colour_11 a.active  {
		color: #DC143C;
}

/* @end */

/* @group Title */

#image_title {
	float: left;
	text-align: right;
	width: 225px;
	padding: 0;
	margin: 0 0 4px 0 !important;
	margin: 0 0 10px 0;
}

#image_title h2 {
	width: 225px;
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-style: italic;
	color: #527543;
	font-weight: bold;
}

.colour_1 #container #sidebar #image_title h2 {
	color: #be35b6;
}

.colour_2 #container #sidebar #image_title h2 {
	color: #87CEFA;
}

.colour_3 #container #sidebar #image_title h2 {
	color: #6495ED;
}

.colour_4 #container #sidebar #image_title h2 {
	color: #289700;
}

.colour_5 #container #sidebar #image_title h2 {
	color: #E3E512;
}

.colour_6 #container #sidebar #image_title h2 {
	color: #FF6187;
}

.colour_7 #container #sidebar #image_title h2 {
	color: #D8BFD8;
}

.colour_8 #container #sidebar #image_title h2 {
	color: #f2762f;
}

.colour_9 #container #sidebar #image_title h2 {
	color: #E9967A;
}

.colour_10 #container #sidebar #image_title h2 {
	color: #9CE460;
}

.colour_11 #container #sidebar #image_title h2 {
	color: #DC143C;
}


/* @end */

/* @group list navigation */

.navigation_button {
	width: 21px;
	height: 15px;
	float: right;
	margin: 12px 0 0 10px;
}

div.empty_navigation_button {
	width: 21px;
	height: 15px;
	float: right;
	margin: 15px 0 0 10px;
}

#navigation_button_right {
	background: url(../images/arrow_next-off.gif) no-repeat 0 0;
}
#navigation_button_left {
	background: url(../images/arrow_back-off.gif) no-repeat 0 0;
}

 #navigation_button_right:hover {
	background: url(../images/arrow_next-off.gif) no-repeat 0 -15px;
}

#navigation_button_left:hover {
	background: url(../images/arrow_back-off.gif) no-repeat 0 -15px;
}

.navigation_button span {
	display: none;
	
}

#list_navigation {
	float: left;
	text-align: right;
	width: 225px;
	padding: 0;
	margin: 0;
}

.news_page #list_navigation {
	float: right;
	text-align: right;
	width: 225px;
	padding: 0;
	margin: 0 0 40px 0;
}

#list_navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#list_navigation ul.year {
	list-style-type: none;
	padding: 0;
	margin: 0 0 2px 0 !important;
	margin: 0 0 10px 0;
}

#list_navigation ul.number_list {
	list-style-type: none;
	padding: 0;
	margin: 0 0 2px 0;
}

#list_navigation ul.name_list {
	list-style-type: none;
	padding: 0;
	margin: 0 0 35px 0;
}

#list_navigation ul li {
	display: inline;
	padding: 0;
	margin: 0;
	font-size: 11px;
	text-decoration: none;
	color: #8c8787;
	font-weight: bold;
}

#list_navigation ul li a ,#list_navigation ul li span {
	text-decoration: none;
	color: #8c8787;
	font-weight: bold;
}

#list_navigation ul li p {
	text-decoration: none;
	color: #8c8787;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0;
}


#list_navigation ul li a.active , #list_navigation ul li a:hover {
	text-decoration: none;
	color: #f2762f;
	font-weight: bold;
}

.colour_1 #container #sidebar .sidebar_content #list_navigation ul li a.active , .colour_1 #container #sidebar .sidebar_content #list_navigation ul li a:hover {
	color: #be35b6;
}

.colour_2 #container #sidebar .sidebar_content #list_navigation ul li a.active , .colour_2 #container #sidebar .sidebar_content #list_navigation ul li a:hover {
	color: #87CEFA;
}

.colour_3 #container #sidebar .sidebar_content #list_navigation ul li a.active , .colour_3 #container #sidebar .sidebar_content #list_navigation ul li a:hover {
	color: #6495ED;
}

.colour_4 #container #sidebar .sidebar_content #list_navigation ul li a.active , .colour_4 #container #sidebar .sidebar_content #list_navigation ul li a:hover {
	color: #289700;
}

.colour_5 #container #sidebar .sidebar_content #list_navigation ul li a.active , .colour_5 #container #sidebar .sidebar_content #list_navigation ul li a:hover {
	color: #E3E512;
}

.colour_6 #container #sidebar .sidebar_content #list_navigation ul li a.active , .colour_6 #container #sidebar .sidebar_content #list_navigation ul li a:hover {
	color: #FF6187;
}

.colour_7 #container #sidebar .sidebar_content #list_navigation ul li a.active , .colour_7 #container #sidebar .sidebar_content #list_navigation ul li a:hover {
	color: #D8BFD8;
}

.colour_8 #container #sidebar .sidebar_content #list_navigation ul li a.active , .colour_8 #container #sidebar .sidebar_content #list_navigation ul li a:hover {
	color: #f2762f;
}

.colour_9 #container #sidebar .sidebar_content #list_navigation ul li a.active , .colour_9 #container #sidebar .sidebar_content #list_navigation ul li a:hover {
	color: #E9967A;
}

.colour_10 #container #sidebar .sidebar_content #list_navigation ul li a.active , .colour_10 #container #sidebar .sidebar_content #list_navigation ul li a:hover {
	color: #9CE460;
}

.colour_11 #container #sidebar .sidebar_content #list_navigation ul li a.active , .colour_11 #container #sidebar .sidebar_content #list_navigation ul li a:hover {
	color: #DC143C;
}

/* @end */

/* @group Header */

#header h1 {
	float: left;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	width: 225px;
	height: 23px;
	margin: 0 0 26px 0;
	padding: 0;
}

#header h1 a {
	float: left;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	width: 225px;
	height: 23px;
	margin: 0;
	padding: 0;
}

#header span {
	display: none;
}

#container #sidebar #header a {
	background: url(../images/header_colour_grey.gif) no-repeat 0 1px;
}

/* @end */

#sidebar {
	float: left;
	width: 225px;
	height:100%;
	margin: 0 25px 0 0;
	padding: 0;
}

.sidebar_content {
	width: 225px;
	background-color: transparent;
}

/* @end */

/* @group footer */

#footer {
	width: 225px;
	height: auto;
	text-align: right;
	position: absolute;
	top: 453px !important;
	top: 457px;/*456px;*/
	left: 0;
	}

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

#footer ul li {
	margin: 0;
	padding: 0 ;
	display: inline;
	font-size: 11px;
	text-decoration: none;
	color: #8c8787;
	font-weight: bold;
}

#footer ul li a {
	font-size: 11px;
	text-decoration: none;
	color: #8c8787;
	margin: 0 0 0 0;
	padding: 0;
	font-weight: bold;
}

#footer ul li a:hover , #footer ul li a.active {
	color: #f2762f;
}

/* @end */

/* @group Content */

/* @group News */

.ruler {
	width: 100%;
	height: 0px;
	float: left;
	line-height: 0;
	margin: 0 0 14px 0;
	background-color: #C2C2C2;
	border-top: 1px solid #C2C2C2;
}

/*26px + 36 */
.news_page {
	margin: 49px 0 0 0 !important;
	margin: 50px 0 0 0;
	padding: 0;
	width: 684px;
}

.news_body {
	width: 356px;
	float: left	;
	margin: 0 42px 0 0;
	padding: 0;
}

.news_title {
	width: 356px;
	float: left	;
	margin: 0 0 10px 0;
	}

.news_title h3 {
	width: 356px;
	margin: 0;
	padding: 0;
	font: bold 11px Arial, Helvetica, Geneva, sans-serif;
	color: #cccccc;
}

.news_copy {
	width: 356px;
	float: left;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	color: #cccccc;
}

.news_copy p {
	margin: 0 0 14px 0;
	padding: 0;
}

.news_copy p a {
	color: #f2762f;
	text-decoration: none;
	font-weight: bold;
}

.news_copy p a:hover {
	color: #f2762f;
	text-decoration: underline;
	font-weight: bold;
}

.news_image {
	float: right;
	background-color: #b1b1b1;
	margin: 0 0 14px 0;
}

.news_image img {
	border-width: 0;
}

/* @end */

/* @group Thumbnails */

/* Remove the thumbnails folder and place in head of html writing in the id's and "left" value */

#thumb_001 {
	left: 0px;
}

#thumb_002 {
	left: 110px;
}

#thumb_003 {
	left: 250px;	
}

#thumb_004 {
	left: 110px;	
}

#thumb_005 {
	left: 400px;
}

#thumb_006 {
	left: 250px;	
}

#thumb_007 {
	left: 40px;	
}

#thumb_008 {
	left: 160px;
}

#thumb_009 {
	left: 350px;	
}

#image_row_1 {
	position: relative;
	top: 0;
	left: 0;
}

#image_row_2 {
	position: relative;
	top: 94px;
	left: 0;
}

#image_row_3 {
	position: relative;
	top: 188px;
	left: 0;
}

#image_row_4 {
	position: relative;
	top: 282px;
	left: 0;
}

#image_row_5 {
	position: relative;
	top: 376px;
	left: 0;
}

#image_row_1 img {
	position: absolute;
	top: 0;
}

#image_row_2 img {
	position: absolute;
	top: 0px;
}

#image_row_3 img {
	position: absolute;
	top: 0px;
}

#image_row_4 img {
	position: absolute;
	top: 0px;
}

#image_row_5 img {
	position: absolute;
	top: 0px;
}

/* @end */

/* @group Contact */

/*26px + 36 */
.form_page {
	margin: 48px 0 0 0  !important;
	margin: 51px 0 0 0;
	padding: 0;
}

.contact_details {
	width: 684px;
	float: left;
	margin: 0 0 8px 0;
	padding: 0;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
	color: #cccccc;
}

.contact_details h3 , .contact_details p , .contact_email a , .contact_email_name p {
	margin: 0;
	padding: 0;
}

.contact_details h3 {
	font-weight: bold;
	font-size: 11px;
	margin: 0 0 8px 0;
}

.contact_details p {
	font-size: 11px;
	margin: 0 0 10px 0;
	color: #cccccc;
}

.contact_details br {
	font-size: 8px;
	margin: 0;
}

.contact_details p br {
	font-size: 8px;
	margin: 0;
}

.contact_details div p {
	font-size: 11px;
	margin: 0 0 0px 0;
}
/*
#address_line1 {
	margin: 0 0 8px 0;
}

#address_line2 {
	margin: 0 0 16px 0;
}

#tel {
	margin: 0 0 8px 0;
}

#fax {
	margin: 0 0 24px 0;
}
*/
.contact_email_name {
	width: 214px;
	float: left;}

.contact_email {
	width: 470px;
	float: left;
	margin: 0 0 0px 0;;
}

.contact_email a {
	color: #f2762f;
	text-decoration: none;
	font-weight: bold;
}

.contact_email a:hover {
	color: #f2762f;
	text-decoration: underline;
}

.contact_form_header , .contact_form_header h3 {
	width: 684px;
	padding: 0;
	float: left;
	color: #cccccc;
	font: bold 11px Arial, Helvetica, Geneva, sans-serif;
	margin: 13px 0 8px 0 !important;
	margin: 11px 0 8px 0;
}

.contact_label {
	float: left;
	width: 60px;
	color: #cccccc;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
}

.contact_formelement {
	float: left;
	width: 624px;
}

.contact_formelement input {
	margin: 0 0 10px;
	padding: 0 0 0 2px;
	border: 1px solid #c2c2c2;
	width: 248px;
	color: #333333;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
}

.contact_formelement textarea {
	margin: 0 0 8px;
	padding: 2px;
	border: 1px solid #c2c2c2;
	overflow: auto;
	color: #333333;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
}




.contact_form_action {
	float: left;
	width: 314px;
}

.contact_form_action .submit {
	position: relative;
	left: 232px !important;
	left: 213px;
	margin: 0;
	padding: 0;
	border-width: 0;
	background-color: #333333;
	color: #f2762f;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.contact_form_action .submit:hover {
	text-decoration: underline;
}

.contact_details p a {
	color: #f2762f;
	text-decoration: none;
	font-weight: bold;
}

.contact_details p a:hover {
	color: #f2762f;
	text-decoration: underline;
	font-weight: bold;
}


/* @end */

#content {
	position: absolute;
	top: 0;
	left: 250px;
	width: 694px !important;
	width: 694px;
	height: auto;
	margin: 0;
	padding: 4px 0 0 0 ;
}

#content img {

}

.client_header a img {
	border-width: 0;
	padding: 0;
	float: left;
	margin: 0 1px 6px 0;
}
/* @end */

/* @group Safari Hacks */
.contact_formelement textarea {
	width: 246px;
	height: 66px;
	
}

.contact_formelement textarea {
	width: 248px;
	height: 58px;
}

.contact_formelement textarea {
	width: 246px;
	height: 64px !important;
	height: 66px;#
}
/* @end */

