/*=============================================================
Type:				Archer-Hoblin - main site stylesheet
Build by:			VGroup
Document Author:	Mark Perkins
Author Email:		mark.perkins@vgroup.com
Copyright: 			(c) VGroup 2009	
---------------------------------------------------------------
Creation Date:		05-03-2009
============================================================ */

/*==============================================

Base size - 10px (0.625%) = 1em

Grid item width - 6.2em
Grid item margin - 1.3em

==============================================*/

/*==============================================
general layout styles
==============================================*/

body {
	background: #666;
	color: #666;
}

#page {
	background: #FFF;
	margin: 0 auto;
	padding: 0 3.5em 2.0em;
	float: none;
}

a {
	color: #222;
}

#content p a, #content .bulleted_list a, #footer p a, #footer .bulleted_list a {
	text-decoration: underline;
}

#content p a:hover, #content .bulleted_list a:hover, #footer p a:hover, #footer .bulleted_list a:hover {
	color: #333;
}


/*==============================================
grid bits
==============================================*/

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11 {
	margin-right: 1.3em;
	float: left;
}

.last { margin-right: 0; }

.span1 { width: 6.2em; }
.span2 { width: 13.7em; }
.span3 { width: 21.2em; }
.span4 { width: 28.7em; }
.span5 { width: 36.2em; }
.span6 { width: 43.7em; }
.span7 { width: 51.2em; }
.span8 { width: 58.7em; }
.span9 { width: 66.2em; }
.span10 { width: 73.7em; }
.span11 { width: 81.2em; }
.span12 { width: 88.7em; }

/*==============================================
header & navigation
==============================================*/

/* group sites navigation */

#group_nav_wrapper {
	width: 95.7em;
	margin: 1em auto 0 auto;
}

#group_nav {
	text-align: right;
	float: right;
	margin-bottom: -0.7em;
	list-style: none;
}

#group_nav li {
	font-size: 1.3em;
	float: left;
	border-bottom: 0.6em solid #FFF;
	margin-left: 0.73em;
}

#group_nav li.current {
	border-bottom: 0.6em solid #666;
}

#group_nav li a {
	text-decoration: none;
	display: block;
	float: left;
	padding: 0 0.6em 0.4em 0.5em;
	color: #CCC;
}

#group_nav li.current a, #group_nav li a:hover {
	color: #FFF;
}

/* IE6 fixes */
.ie6 #group_nav, .ie7 #group_nav {
	padding: 0.7em 0;
}

.ie6 #group_nav li, .ie7 #group_nav li {
	border-bottom: 0;
}

.ie6 #group_nav li.current a, .ie7 #group_nav li.current a {
	font-weight: bold;
}

/* header */

#header {
	position: relative !important;
	height: 11.0em;
}

/* main nav */

#nav_wrapper {
	position: absolute !important;
	right: -11.0em;
	top: 3.0em;	
	width: 57.2em;
}

object#nav_wrapper {
	right: -3.0em;
}

#main_nav {
	list-style: none;
}

#main_nav li {
	float: left;
	margin-left: 0.5em;
	position: relative;
	padding: 0 0.4em;
	display: block;
	height: 2.6em;
}

#main_nav li a {
	float: left;
	display: block;
	text-decoration: none;
	font-size: 2.0em;
	text-transform: lowercase;
	padding: 0.05em 0.1em 0.2em 0.15em;
	position: relative;
	margin-top: -0.2em;
	z-index: 100;
	background: #FFF;
	color: #999;
}

#main_nav .cufon-canvas {
	margin-top: 0.3em;
}

/* logo */

#main_logo {
	position: absolute;
	left: -3.5em;
	top: 3.0em;
	height: 50px;
	width: 188px;
}

/*==============================================
main content
==============================================*/	

#content p {
	font-size: 1.4em;
	line-height: 1.5;
}

#content h1 {
	font-size: 5.4em;
	margin: 0 0 0.6em 0;
	text-transform: lowercase;
}

