/*
color: #c1101a; // red
color: #f16915; // orange
color: #547713; // green
*/

*{ outline: none; }

body{
font-family:Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #666;
}

#content,
#strapline-inner,
#footer-inner,
#navigation-inner,
#header-inner{
margin: 0px auto;
width: 996px;
}

h1{
font-family: Tahoma;
font-size: 2.2em;
font-weight: normal;
margin-bottom: .4em;
color: #333;  
}

h2{
margin-top: 16px;
font-size: 1.6em;
margin-bottom: 8px;
color: #666;
font-weight: normal;
}

/* --- misc ---- */

a.portfolio_url_anchor{font-size: 1.2em;}

#subheader-inner a{
text-decoration: none;
color: #FFFFFF;
}

.inline_edit{
position: absolute;
top: 0px;
left: -48px;
}

a.inline_edit{
color: #FF0000 !important;
}

.service_section_right a{font-weight: bold; font-size: 1.2em;}

/* ---- main left hand column ---- */

#column_left_full{                   position: relative;                    padding-left: 8px;                width: 980px;      padding-right: 8px;       padding-top: 16px;  padding-bottom: 16px;}    
#column_left_narrow{                 position: relative;    float: left;    padding-left: 8px;                width: 322px;      padding-right: 0px;                           padding-bottom: 16px;}    
#column_middle_narrow_with_padding{  position: relative;    float: left;    padding-left: 20px;               width: 300px;      padding-right: 10px;      padding-top: 16px;  padding-bottom: 16px;}
#column_right_narrow{                position: relative;    float: left;    padding-left: 26px;               width: 290px;      padding-right: 0px;       padding-top: 16px;   padding-bottom: 16px;}    
#column_left_wide{                   position: relative;    float: left;                                      width: 664px;                                padding-top: 16px;  padding-bottom: 16px;}
#content_middle{                     position: relative;    float: left;                                      width: 326px;                                padding-top: 16px;  padding-bottom: 16px;}    
#content_right_with_padding{         position: relative;    float: left;    padding-left: 18px;               width: 292px;      padding-right: 18px;      padding-top: 16px;  padding-bottom: 16px;}    

#column_left_wide, #column_left_full{
}

#column_left_wide a{
color: #4e9c00;
text-decoration: none;
}

#column_left_wide p{
margin-bottom: 8px;
font-size: 1.2em;
}
#column_left_wide ul li{
font-size: 1.2em;
}
#column_left_wide ul li{
font-size: 1.2em;
}
#column_left_wide ul li ul li{
font-size:1em;
}

#column_left_wide h3{
color:#666666;
font-size:1.8em;
font-style:italic;
font-weight:normal;
margin-bottom: .8em;
margin-top:6px;
}

#accordion h3{
font-weight: bold;
}

#column_left_wide ul{
padding-left: 16px;
margin-bottom: 16px;
line-height: 1.4em;
}

#site_map_services_lists ul{
padding-left: 16px;
margin-bottom: 0px;
line-height: 1.4em;
}
#site_map_services_lists li{
margin-bottom: 10px;
}
#site_map_services_lists ul li ul li{
margin-bottom: 0px;
}

/* ---- header ---- */

#header-top{
background-image: url(../images/header_backdrop.jpg);
background-repeat: repeat-x;
height: 151px;
}

#header-inner{ position: relative; height: 151px; }

.backdrop-shaded{background-color: #f7f7f7;}

.header_button span{   display: none;  }

.header_button{ width: 190px; height: 36px; display: block; }

.header_telephone{ background-image: url(../images/header_telephone.png); position: absolute; left: 400px; top: 26px; background-position: 0px 0px; }
.header_portfolio{ background-image: url(../images/header_portfolio.png); position: absolute; left: 600px; top: 26px; background-position: 0px 0px; }
.header_fastquote{ background-image: url(../images/header_fastquote.png); position: absolute; left: 800px; top: 26px; background-position: 0px 0px; }

a.header_button:hover{ background-position: -190px 0px; }


#subheader{
background-image: url(../images/subheader-backdrop.jpg);
background-repeat: repeat-x;
background-color: #838383;
margin-top: 1px;
}

