/* ----------------------------------------
---- Main stylesheet for all media     ----
---- Original Author: Alex Bolton King ----
----   Creation Date: 06/11/2007       ----
-----------------------------------------*/


/* ---------------------
---- Default Styles ----
--------------------- */
body {
  margin:5px 0 0 0;
  padding:0;
  text-align:center;
  font:normal 70% Arial,Helvetica,sans-serif;
  color:#fff;
  background:#1b1b1b;
}

/* - Link Styles - */
a {
  min-height:1%;
  color:#fff;
}
a * {
  cursor:pointer;
}
a:hover {
  color:#ff912f;
}

/* - Heading Styles - */
h1 {
  margin:0 0 1em 0;
  font-size:1.25em;
  font-weight:bold;
}
h1.black {
  color:#000;
}
h2 {
  margin:0 0 0.75em 0;
  font-size:1.1em;
  font-weight:bold;
}
h2.orange {
  color:#ff912f;
}
h3 {
  margin:0 0 1em 0;
  font-size:1em;
}
h3.orange {
  color:#ff912f;
}
h4,
h5,
h6 {
  margin:0;
  font-size:1em;
}

/* - Paragraph Styles - */
p {
  margin:0 0 1em 0;
  line-height:1em;
}

/* - List Styles - */
ul {
  margin:0 0 1em 20px;
  padding:0;
}

/* - Image Styles - */
img {
  border:0;
}

/* - Form Styles - */
form {
  margin:0;
  line-height:1.2em;
}
input,select,textarea {
  font:normal 1em Arial,Helvetica,sans-serif;
}
input.text {
  border:1px solid #7f9db9;
}
input.button {
  width:auto;
  padding:1px 4px;
  overflow:visible;
}
div.row {
  clear:both;
  margin:2px 0;
}
div.row .label {
  float:left;
  width:40%;
  padding:3px 0 0 0;
}
div.row .error {	
  color:#f00;
  margin:0 0 5px 0;
}

/* - Common Shared Styles - */
.floatleft {
  float:left;
}
.floatright {
  float:right;
}
.clearleft {
  clear:left;
}
.clearright {
  clear:right;
}
.clearboth {
  clear:both;
}
.textleft {
  text-align:left;
}
.textright {
  text-align:right;
}
.textcenter {
  text-align:center;
}
.displaynone {
  display:none;
}
.homeBannerOpen,
.displayblock {
  display:block;
}

/* ------------------
---- Page Layout ----
------------------ */
div#holder {
  width:1006px;
  margin:0 auto;
  text-align:left;
}

/* --------------------
---- Header Styles ----
-------------------- */
div#header {
  min-height:1%;
}
a#logo img {
  float:left;
}

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

/* DROP DOWN MENU - THREE TIER  */
div#navigation {
    width:1006px;
    height:48px;
	margin: 0px;
	padding: 0 0 0 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	background: url(/_images/navbar.png) no-repeat left top;
}

div#navigation ul#navbar {
    float:left;
    list-style: none;
    margin: 2px 0 0 15px;
    padding: 0px;
    width:815px;
    border: none;
}
div#navigation ul#navbar li {
	position:relative;
    display:inline;
    float:left;
    margin-right:1px;
	padding: 2px 0;
	background:url(/_images/navbar-divider.png) no-repeat left top;
	
}
div#navigation ul#navbar li a {
	display: block;
	padding: 10px 10px 15px 30px;
	text-decoration: none;
}
div#navigation ul#navbar li.selected a,
div#navigation ul#navbar li a:hover, 
div#navigation ul#navbar li a:hover {
	color: #ea7b23;
}

/* Second Level */

ul#navbar li ul {
  position:absolute;
  display:none;
  left:10px;
  top:44px;
  margin:0;
  padding:9px 0;
  width:150px;
  background: #efefef;
  list-style:none;
  z-index:3500;
}
ul#navbar li:hover ul,
ul#navbar li.over ul {
  display:block;
}

ul#navbar li ul li {
  padding:0;
  background:none !important;
}
ul#navbar li ul li a {
  display:block;
  margin:0;
  padding:5px 0 4px 4px !important;
  width:146px;
  text-decoration:none;
  color:#ffffff !important;
  background:none !important;
}
ul#navbar li ul li.selected a,
ul#navbar li ul li:hover a,
ul#navbar li ul li.over a{
  color:#ea7b23;
  background: #efefef;
}
ul#navbar li ul li a:hover {
  color:#ea7b23 !important;
  background: #efefef !important;
}

/* Third Level */

ul#navbar li ul li ul.twolevel{
  float:left;
  display:none;
  margin:-42px 0 0 140px;
  padding:0;
  width:201px;
  background:#efefef;
  list-style:none;
  z-index:3500;
}
ul#navbar li ul li:hover ul,
ul#navbar li ul li:hover ul {
  display:block;
}

