/*
THEME NAME: Hall Construction
THEME URI: http://www.hallconstruction.co.uk/
DESCRIPTION: Custom Wordpress theme for Hall Construction by One Hat Design
VERSION: 1.0
AUTHOR: Dan Branigan
AUTHOR URI: http://www.onehatdesign.co.uk
TAGS: Hall Construction
*/


@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

/*force scroll in FF*/
html {
	overflow-y: scroll;
	margin:0;
	padding:0;
}


body {
	text-align:center;
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
}

body.construction,
body.group {
	background:#bcd5cf url(img/bg-body-construction.gif) repeat-y center top;
}

body.call {
	background:#ebc7c3 url(img/bg-body-call.gif) repeat-y center top;
}

body.development {
	background:#ced2e1 url(img/bg-body-development.gif) repeat-y center top;
}


/* main structure */

#wrapper {
	background:#fff;
	width:800px;
	text-align:left;
	margin:0 auto;
	position:relative;
}


/* header */

#header {
	height:165px;
	position:relative;
}

#header h1,
#logo {
	height:165px;
	widht:268px;
	margin:0;
}

#header h1 a,
#logo a {
	display:block;
	height:165px;
	widht:268px;
	text-indent:-9999px;
	overflow:hidden;
}

body.construction #header h1,
body.construction #logo {
	background:url(img/logo-hall-construction.gif) no-repeat 0px 0px;
}

body.call #header h1,
body.call #logo {
	background:url(img/logo-hall-call.gif) no-repeat 0px 0px;
}

body.development #header h1,
body.development #logo {
	background:url(img/logo-hall-development.gif) no-repeat 0px 0px;
}

body.group #header h1,
body.group #logo {
	background:url(img/logo-hall-group.gif) no-repeat 0px 0px;
}

/*section nav */

ul#section-nav {
	list-style-type:none;
	position:absolute;
	right:0;
	top:0;
	width:340px;
	overflow:hidden;
	margin:0;
	padding:0;
}

#section-nav li {
	float:left;
	height:165px;
	width:132px;
	margin-right:-20px;
}


#section-nav li a {
	display:block;
	height:165px;
	width:132px;
	text-indent:-9999px;
	overflow:hidden;
}


#section-nav li#call-tab a {
	background:url(img/section-nav-hallcall.gif) no-repeat 0px 0px;
}

#section-nav li#call-tab a:hover {
	background:url(img/section-nav-hallcall.gif) no-repeat 0px -165px;
}

#section-nav li#call-tab.current {
	display:none;
}

#section-nav li#development-tab a {
	background:url(img/section-nav-halldevelopment.gif) no-repeat 0px 0px;
}

#section-nav li#development-tab a:hover {
	background:url(img/section-nav-halldevelopment.gif) no-repeat 0px -165px;
}

#section-nav li#development-tab.current {
	display:none;
}

#section-nav li#group-tab a {
	background:url(img/section-nav-hallgroup.gif) no-repeat 0px 0px;
}

#section-nav li#group-tab a:hover {
	background:url(img/section-nav-hallgroup.gif) no-repeat 0px -165px;
}

#section-nav li#group-tab.current {
	display:none;
}

#section-nav li#construction-tab a {
	background:url(img/section-nav-hallconstruction.gif) no-repeat 0px 0px;
}

#section-nav li#construction-tab a:hover {
	background:url(img/section-nav-hallconstruction.gif) no-repeat 0px -165px;
}

#section-nav li#construction-tab.current {
	display:none;
}

/* nav bar */

#navbar {
	position:absolute;
	top:165px;
	left:0;
	z-index:50;
	width:223px;
	height:350px;
	padding:0 0 72px 103px;
}

body.construction #navbar {
	background:url(img/navbar-home.jpg) no-repeat center bottom;
}
body.development #navbar {
	background:url(img/navbar-dev.jpg) no-repeat center bottom;
}
body.call #navbar {
	background:url(img/navbar-call.jpg) no-repeat center bottom;
}
body.group #navbar {
	background:url(img/navbar-group.jpg) no-repeat center bottom;
}


#navbar ul {
	width:108px;
	height:350px;
	padding:5px 12px 0 0;
	list-style-type:none;
	text-align:right;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	margin:0;
}

body.construction #navbar ul{
	background:#bcd5cf;
}

body.call #navbar ul{
	background:#eac7c3;
}

body.development #navbar ul{
	background:#ced2e1;
}

body.group #navbar ul{
	background:#bcd5cf;
}

#navbar li {
	margin:0 0 9px 0;
}

#navbar li a {
	font-family:Arial, Helvetica, sans-serif, Tahoma;
	font-size:13px;
	text-decoration:none;
	text-transform:lowercase;
}