#logo{
left:8px;
position:absolute;
top:38px
}

#subheader-inner{
margin: 0px auto;
width: 989px;
padding-left: 7px;
padding-top: 12px;
padding-bottom: 22px;
}

.subhead-section-beg{
float:left;
width:322px;
}
.subhead-section-end{
float:left;
width:303px;
padding-left: 19px;
}

.subhead-section-beg p,
.subhead-section-end p{
padding-left: 19px;
color: #FFFFFF;
font-size:  1.2em;
line-height: 1.5em;
padding-top: 6px;
}


/* ----  footer ---- */

#footer{
background-image: url(../images/footer_backdrop.jpg);
background-repeat: repeat-x;
background-color: #676767;
color: #FFF;
}
#footer-inner{
padding-top: 51px;
}

#footer h3{
font-size: 1.8em;
color: #B9FF36;
margin-bottom: 4px;}
#footer-inner h3 a{
text-decoration: none;
color: #B9FF36;
font-weight: normal;
margin-bottom: 4px;
}

#footer-inner p, #footer-inner ul{
line-height: 1.3em;
font-size: 1.1em;
margin-bottom: 8px;
}

#footer li{
list-style-type: none;
padding-bottom: 2px;
font-size: 1.1em;
padding-left: 1px;
}

#footer a{
}


#footercolumn01{    width: 230px;       float: left;    padding: 0px 48px 0px 0px; }
#footercolumn02{    width: 140px;       float: left;    padding: 0px 40px 0px 0px; }       
#footercolumn03{    width: 280px;       float: left;    padding: 0px 40px 0px 0px; }       
#footercolumn04{    width: 180px;       float: left;    padding: 0px 0px 0px 0px;  }

.generic_ul a{
color: #B9FF36;
font-weight: bold;
text-decoration: none;
font-size: 1.1em;
line-height: 1.3em;
}

.service_ul a{
color: #FFF;
text-decoration: none;
}

#strapline{         background-image: url(../images/strapline_backdrop.jpg);    background-repeat: repeat-x; }
#strapline-inner{   font-size:1.1em;  padding-top:18px; }

/* ---- main navigation ---- */

#navigation li{
float: left;
list-style-type: none;
color: #FFFFFF;
}
#navigation a{
color: #FFFFFF;
text-decoration: none;
font-size: 16px;
font-weight: bold;
}


/* ---- folio images ---- */
#folio_thumbnails{
margin-bottom: 32px;
}

.jq_folio_thumb_click{
cursor: pointer;
}

/* thumb */
.foliolink_thumb{
display:block;
height:95px;
position:relative;
width:125px;
float: left;
margin-right: 31px;
}
.folioimage_thumb{
border: 1px solid #C3C3C3;
background-color: #F0F0F0;
padding: 2px;
}
.folioimage_thumb_hover{
position: absolute;
top: 0px;
left: 0px;
display: none;
background-image: url(../images/image_overlay_thumb.jpg);
background-repeat: no-repeat;
background-position: 3px 75px;
color: #666;
font-size: 12px;
font-weight: bold;
width: 119px; height: 17px;
padding-top: 77px;
padding-left: 6px;
}
/* thumb2 */
.foliolink_thumb2{
display:block;
height:95px;
position:relative;
width:125px;
float: left;
margin-right: 16px;
}
.folioimage_thumb2{
border: 1px solid #C3C3C3;
background-color: #F0F0F0;
padding: 2px;
}
.folioimage_thumb2_hover{
position: absolute;
top: 0px;
left: 0px;
display: none;
background-image: url(../images/image_overlay_thumb.jpg);
background-repeat: no-repeat;
background-position:  1px 74px;
width: 125px;
height: 94px;
}
/* medium */
.foliolink_medium{
display:block;
height:232px;
position:relative;
width:271px;
text-decoration: none;
cursor: pointer;
}

