/*  
Theme Name: keenan theme
Theme URI: http://purposemakers.net
Description: keenan theme
Version: 0.1
Author: Michael McCrea
Author URI: http://purposemakers.net
*/



/*-----------------------------------------------------------------------------------------------


* div  {
  background:#cfd0d2;
}


  Global Styles
-----------------------------------------------------------------------------------------------*/


* {
  padding:0;
  margin:0;
}

#submitform{
	visibility:hidden;
	height:0px;
}

h1, h2, h3, h4, h5, h6, p, li {
  margin:0 0 15px 0;
  font-size:1.2em;  
}

h2 span {
  font-size:1.2em; 
  font-weight:bold;  
}

.hide { display:none; }
.left{ float:left; }
.right{ float:right; }
.center{ text-align:center; }
.t_left{ text-align:left; }
.t_right{ text-align:right; }
.clear{ clear:both; }
.clear_right{clear:right;}
a img{ border:none; }


.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{   
  color:#333;
  background:#676767 url(img/body_bg_06.jpg) no-repeat center 15px;
  font-size:62.5%;
  font-family: Arial, Verdana, sans-serif;
  height:100%;   
}

body.about-us {   
  background-image:url(img/body_bg_02.jpg);
}

body.road-surfacing-civil-engineering {   
  background-image:url(img/RoadSurfacing_bg01.jpg);
}

body.reconstruction-of-raphoe-town-centre-overnight-work {   
  background-image:url(img/raphoe_bg01.jpg);
}

body.quarrying {   
  background-image:url(img/quarrying_bg01.jpg);
}


body.moybridge-pavement-overlay-co-monaghan {   
  background-image:url(img/moybridge_bg01.jpg);
}


body.products-and-services {   
  background-image:url(img/body_bg_03.jpg);
}

body.links {   
  background-image:url(img/body_bg_03.jpg);
}

body.project-gallery {   
  background-image:url(img/body_bg_04.jpg);
}

body.reconstruction-of-a29-james-street-william-street-oldtown-street-cookstown-co-tyrone {   
  background-image:url(img/project1_bg01.jpg);
}

body.accreditations {   
  background-image:url(img/body_bg_05.jpg);
}

body.asphalt-and-bitmac {   
  background-image:url(img/body_bg_01.jpg);
}

body.contact-us {   
  background-image:url(img/body_bg_01.jpg);
}



/* This class sets the width and position for all rows */
.inside {
  width:877px;
  margin:0 auto;
  border-right:15px solid #fff;
  border-left:15px solid #fff;
  padding:0;
}

a {
  color:#ee2e24;
  text-decoration:none;
  font-weight:bold;
  /* outline: none;  */
}

a:hover { 
  color:#333;
}

h1, h2, h3, h4{
  font-size:20px;
  color:#ee2e24;
  font-weight:normal;
  padding-top:10px;
  margin:0 0 20px 0;  
}

h3, h4 {
  color:#333;
  font-size:15px;
  font-weight:bold; 
  margin:0;  
}

p{
  line-height:1.75em; 
}

ul li{
  list-style-type:square;
  margin:0.5em 0 0.5em 2em;
}

blockquote{
  padding:1px 12px 1px 1em;
  border-left:2px solid #C00;
  color:#BBB;
  background-color:#333;
  font-size:1.1em
}

hr {
  background-color: #fff;
  color: #fff;
  height:1px;
  border:0;
  margin:0;
  padding:0;
}

#map_loader {
	float:right;
  background:#f5f5f5 url(img/loading.gif) no-repeat center center;
  width:250px;
}
ul#map_options {
  list-style-type:none;
  margin:0;
  padding:0;
}

ul#map_options li {
  background-image:none;
  padding:0;
  margin:5px 0 5px 5px;
}

ul#map_options label {
  padding:0 0 0 5px;
}


/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header .inside {
  border-top:15px solid #fff;
  color:#fff;
  height:120px;
  background:transparent url(img/header_bg_01.png) no-repeat left top;
}

* html #header .inside {
  background:transparent url(img/header_bg_02.png) no-repeat left top;
}

#header a {
  color:#ee2e24;
}

#header a:hover { 
  color:#e9eef1;
}

