/* =====================================================================	
	 	global.css
========================================================================		
   	Author:
   	Date:
------------------------------------------------------------------------
	Comments
	
	Namein Convetions: all selectors are to use camelCase naming
	E.g. rightPanel, mainContent, pageWrapper etc...
	
	By defining the font-size as 100% on the body, we can then use EMs 
	to define font-size/heights/widths on elements. This is because the 
	default font-size in all browsers is 16px.
	
	(desired font-size / 16 = value in EMs)
	
	0.625em		=	10px
	0.6875em	=	11px
	0.75em 		=	12px
	0.8125em	=	14px
	1em 		= 	16px
	
------------------------------------------------------------------------
   
   	 	
========================================================================*/ 

/* =General
	styles that will always apply to elements
	throughout the website.
	E.g. ul, li, a, p, blockquote etc...
----------------------------------------------------------------------*/

/* @group Body Styles */
html {
	padding:0;
	margin: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color: #606060;
	text-align: left;
	background: #FFF;
	font-size: 100%; /* 14px default font size */
	line-height: 1.25em;
}
img {
	border: none;
	text-decoration: none;	
}
p {
	line-height: 1.25em;
	font-size: 0.875em;
}
li p {
	font-size: 1em;
}
a {
	color: #037497;
	text-decoration: none;
	background-image: url('/img/link_hover_bg.png');
	background-color: transparent;
	background-position: -9999em -9999em;
	background-repeat: repeat-x
}
a:hover {
	background-position: bottom left;
}
h1 {
	color: #00749A;
	font-size: 1.625em;
	padding: 0 0 1em 0;
	line-height: 1.25em;
}
h2 {
	font-size: 1.375em;
	color: #3c93af;
	padding: 0.5em 0;
}
h3 {
	color: #404040;
	font-size: 1em;
	font-weight: bold;
	padding: 0.25em 0 0.5em;
}
h4 {
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	padding: 0 0 0.5em 0;
}
label {
	font-size: 0.875em;
}
.centre_content {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.halfCol {
	width: 470px;
	margin: 0 20px 0 0;
	float: left;
	display: inline;
}
.singleCol {
	width: 225px;
	margin: 0 20px 0 0;
	float: left;
	display: inline;
}
.trebleCol {
	width: 715px;
	margin: 0;
	float: left;
	display: inline;
}
.last {
	margin-right: 0;
}
.cmsedit {
	display: block;
	width: 100px;
	background: #00749A;
	color: #FFF;
	font-size: 0.875em;
	text-align: center;
	padding: 0.25em 0;
	margin: 0 0 1em 0;
}
.padTop {
	padding-top: 1em;
}
img.rf {
	float: right;
	margin: 0 0 20px 20px;
	display: inline;
}
img.lfc {
	float: left;
	margin: 0 20px 20px 0;
	display: inline;
}
.image_wrapper {
	background: #FFF url('/img/image_shadow_top.png') no-repeat left top;
	width: 264px;
	padding: 24px 0 0 0;
	float: right;
	position: relative;
	right: -18px;
	top: -18px;
	margin: 0 0 20px 20px;
	display: inline;
}
.image_wrapper_inner {
	background: #FFF url('/img/image_shadow_bottom.png') no-repeat left bottom;
	width: 216px;
	padding: 0 24px 22px;
}
.image_wrapper_inner img {
	display: block;
	width: 216px;
}


/* Top dark blue strip */
#top_contact_wrapper {
	background: #017397;
	color: #FFF;
	padding: 0.5em 0;
}
#top_contact_wrapper p {
	color: #FFF;
	padding: 0.25em 0 0 0;
	font-size: 0.8125em;
}
#top_contact_wrapper a {
	color: #FFF;
	background-position: bottom left;
}
#top_contact_wrapper label {
	position: absolute;
	left: -9999em;
	height: 0;
	width: 0;
	display: block;
}
.search_wrapper {
	background: transparent url('/img/search_box.png') no-repeat right top;
	overflow: hidden;
	position: relative;
}
.search_wrapper input.text {
	width: 138px;
	margin: 0 24px 0 9px;
	padding: 2px 0 0 0;
	font-size: 0.8125em;
	background: transparent;
	border: none;
	float: right;
	height: 18px;
}
.search_wrapper input.search_btn {
	position: absolute;
	right: 9px;
	top: 2px;
	z-index: 500;
}

