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

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

.mainpic_semi {
	width: 88.7em;
	height: 29.1em;
	margin-bottom: 1.0em;
}

#group_overview li {
	margin-bottom: 4.0em;
	border-top: 0.6em solid #CCC;
	list-style: none;
}

#group_overview h2 {
	margin: 0em;
	font-size: 1.7em;
	color: #666;
}

#group_overview li.about { border-top-color: #182b3e; }
#group_overview li.projects { border-top-color: #515354; }
#group_overview li.community { border-top-color: #6cb919; }
#group_overview li.works { border-top-color: #73726d; }
#group_overview li.civils { border-top-color: #06646f; }
#group_overview li.basements { border-top-color: #008ab0; }
#group_overview li.services { border-top-color: #cb5f10; }

.more_info p, .more_info a {
	color: #FFF;
	text-decoration: none !important;
	cursor: pointer;
}

.more_info a {
	font-weight: bold;
}

.more_info a:hover {
	color: #FFF !important;
	text-decoration: underline !important;
}

.more_info a:hover {
	text-decoration: underline;
}

#info_about .more_info {
	background: #182b3e;
}

#info_community .more_info {
	background: #182b3e;
}

#info_projects .more_info {
	background: #515354;
}

#info_community .more_info {
	background: #6cb919;
}

#info_works .more_info {
	background: #73726d;
}

#info_civils .more_info {
	background: #06646f;
}

#info_basements .more_info {
	background: #008ab0;
}

#info_services .more_info {
	background: #cb5f10;
}


#group_overview img {
	width: 13.7em;
	height: 8.5em;
	margin-top: 0.6em;
}

#group_overview p {
	margin: 0.5em 0 0 0;
	line-height: 1.3;
}

.bulleted_list li {
	background-position: -4px -3px ;
}

/*==============================================
colours
==============================================*/

/* links */

body {
	background: #182B3E;
}

#group_nav li.current, #main_nav li.current {
	border-color: #182B3E;
}

a, #main_nav li.current a, h1, h2, p.intro {
	color: #00314A;
}

#nav_wrapper {
    right: -9em;
}

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

#group_info {
	height: 29.1em !important;
	width: 88.7em;
	overflow: hidden !important;
}

#group_info .more_info h2 {
	color: #FFF;
	font-size: 2.5em;
	margin: 0;
}

#group_overview h2, #group_overview p {
	padding: 0 0.4em;
}

.ie6 #group_overview h2, .ie7 #group_overview h2, .ie6 #group_overview p, .ie7 #group_overview p {
	padding: 0 0.3em;
}

#group_overview {
	margin-top: 1.0em;
}

#group_overview li {
	padding-bottom: 0.4em;
	height: 20.3em;
	overflow: hidden;
	cursor: pointer;
	margin-bottom: 1.3em;
}

.more_info {
	position: absolute;
	top: 0;
	right: 0;
	height: 25.1em;
	width: 24.7em;
	padding: 2.0em 2.0em;
	background: #FFF;
	margin-right: -28.7em;
}

#group_overview li.current {
	background: #EEE !important;
}

#group_overview li p a {
	font-size: 0.9em;
	text-decoration: none;
}

.jsok #info_about {
	display: none;
}

#footer .minipromo p {
    font-size: 1.3em;
    padding: 0 5px;
}

#footer .minipromo h2 {
    font-size: 1.7em;
    padding: 0 5px;
}

#footer .minipromo a.img {
    display: block;
}

#footer .minipromo:hover {
    background-color: #EEE;
}

/*==============================================
terms and conditions, PP etx
==============================================*/

#t_and_c, #t_and_c li, #privacy_policy, #privacy_policy li {
	list-style: none;
}

/*==============================================
brochure forms
==============================================*/

p.label {
	margin-bottom: 0;
}

p.field {
	margin-top: 0;
}

p.checkbox {
	margin-top: 0.5em;
}

p.error {
	color: #FF0000;
}

p.field input {
	width: 36.2em;
}

input.submit {
	width: auto !important;
	background: #182B3E;
	border: 0px;
	color: #FFF;
	padding: 5px 6px;
	font-weight: bold;
	cursor: pointer;
}

#email {
	display: none;
}

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

form {
	padding-bottom: 1.0em;
}

#brochure_visuals {
	text-align: right;
}

#brochure_visuals p {
	margin-top: 1.4em;
}