body {color: #6d6f71;font: 62.5% Verdana, Tahoma, Arial, sans-serif;text-align: center;background: #bcbdc0 url(../i/window_bg.gif) repeat-y top center;}
* {margin:0;padding:0;}
img {border:0;}
a {text-decoration:none;color:#61af42;}
a:hover {text-decoration:underline;}
.clear {clear:both;}

#wrapper {background-color: #fff;text-align: left;width: 975px;margin: 0 auto;overflow:hidden;}
	  
/******** MASTHEAD **********/
#masthead {position:relative;height:130px;}
#masthead img#logo {position:absolute;top:42px;left:40px;}
#masthead #contact-us-header {float:right;width:470px;position: relative;}
#masthead #contact-us-header p#call-for-quote {position: absolute;top:44px;background:url(../i/call_us_for_a_quote.gif) no-repeat;width:200px;height:56px;text-indent:-1000em;}
#masthead #contact-us-header ul {float: right; width: 315px;padding:18px 0 0 0; }
#masthead #contact-us-header li {font-size: 1.3em;margin-bottom: 0.3em; padding-right: 30px;}
#masthead #contact-us-header li a {color: #6d6f71; text-decoration: none;}
#masthead #contact-us-header li#by-post {padding-left: 25px;background: transparent url(../i/header_icon_post.gif) no-repeat 0 3px;}
#masthead #contact-us-header li#by-tel {padding-left: 55px;background: transparent url(../i/header_icon_telephone.gif) no-repeat 0 2px;height:16px;margin:8px 0 8px 0;}
#masthead #contact-us-header li#by-email {padding-left: 80px;background: transparent url(../i/header_icon_email.gif) no-repeat 0 2px;height:16px;}
	  
	  
/************ TOP NAVIGATION ***************/
#top-navigation {position:relative;height:50px;background: transparent url(../i/top_navigation_bg.gif) repeat-x bottom left;}
#top-navigation ul {position: absolute;left: 470px;top: 3px;height: 44px; padding-left: 18px; background: transparent url(../i/top_nav/left_gray.png) no-repeat top left; }
#top-navigation li {
  text-align: left; 
  float: left;
  width: 100px;
  background: transparent url(../i/top_nav/internal_gray_gray.png) no-repeat top right;
  padding-top: 8px; padding-left: 5px;
  line-height: 15px;
}
body#product-brick #top-navigation ul { background-image: url(../i/top_nav/left_green.png); }
body#product-brick li#top-menu-brick { background-image: url(../i/top_nav/internal_green_gray.png); }
body#product-architectural li#top-menu-brick { background-image: url(../i/top_nav/internal_gray_green.png); }
body#product-architectural li#top-menu-architectural { background-image: url(../i/top_nav/internal_green_gray.png); }
body#product-window li#top-menu-architectural { background-image: url(../i/top_nav/internal_gray_green.png); }
body#product-window li#top-menu-window { background-image: url(../i/top_nav/internal_green_gray.png); }
body#product-flue li#top-menu-window { background-image: url(../i/top_nav/internal_gray_green.png); }
body#product-flue li#top-menu-flue { background-image: url(../i/top_nav/internal_green_gray.png); }
body#product-chimney li#top-menu-flue { background-image: url(../i/top_nav/internal_gray_green.png); }
body#product-chimney li#top-menu-chimney { background-image: url(../i/top_nav/right_green.png); }

body#product-brick li#top-menu-brick a:hover,
  body#product-architectural li#top-menu-architectural a:hover,
    body#product-window li#top-menu-window a:hover,
      body#product-flue li#top-menu-flue a:hover,
        body#product-chimney li#top-menu-chimney a:hover{ color: #fff; }

#top-navigation li#top-menu-brick { width: 90px; }
#top-navigation li#top-menu-brick a { padding: 0; }
#top-navigation li#top-menu-architectural { width: 95px; }
#top-navigation li#top-menu-window { width: 80px; }
#top-navigation li#top-menu-flue { width: 90px; }
#top-navigation li#top-menu-chimney { width: 75px; }
#top-navigation li.single { line-height: 28px; }
#top-navigation li.last {width:80px; background: transparent url(../i/top_nav/right_gray.png) no-repeat top right; }
#top-navigation li a {display: block;height: 37px;padding: 0;color: #fff;font-size:1.1em;text-decoration:none;}
#top-navigation li a:hover { color: #61af42;}
#top-navigation li.first a {}
#top-navigation li.last a {}

/************** Main Navigation *************/
#main-navigation * {  z-index: 999; }
#main-navigation ul a:hover, #main-navigation ul a.active { color: #60Ae41; }
#main-navigation li {position:relative;float: left;font-size:11px;text-align:center;}
#main-navigation li a {display: block;padding: 5px 7px;width:62px;margin:0 1px 0 0;background:#6d6e71;color:#fff;text-decoration:none;}
#main-navigation li ul {position: absolute;padding:1px 0 0 10px;width: 10em;left:-999em;z-index:10;}
#main-navigation li ul li {border-bottom:1px solid #FFF;text-align:left;}
#main-navigation li ul li a {width:140px;}
#main-navigation li:hover ul, #main-navigation li.sfhover ul {left: auto;}

#latest-news {font-size:11px;}
#latest-news p {float:left;background:#dee4da;border:1px solid #6d6e71;padding: 4px 4px;}
#latest-news p.news-item { overflow: hidden; width: 263px;  }
#latest-news a {color:#6d6e71;text-decoration:none;}

body#home li#main-nav-home a,
  body#about li#main-nav-about a,
    body#services li#main-nav-services a,
      body#installation li#main-nav-installation a,
        body#faq li#main-nav-faq a,
          body#finishes li#main-nav-finishes a,
            body#contact-us li#main-nav-contact-us a { color: #61af42; }

/************** BREADCRUMB ***************/
#breadcrumb {float:left;width:940px;padding: 15px 0 5px 35px;background:#FFF;color: #6d6f71;font-size:11px;}
#breadcrumb .blue {color:#00a2c8;font-weight:bold;}
#breadcrumb a {color: #6d6f71;}

/**************** BANNER *****************/
#banner { padding: 0; margin-bottom: 2px; }
#banner ul {  }
#banner li { display: none; }
#banner li img { display: block; }

/************* CONTENT CONTAINER ******/
div#content-container {float:left;width:940px;background:#FFF;padding:25px 35px 40px 0;}

/*********** SIDEBAR ******************/
#sidebar {float:left;width:270px;margin:0 40px 0 0;padding-left:35px;  }
#sidebar #arrows img { display: none; } 
#sidebar #sidebar-header {float:left;width:270px;height:44px;background:url(../i/sidebar-header.png) no-repeat;}
#sidebar #sidebar-header h3 {float:left;background:url(../i/showcase.png) no-repeat;width:110px;height:23px;text-indent:-1000em;margin:13px 0 0 20px;}
#sidebar #sidebar-header #arrows {float:right;padding:15px 40px 0 0;}
#sidebar #sidebar-header #arrows img {margin:0 5px 0 0;}
#sidebar #sidebar-container {float:left;width:270px;background:url(../i/sidebar-contentbg.png) transparent repeat-y;}
#sidebar .sidebar-content { padding-right: 17px;  }
#sidebar .sidebar-content .main-image {width:253px;border-bottom:5px solid #4c4c4c;position:relative;}
#sidebar .sidebar-content .main-image img { display: block; }
#sidebar .sidebar-content .main-image a { position: absolute; right: 0; bottom: 0;}
#sidebar .sidebar-content .sidebar-thumbnails { background: #4c4c4c; }
#sidebar .sidebar-content .sidebar-thumbnail {float:left;margin-right:1px;}
#sidebar .sidebar-content .sidebar-thumbnail img { display: block; }
#sidebar .sidebar-content .sidebar-description {float:left;padding:20px 25px 25px 15px;}
#sidebar .sidebar-content .sidebar-description  p {font-size:12px;line-height:18px; margin-bottom: 0.5em;}
#sidebar .sidebar-content .sidebar-description img { vertical-align: text-top; }
#sidebar .sidebar-content .sidebar-project-content { margin-top: 2em; }
#sidebar #sidebar-footer {float:left;width:270px;height:65px;background:url(../i/sidebar-footerbg.png) no-repeat;}
#sidebar #sidebar-footer p#view-more-case-studies { background: transparent url(../i/view-more-case-studies.png) no-repeat 40% 35%;display:block;height:65px;}
#sidebar #sidebar-footer p#view-more-case-studies a {display:block;text-indent:-1000em;height:65px;}

#sidebar #faq-sidebar { float: left; margin-top: 10px;}
#sidebar #faq-sidebar h1 {color:#00a2c8;font-size:18px;margin:10px 0;}
#sidebar #faq-sidebar p { font-size: 12px; font-weight: bold; margin-bottom: 6px; }
#sidebar #faq-sidebar a { color: #61af42; }
	
/****** HOMEPAGE PRODUCTS PICTORIAL MENU  *******/
#homepage-products { margin-left: 23px; margin-bottom: 1.5em; float: left; }
#homepage-products img { display: block; float: left; }
	
/******* FINISHES *******/
#content #finishes {margin-top: 50px;}
#content #finishes h1 {float: left; width: 272px; font-size: 1.9em;}
#content #finishes p { float: left; margin: 0; padding: 0; }
#content #finishes img { display: block; }
	
/******* CONTACT US ********/
#content #map { float: right; width: 325px; margin-left:10px; border: 1px #6D6F71 solid; }	
#content.contact-us { width: 595px; }
#content.contact-us ul {margin-bottom: 2em; list-style-type:none;padding:0;}
#content.contact-us li { font-size: 1.4em; color: #61af42; font-weight: bold; }
#content p.contact-type { font-size: 1.2em; }
#content p.contact-type a { color: #6d6f71;}
#content p.contact-type span { color: #61af42; font-weight: bold; }
#content p.contact-directions {margin: 2em 0;}
#content p.contact-directions a {color:#6d6f71;text-decoration:underline;}
#content p.registered-office { font-size: 9px;}

#content div#map p { background-color: #61af42; padding: 10px; color: #fff; margin: 0; }
#content div#map p a { color: #fff; }

/************ INSTALLATION *************/
#content.installation h1 {color:#0280ae;margin-bottom:1em;}
#content.installation h2 {color:#61af42;margin-bottom:0;margin-top:1em;}
#content.installation p { margin-top: 0; }

/************* FAQ ********/
#content.faqs {}
#content.faqs h1 { color: #0280ae; margin-bottom: 1em;  }
#content.faqs h2 { color:#61af42; margin-bottom:5px; margin-top: 1.5em; }
#content.faqs p { margin-top:0; }
#content.faqs ul {  }

/***** NEWS ********/
#content.news h1, #content.news h1 a { color: #00a2c8; }
#content.news h2 { margin: 1.5em 0 0 0; }
#content.news p { margin: 5px 0; }
#content.news p+h2 { margin-top: 1.5em; }
#content.news p.published-on { margin-top: 0; margin-bottom: 5px; font-size: 10px; }

/******** PRODUCTS ****************/
ul#products-menu { margin-left: -35px; margin-bottom: 40px; }
ul#products-menu li { margin-bottom: 3px; border-bottom:1px #6d6e71 solid; }
ul#products-menu li a { display: block; padding: 5px 0 5px 20px; background-color: #6d6e71;  color:#fff; font-size: 11px; }
ul#products-menu li a:hover, ul#products-menu li a.active { color: #61af42; text-decoration: none; }

body#product-brick li#product-menu-brick a,
  body#product-architectural li#product-menu-architectural a,
    body#product-window li#product-menu-window a,
      body#product-flue li#product-menu-flue a,
      body#product-chimney li#product-menu-chimney a { color: #61af42; }

#content div.case-study {background: #eceef1 url(../i/case_study_footer.png) no-repeat bottom left ;margin:30px 0;padding-bottom: 30px;}
#content div.case-study div.header { padding: 0 15px; background: transparent url(../i/case_study_header.png) no-repeat top left; height: 48px;  }
#content div.case-study div.header p { color: #fff; font-size: 16px; margin: 0; line-height: 48px; }
#content div.case-study div.images { float: left; width: 285px; padding-bottom: 1em; }
#content div.case-study div.images div.main-image { }
#content div.case-study div.images div.main-image img { display: block; margin-bottom: 1px; }
#content div.case-study div.images div.thumbnails {}
#content div.case-study div.images div.thumbnails img { display: block; float: left; margin-right: 1px; }
#content div.case-study div.details { float: right; width: 285px;}
#content div.case-study div.details p { border-bottom: 1px #6E6F71 dashed; margin: 0 1em; padding: 1em 0; }
#content div.case-study div.details p.last {border-bottom:none;}
#content div.case-study div.details p img { display: block; margin-bottom: 5px; }
#content div.case-study div.details div.project-info p { border-bottom: 0; padding: 0; margin: 0; margin-bottom: 1em; }
#content div.case-study div.details div.project-info { padding: 1em 0; margin: 0 1em; }
#content div.case-study div.project-info { position:relative; clear: both; padding: 1em 0; margin: 0 1em; border-top: 1px #6E6F71 dashed; }

/*********** MAIN CONTENT *************/
#content {float:left;width:575px;margin:5px 0 0 0;}
#content h1 {color:#61af42;font-size:16px;font-family:arial,sans-serif;}
#content h2 {color:#0280ae;font-size:16px;font-family:arial,sans-serif;}
#content p {font-size:12px;margin:14px 0 14px 0;line-height:15px;}
#content ul { list-style-type: square; padding-left: 15px; }
#content li { font-size: 12px; }
	  
/*********** FOOTER *******************/
#footer {float:left;width:905px;padding:20px 35px 20px 35px;background:#4c4c4c;}
#footer ul {}
#footer ul li {float:left;margin:0 3px 0 0;color:#FFF;font-size:10px;font-family:arial,sans-serif;}
#footer ul li a {color:#FFF;margin:0 4px 0 0;}