#header h1{ 
  font-size:2.25em;
  margin:0;
  padding:0;
  float:left;
}

#header h1 a{ 
  text-decoration:none; 
  position:relative;
  z-index:100;  
  display:block;
  width:200px;
  height:120px;
  border:0;
  text-indent:-10000px;
}

#header h2{ 
  margin:20px 0 0 0;
  padding:0;
  float:right;
  font-size:2.5em;
  color:#fff;  
}

#search {
  float: right;
  padding: 30px 0 0 0;  
}



#contact_head {
  white-space: nowrap;
  float: right;
  clear:right;
  padding:10px;  
}

#tag .inside {
  background-color:#e9eef1; 
  border-bottom:5px solid #000; 
}

#tag h3 {
  font-size:24px;
  color:#000;
  font-weight:bold;
  padding:5px 10px;
  margin:0;
  
}

/*-----------------------------------------------------------------------------------------------
  Menu Styles
-----------------------------------------------------------------------------------------------*/

#nav .inside {
  background-color:#e9eef1; 
  border-bottom:3px solid #fff; 
  border-top:3px solid #fff; 
}

ul#navigation{
  width:100%;
  padding:0;
  margin:0 ;
  float:left;
  clear:both;
}


#navigation li {
  float:left;
	margin:0 10px 0 0;
  padding:0;
  text-transform:uppercase;
  list-style:none; 
}

#navigation a {
  display:block;
	color:#000;  
	padding:5px 12px; 
  font-weight:bold;
}

ul#navigation li a:hover, ul#navigation li a.selected{
	color:#fff;
	background-color:#ee2e24;
}

#navigation li.current_page_item, #navigation li.current_page_parent {
  background-color:#ee2e24;
}

#navigation li.current_page_item a, #navigation li.current_page_parent a {
  color:#fff;
}

#navigation li.current_page_item a:hover, #navigation li.current_page_parent a:hover {
  color:#fff;
}


#breadcrumb {
  padding:5px 10px;
  clear:both;
}

#breadcrumb a {
  color:#e9eef1;
  text-decoration:none;
}

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#gap .inside {
  height:263px;
}

.home {
}

.home .post {
  background:transparent url(img/main_bg.png) no-repeat left top;  
  height:260px;
  width:379px;
  color:#fff;
  overflow:hidden;
}

.left_post {
    font-size:9px;
  height:276px;
  width:217px;
  color:#fff;
}

.right_post {
  
  height:276px;
  width:117px;
  color:#fff;
}

table { 
font-size:1.2em;
 line-height:1.75em; 
}


.home .post h2 {
  margin:0 0 0px 10px;
  color:#fff;
}

.home .post p {
  padding:0 10px;
}

#content {
  background-color:#fff;
  border-bottom:3px solid #fff; 
  border-top:3px solid #fff;   
}

#content_nobg {
  background-color:#e9eef1;
  border-bottom:3px solid #fff; 
  border-top:3px solid #fff;   
}

img.acc {
  padding:10px 0 40px 50px;
}

.acc_page {
  float:left;
  padding:9px;  
}

#services {
  float:left;
  background-color:#e9eef1;
  width:217px;
  padding:0;  
}

#services h2 {
  margin:0 0 10px 10px;
}

#services p {
  padding:0 10px;
}

.page {
  float:left;
  background-color:#e9eef1;
  width:639px;
  padding:9px;  
}

.page4 {
  float:left;
  background-color:#e9eef1;
  width:600px;
  padding:9px;  
}

.page5 {
  float:left;
  background-color:#e9eef1;
  width:800px;
  padding:9px;  
}

#contact_maps {
  float:left;
  background-color:#e9eef1;
  width:857px;
  padding:9px;  
}

#left {
  float:left;
  background-color:#e9eef1;
  width:370px;
  padding:0px 9px 9px 9px;  
}

#right {
  float:right;
  background-color:#e9eef1;
  width:450px;
  padding-bottom:20px;
}

.page4_right {
  float:right;
  background-color:#e9eef1;
  width:220px;
  padding:9px; 
  margin-top:00px;
  text-align:center;
}

#office_container {
  float:left;
  width:855px;
  background-color:#e9eef1;
  padding:0;  
}