ul#navbar li ul li ul li{
  float:left;
  padding:0 !important;
  width:140px;
}
ul#navbar li ul li ul li a{
  margin:0;
  padding:4px 5px;
  width:196px;
  text-align:left;
  color:#ffffff !important;
  background:none !important;
}
ul#navbar li ul li ul li.selected a,
ul#navbar li ul li ul li a:hover {
  color: #ea7b23;
}
ul#navbar li ul li ul li:hover,
ul#navbar li ul li ul li.over {
}


div#navigation ul#navbar li#contact_us {
  float:right !important;
}

/* -----------------------
---- Main Area Styles ----
----------------------- */
div#page {
  width:1003px;
  margin:0 auto;
}
img#logo {
  float:left;
  margin: 10px 0 0 0;
}
/* -----------------------
----    LHS Styles    ----
----------------------- */
div#lhs {
  float:left;
  width:730px;
}
div#banner {
  float:left;
  margin-left:10px;
  width:720px;
  height:290px;
  background: url(/_images/background_banner.png) no-repeat left 5px;
}
div#banner img#banner_img {
  float:left;
  width:479px;
  height:263px;
  margin:14px 0 0 13px;
}
div#banner div#banner_rhs {
  float:right;
  width:198px;
  height:290px;
  padding:0 10px 0 20px;
  background: url(/_images/background_banner-rhs.png) no-repeat left top;
}
div#banner div#banner_rhs div.banner_item {
  margin-top:15px;
  padding-bottom:5px;
  border-bottom: 1px solid #666666;
}
div#banner div#banner_rhs div.banner_item-noborder a,
div#banner div#banner_rhs div.banner_item a {
  display:block;
  font-size:1.1em;
  font-weight:bold;
  margin:0 0 0.75em;
  color:#ff912f;
  text-decoration:none;
  cursor:pointer;
}
div#banner div#banner_rhs div.banner_item-noborder {
  margin-top:15px;
  padding-bottom:5px;
  border-bottom:none;
}
div#home_content {
  float:left;
  width:727px;
  margin:0 0 0 3px;
  background: url(/_images/background_hometext.png) no-repeat left top;
}
div#home_content div#home_text {
  float:left;
  width: 480px;
  padding:20px 0 0 25px;
}
div#home_content div#home_offer {
  float:right;
  width:210px;
  height:159px;
  margin:8px 5px 0 0;
  /*background: url(/_images/background_offer.png) no-repeat left top)*/
}
div#home_content div#home_offer p {
  width:120px;
  margin:20px auto 0 auto;
  color:#000;
  font-size:18px;
  font-weight:bold;
  text-align:center;
}
div#home_content div#home_services {
  float:left;
  width:707px;
  height:198px;
  margin-top:-20px;
  padding:25px 0 0 20px;
  background: url(/_images/background_homeservices.png) no-repeat left top;
}
div#home_content div#home_services h1 {
  margin-bottom:5px;
}
div.home_service {
  position:relative;
  float:left;
  width:160px;
  margin-left:12px;
}
div.home_service h2 {
  text-align:center;
}
div.home_service a.more {
  position:absolute;
  top:155px;
  right:0;
}

/*------------------------
--- LHS Content Styles ---
------------------------*/
div#content_rhs {
  float:right;
  width:527px;
}

/*------------------------
---- subLHS Styles    ----
------------------------*/
div#content_lhs {
  float:left;
  width:200px;
}

div#lhs_top {
  float:left;
  width:200px;
  height:39px;
  background: url(/_images/background_lhs-top.png) no-repeat left top;
}
div#lhs_top h2 {
  margin:5px 0 0 15px;
  color:#ff912f;
}
div#lhs_middle {
  float:left;
  width: 200px;
  background: url(/_images/background_lhs-loop.png) repeat-y left top;
}
div#lhs_bottom {
  float:left;
  width:200px;
  height:42px;
  background: url(/_images/background_lhs-bottom.png) no-repeat left top;
}
form#enquiryForm {
  float:left;
  margin-left:20px;
}

form#enquiryForm div.row {
  float:left;
  margin-bottom: 5px;
}
form#enquiryForm label {
  float:left;
  width:50px;
  color:#000000;
}
form#enquiryForm input {
  float:left;
  margin-left:5px;
  width:100px;
}
form#enquiryForm textarea#enquiryText {
  width:155px;
  height:60px;
}
form#enquiryForm div#enquirySubmitRow {
  float:right;
}
form#enquiryForm input#enquirySubmit {
  cursor:pointer;
  float:right;
  width:auto;
  font-weight:bold;
  background:none;
  border:none;
}