/* blue promo strip */
#blue_promo_wrapper, #blue_promo_wrapper_main {
	background: #c8e3ec url('/img/blue_wrap_bg.png') repeat-x 0 50%;
	padding: 2em 0;
}
#blue_promo_wrapper_main {
	padding: 1em 0;
}
#blue_promo_wrapper .centre_content {
	height: 15.625em;
}
#blue_promo_wrapper_main .centre_content {
	height: auto;
	background: transparent url('/img/main_quote_left.png') no-repeat 0 0;
}
#blue_promo_wrapper p {
	font-size: 1.25em;
	line-height: 1.5em;
}
#blue_promo_wrapper_main p {
	font-size: 1.375em;
	padding: 0.5em 40px;
}
#blue_promo_wrapper_main p span {
	background: transparent url('/img/main_quote_right.png') no-repeat bottom right;
	padding: 0 30px 0.5em 0;
}
#promo_text {
	width: 450px;
	padding: 0em 50px 0 0;
	float: left;
	position:relative;
}

#promo_text h1 {
	padding-bottom: .5em;
}

#promo_text p {
	font-size: 1.1em;
}

#promo_text #asset_bank {
	padding-top: .5em;
}

#home_gallery {
	float: right;
	width: 398px;
	position: relative;
}
#home_gallery ol {
	width: 332px;
	height: 236px;
	display: block;
	border: 3px solid #A7A7A7;
	padding: 4px;
	position: absolute;
	top: 0;
	left: 26px;
	background: #FFF;
	overflow: hidden;
}
#home_gallery ol li {
	position: absolute;
	left: 4px;
	top: 4px;
	width: 332px;
	height: 236px;
	background: #FFF;
}
#home_gallery ol li a {
	background: #FFF;
}
#home_gallery ol li a, #home_gallery ol li span, #home_gallery ol li a img {
	display: block;
	width: 332px;
}
#home_gallery ol li span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 320px;
	background: #A7A7A7;
	z-index: 100;
	padding: 6px;
	color: #FFF;
}
#home_gallery ol li span a {
	display: inline;
	background: #5AA2B8 url('/img/tag_bg.png') repeat-x left bottom;
	padding: 1px 3px;
	font-size: 0.75em;
	color: #FFF;
	border: 1px solid #FFF;
}
#home_gallery ol li span a:hover {
	background: #5AA2B8 url('/img/tag_bg_on.png') repeat-x left top;
	color: #FFF;
}
#home_gallery ol li.active {
    z-index: 200;
}
#home_gallery ol li.last_active {
    z-index: 150;
}
#home_gallery #prev_link, #home_gallery #next_link {
	width: 80px;
	height: 236px;
	position: absolute;
	top: 0;
	display: block;
	background-repeat: no-repeat;
	background-color: transparent;
	text-indent: -9999em;
	cursor: pointer;
}
#home_gallery #prev_link {
	background-image: url('/img/home_gallery_arrow_left.png');
	background-position: center left;
	left: 0;
}
#home_gallery #prev_link:hover {
	background-image: url('/img/home_gallery_arrow_left_hover.png');
}
#home_gallery #next_link {
	background-image: url('/img/home_gallery_arrow_right.png');
	background-position: center right;
	right: 0;
}
#home_gallery #next_link:hover {
	background-image: url('/img/home_gallery_arrow_right_hover.png');
}