h2 a, h2 a:hover {
	text-decoration: none !important;
}

.ie7 .section h2 a, .ie6 .section h2 a {
	display: block;
	width: 285px;
}

.ie6 .section h2 a, .ie7 .section h2 a {
	margin-top: 0.4em;
}

.jsok #content h1 {
	line-height: 0;
}

#main_content, #sub_content {
	border-top: 0.1em solid #CCC;
	padding: 2.0em 0 0 0;
}

.bulleted_list {
	font-size: 1.4em;
	list-style: none;
	margin-top: 1.0em;
}

.bulleted_list li {
	margin-top: 0.2em;
	background: url('http://shared.archerhoblin.com/images/ah_bullets.gif') no-repeat 0 0;
	padding-left: 1.0em;
}

/* main content */

#main_content p.intro {
	font-size: 1.8em;
}

#main_content h2 {
	font-size: 2.2em;
	margin: 0;
	text-transform: lowercase;
}

.section .bulleted_list {
	margin-bottom: 1.1em;
}

.multipart .section {
	border-top: 0.1em solid #CCC;
	padding-top: 0.4em;
}

.block_list {
	margin-top: 3.0em;
	list-style: none;
}

.block_list li {
	border-top: 0.1em solid #CCC;
}

#page .block_list h2 {
	margin: 0.55em 0;
	line-height: 1.2;
	font-size: 2.2em;
	text-transform: lowercase;
}

.teaser_pic {
	margin-top: 1.4em;
}

/* sub content */

#sub_content h2 {
	font-size: 2.2em;
	margin: 0;
	line-height: 0;
	text-transform: lowercase;
}

#sub_content h2, #sub_content p, #sub_content li {
	color: #999;
}

#sub_nav {
	margin-top: 1.4em;
	list-style: none;
	border-bottom: 0.1em solid #CCC;
	padding-bottom: 2.0em;
	margin-bottom: 1.4em;
}

#sub_nav a {
	color: #999;
	text-decoration: none;
}

#sub_nav a:hover {
	text-decoration: underline;
}

#brochure_download {
	padding-bottom: 2.0em;
}

#brochure_download h2 {
	margin-bottom: 1.0em;
}

#brochure_download p {
	margin: 0;
}

/*#brochure_download .bulleted_list li {
	background: none;
	padding-left: 0;
}*/

/* galleries */

#gallery {
	margin-top: 0;
}

#gallery .thumb {
	float: right;
	margin: 1.3em 0 1.3em 1.3em;
	height: 8.5em;
}

.gallery_main {
	clear: both;
	z-index: 1000;
	display: block;
	width: 88.7em;
}

.fixHeightForIE {
	height: 568px !important;
	overflow: hidden;
}

.gallery_main li {
	overflow: hidden !important;
}

#homepage_gallery {
	height: 29.1em !important;
	overflow: hidden;
}

#gallery li {
	overflow: hidden;
	cursor: pointer;
}

#gallery li:hover {
	background: #f6f6f6;
}

#gallery img:hover {
	background: #EEE;
	cursor: pointer;
}

#gallery li.open:hover {
	background: #FFF;
}

#gallery h2 img {
	margin-left: 10px;
}

#gallery .title {
	height: 11.1em;
	position: relative;
}

#gallery .more {
	margin: 0;
	position: absolute;
	bottom:0.5em;
	left: 0;
	font-size: 1.2em;
	text-transform: lowercase;
	border-top: 0.1em solid #CCC;
	width: 100%;
	padding-top: 0.3em;
	display: none;
}

#gallery .open .more {
	display: block;
}

.ie6 #gallery li.open {
	height: 67em;
}

.gallery_thumbnails {
	overflow: hidden;
	width: 60em;
}

#gallery .more a {
	text-decoration: none;
}