.foliolink_mediumb{
display:block;
height:206px;
position:relative;
width:271px;
text-decoration: none;
margin-bottom: 16px;
margin-right: 16px;
cursor: pointer;
float: left;
}

.folioimage_medium{
border: 1px solid #C3C3C3;
background-color: #F0F0F0;
padding: 3px;
}


.folioimage_medium_hover{
display: none;
background-image:url(../images/image_overlay_medium.jpg);
background-position:4px 197px;
background-repeat:no-repeat;
color:#666666;
display:none;
font-size:12px;
font-weight:bold;
height:28px;
left:0;
padding-left:8px;
padding-top:199px;
position:absolute;
top:0;
width:278px;
}

/* small */
.foliolink_small{
display:block;
position:relative;
height:155px;
width:204px;
float: left;
margin-bottom: 36px;
text-decoration: none; 
color: #666;
}

.folio_column_1_2{
margin-right: 36px;
}

.folioimage_small{
border: 1px solid #C3C3C3;
background-color: #F0F0F0;
padding: 3px;
}
.folioimage_small_hover{
color:#666666;
font-weight: bold;
position: absolute;
top: 0px;
left: 0px;
display: none;
background-image: url(../images/image_overlay_small.jpg);
background-repeat: no-repeat;
background-position:  4px 132px;
width: 196px;
height: 020px;
padding-top: 135px;
padding-left: 8px;
font-size: 11px;
}


/* - - - */

.folioimage_main{
border: 1px solid #C3C3C3;
background-color: #F0F0F0;
padding: 4px;
margin-bottom: 16px;
}



/* ---- news page ---- */

.news_item_link{
font-size: 1.1em;
color: #547713;
float: right;
}

.news_h1_style{
padding-left: 8px;
width: 600px;
float: left;
position: relative;
top: 8px;
}        

.calendernumber{
width: 50px;
height: 30px;
background-image: url(../images/calender_numbers.gif);
}

.calendermonth{
width: 40px;
height: 13px;
background-image: url(../images/calender_monthes.jpg);
}                    

.month_01{ background-position: 0px -0px; }     
.month_02{ background-position: 0px -13px; }     
.month_03{ background-position: 0px -26px; }     
.month_04{ background-position: 0px -39px; }     
.month_05{ background-position: 0px -52px; }     
.month_06{ background-position: 0px -65px; }     
.month_07{ background-position: 0px -78px; }     
.month_08{ background-position: 0px -91px; }     
.month_09{ background-position: 0px -104px; }     
.month_10{ background-position: 0px -117px; }
.month_11{ background-position: 0px -130px; }     
.month_12{ background-position: 0px -143px; }     

.newstitle{
color: #547713;
font-size: 1.3em;
font-weight: bold;
}

.newstitlelink{
text-decoration: none;
}

.newstext_main{
text-decoration: none; 
color: #666;
font-weight: normal;
}

a.servicesummary,
a.newstitlesummary {
font-size: 1.2em;
text-decoration: none !important; 
color: #666 !important;
font-weight: normal !important;
}


.newssummary{
padding-top: 2px;
font-size: 1.1em;
}

.calender{
width: 45px;
padding-left: 3px; 
height: 42px;
padding-top: 6px;
background-image:url(../images/calender_backdrop.jpg);
float: left;
}

#newspage .calender{
margin-right: 16px;
margin-bottom: 4px;
}


.newstext_main{
float: left;
width: 430px;
padding-left: 8px;
font-size: .9em;
}

.newstext{
float: left;
width: 230px;
padding-left: 8px;
}
.newssection{
padding-bottom: 4px;
}



/* ---- navigation ---- */
#navigation li{
background-repeat: no-repeat;
background-position: center 12px;
margin: 0px 8px;
}
#navigation li a{
display: block;
height: 38px;
background-position: center top;
background-repeat: no-repeat;
}
#navigation li a:hover{background-position: center -38px; }