/* main content area */
#main_content_wrapper {
	background: #FFF url('/img/page_content_shadow.png') no-repeat top center;
	padding: 3em 0 2em 0;
}
#main_content_wrapper p {
	padding-bottom: 0.75em;
	line-height: 1.5em;
}
#home_link_boxes {
	background: #FFF url('/img/boxes_bottom_4.png') no-repeat left bottom;
	padding: 0 0 14px 0;
}
#home_link_boxes div {
	width: 201px;
	float: left;
	margin: 0 20px 0 0;
	padding: 10px 10px 10px 14px;
	background: #FBFBFB url('/img/boxes_top_4.png') no-repeat left top;
}
#home_link_boxes div.last {
	margin-right: 0;
}
#home_link_boxes div img {
	float: right;
	margin: 0 0 8px 8px;
}
#home_link_boxes div ol {
	padding-top: 0.5em;
}
#home_link_boxes div ol li {
	line-height: 0.875em;
	padding: 0.25em 0;
	background: #FBFBFB url('/img/boxes_list_arrow.png') no-repeat 0 0.4375em;
	padding-left: 12px;
}
#home_link_boxes div ol li a {
	font-size: 0.8125em;	
}
.trebleCol ul, .trebleCol ol {
	padding: 0 0 0.75em 0;
}
.trebleCol ul li, .trebleCol ol li {
	background: #FFF url('/img/boxes_list_arrow.png') no-repeat 0 0.4375em;
	padding-left: 12px;
	font-size: 0.875em;
}

/* portfolio gallery */

#portfolio_list {
	padding-top: 1em;
	overflow: hidden;
}
#portfolio_list #slideshow img {
	padding: 5px;
	border: 1px solid #EAEAEA;
}
.image-wrapper a {
	display: block;
}
#portfolio_list #caption {
	background: #FBFBFB url('/img/double_box_bg_top.png') no-repeat left top;
	padding: 10px 0 0 0;
	margin-top: 1.625em;
}
#portfolio_list .caption {
	background: #FBFBFB url('/img/double_box_bg_bottom.png') no-repeat left bottom;
	padding: 0 10px 26px;
}
#portfolio_list #caption h3 {
	padding-bottom: 0;
}
#portfolio_list #caption {
	font-size: 0.75em;
}
#portfolio_list #caption p {
	font-size: 1em;
}
#thumbs .pagination {
	clear: left;
	overflow: hidden;
}
#thumbs .pagination a, #thumbs .pagination span.current {
	display: inline;
	float: left;
	margin: 0 5px 5px 0;
	font-size: 0.75em;
	padding: 0 5px;
}
#thumbs .pagination a {
	border: 1px solid #CCC;
	color: #B4B4B4;
}
#thumbs .pagination a:hover {
	border: 1px solid #A7A7A7;
	background: #FFF;
	color: #8E8E8E;
}
#thumbs .pagination a#pager_next, #thumbs .pagination a#pager_prev {
	padding-top: 1px;
	padding-bottom: 1px;
}
#thumbs .pagination a#pager_next {
	background: #FFF url('/img/next_arrow.gif') no-repeat right center;
	border: none;
	padding-right: 10px;
}
#thumbs .pagination a#pager_next:hover {
	background: #FFF url('/img/next_arrow_hover.gif') no-repeat right center;
	border: none;
}
#thumbs .pagination a#pager_prev {
	background: #FFF url('/img/prev_arrow.gif') no-repeat left center;
	border: none;
	padding-left: 10px;
}
#thumbs .pagination a#pager_prev:hover {
	background: #FFF url('/img/prev_arrow_hover.gif') no-repeat left center;
	border: none;
}
.pagination span.current {
	background: #A7A7A7;
	border: 1px solid #A7A7A7;
	color: #FFF;
}
#thumbs ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
	float: left;
}
#thumbs ul li {
	text-decoration: none;
	padding: 0 10px 10px 0;
	background: #FFF;
	float: left;
	width: 68px;
	margin: 0;
	display: inline;
}
#thumbs ul li.last {
	padding-right: 0;
}
#thumbs ul li a {
	text-decoration: none;
	margin: 0;
	background: #FFF;
	width: 64px;
	padding: 1px;
	border: 1px solid #CCC;
	display: block;
}
#thumbs ul li.selected a, #thumbs ul li a:hover {
	border: 1px solid #A7A7A7;
}
#thumbs ul li a img {
	display: block;
}
#portfolio_list #caption .project_tags p {
	margin: 0;
	padding: 0;
}
.project_tags ol {
	overflow: hidden;
}
.project_tags ol li {
	float: left;
	font-size: 1em;
	background: transparent;
	padding: 0;
	margin: 0 5px 5px 0;
	display: inline;
}
.project_tags ol li a {
	padding: 1px 4px;
	margin: 0;
	background: #3690AB url('/img/tag_bg.png') repeat-x left bottom;
	color: #FFF;
	border: 1px solid #00749A;
}
.project_tags ol li a:hover {
	background: #3690AB url('/img/tag_bg_on.png') repeat-x left top;
	color: #FFF;
}
#client_list {
	overflow: hidden;
}
#client_list li {
	width: 322px;
	float: left;
	padding: 0 20px 0 12px;
	display: inline;
}
#contact_box_wrapper {
	margin: 0 0 0 20px;
	background: #FFF url('/img/boxes_top_1.png') no-repeat left top;
	padding: 14px 0 0 0;
}
#contact_box_wrapper #contact_box {
	margin: 0;
	background: #FFF url('/img/boxes_bottom_1.png') no-repeat left bottom;
	padding: 0 14px 26px 14px;
	width: 197px;
}
#contact_details ol {
	padding-bottom: 1em;
}
#contact_details ol li {
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #FFF;
	padding: 0 0 0.25em 30px;
}
#contact_details ol li#phone_text {
	background-image: url('/img/phone.gif');
}
#contact_details ol li#letter {
	background-image: url('/img/letter.gif');
}
#contact_details ol li#arrow {
	background-image: url('/img/arrow.gif');
}
#contact_details ol li#email_text {
	background-image: url('/img/email.gif');
}
h2.people {
	padding-bottom: 2em;
	background: #FFF url('/img/list_separator.png') no-repeat center bottom;
}
.person {
	padding-bottom: 1em;
}
.top_link {
	text-align: right;
}

