* {
 margin: 0px;
 padding: 0px;
}

body {
  margin: 0 0 0 0;
  padding: 0px 0px 0px 0px;
  background: #cbd9ce url(gfx/pg_layout/body_bg.png) repeat-x left top;
  font: 70% Verdana,Sans-serif;
  line-height: 140%;
  text-align:center;
  color: black;
  }         

#header {     
    position: relative;      
    margin: 0px;
    width: 100%;
    height: 108px;
    text-align:left;
    background: #48534B url(gfx/pg_layout/header_bg_new.png) no-repeat right 50%;
}
#header a img{
    border: 0px;
    margin: 2px 0px 0px 5px;
}         

#header p.hotline {
    position: absolute;
    bottom: 10px;
    right: 185px;
    color: white;
    text-align: right;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 2px;
    color: #c0d542;  
    line-height: 140%; 
}
#header p.hotline span.telephone {
    font-weight: normal;
    color: white;
}

#header ul#top_navigation{
    display: block;
    position: absolute;
    top: 0px;   
    right: 170px;
}
#header ul#top_navigation li {
    list-style: none;
    display: inline;
    float: left;
}
#header ul#top_navigation li a {
    text-decoration: none;
    color: white;
    border-left: 1px solid white;
    padding: 0px 5px 0px 5px;
    display: block;
}
#header ul#top_navigation li a:hover {
    color: #c0d542;  
}

#container {                  
  background-color: transparent;
  width: 950px;
  margin: 0px auto;
  text-align:left;
  color: #1F4434;
  padding: 0px;
  position: relative;
  }
	
hr.spacer {
 padding: 0px;
 margin: 0px;
 clear: both;
 width: 20px;
 height: 1px;
 text-align: center;
 background: transparent;
 color: white;
 border: 0px;
}

/* banner */
#banner {
    margin: 0;   
    background: #48534b; 
}      
#banner div#header_flash {
    background: #48534b;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid red;     
}
#banner strong {
    display: block;
    font-weight: normal;
    padding: 8px;
    background: #48534b;
    color: white;
    font-size: 1.4em;
    text-align: right;
}   
#banner strong span.time {
    font-size: 0.8em;
}   

/* Top Navigation */
#navbar {
    background-color: transparent;
    margin: 0;
    position: relative;
    display: block;
    height: 37px;
}               
   
#navbar ul li {
    float: left;
    display: block;
    margin: 0px;
    padding: 0px;  
    width: 156px;  
    height: 37px;
    border-left: 1px solid #d8dbd8;
    border-right: 1px solid #4a504a;   
}
#navbar.home ul li {  
    height: 435px;
    background: transparent url(gfx/service_photos/ts_trees.jpg) no-repeat 50% 37px;
    position: relative;
}
#navbar.home ul li.ts_trees { background-image: url(gfx/service_photos/ts_trees.jpg); width: 158px;  border-left: 0px; }
#navbar.home ul li.ts_fencing { background-image: url(gfx/service_photos/ts_fencing.jpg); }
#navbar.home ul li.ts_landscaping { background-image: url(gfx/service_photos/ts_landscaping.jpg); }
#navbar.home ul li.ts_ground_maintenance { background-image: url(gfx/service_photos/ts_ground_maintenance.jpg); }
#navbar.home ul li.ts_consultancy { background-image: url(gfx/service_photos/ts_consultancy.jpg); }
#navbar.home ul li.ts_stump_grinding { background-image: url(gfx/service_photos/ts_stump_grinding.jpg); width: 158px; border-right: 0px; }

#navbar.home ul li a p.descrip {
	margin: 305px 0px 0px 0px;
	padding: 0px 2px 0px 2px;
	text-align: center;
	background: white;
	color: black;
} 
#navbar.home ul li a:hover p.descrip { color: #C0D341; }

#navbar ul li.active {
    background: #C0D341 url(gfx/pg_layout/nav_a_bg_active.png) repeat-x left bottom;
}
#navbar ul li a {
    color: white;
    text-decoration: none; 
    width: auto;                    
}
#navbar ul li a span {
    display: block;
    text-align: center;
    padding: 8px 0px 10px 0px;
    font-size: 1.25em; 
    line-height: 140%;                    
    
}
#navbar ul li a:hover {
    color: #C0D341;
}
#navbar ul li.active a span {  
    color: #48534B;
} 

/* Content Container */  
#content_container {
    background: white;
}


/* h1 Mastehead styling */
h1 {              
    font-weight: normal;
    font-size: 1.6em;
    color: #48534B;                     
    padding: 0px;
    margin: 20px 0px 10px 0px;
}                 


	
/* subnav within content area */
#subnav {
    width: 120px;
    float: left;
    margin: 20px 0px 20px 0px;
    background: white;
    font-size: 1.1em;
}   
#subnav ul {
 margin: 0;
 padding: 0;
}

#subnav li {
list-style: none;
 margin: 0;
 padding: 0px;
}
#subnav a {
    display: block;
    text-decoration: none;   
    color: #48534B;                     
    padding: 5px 0px 5px 20px; 
    border-bottom: 1px solid #48534B;                                                
}
#subnav a:hover {
    color: #C0D542;     
    border-bottom: 1px solid #C0D542;                                                                                      
}
#subnav a.active {               
    font-weight: bold;     
    color: #C0D542;     
    border-bottom: 1px solid #C0D542;                                                                                                                    
}

