/* 
-----------------------------------------
WHEELER'S (WESTBURY) LTD - Style Sheet
Author: Matthew Vowles | Dentons Creative
Copyright: 2012 - Wheeler's (Westbury) Ltd
URL: http://www.wheelers-westbury.co.uk/
-----------------------------------------
 */
 
/* =RESET
--------------------------------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }


/* =DEFAULT STYLES
--------------------------------------------------------------------------------*/

body 						{ background-color:#FFF; color:#666666; font-family: 'Ubuntu', Helvetica, Lucida Sans Unicode, Lucida Grande, sans-serif; 
							  font-size: 62.5%; }

h1, h2, h3, h4  			{ font-size: 2em; color:#5aa0000; line-height: 1.4em; font-weight:400; }

h1 							{ font-size:2em; color:#666666; text-align:center; margin-left:30px; margin-right:30px; margin-top:15px; font-weight:300; }
h2 							{ font-size: 1.8em; color:#666; font-weight:300; padding:0 0 0 0;   }
h3 							{ font-size: 1.6em; color:#666; font-weight:300;  }
h4 							{ font-size: 1.5em; color:#4f4f4f; text-align:left; padding:10px 0 5px 10px;   }
h5 							{ font-size: 1.7em; color:#45484a; text-align:left; margin-bottom:10px; }
h6							{ font-size: 1.5em; color:#323232; text-align:left; padding: 0 0 10px 15px;  }


p 							{ margin: 0 0 0 0; padding: 10px 10px 10px 0; font-size: 1.3em; line-height: 1.4em; text-align: left;	font-weight:300; color:#666666; }

/* =CONTAINERS
--------------------------------------------------------------------------------*/

.header-container			{ width: 100%; margin: 0 auto; padding: 0 0; background: url(../images/default/header-bg.png) repeat-x top; background-color:transparent;   }

.footer-container			{ width: 100%; margin-left: auto; margin-right:auto; margin-top:10px; padding: 0 0; background: url(../images/default/footer-bg.png) repeat-x top; background-color:#2F2F2F; border-top: 2px solid #C70000; border-bottom: 1px solid #C70000; }

#footer
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.container_12,
.container_16
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	
}


/* =GRID >> GLOBAL
--------------------------------------------------------------------------------*/

.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4
{
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8
{
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12
{
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16
{
	width: 940px;
}

/* =GRID >> CHILDREN (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
	margin-left: 0;
}

.omega
{
	margin-right: 0;
}

/* =GRID >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
	width: 60px;
}

.container_12 .grid_2
{
	width: 140px;
}

.container_12 .grid_4
{
	width: 300px;
}

.container_12 .grid_5
{
	width: 380px;
}

.container_12 .grid_7
{
	width: 540px;
}

.container_12 .grid_8
{
	width: 620px;
}

.container_12 .grid_10
{
	width: 780px;
}

.container_12 .grid_11
{
	width: 860px;
}


/* =IMAGES
--------------------------------------------------------------------------------*/

.img-logo {margin:40px 0 10px 0;}
.img-service {padding:5px 10px 10px 10px;}
.img-group { border: 1px solid #d9d9d9;}
.img-fed-logos {margin:0 0 0 130px;}
.img-sidebar-links {margin:10px 0 10px 3px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.img-team {border: 1px solid #d9d9d9; }
.img-index-service { margin-bottom:5px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.nav-shadow {background: url(../images/default/nav-shadow.png); background-repeat:no-repeat; background-position: 0 1px; background-color:transparent;}
.our-clients-logo {border:1px solid #dbdbdb;}
.projects-main-img {border: 1px solid #d9d9d9; margin-left:55px;}
.projects-img-thumb {border: 1px solid #d9d9d9; margin-right:5px;}
.projects-img-thumb-first {border: 1px solid #d9d9d9; margin:10px 5px 0 55px;}
.img-content {border: 1px solid #dadada; padding:3px; background-color:#f8f8f8; margin-right:5px;  }


/* =TYPOGRAPHY
--------------------------------------------------------------------------------*/

.service-block p {font-size:1.2em; padding-left:10px; padding-right:10px;}
.service-block h2 {padding-left:10px; padding-right:10px;}

#footer p {font-size:1em; color:#FFF; font-family:'Helvetica', Arial, sans-serif;}
.call { margin-top:40px; font-size:1.6em; font-weight:400; text-transform:uppercase; text-align:right;}

.team p {padding:0 0 10px 0; font-size:1.2em; }
.fullname { text-transform:uppercase; color:#cc0000; font-size:1.5em!important; margin-top:5px; font-weight:500; padding-bottom:0!important;}

.text-red {color:#cc0000; font-weight:400;}

.project-title { font-size:1.8em;}

/*
-----------------------------------------------
Navigation
----------------------------------------------- */

/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav,
ul.nav * { margin:0;padding:0;}
ul.nav {
  position:relative;
  background:#666;
  max-width:100%;
  height:45px;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #a30000;
font-size:1.3em;
font-weight:400;
margin-top:10px;

  }
ul.nav li {
	cursor:pointer;
	float:left;
	text-align:center;
	list-style-type:none;
	font-weight:normal;
}
ul.nav li ul {
	cursor:default;
	width:100%;
	max-width:100%;
	position:absolute;
	height:auto;
	top:45px;
	background-position:0 0 !important;
	left:-9000px;
	
}
ul.nav li ul li {
	padding:0;
	border:none;
	width:auto;
	max-width:none;
}
ul.nav li a {
	color:#fff;
	background:#666;
	font-weight:400;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 10px;
	height:2.4em;
	line-height:2.5em;
	
}
ul.nav li ul li a {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:2em;
	height:2em;
	font-weight:normal;
	color:#666;
	background-position:0 50% !important;
}

ul.nav li:hover a,
ul.nav li a:hover,
ul.nav li a:focus {color:#000; background:#ccc;}
ul.nav li a:active {color:#666; background:#fff;}
ul.nav li:hover ul {left:0;z-index:10}
ul.nav li ul,
ul.nav li {background:#ccc !important}
ul.nav li:hover ul li a {color:#444;}
ul.nav li:hover ul li a:hover {color:#000; background:#fff;}
ul.nav li:hover ul li a:active {color:#666; background:#fff;}

ul.nav li.current a {color:#666; background:#fff; cursor:default; font-weight:bold;}
ul.nav li.current ul {left:0;z-index:5}
ul.nav li.current ul,
ul.nav li.current {background:#ccc !important}
ul.nav li.current ul li a {color:#444; background:#ccc; font-weight:normal;}
ul.nav li.current ul li a:hover {color:#000; background:#fff;}
ul.nav li ul li.current a,
ul.nav li ul li.current a:hover,
ul.nav li.current:hover ul li a:active {color:#666; background:#fff;}


/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.nav {
  background: url(../images/default/nav-bg.png) repeat-x top;
}
ul.main li {
  position:relative;
  top:0;
  left:0;
}
ul.main li ul {
  border-top:0;
 
}
ul.main li ul li {
  float:left;
}
ul.main li a {
	height:45px;
	line-height:45px;
	border:0;
	color:#fff;
	background: url(../images/default/nav-bg.png) repeat-x top;
	border-right: 1px solid #a30000;
	
	
}
ul.main li ul li a {
  width:12em;
  line-height:2em;
  height:2em;
  text-align:left;
  color:#fff;
  border-top:1px solid #444;
  background:#444;
}
ul.main li a:focus {color:#fff; background:#666;}
ul.main li ul li a:hover {
  color:#fff;
  background:#555;
}
ul.main li:hover a {
  color:#fff;
  background: url(../images/default/nav-hover-bg.png) repeat-x top; background-color:transparent;
  
}
ul.main li:hover ul li a {color:#fff;}
ul.main li:hover ul li a:hover {color:#fff; background:#CC0000; }
ul.main li:hover a:active {background:#444;}
ul.main li:hover ul li a:active {color:#fff; background:#222;}


/* secondary list
----------------------------------------------- */
ul.nav li.secondary {
	float:right;
	color:#cde;
	background:transparent !important;
}
ul.nav li.secondary span.status {
	float:left;
	padding:0 1em;
	line-height:2.77em;
	height:2.77em;
  font-size:0.9em;
}
ul.nav li.secondary span.status a {
	float:none;
	display:inline;
	padding:0;
	height:auto;
	line-height:auto;
	color:#cde;
	background:transparent;
}
ul.nav li.secondary span.status a:hover {
	color:#fff;
	background:transparent;
}
ul.nav li.secondary span.status span {
	text-transform:capitalize;
}
ul.nav li.secondary:hover a {
	color:#fff;
	background:#666;
}
ul.nav li.secondary:hover a:hover {
	background:#555;
}
ul.nav li.secondary:hover a:active {background:#444;}

/* =SUB-NAVIGATION
--------------------------------------------------------------------------------*/

#sub-nav {margin:0 10px 0 10px; list-style-type:none; line-height:1.4em; font-size:1.1em; padding:0 0 0 0; text-transform:uppercase; }
#sub-nav li {padding:10px 0 10px 0; border-bottom:1px solid #d4d4d4; color:#838d95; }

#sub-nav li a {display:block; color:#838d95; text-decoration:none; line-height:1.6em; }
#sub-nav li a:hover {color:#027fd6; }
#sub-nav li a.current {color:#027fd6; }

.sub-nav-block { margin: 0 3px 3px 3px; background: url(../images/default/gradient-feature-block-bg.png) repeat-x top; background-color:#FFF; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; padding-top:5px; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;


}
.sub-nav-title { margin: 3px 3px 0 3px; background: url(../images/default/title-red-bg.png) repeat-x top; background-color:transparent; border-top: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;}

.sub-nav-title h3 {color:#FFF; padding:12px 0 8px 10px; text-transform:uppercase; font-weight:400; font-size:1.4em;}

.last {border:none!important;}

.contact-nav {margin-bottom:20px!important;}

/* =CONTENT BLOCKS
--------------------------------------------------------------------------------*/

.service-block {border: 1px solid #d9d9d9; display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width:218px;
	padding:5px 0 50px 0;
	background: url(../images/default/service-block-bg.png) no-repeat bottom; background-color:transparent;	}


.group-block {width:190px; float:left; margin-left:15px; margin-top:10px;}
.group-block-first {width:190px; float:left; margin-left:55px; margin-top:10px;}
.group-block p {color:#FFF; text-align:center;}
.group-block-first p {color:#FFF; text-align:center;}

.team {width:200px; display:inline; float:left;  margin:5px 6px 15px 0; border-bottom: 1px solid #d9d9d9; }

.our-clients {width:200px; float:left; display:inline; margin:0 5px 10px 0;}
.projects-listing {width:300px; float:left; display:inline; margin:0 5px 10px 0;}

.group-company-title { background: url(../images/default/group-company-title-bg.png) repeat-x top; height:53px; -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;}

.group-company-title h3 {color:#FFF; margin-top:15px; margin-left:10px;}


.group-company-block {background: url(../images/default/group-company-block-bg.png) repeat-x top;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
height:195px;
margin-bottom:10px;}

.group-company-content {width:290px; float:left; display: inline; padding-left:10px;}
.group-company-content p {color:#FFF;}
.group-company-logos {width:620px; float:left; display: inline;}




/* =LISTS
--------------------------------------------------------------------------------*/
ul.contact-details { float:none!important; margin:20px 0 0 0!important;}
ul.address-details { float:none!important; margin:5px 0 10px 0!important;}

#footer ul { list-style-type:none; margin:20px 0 20px 0; width:175px; float:left; position:relative; line-height:1.4em; font-size:1.1em; color:#FFF; }
#footer li { padding:0 0 7px 0;}
#footer li.title { text-transform:uppercase; font-weight:500; color:#FFF;}

#footer ul li a {display:block; color:#FFF; text-decoration:none;  }
#footer ul li a:hover {color:#cc0000; -webkit-transition:color 0.2s ease-in; -moz-transition:color 0.2s ease-in; -o-transition:color 0.2s ease-in; transition:color 0.2s ease-in;}

ul.content-list { list-style-type:disc; font-weight:300; padding: 0 0 20px 20px; font-size: 1.3em; line-height: 1.3em; }
ul.content-list li { font-weight:300; color:#666666; }

ul.contact-us { list-style-type:none; font-weight:300; padding: 0 0 20px 0; font-size: 1.3em; line-height: 1.3em; }
ul.contact-us li { font-weight:300; color:#666666; }

ul.projects { list-style-type:none; font-weight:300; padding: 0 0 20px 0; font-size: 1.3em; line-height: 1.3em; }
ul.projects li { font-weight:300; color:#666666; padding-bottom:10px; }

.outline {border: 1px solid #d9d9d9; }

.no-margin {margin-left:0; margin-right:0;}



/* =PAGE BANNER
--------------------------------------------------------------------------------*/

.page-banner-content {width:235px; float:left; display:inline; margin:0 0 10px 5px; height:225px; background: url(../images/default/page-banner-bg.png) no-repeat top; background-color:transparent; -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee}

.page-banner-image {width:705px; float:left; display:inline; margin:0 0 10px 0; }
.img-page-banner {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	
	-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;}

.page-banner-content p {color:#FFF; font-size:1.5em; padding:10px 10px 0 10px;}
.page-banner-title {font-size:2em!important;}

hr {
	margin: 5px 0 5px 5px;
    width: 98%;
    border: none;
    background-color: #e8e8e8;
    color: #e8e8e8;
    height: 1px;
}

#footer hr {
	margin: 5px 0 5px 5px;
    width: 98%;
    border: none;
    background-color: #1c1c1c;
    color: #1c1c1c;
    height: 1px;
}

hr.home {
	margin: 5px 0 10px 12px;
    width: 98%;
    border: none;
    background-color: #e8e8e8;
    color: #e8e8e8;
    height: 1px;
}

hr.projects-divide {
	margin: 5px 0 10px 0;
    width: 96%;
    border: none;
    background-color: #e8e8e8;
    color: #e8e8e8;
    height: 1px;
}

/* =LINKS
--------------------------------------------------------------------------------*/
a {color: #cc0000; font-weight: 400; text-decoration: none;}
a:hover {color: #666; text-decoration: none; }

/* =FORMS
--------------------------------------------------------------------------------*/

#contactus-form {padding: 0 0 0 10px; border: 0; margin-top:20px; margin-bottom: 10px; margin-left:0;  border: 1px solid #ccc; background-color:#f9f9f9; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
#contactus-form fieldset {padding: 8px 0; border: 0; float: left; margin: 0; }
#contactus-form h3 { margin:10px 0 10px 0; color:#cc0000; text-transform:none; font-size:2em;}
#contactus-form p { padding:0 0 10px 0; font-size:1.3em;}

#contactus-form label, textarea, select {display: block; padding-top: 3px; color: #555; font-weight:400;   }
#contactus-form label {margin: 5px 5px 10px 0; text-align: left; width: 175px; padding-right: 5px; font-size: 1.2em; }
#contactus-form input {display: block; height: 24px; width: 400px; border: 1px solid #ccc; font-size: 1.4em; font-weight:300; padding: 5px;  
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
#contactus-form textarea {width: 550px; height: 130px; border: 1px solid #ccc; padding: 5px; font-size: 1.6em; margin-bottom: 7px; color: #555; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}

#contactus-form input:hover, #contactus-form textarea:hover, #contactus-form select:hover {border: 1px solid #da9393;}
#contactus-form input:focus, #contactus-form textarea:focus  {border: 1px solid #c0d4de;}

#contactus-form p.disclaimer {font-size: 1em; color: #555; padding: 15px 30px 15px 0; line-height: 1.2em; }

#contactus-form .submit {float: none; height: 39px; width: 112px; padding: 0; color: #fff; text-transform: uppercase; font-size: 1.2em; margin: 15px 0 15px 0; background: url(../images/buttons/form-button.png) no-repeat top; border: none;}
#contactus-form .submit:hover {background-position: 0 -39px; cursor: pointer; border: none;}
#contactus-form br {clear: left;}


#contactus-form select 				{color:#666;margin:0 5px 5px 0;border:1px solid #d8d8d8;width:175px;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; background-color:#fefefe;padding:5px 5px 5px 10px; font-size:1.2em; font-weight:300; float:left;}

#contactus-form .checkbox { width:16px; height:16px; padding:0; margin:15px 0 15px 0;}

#contactus-form a {color: #019be1; font-weight: 300; text-decoration: none;}
#contactus-form a:hover {color: #019be1; text-decoration: underline; }

#contactus-form label.error { float: none; color:#cb0000; padding-left: .5em; vertical-align: top; width:250px; }

/* =GOOGLE MAP
--------------------------------------------------------------------------------*/

.google-map {margin:10px 0 10px 0; padding:5px; border: 1px solid #ccc; background-color:#f9f9f9;}