#navigation .nav_home{						}
#navigation .nav_website_design{			}
#navigation .nav_website_development{		}
#navigation .nav_online_marketing{			}
#navigation .nav_about_us{					}
#navigation .nav_contact_us{				}

#navigation .nav_home a{				width: 73px;	background-image: url(../images/nav_home.jpg); 					}	/* 53 */
#navigation .nav_website_design a{		width: 152px;	background-image: url(../images/nav_website_design.jpg);		}	/* 132 */
#navigation .nav_website_development a{	width: 200px;	background-image: url(../images/nav_website_development.jpg);	}	/* 190 */
#navigation .nav_online_marketing a{	width: 170px;	background-image: url(../images/nav_online_marketing.jpg);		}	/* 160 */
#navigation .nav_about_us a{			width: 107px;	background-image: url(../images/nav_about_us.jpg);				}	/* 87 */
#navigation .nav_contact_us a{			width: 118px;	background-image: url(../images/nav_contact_us.jpg);			}	/* 98 */

#navigation li span{
display: none;
}

#navigation{
background-image: url(../images/navigation-backdrop.jpg);
height: 38px;
background-repeat: repeat-x;
}

.navigation_border_class{
padding-bottom: 1px;
border-bottom: 4px solid #666;
}
          

/* ---- testimonials ---- */

#main_testimoinal{
background-image: url(../images/testimonial_quote.jpg);
background-repeat: no-repeat;
background-position:0 0;
background-repeat:no-repeat;
margin-bottom:16px;
padding:30px;
width:544px;
}

.testimonial_section{
background-image: url(../images/testimonial_quote.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
margin-bottom: 16px;
padding-right: 32px;
padding-left: 8px;
}


.testimonial_section .quote_text{
font-style: italic;
font-size: 1.3em;
line-height: 1.6em;
}

.testimonial_section p{
margin-bottom: 8px;
}

.testimonial_section .quote_name{
font-weight: bold;
font-size: 1.3em;
}
.testimonial_section .quote_position{
font-style: italic;
font-size: 1.3em;
}
.testimonial_section .quote_project_name{
font-weight: bold;
font-size: 1.3em;
}




/* ---- content columns ---- */				
#home_page_intro_para{
padding-top: 16px;
padding-bottom: 8px;
margin-bottom: 8px;
}

.narrow_column_padding{
padding-left: 20px;
padding-right: 16px;
}

.column_sides_padding{
padding-left: 16px;
padding-right: 16px;
}

#section_passionate p{
font-size: 1.2em;
margin-bottom: .8em;
}

/* ---- Debug Framework Colours ----
    #header-inner{                      background-color: #00FFFF;}
    #subheader-inner{                   background-color: #FF0000;}
    #column_left_narrow{                background-color: #00FF00;}
    #column_middle_narrow_with_padding{ background-color: #0000FF;}
    #column_right_narrow{               background-color: #FF00FF;}
*/



/*---- Services Page ---- */
#rh_service_list h3{
color: #000;
}

.service_section{
width: 324px;
float: left;
margin-bottom: 8px;
}

.service_section_left{
width: 64px;
height: 64px;
float: left;
padding-top: 16px;
}
.service_section_right{
width: 240px;
float: left;
}

.servicethumbnail{
float: left;
}


/*---- buttons / right hand column ( portfolio / brochure download ) ----*/
.right_hand__big_button{
height: 42px;
width: 290px;
background-position: 0px 0px;
display: block;
position: relative;
left: -4px;
margin-bottom: 12px;
}
.right_hand__big_button span{       display: none;}
a.right_hand__big_button:hover{     background-position: 0px -42px;    }

.button_our_portfolio{          background-image: url(../images/button_viewportfolio.jpg);          }
.button_fast_quote_request{     background-image: url(../images/button_fast_quote_request.jpg);     }