div#sidenav {
  float:left;
  margin:10px 0 0 20px;
}
div#sidenav ul {
  margin-left:0;
}
div#sidenav ul li {
  clear:left;
  float:left;
  list-style:none;
  margin:0 0 15px 0;
}
div#sidenav ul li a {
  color:#000000;
  font-size:1.08em;
  font-weight:bold;
  text-decoration:none;
}
div#sidenav ul li a:hover {
  text-decoration:underline;
}
div#sidenav ul li.selected a {
  text-decoration:underline;
}

/*------------------------
----    Page Styles   ----
------------------------*/
div#page_holder {
  float:left;
  width:527px;
  background: url(/_images/background_page-loop.png) repeat-y left top;
}
div#page_content {
  float:left;
  padding:5px 10px 0 10px;
  width:507px;
  /*min-height:640px;*/
  color:#333333;
  background: url(/_images/background_page.png) no-repeat left top;
}
div#page_content p {
  line-height:1.2em;
}
div#page_bottom {
  float:left;
  width:527px;
  height:21px;
  background: url(/_images/background_page-bottom.png) no-repeat left top;
}

/*------------------------
----   About Styles   ----
------------------------*/
div#testimonials {
  float:right;
  width:212px;
  height:206px;
  margin:-5px -7px 0 10px;
}
div#aboutContent p {
  margin-left:15px;
}
div#aboutTeam {
  clear:both;
  float:left;
}
div#bio img {
  float:left;
  margin-right:10px;
}
div#bio h2 {
  margin-bottom:0;
}
div#bio p.smalltext {
  font-size:9px;
  color:#333333;
}
div#recentBlog {
  clear:left;
  float:left;
  margin-top:10px;
}
div#recentBlog h1 {
  margin-bottom:5px;
}
div#recentBlog p {
  margin-bottom:0;
}
div#recentBlog a {
  color:#333333;
}
div#recentBlog a:hover {
  color:#000000;
}

/*------------------------
---  Services Styles   ---
------------------------*/

div#servicesTopText {
  float:left;
  width:260px;
  margin:10px 0 0 10px;
}
div#servicesTopText p {
  margin-left:10px;
}
div#servicesTestimonials {
  float:right;
  width:225px;
  height:125px;
  margin-top:15px;
}
div#servicesBottomLeft {
  float:left;
  width:240px;
  margin:10px 0 0 10px;
}
div#servicesBottomRight {
  float:right;
  width:240px;
  margin:10px 0 0 10px;
}
div#servicesBottomRight p,
div#servicesBottomLeft p {
  margin-left:5px;
}

div#services_seo-textright,
div#services_flash-textright {
  float:right;
  width: 260px;
}

div#services_seo-textleft,
div#services_flash-textleft {
  float:left;
  width: 260px;
}

/*------------------------
----    Blog Styles   ----
------------------------*/

div.blogEntry {
  float:left;
  margin-bottom:20px;
}
div.blogEntry div.blogAuthor {
  float:left;
  margin:25px 10px 0 10px;
}
div.blogEntry div.blogAuthor img {
  margin-left:5px;
}
div.blogEntry div.blogAuthor p {
  font-size:9px;
}
div.blogEntry div.blogContent {
  float:right;
  width:390px;
}
div.blogEntry div.blogContent P {
  margin-left:10px;
}


/*------------------------
---   Portolio Styles  ---
------------------------*/


div#leadProject img#portfolioBanner {
  float:left;
  margin:10px 0 0 4px;
}
div#leadProject h1 {
  float:left;
  margin:5px 0 5px 10px;
}
div#leadProject p {
  float:left;
  clear:both;
  width:455px;
  margin:0 0 0 35px;
}
div#leadProject a {
  float:right;
  clear:both;
  margin:5px 0 0 0;
  color:#333333;
  font-weight:bold;
}
div#moreProjects {
  float:left;
  clear:both;
  margin:10px 0 0 0;
  padding-bottom:10px;
}
div#moreProjects div.project {
  float:left;
  width:130px;
  height:95px;
  margin:15px 0 0 30px;
}
div#moreProjects div.project a span {
  float:right;
  margin-right:2px;
  color:#333333;
  font-weight:bold;
}
div#moreProjects div.project a:hover span {
  text-decoration:underline;
}