#map {
  float:right;
  background-color:#e9eef1;
  width:450px;
  padding-bottom:20px;
}

.office {
  width:180px;
  float:left;
  padding:10px 30px 0 0;
}

.page3 {
  float:left;
  background-color:#e9eef1;
  width:860px;
  padding:9px;  
}

.page3_left{
	width:230px;
	float:left;
	margin-top:100px;
}

.page3_right{
	width:630px;
	float:right;
}

.page2 {
  float:left;
  background-color:#e9eef1;
  width:639px;
  padding:9px;  
}
 .page1 {
  float:left;
  background-color:#e9eef1;
  width:419px;
  padding:9px;  
}

* html .page {
  width:636px;
}

#home_nav {
  background-color:#fff;
}

#home_nav2 {
   width:880px;
   
}

#home_nav h3 {
  font-size:14px;
  height:32px;
  margin:0;
  border-top:3px solid #fff;  
  padding:5px 30px 5px 5px;
  background:#e9eef1 url(img/arrow_01.gif) no-repeat 197px 8px;  
}

#home_nav2 h3 {
  font-size:14px;
  height:32px;
  margin:0;
  border-top:3px solid #fff;  
  padding:5px 30px 5px 5px;
  background:#e9eef1 url(img/arrow_01.gif) no-repeat 197px 8px;  
}


#home_nav h3 a {
  color:#333;
}

#home_nav h3 a:hover {
  color:#ee2e24;
}

#home_nav2 h3 {
  font-size:14px;
  height:32px;
  margin:0;
  border-top:3px solid #fff;  
  padding:5px 30px 5px 5px;
  background:#e9eef1 url(img/arrow_01.gif) no-repeat 197px 8px;  
}


#home_nav h3 a {
  color:#333;
}

#home_nav h3 a:hover {
  color:#ee2e24;
}

#home_nav p {
  font-size:11px;
  line-height:15px;
  height:60px;
  margin:3px 0;
  padding:5px;
  color:#fff;
  background-color:#ee2e24;  
}

#home_nav3 p {
  font-size:11px;
  line-height:15px;
  height:120px;
  margin:3px 0;
  padding:5px;
  color:#fff;
  background-color:#ee2e24;  
}

#home_nav3 h3 {
  font-size:14px;
  height:32px;
  margin:0;
  border-top:3px solid #fff;  
  padding:5px 30px 5px 5px;
  background:#e9eef1 url(img/arrow_01.gif) no-repeat 197px 8px;  
}


#home_nav3 h3 a {
  color:#333;
}

#home_nav3 h3 a:hover {
  color:#ee2e24;
}

#home_nav2 h3 a {
  color:#333;
}

#home_nav2 h3 a:hover {
  color:#ee2e24;
}

#home_nav2 p {
  font-size:11px;
  line-height:15px;
  height:50px;
  margin:3px 0;
  padding:5px;
  color:#fff;
  background-color:#ee2e24;  
}

.nav_block {
  width:217px;  
  float:left;
  margin:3px 0 0 3px;
}

.nav_block1 {
  width:217px;  
  min-height:170px;
  float:left;
  margin:3px 0 0 3px;
}

.item_location {
  width:172px;  
  height:170px; 
  float:left;
  margin:0px 0 0 3px;
  padding-right:10px;
}


/*-----------------------------------------------------------------------------------------------
  Secondary Items
-----------------------------------------------------------------------------------------------*/

.secondary {
  float:left;
  width:220px;
}

.secondary1 {
  float:left;
  width:440px;
}

.secondary h3 {
  font-size:14px;
  height:32px;
  margin:0;
  border-top:3px solid #fff;  
  border-bottom:3px solid #fff;  
  padding:5px 30px 5px 5px;
  background:#e9eef1 url(img/arrow_01.gif) no-repeat 197px 8px;  
}

.secondary h3 a {
  color:#333;
}

.secondary h3 a:hover {
  color:#ee2e24;
}

.secondary p {
  font-size:11px;
  line-height:15px;
  height:50px;
  margin:3px 0;
  padding:5px;
  color:#fff;
  background-color:#ee2e24;  
}

#address h3 {
  font-size:15px;
  margin:0;
  height:auto;  
  padding:20px 5px 0 5px;
  background-color:#e9eef1;
  background-image:none;  
}