body.construction #navbar li a {
	color:#0c6f5b;
}

body.call #navbar li a {
	color:#a30a38;
}

body.development #navbar li a {
	color:#131b49;
}

body.group #navbar li a {
	color:#0c6f5b;
}

body.construction #navbar li a:hover,
body.call  #navbar li a:hover,
body.development  #navbar li a:hover,
body.group  #navbar li a:hover {
	color:#fff;
}

body.construction #navbar li.current_page_item a,
body.call  #navbar li.current_page_item a,
body.development  #navbar li.current_page_item a,
body.group  #navbar li.current_page_item a {
	color:#a41540;
}



/*quote*/

#testimonial {
	position:absolute;
	width:203px;
	top:621px;
	left:20px;
	font-size:14px;
}

#testimonial blockquote {
	font-style:italic;
	line-height:1.4em;
}

#testimonial cite {
	font-style:normal;
	font-size:13px;
	color:#777;
}

body.construction #testimonial blockquote,
body.group #testimonial blockquote {
	color:#0c6f5b;
}

body.development #testimonial blockquote {
	color:#273864;
}

body.call #testimonial blockquote {
	color:#a30a38;
}

	

/* content */

#content {
	width:470px;
	padding:250px 62px 35px 268px;
	position:relative;
}

#content.text {
	padding:25px 62px 150px 268px;
}

#content.category{
	padding:0 62px 150px 268px;
}

body.construction #content.text,
body.construction #content.category {
	background:url(img/slither-construction.jpg) no-repeat 0px 0px;
}

body.development #content.text,
body.development #content.category {
	background:url(img/slither-development.jpg) no-repeat 0px 0px;
}

body.call #content.text,
body.call #content.category {
	background:url(img/slither-call.jpg) no-repeat 0px 0px;
}

body.group #content.text,
body.group #content.category {
	background:url(img/slither-group.jpg) no-repeat 0px 0px;
}

#slideshow {
    position:absolute;
	width:800px;
    height:250px;
	top:0;
    left:0;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}



#page {
	float:left;
	width:470px;
	margin:25px 0 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:11px;
	position:relative;
	min-height:475px;
}

body.call #page {
	padding:0 0 100px 0;
}

#page h1 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 60px 0;
}

body.construction #page h1 {
	color:#0C6F5B;
}

body.call #page h1 {
	color:#a30a38;
}

body.development #page h1 {
	color:#273864;
}

body.group #page h1 {
	color:#0C6F5B;
}

#page h2{
	width:470px;
	height:132px;
	padding:0;
	color:#0c6f5b;
	font-size:11px;
	line-height:22px;
	font-weight:normal;
}

#page h2 a {
	text-decoration:none;
}

body.construction #page h2,
body.construction #page h2 a,
body.group #page h2,
body.group #page h2 a,
body.construction #page h3,
body.construction #page h3 a,
body.group #page h3,
body.group #page h3 a
{
	color:#0c6f5b;
}

body.call #page h2,
body.call #page h2 a,
body.call #page h3,
body.call #page h3 a {
	color:#a30a38;
}

body.development #page h2,
body.development #page h2 a,
body.development #page h3,
body.development #page h3 a{
	color:#273864;
}

#page h2 strong{
	font-size:15px;
}

#page h3 {
	font-size:15px;
	margin:0 0 15px 0;
}




#page p {
	width:300px;
	line-height:22px;
	color:#777;
	margin:0 0 15px 0;
}

#page p img {
	margin:5px 0;
}

/* accreditations page */

#page ul {
	list-style-type:square;
	margin:12px;
	color:#777;
	width:300px;
}

#page ul li{
	margin:0 0 10px 0;
	line-height:22px;
}

#page.accreditations h3 {
	clear:left;
}

#page.accreditations h3 img{
	margin-bottom:30px;
}

body.construction #page.accreditations a {
	color:#0C6F5B;
}

body.developments #page.accreditations a {
		color:#273864;
}

/* pic-panel on right hand side */

#pic-panel {
	position:absolute;
	width:125px;
	right:0px;
	top:140px;
}

.text #pic-panel {
	position:absolute;
	width:125px;
	right:0px;
	top:230px;
}

.text .entry #pic-panel {
	top:95px;
}

#pic-panel img {
	border:none;
	margin:0 0 10px 0;
	
}

#pic-panel .gallery-item {
	margin:0 0 10px 0;
}

/* home news */

#home-news h3 {
	margin:10px 0 ;
}

#home-news p a {
	text-decoration:none;
}

#home-news p a:hover {
	text-decoration:underline;
}

body.construction #home-news p,
body.construction #home-news p a {
	color:#0c6f5b;
}