/* breadcrumbs */
#breadcrumbs {
	float: right;
}
#breadcrumbs ol {
	overflow: hidden;
	padding-bottom: 0.375em;
	text-align: right;
}
#breadcrumbs ol li {
	background: #FFF url('/img/breadcrumb_arrow.gif') no-repeat right center;
	padding: 0 12px 0 0;
	margin: 0 4px 0 0;
	display: inline;
	font-size: 0.75em;
	height: auto;
	width: auto;
}
#breadcrumbs ol li.last {
	margin: 0;
	padding: 0;
	background: #FFF;
}
#breadcrumbs ol li a {
	padding: 0;
	margin: 0;
	font-size: 1em;
}


/* page gallery */
#page_gallery {
	width: 225px;
	height: 170px;
	overflow: hidden;
	float: right;
	display: inline;
	padding: 0 20px;
	position: relative;
	margin: 0 0 20px 20px;
}
#page_gallery ol {
	margin: 0;
	position: relative;
	border: 3px solid #A7A7A7;
	padding: 3px;
	width: 213px;
	height: 158px;
}
#page_gallery ol li {
	padding: 0;
	margin: 0;
	background: #FFF;
	position: absolute;
	text-align: center;
	left: 3px;
	top: 3px;
	width: 213px;
	height: 158px;
}
#page_gallery ol li a, #page_gallery ol li span, #page_gallery ol li a img {
	display: block;
	width: 213px;
}
#page_gallery ol li span {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #A7A7A7;
	z-index: 100;
	padding: 4px 6px;
	color: #FFF;
	width: 201px;
	font-size: 0.875em;
}
#page_gallery ol li.active {
    z-index: 200;
}
#page_gallery ol li.last_active {
    z-index: 150;
}
#page_gallery #prev_link, #page_gallery #next_link {
	width: 20px;
	height: 170px;
	position: absolute;
	top: 0;
	display: block;
	background-repeat: no-repeat;
	background-color: transparent;
	text-indent: -9999em;
	cursor: pointer;
}
#page_gallery #prev_link {
	background-image: url('/img/page_gallery_arrow_left.png');
	background-position: center left;
	left: 0;
}
#page_gallery #prev_link:hover {
	background-image: url('/img/page_gallery_arrow_left_hover.png');
}
#page_gallery #next_link {
	background-image: url('/img/page_gallery_arrow_right.png');
	background-position: center right;
	right: 0;
}
#page_gallery #next_link:hover {
	background-image: url('/img/page_gallery_arrow_right_hover.png');
}
.nav-controls {
	overflow: hidden;
}
.nav-controls .prev {
	background: #FFF url('/img/link_arrow_prev.gif') no-repeat left center;
	padding-left: 12px;
	float: left;
	font-size: 0.875em;
	width: 220px;
}
.nav-controls .next {
	background: #FFF url('/img/link_arrow_next.gif') no-repeat right center;
	padding-right: 12px;
	float: right;
	font-size: 0.875em;
	width: 220px;
	text-align: right;
}
#recentLink {
	clear: right;
	float: right;
	width: 245px;
	position: relative;
	top: -15px;
	font-size: 0.75em;
	padding: 0;
	margin: 0 0 20px 20px;
}
#recentLink a {
	background: #FFFFFF url('/img/boxes_list_arrow.png') no-repeat scroll 0 0.25em;
	padding-left: 12px;
}