#address p{
  font-size:12px;
  line-height:15px;
  min-height:173px;
  height:auto;
  margin:0 0 3px 0;
  padding:3px 5px 22px 5px;
  color:#000;
  background-color:#e9eef1;  
}



/*-----------------------------------------------------------------------------------------------
  Ancillary Items
-----------------------------------------------------------------------------------------------*/

#ancillary {
  float:right;
  padding:5px 0 0 0;
}


/*-----------------------------------------------------------------------------------------------
  Contact Form
-----------------------------------------------------------------------------------------------*/

.contactform {
  float:left;
  font-size:1.1em;
  width:400px;
}

label {

} 

.contacterror {
  border: 1px solid #ff0000;
}

.sub_error {
  background-color:#cc0000;
  color:#fff;
  padding:5px;
  margin:0 0 20px 0;
}

.sub_error p {
  padding:0px;
  margin:0px;
}

/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
  clear:both;
  margin-bottom:15px;
}

#footer .inside {
  padding:5px 0;
  border-bottom:15px solid #fff;
  background-color:#fff;
}

#footer a {
  color:#555;
  text-decoration:none;
  font-weight:bold;
}

#footer a:hover { 
  color:#ccc;
}

#footer p {
  margin:0;
  font-size:1.1em;
}

a.rss {
  padding:4px 0 5px 16px;
  margin:5px 0 0 0;
  background: url(img/feed-icon-12x12.gif) no-repeat left center;
}

/*-----------------------------------------------------------------------------------------------
  Micilanious :)
-----------------------------------------------------------------------------------------------*/

.tc{margin-top:0;}
.rc{margin-right:0;}
.bc{margin-bottom:0;}
.lc{margin-left:0;}

/*-----------------------------------------------------------------------------------------------
  Delaer locator
-----------------------------------------------------------------------------------------------*/

.dealer_out {
  float:left;
  height:230px;
  color:#000; 
  position:relative;
  top:0px;
  left:0px;
  
}

.dealer_out h4 {
  font-size:14px;
  padding:0 35px 0 10px;
}

.dealer_out p {
  padding:0 10px;
  line-height:1.4em;  
}

.dealer_out a {
  color:#000;
}

.dealer_out a:hover {
  color:#333;
}

ul#map_options {
  list-style-type:none;
  margin:0;
  padding:0;
}

ul#map_options li {
  background-image:none;
  padding:0;
  margin:5px 0 5px 5px;
}

ul#map_options label {
  padding:0 0 0 5px;
}

#dealer_sec {
  float:left;
  margin:40px 0 0 0;
}

#dealer_sec h2 {
  margin:40px 0 0 0;
}

.first {
  background:url(img/second_grad_01.jpg) repeat-y;
  display:inline  
}

.first a.view_all_icon {
    background: url(img/mapicon1.png) no-repeat left center;
}

.second {
  background:url(img/third_grad_01.jpg) repeat-y;
}

.second a.view_all_icon {
    background: url(img/mapicon2.png) no-repeat left center;
}

.third {
  background:url(img/fourth_grad_01.jpg) repeat-y;
}

.third a.view_all_icon {
    background: url(img/mapicon3.png) no-repeat left center;
}

.forth {
  background:url(img/fifth_grad_01.jpg) repeat-y;
}

.forth a.view_all_icon {
    background: url(img/mapicon4.png) no-repeat left center;
}

a.view_all_icon {
  padding:0;
  margin:0;
  width:23px;
  height:36px;
  display:block;
  text-indent:-10000px;
}

#map_loader {
  background:#f5f5f5 url(img/loading.gif) no-repeat center center;
}

.dealer_icons{
  float:left;
  margin:0 0 0 7px;
}

.tel_dealer {
  float:left;
  margin:0 0 0 10px;
  display:inline;  
}

.dealer_markers {
  position:absolute;
  top:10px;
  left:182px;  
}

* html .dealer_markers {
  height:70px;
  padding-top:10px;
}

#dealer_does_container{
  position:absolute;
  top:195px;
  left:0;  
}

.dealer_does_icons{
  float:left;
  margin:0 0 0 10px;
  display:inline;
}