/* -----------------------
---   Contact Styles   ---
----------------------- */
div#contactPage {
  padding-top:5px;
}
div#contactPage h1 {
  color:#000;
}
div#contactPage form#contactForm {
  margin:0 15px 0 25px;
  color:#000;
}
div#contactPage form#contactForm div.row {
  float:left;
  margin-bottom:5px;
}
div#contactPage form#contactForm label {
  float:left;
  width:45px;
  margin-right:10px;
  font-weight:bold;
  text-align:right;
}
div#contactPage form#contactForm input {
  float:left;
  width:200px;
}
div#contactPage form#contactForm textarea {
  width:405px;
  height:100px;
}
div#contactPage form#contactForm div#contactSubmitRow {
  float:right;
}
div#contactPage form#contactForm input#contactSubmit {
  cursor:pointer;
  float:right;
  width:auto;
  font-weight:bold;
}
div#mapLeft {
  clear:both;
  float:left;
  width:220px;
  margin:10px 0 0 20px;
  color:#000;
}
div#mapRight {
  float:left;
  width:220px;
  margin:10px 0 0 20px;
  color:#000;
}
div#mapRight div#mapHayes,
div#mapLeft div#mapLeam {
  width:210px;
  height:145px;
  margin-bottom:10px;
}
div#mapRight p,
div#mapLeft p {
  font-weight:bold;
}
div#mapRight p.smalltext,
div#mapLeft p.smalltext {
  font-weight: normal;
  font-size:9px;
  color:#c5c5c5;
}
/* -----------------------
----    RHS Styles    ----
----------------------- */
div#rhs {
  float:right;
  width:270px;
  height:667px;
  background:url(/_images/background_rhs.png) no-repeat left top;
}
div#rhs_blog {
  margin:0 0 0 5px;
  padding:5px 0 0 10px;
  width:243px;
}
div#rhs_blog h1 {
  float:left;
  margin-top:10px;
}
img#rhs_blog-rss {
  float:right;
  margin-right:3px;
}
div#rhs_blog div.blog_item {
  float:left;
  margin:5px 0 0 0;
  padding:10px 7px 0 10px;
  width:215px;
  height:86px;
  background:url(/_images/background_rhs_blog-item.png) no-repeat left top;
}
div#rhs_blog div.blog_item h2 {
  margin-bottom:3px;
}
div#rhs_blog div.blog_item p {
  margin-bottom:0;
}
div#rhs_blog div.blog_item a {
  float:right;
  text-decoration:underline;
}
div#rhs_news {
  float:left;
  margin:5px 0 0 5px;
  padding:15px 5px 0 10px;
  width:238px;
  height:320px;
  color:#000;
  background:url(/_images/background_rhs-news.png) no-repeat left top;
  overflow:hidden;
}
div#rhs_news h1 {
  margin-bottom:0px;
}
div#rhs_news hr {
  float:left;
  margin:5px 0 0 2px;
  width:225px;
  color:#cfcfcf;
}
div#rhs_news div#rhs_news-items {
  margin-top:-15px;
}
div.rhs_news-item {
  float:left;
  margin:0;
  width:235px;
}
div#rhs_news div.rhs_news-item p.date {
  float:right;
  margin:0;
  font-size:0.81em;
}
div#rhs_news div.rhs_news-item img {
  clear:both;
  float:left;
  margin: 0 0 0 10px;
  width:216px;
  height:72px;
}
div.rhs_news-item h3 {
  clear:both;
  float:left;
  margin:2px 0 0 5px;
  font-size:1.1em;
  font-weight:bold;
  color:#403f3f;
}
div.rhs_news-item p {
  clear:both;
  float:left;
  margin:5px 0 0 5px;
  font-size:0.6em;
}
div.rhs_news-item a {
  float:right;
  margin:-5px 0 0 0;
  color:#000;
  text-decoration: none;
  font-weight:bold;
}
div.rhs_news-item a:hover {
  color:#ea7b23;
}
div#rhs div#rhs_clients {
  float:left;
  margin:5px 0 0 5px;
  padding:0 5px 0 10px;
}
div#rhs div#rhs_clients p {
  font-weight:bold;
}
div#rhs div#rhs_clients img {
  float:left;
  margin-right:2px;
}

/* --------------------
---- Footer Styles ----
-------------------- */
div#footer {
  width:962px;
  height:29px;
  padding:9px 20px 0 20px;
  text-align:right;
  color:#8f8f8f;
  background: url(/_images/background_footer.png) no-repeat left top;
}
div#footerlinks {
  float:left;
  font-size:0.9em;
}
div#footer a,
div#footerlinks a {
  color:#8f8f8f;
  text-decoration:none;
}
div#footer a:hover,
div#footerlinks a:hover {
  text-decoration:underline;
}
div#copyright {
  float:left;
  margin-left:160px;
}

div#addThis,
div#facebookLike {
  float:left;
}

/*--------------------
--- Float Clearing ---
--------------------*/
div.row:after,
div#page:after,
div#header:after,
div#navigation:after,
div#main:after,
div#footera:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}