#googleMap {
	width: 191px;
	height: 170px;
	border: 3px solid #A7A7A7;
	background: #FFF;
	margin: 0 0 1em 0;
}
#googleMap div span {
	position: absolute;
	left: -9999em;
}


/* footer */
#footer_wrapper {
	background: #0d799b url('/img/footer_bg.png') repeat-x left bottom;
	padding: 1em 0 1.5em 0;
	margin: 1.75em 0 0 0;
}
#footer_wrapper p {
	color: #FFF;
	font-size: 0.8125em;
}
#footer_wrapper .footer_quote {
	background: transparent url('/img/footer_quote_left.png') no-repeat 0 0;
	padding: 1em 0 0 40px;
	width: 430px;
}
#footer_wrapper .footer_quote p {
	background: transparent url('/img/footer_quote_right.png') no-repeat bottom right;
	padding: 0 40px 0.75em 0;
}
#footer_links_wrapper {
	background: #0b6480 url('/img/footer_links_bg.png') repeat-x left top;
	padding: 0.5em 0;
}
#footer_links_wrapper p, #footer_links_wrapper a {
	color: #FFF;
	font-size: 0.8125em;
}
#footer_links_wrapper ol li {
	display: inline;
	float: right;
	padding: 0 10px 0 16px;
	background: transparent url('/img/footer_links_separator.png') no-repeat 0 0.625em;
}
#footer_links_wrapper ol li.last {
	background: transparent;
}
.contact_btn {
	width: 102px;
	height: 28px;
	display: block;
	text-indent: -9999em;
	background: transparent url('/img/footer_contact_btn.png') no-repeat 0 0;
	margin-top: 0.75em;
}
.right_links {
	margin: 0 0 0 20px;
	background: #FFF url('/img/boxes_top_1.png') no-repeat left top;
	padding: 14px 0 0 0;
}
.right_links .right_links_inner {
	margin: 0;
	background: transparent url('/img/boxes_bottom_1.png') no-repeat left bottom;
	padding: 0 14px 26px 14px;
	width: 197px;
}
.right_links .right_links_inner ol li {
	background: transparent url('/img/boxes_list_arrow.png') no-repeat scroll 0 0.25em;
	padding-left: 12px;
	font-size: 0.875em;
}
/* added promo button on homepage */
#promoBtn {
	margin:15px 0 0 -2px;	
}

#promoBtn a:hover{
	background:none;
}