/*Content Styling */
#content {
 background: white;
 position: relative;
 float: left;
 margin: 0px 0px 50px 20px;
 padding: 0px;
 color: black;
 width: 800px;
 font-size: 1.1em;
 line-height: 150%;
}  

#content.no_sub_menu {
 width: 900px;    
}

#content .prop {
 display: block;
 height: 540px;
 width: 1px;
  background: transparent;
 float: right;
}

       
#content h2 {
 background: transparent;
 text-align: left;
 font-weight: normal;
 font-size: 1.2em;
 color: #48534B;
 margin: 10px 30px 5px 0px;
 padding: 0px 0px 0px 0px;
 text-align: left;
}

#content h3, #content h4 , #content h5 {
 font-weight: bold;
 font-size: 1em;
 color: #48534B;
 margin: 10px 30px 3px 0px;
 padding: 0px 0px 0px 0px;
}

#content p {
 margin: 0px 0px 12px 0px;
 padding: 0px 0px 0px 0px;
}

#content p.small_print {
 font-size: 65%;
 line-height: 125%;
}
#content ul {
 margin: 0px 0px 12px 20px;
    
}
#content A {
 color: #48534B;    
}
    

/* Content Enquiry Form */
#content table.enquiry_form {
    margin: 0px;
}
#content table.enquiry_form th {
  text-align: right;  
  padding: 3px 5px 3px 20px; 
  border-bottom: 2px solid white;
  background: #CBD9CE;
  vertical-align: top;
  font-weight: normal;
}
#content table.enquiry_form td {
  text-align: left;  
  padding: 3px 0px 3px 5px;
  border-bottom: 2px solid white;
  background: #E6EDE8;
}
#content table.enquiry_form td input,
#content table.enquiry_form td textarea {
    width: 95%;
    border: 1px solid #48534B;
}
                                                   
/* RHS column for 24hr hotline */
#news_blog {      
    border-top: 20px solid #cbd9ce;
    clear: both;         
    display: block;                                                               
    margin: 0px 0px 0px 0px;
    color: #48534B;   
    background: #48534B;
    text-align: left;  
    padding: 0px 0px 0px 0px;       
}
#news_blog div.box {
    background: #48534B;
    color: white;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 315px;
    float: left;   
    border-left: 1px solid #151a16;   
    border-right: 1px solid #6d7b71; 
    height: 200px;
} 
#news_blog div.box.blog { border-left: 0px; }
#news_blog div.box.contracts { width: 316px; }
#news_blog div.box.contact { border-right: 0px; }
#news_blog div.box h2 {
    background: #c0d542;
    color: #48534B;
    font-size: 1.4em;
    font-weight: normal;
    padding: 10px;
    margin: 0px;
}
#news_blog div.box h2.find_us { margin: 15px 0px 0px 0px; }

#news_blog p {
  margin: 10px 10px 0px 10px;
}
                   
#news_blog a {
    color: white;
}
#news_blog div.box ul,
#news_blog div.box ul li {
    list-style: none;
}
#news_blog div.box ul li a { 
    text-decoration: none;
    display: block;
    margin: 0px 10px 0px 10px;
    padding: 5px 5px 5px 5px;
    color: white;
    border-bottom: 1px solid #6d7b71;
}
#news_blog div.box ul li a:hover {        
    border-bottom: 1px solid #c0d542; 
    color: #c0d542;
}

#news_blog a.social {
	float: left;
	display: block;
	width: 32px;
	height: 30px;
	margin: 10px 0px 0px 10px;
	background: transparent url(gfx/social_media_icons/Social-Media-Icons-large.png) no-repeat 0px 0px;
	overflow: hidden;
	text-indent: -1000px
}
#news_blog a.social.facebook { background-position: -40px 0px; }
#news_blog a.social.twitter  { background-position: -120px 0px; }
#news_blog a.social.linkedin { background-position: 0px 0px; }
#news_blog a.social.youtube  { background-position: -80px 0px; }


/* Content Gallery Table */

#content table.gallerytable td {
    padding: 5px;    
}

/* Logos */
#logos {
    clear: both;
    text-align: center;        
    width: auto; 
    border: 0px;
    border-top: 20px solid #cbd9ce;
    padding: 5px 0px 5px 0px;                                                       
}
#logos img {
    padding: 0px;
    margin: 0px 10px 0px 10px;
}
     
/* Footer*/
#footer {
 width: 950px;
 margin: 0 auto;
 border: 0px;
 border-width:0 1px;
 text-align: left;
 padding: 30px 0px 15px 0px;
}

#footer P {
 font-size: 80%;
 line-height: 135%;
 color: #00265D;
 text-align: center;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

#footer P A {
 color: #00265D;
 text-decoration: none;
}



#footer ul {  
 background: transparent;
 margin: 15px 0px 15px 0px;
 clear: both;
 text-align: center;
}
#footer ul li {
 display: inline;
 background: transparent;
}
#footer ul li a {
 background: transparent;
 margin: 0px;
 border: 0px;
 padding: 5px 10px 5px 10px;
 text-decoration: none;
 color: #00265D;
}
#footer ul li a:hover {
 text-decoration: underline;
 color: #4587D8;
}