.gallery_details {
	display: none;
	position: absolute;
	top: 11.1em;
	left: 0;
	background: #FFF;
	height: 54.8em;
}

.gallery_details div {
	padding: 0 1.3em 1.3em 0;
}

.gallery_details h2 {
	margin: 0.6em 0 0 0;
}

.gallery_details ul {
	margin-top: 1.4em;
}

#page .gallery_details ul li {
	height: auto;
	border: 0;
	list-style: none;
	font-size: 1.4em;
	margin-bottom: 0.2em;
}

#page .gallery_details ul li:hover {
	background: none;
}

#homepage_preview {
	margin: 0.6em 0 1.0em 0;
}

.ie6 #homepage_preview img {
	width: 285px;
	height: 176px;
}

/* partners */

.partner_desc {
	padding-right: 6.2em;
}

.partner_logo {
	margin: 1.6em 1.0em;
}

#brochure_download li {
	font-size: 0.9em;
	line-height: 1.3 !important;
	margin-bottom: 0.5em;
}

/*==============================================
news items
==============================================*/

.news_content {
	margin-left: 30.0em;
}

.ie6 .news_content, .ie7 .news_content {
	margin-left: 0;
	position: relative;
	left: 30.0em;
	clear: both;
}

#news_teaser li {
	margin-bottom: 0.6em;
}

.date p {
	width: 2.2em;
	background: #AAA;
	color: #FFF;
	text-align: center;
	padding: 0.6em 0.8em;
	line-height: 1.2 !important;
}

span.month {
	font-weight: bold;
}

/*==============================================
people bio
==============================================*/

.peoplepic img {
	float: right;
	margin: 1.3em 0;
}

/*==============================================
slideshow
==============================================*/

#slideshow_header {
	height: 25px;
	background: #000;
	padding: 8px 15px 0 15px;
}

#slideshow {
	width: 88.7em;
	height: 54.8em;
	overflow: hidden;
}

#page .simpleslideshow {
	padding: 0 0 1.6em 0 !important;
}

#slideshow_controls {
	position: relative;
	margin: 0.5em 0;
	height: 1.3em;
	padding-top: 0.3em;
}

#slideshow_np {
	position: absolute;
	right: 0;
	top: -0.1em;
	display: none;
}

.jsok #slideshow_np {
	display: block;
}

#slideshow_controls a {
	color: #777;
	text-decoration: none !important;
}

#slideshow_prev {
	margin-right: 1.0em;
}

.slideshow_quicklink {
	width: 0.8em;
	height: 0.8em;
	background : #FFF;
	border: 1px solid #CCC;
	float: left;
	text-indent: -10000px;
	overflow:hidden;
	display: block;
	margin-right: 4px;
}

#slideshow_count .current {
	background: #CCC;
}

/*==============================================
contact page
==============================================*/

#map {
	height: 28.7em;
}

p#company_details {
	font-size: 0.9em;
}

/*==============================================
footer & coda
==============================================*/

/* footer */

#footer {
	border-top: 0.1em solid #CCC;
}

.webcam {
	border-top: 0.1em solid #CCC;
}

.multipart {
	border-top: 0 !important;
}

#footer h2 {
	font-size: 2.2em;
	margin: 0;
	text-transform: lowercase;
}

#footer .webcam h2 {
	margin-top: 0.1em;
}

#footer p {
	font-size: 1.4em;
	line-height: 1.4;
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/* coda */

#coda {
	border-top: 0.1em solid #CCC;
	padding-top: 1.0em;
}	

.standalone {
	border-top:0 !important;
}

#credits {
	float: left;
	margin: 0;
	font-size: 1.1em;
	color: #999;
	line-height: 1.4;
}

#coda_links {
	float: right;
}

#coda_links li {
	list-style: none;
	display: inline;
	margin-left: 1.0em;
}

#coda a {
	font-size: 1.0em;
	color: #999;
	text-decoration: none;
}

#coda a:hover {
	text-decoration: underline;
}