.employees{
margin-bottom: 32px;
}
.employees h4{
font-size: 1.5em;
color: #c1101a;
border-bottom: 1px solid #E0E0E0;
padding: 3px 0px 4px 0px;
margin-bottom: 8px;
}
.employees h4 span{
color: #999;
font-weight: normal;
}

.standardimage{
border: 1px solid #C3C3C3;
background-color: #F0F0F0;
padding: 2px;
}

#section_news{
position: relative;
}

hr{
border: none;
border-top: 1px solid #CCC;
margin-top: 16px;
margin-bottom: 8px;
}

#services_lists{
margin-bottom: 16px;
}

#breadcrumb{
margin-bottom: 12px;
font-size: 1.1em;
}

#breadcrumb a{
color: #5EAC00;
}
#breadcrumb a:hover{
color: #5EAC00;
text-decoration: none;
}

/* ---- to sort --- */

#column_left_wide li{
background-image: url(../images/bullet_point_a.gif);
background-repeat:  no-repeat;
background-position: 0px 2px;
list-style-type: none;
padding-left: 10px;
}

.teamtext{
font-size: .9em;
padding-left: 42px;
padding-right: 32px;
}

.teamicon{
float: left;
margin-right: 10px;
}

h4.teamhdr{
float: left;
width: 619px;
}

.hidelink_towns{
display: none;
}

.hidelink {
color: #666 !important;
text-decoration: none;
}
#footer .hidelink{
color: #FFF !important;
}


#section_passionate a{
color: #547713;
}

.nextstepgfx{
background-image: url("../images/the_next_step.png");
width: 577px;
height: 70px;
padding: 60px 20px 0px 60px;
line-height: 1.5;
margin-top: 32px;
}        

/* - - button_fastquoterequest - - */

.printlogo{display: none;}


#seo_title{
position: absolute;
top: -1000px;
left: 0px;
}
#seo_para{
position: absolute;
top: -1000px;
left: 0px;
}

/* Right Hand Navigation */

#services_lists li{
display: inline;
float: left;
list-style-type: none;
font-weight: bold;
width: 285px;
}

#services_lists li a:hover{
background-color:  #F4F4F4;
}

#services_lists ul li a{
text-decoration: none;
font-size: 1.6em;
padding: 3px 0px 3px 4px;
border-bottom: 1px dotted #666;
display: block;
color: #5EAC00;
color: #5EAC00;
}

#services_lists ul li ul li a{
text-decoration: none;
font-size: 1.2em;
padding: 3px 0px 3px 12px;
border-bottom: 1px dotted #666;
display: block;
color: #666;
}

#services_lists ul li ul li{
font-weight: normal;
}

#services_lists ul li ul{
margin-bottom: 4px;
}

#services_lists li a:hover{
text-decoration: none;
}
#services_lists .navover{
font-weight: bold;
padding-left: 12px;
background-image: url(../images/rh_nav_bullet.gif);
background-repeat:  no-repeat;
background-position: 4px 4px;
color: #c1101a;
}
/* */

#standardform{font-size: 1.2em;}

.seotownsli{
float: left;
width: 145px;
}

#thisone ul{
padding-left: 16px;
}

#accordion{
margin-bottom: 16px;
}

/* --- */

#accordion a{
text-decoration: none;
color:#666666;
}

#accordion h3{
background: url(../images/rh_nav_bullet_grey.gif) no-repeat 3px 5px;
border-bottom: 1px dotted #666666;
font-size: 1.3em;
padding:4px 0px 4px 13px;
}


#accordion p{
padding: 2px 12px 2px 12px;
font-size: 1.2em;
}

.accordian_summary_text{
background: none !important;
padding-left: 0px !important;
}

a.accordian_read_more{
text-align: right;
color:#5EAC00 !important;
position: relative;
left: 200px;
background: url(../images/rh_nav_bullet_grey_mini.gif) no-repeat 7px left !important;
}

.jq_dave_accordian{cursor: pointer;}

.accordian_section{
padding-bottom: 6px;
}