body.development #home-news p,
body.development #home-news p a{
	color:#273864;
}

/* Home Latest Offer */

#home-offer {
	position:absolute;
	width:158px;
	right:-32px;
	top:460px;
}


/* Footer */

/* accreditations footer*/

#accreditations {
	position:absolute;
	bottom:50px;
	left:3px;
	width:210px;
}

#accreditations img {
	margin:0 0 0 18px;
}

#accreditations p.phone {
	position:absolute;
	top:-70px;
	left:20px;
	height:18px;
	width:163px;
	text-indent:-9999px;
}

body.construction #accreditations p.phone,
body.group #accreditations p.phone {
	background:url(img/hall-phonenumber.gif) no-repeat top right;
}

body.development #accreditations p.phone {
	background:url(img/hall-phone-development.gif) no-repeat top right;
}

body.call #accreditations p.phone {
	background:url(img/hall-phone-call.gif) no-repeat top right;
}

/* footer nav bar */

#footer-nav {
	padding:15px 0 35px 20px;
}

.construction #footer-nav,
.group #footer-nav {
	border-top:1px solid #0c6f5b;
}

.development #footer-nav {
	border-top:1px solid #273864;
}

.call #footer-nav {
	border-top:1px solid #a30a38;
}

#footer-nav ul {
	list-style-type:none;
	padding:0;
}

#footer-nav ul li {
	float:left;
	margin:0 40px 0 0;
}

#footer-nav ul li a {
	float:left;
	text-decoration:none;
	color:#9d9ca2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:lowercase;
}

.construction #footer-nav ul li a:hover,
.group #footer-nav ul li a:hover {
	color:#0c6f5b;
}

.development #footer-nav ul li a:hover {
	color:#273864;
}

.call #footer-nav ul li a:hover {
	color:#a30a38;
}

/*contact-us form */

div.wpcf7 {
	margin-top:-60px;
}

form #send-button input{
	color:#0C6F5B;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	width:150px;
	height:30px;
}


/* projects gallery */

#page.gallery-page {
	padding:370px 0 0 0;
}

#page.gallery-page h1 {
	text-align:right;
	width:300px;
	margin:0 0 35px 0;
}

img#big-gallery {
	position:absolute;
	top:-50px;
	left:-268px;
}

#thumb-gallery{
	position:absolute;
	width:144px;
	right:-19px;
	top:375px;
}

#thumb-gallery .gallery-item {
	margin:0 0 0 0;
}

#thumb-gallery img {
	display:block;
	float:left;
	margin:0 20px 18px 0;
	border:none;
	width:52px;
	height:52px;
}



/*category*/

/* category page */

#category-list {
	width:480px;
	margin:9px 0 0 0;
}

#category-list .post{
	width:480px;
	border-top:1px solid #227f6d;
	margin:0 0 40px 0;
	padding:10px 0 0 0;
}

#content.category #page .post h2 {
	margin:0;
	font-size:14px;
	height:auto;
}




#content.category #page .post p.date {
	font-size:11px;
	color:#777;
	margin:0 0 5px 0;
}

#page .entry h2 {
	height:auto;
	margin:0 0 20px 0;
}

.entry a {
	color:#777;
	text-decoration:none;
	line-height:22px;
}

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

.post p.wp-caption-text {
	font-size:10px;
	font-weight:bold;
	margin-bottom:1em;
}


.alignleft {
	float:left;
	margin:0 20px 10px 0;
}

.alignright {
	float:right;
	margin:0 0 10px 20px;
}



.category-thumbnail img{
	float:left;
	margin:0 25px 25px 0;
}

/* single posts */

.post {
	margin:6px 0 0 0;
}

#page .post p {
	width:470px;
}

#page.gallery-page .post p {
	width:300px;
}

#page .post p.date {
	margin:0 0 40px 0;
}

p.postmetadata {
	margin:1em 0;
}

p.postmetadata a {
	text-decoration:underline;
}

#page .post h1 {
	font-size:22px;
	margin:0;
}

/*testimonials*/

#testimonials-list {
	width:470px;
}

#page #testimonials-list p {
	width:470px;
	color:#0c6f5b;
	margin:0 0 5px 0;
}

#page #testimonials-list p em{
	font-size:18px;
}

#testimonials-list cite {
	color:#777;
	font-style:normal;
	margin:0;
}

#testimonials-list blockquote {
	margin:0 0 20px 0;
	font-size:12px;
}







/* typography */

h1, h2 {
	
}

h1 a , h2 a {
	
}

a {
	
}

a.morelink {
	
}

a.morelink:hover {
	
}


/* generic styling */

a img {
	border:none;
}


.clearfix:after {
    content: ".";
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */