@import url('news.css');
@import url('contact.css');

body {
	/*color: #A3A4A8;*/
	color: #999;
	margin-top:0px;
	font-size:16px;
	font-family:Arial;
	text-align:justify;
}
p{
	text-align:justify;
	font-size:16px;
	font-family:Arial;
	margin-top:4px;
}
h1 {
	font-size: 12px;
	margin-top: 0;
	color:#8cc63e;
}
a {
	color: #A3A4A8;
	text-decoration: underline;
}
.pageTitles{
color:#8cc63e;
}
#main {
	width: 756px;
	margin: auto;
	margin-top:0px;
	}
	
img{border:0;padding:0;margin:0;}
#holder {
	height:100%;
	float:left;
	width:100%;
	margin-bottom:10px;
	margin-top:0px;
	}
	

#header1{
	float:left;
	width:756px;
	height:395px;
	margin-bottom:10px;
}
#header2{
	float:left;
	width:756px;
	height:314px;
	margin-bottom:10px;
}
#headerhome{
	float:left;
	width:756px;
	height:395px;
	background-image:url('../images/headerImage_home.jpg');
	margin-bottom:10px;
}
#headeraboutus{
	float:left;
	width:756px;
	height:314px;
	background-image:url('../images/aboutUsImage.jpg');
	margin-bottom:10px;
}
#headercontactus{
	float:left;
	width:756px;
	height:314px;
	background-image:url('../images/contactUsImage.jpg');
	margin-bottom:10px;
}
#headerconference{
	float:left;
	width:756px;
	height:314px;
	background-image:url('../images/conferenceRoomsImage.jpg');
	margin-bottom:10px;
}
#headervirtualoffice{
	float:left;
	width:756px;
	height:314px;
	background-image:url('../images/virtualOfficesImage.jpg');
	margin-bottom:10px;
}
#headerservicesoffered{
	float:left;
	width:756px;
	height:314px;
	background-image:url('../images/servicesOfficesImage.jpg');
	margin-bottom:10px;
}
#headerlocations{
	float:left;
	width:756px;
	height:314px;
	background-image:url('../images/locationsImage.jpg');
	margin-bottom:10px;
}
#headerfindus{
	float:left;
	width:756px;
	height:314px;
	background-image:url('../images/findUs.jpg');
	margin-bottom:10px;
}
#statictitles{
	width:100%;
	height:40px;
	padding:5px 0px 5px 0px;
	float:left;
	clear:both;
}
.clear{clear:both;}


/*******************************************************************Menus *********************************************************************************************/
#horizontal li:hover a, 
#horizontal li.sfHover a {
  color: #474444;
    color: white;
	width:115px;	
	padding:0px;

}
#horizontal li:hover ul a, 
#horizontal li.sfHover ul a {
  color: #474444;	
    color: white;
	width:115px;
}
#horizontal li:hover ul a:hover, 
#horizontal li.sfHover ul a:hover {
  background: #b7ab9b;
  color: #474444;	
  color: white;
}
  #horizontal li ul {
     	position: absolute;
    	left: -999em;
		padding-left: 1px;
		width:115px;
        background: #a6947c;
		z-index:2;
      }
      #horizontal li ul li { 
        border-bottom: solid;
        border-bottom-width: 1px;
		width:115px;
		}
		
     
	  
      #horizontal li:hover ul,
      #horizontal li.sfhover ul {
        left:auto;
	  top: 35px;
      }
      
       #horizontal li:hover ul,
       #horizontal li.sfhover ul {
         left: auto;
        margin: 0px;
        padding: 0px;
       }
          #horizontal ul li ul li a {
            border-top: 0;
            padding: 0px;
            margin: 0px;
            line-height: 20px;
            font-family: Verdana;
            font-size: 11px;
            color: #414141;
            text-decoration: none;
            height: 20px;
           
          }
      
          #horizontal ul li ul li a:hover {
            color: #fff;
            border-top: 0;
            padding: 0px;
            *height: 20px;
            margin: 0px;
            line-height: 20px;
           
          }


/*
Gallery Boxes */




#topnavcontainer{
		width:756px;
		float:left;
}
#horizontal{
	  width:756px;
	   	margin-top:0px;
float:left;
}
#horizontal ul {
  list-style-type: none;
  float: left;
  margin:0px;
  padding:0px;
}
#horizontal ul li {
      float: left;
 		margin:0px;
	   padding-left:0px;
}
#horizontal a img {
  border: 0;
  float: left;
   margin:0px;
	   padding:0px;
}
#horizontal ul li a {

  display: block;
        height:35px;
		 margin:0px;
	   padding:0px;
	  float:left;  
}
#horizontal ul li a#home { background:url(../images/mainMenu.png);width:70px; background-position:-0px -0px; }
#horizontal ul li a#home:hover{ background:url(../images/mainMenu.png) ; background-position:-0px -33px; }
#horizontal ul li#active a#home { background:url(../images/mainMenu.png) ; background-position:-0px -33px; }

#horizontal ul li a#aboutus { background:url(../images/mainMenu.png) ;width:90px;background-position:-70px -0px;}
#horizontal ul li a#aboutus:hover{background:url(../images/mainMenu.png);background-position:-70px -33px;}
#horizontal ul li#active a#aboutus{background:url(../images/mainMenu.png);background-position:-70px -33px;}

#horizontal ul li a#services { background:url(../images/mainMenu.png);width:80px;background-position:-160px -0px; }
#horizontal ul li a#services:hover{ background:url(../images/mainMenu.png); background-position:-160px -33px;}
#horizontal ul li#active a#services{ background:url(../images/mainMenu.png); background-position:-160px -33px;}

#horizontal ul li a#location { background:url(../images/mainMenu.png) ;width:95px;background-position:-240px -0px;}
#horizontal ul li a#location:hover{background:url(../images/mainMenu.png);background-position:-240px -33px;}
#horizontal ul li#active a#location{background:url(../images/mainMenu.png);background-position:-240px -33px;}

#horizontal ul li a#findus { background:url(../images/mainMenu.png) ;width:82px;background-position:-335px -0px;}
#horizontal ul li a#findus:hover{background:url(../images/mainMenu.png);background-position:-335px -33px;}
#horizontal ul li#active a#findus{background:url(../images/mainMenu.png);background-position:-335px -33px;}

#horizontal ul li a#contactus { background:url(../images/mainMenu.png) ;width:99px;background-position:-417px -0px;}
#horizontal ul li a#contactus:hover{background:url(../images/mainMenu.png);background-position:-417px -33px;}
#horizontal ul li#active a#contactus{background:url(../images/mainMenu.png);background-position:-417px -33px;}
/**********************************************************************Menus Ends*****************************************************************/	





	
#footdevider{
	float:left;
	width:756px;
	height:4px;
	background-image:url('../images/topDivider.jpg');
	margin-bottom:10px;
	margin-top:10px;
	
}
	
/*******************************************************************Menus *********************************************************************************************/

#botnavcontainer{
		width:756px;
		float:left;
}
#horizontalbot{
	
	  width:756px;
	   	margin-top:0px;
float:left;
}
#horizontalbot ul {
  list-style-type: none;
  float: left;
  margin:0px;
  padding:0px;
}
#horizontalbot ul li {
      float: left;
 		margin:0px;
	   padding-left:10px;
}
#horizontalbot a img {
  border: 0;
  float: left;
   margin:0px;
	   padding:0px;
}
#horizontalbot ul li a {

  display: block;
        height:21px;
		 margin:0px;
	   padding:0px;
	  float:left;  
}

#horizontalbot ul li a#conference { background:url(../images/offers/conferenceRooms_button.jpg);width:240px;}
#horizontalbot ul li a#conference:hover,#horizontalbot ul li#active a#conference { background:url(../images/offers/conferenceRooms_button.jpg) ; background-position:-240px -0px; }

#horizontalbot ul li a#services { background:url(../images/offers/servicedOffices_button.jpg);width:240px; }
#horizontalbot ul li a#services:hover,#horizontalbot ul li#active a#services{ background:url(../images/offers/servicedOffices_button.jpg); background-position:-240px -0px;}

#horizontalbot ul li a#vertual { background:url(../images/offers/virtualOffices_button.jpg) ;width:240px;}
#horizontalbot ul li a#vertual:hover,#horizontalbot ul li#active a#vertual{background:url(../images/offers/virtualOffices_button.jpg);background-position:-240px -0px;}
/**********************************************************************Menus Ends*****************************************************************/	
#botnavcontainer1{
		width:756px;
		float:left;
}
#horizontalbot1{
	
	  width:766px;
	   	margin-top:0px;
float:left;

}
#horizontalbot1 ul {
  list-style-type: none;
  float: left;
  margin:0px;
  padding:0px;
 
}
#horizontalbot1 ul li {
      float: left;
 		margin:0px;
	   padding-right:140px;
}
#horizontalbot1 a img {
  border: 0;
  float: left;
   margin:0px;
	   padding:0px;
}
#horizontalbot1 ul li a {

  display: block;
        height:21px;
		 margin:0px;
	   padding:0px;
	  float:left;  
}

#horizontalbot1 ul li a#conference { background:url(../images/offers/conferenceRooms_button.jpg);width:240px;}
#horizontalbot1 ul li a#conference:hover,#horizontalbot1 ul li#active a#conference { background:url(../images/offers/conferenceRooms_button.jpg) ; background-position:-240px -0px; }

#horizontalbot1 ul li a#services { background:url(../images/offers/servicedOffices_button.jpg);width:240px; }
#horizontalbot1 ul li a#services:hover,#horizontalbot1 ul li#active a#services{ background:url(../images/offers/servicedOffices_button.jpg); background-position:-240px -0px;}

#horizontalbot1 ul li a#vertual { background:url(../images/offers/virtualOffices_button.jpg) ;width:240px;}
#horizontalbot1 ul li a#vertual:hover,#horizontalbot1 ul li#active a#vertual{background:url(../images/offers/virtualOffices_button.jpg);background-position:-240px -0px;}
/**********************************************************************Menus Ends*****************************************************************/	
#addcontainer{
height:250px;
width:756px;
float:left;
padding:0px 0px 10px 0px;
}
#addcontainernews{
width:746px;
float:left;
padding:0px 0px 10px 10px;
margin-top:10px;
margin-bottom:20px;
text-align:left;

}
#adtext,#adtext p{
margin-top:5px;
padding:10px 05px 05px 10px;
float:left;
font-size:11px;
font-family:Arial;
color:#666;
}

#adcontainer1{
	width:240px;
	height:250px;
	margin-top:10px;
	float:left;
	 background: #eee url(../images/offers/conferenceRooms_image.jpg);
	 background-repeat:no-repeat;
	 padding:0px;
}

#adcontainer2{
	width:240px;
	height:250px;
	margin-top:10px;
	float:left;
	 background: #eee url(../images/offers/servicedOffices_image.jpg);
	 background-repeat:no-repeat;
	  padding:0px;
}
#adcontainer3{
	width:240px;
	height:250px;
	margin-top:10px;
	float:left;
	 background: #eee url(../images/offers/virtualOffices_image.jpg);
	 background-repeat:no-repeat;
	  padding:0px;
}
#adcontainer1big{
	width:368px;
	height:250px;
	margin-top:10px;
	float:left;
	 background: #eee url(../images/offers/conferenceRooms_imageL.jpg);
	 background-repeat:no-repeat;
	 padding:0px;
}
#adcontainer2big{
	width:368px;
	height:250px;
	margin-top:10px;
	float:left;
	 background: #eee url(../images/offers/servicedOffices_imageL.jpg);
	 background-repeat:no-repeat;
	  padding:0px;
}
#adcontainer3big{
	width:368px;
	height:250px;
	margin-top:10px;
	float:left;
	 background: #eee url(../images/offers/virtualOffices_imageL.jpg);
	 background-repeat:no-repeat;
	  padding:0px;
}
#devider{
width:18px;
height:250px;
float:left;
}
	
	
	
#footerdevider{
	float:left;
	width:756px;
	height:1px;
	background-image:url('../images/bottomDivider.jpg');
	margin-bottom:10px;
	margin-top:10px;
	overflow:hidden;
}	
	
	
#footer {
font-size:10px;
font-family:Arial;
	width:100%;
		line-height:20px;
		color: #A3A4A8;
		text-align:center;
		padding-bottom:10px;
		clear:both;
}


#footer  a{
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
} 

#mapcontainer_north1{
width:50px;
height:115px;
float:left;
background-image:url(../images/maps/northampton-becketHouse-s.jpg);
border:1px solid #96c656;
margin-bottom:5px;
padding:0 0 0 466px;
}
#maptextcontainer_north1{
float:left;
height:115px;
width:200px;
margin-bottom:20px;
padding-left:10px;
font-size:12px;
}


#mapcontainer_north2{
width:50px;
height:115px;
float:left;
background-image:url(../images/maps/northampton-spencerHouse-s.jpg);
border:1px solid #96c656;
margin-bottom:20px;
padding:0 0 0 466px;
}
#maptextcontainer_north2{
float:left;
height:115px;
width:200px;
margin-bottom:20px;
padding-left:10px;
font-size:12px;
}


#mapcontainer_e{
width:50px;
height:115px;
float:left;
background-image:url(../images/maps/Edinburgh-s.jpg);
border:1px solid #96c656;
margin-bottom:20px;
padding:0 0 0 466px;
}
#maptextcontainer_e{
float:left;
height:115px;
width:200px;
margin-bottom:20px;
padding-left:10px;
font-size:12px;
}

#mapcontainer_c{
width:50px;
height:115px;
float:left;
background-image:url(../images/maps/Cardiff-s.jpg);
border:1px solid #96c656;
margin-bottom:20px;
padding:0 0 0 466px;
}
#maptextcontainer_c{
float:left;
height:115px;
width:200px;
margin-bottom:20px;
padding-left:10px;
font-size:12px;
}


#mapcontainer_s{
width:50px;
height:115px;
float:left;
background-image:url(../images/maps/Hemel-Hampstead-s.jpg);
border:1px solid #96c656;
margin-bottom:20px;
padding:0 0 0 466px;
}
#maptextcontainer_s{
float:left;
height:115px;
width:200px;
margin-bottom:20px;
padding-left:10px;
font-size:12px;
}


#viewdirections{
color:#96c656;
padding-top:3px;
}
#yourpostcode{
color:#5895b4;
padding-top:3px;
}
#postcodeback{
min-height:18px;
width:109px;
background-image:url(../images/maps/postcode.gif);
float:left;
background-repeat:no-repeat;
}

.postinput{
padding:0px;
width:100px;
height:20px;
background-color: none;


}
#buttonplus{
float:left;
height:20px;
width:19px;
margin:0px;
padding:0px;
margin-left:5px;
}

#findnspencer{
height:370px; 
width:764px;
/*background-image:url(../images/maps/northampton-spencerHouse-l.jpg)*/
}

#findnbecket{
height:370px; 
width:764px;
/*background-image:url(../images/maps/northampton-becketHouse-l.jpg)*/
}
#finde{
height:370px; 
width:764px;
/*background-image:url(../images/maps/Edinburgh-l.jpg)*/
}

#finds{
height:370px; 
width:764px;
/*background-image:url(../images/maps/Hemel-Hampstead-L.jpg)*/
}

#findc{
height:370px; 
width:764px;
/*background-image:url(../images/maps/Cardiff-L.jpg)*/
}















/* Input Boxes and stuff Ollie forgot to put in */

input,
textarea,
.freecap {
   background: none;
  color: #A3A4A8;
  padding-left: 2px;
}

input:focus,
textarea:focus,
.freecap:focus {
  color: #1672A1;
}

#bottom_map{float:left;}
#news-main-text{float:left;width:746px;margin-top:10px;}
#news_search{float:left;width:746px;margin-bottom:10px;background-color:#efefef;padding:3px;border:1px solid #ccc;margin:2px;}
#news_header{float:left;text-align:left;color:#2177a1;font-size:14px;font-weight:bold;padding:5px 2px;width:756px;margin:2px;}
#news_searchItem{float:left;text-align:center;color:#fff;font-size:12px;font-weight:bold;padding:2px;width:192px;margin:2px;margin-top:0px}
.item_heading{float:left;color:#333;font-size:12px;font-weight:bold;height:20px;width:50px;text-align:left;padding-top:2px;}
.item_field{float:left;color:#8cc63f;font-size:12px;font-weight:bold;height:20px;width:100px;text-align:left;}
#other_footer_links{height:20px;}
#facebook_links{height:20px;}
#rss-feed-holder{float:right;width:210px;margin-bottom:10px;}
#rss-feed-logo{float:left;width:25px;height:25px;}
#rss-feed{float:left;width:170px;padding-top:2px;}
#blue-arrow{background-image:url(../images/blue_arrow.png);width:5px;height:15px;float:left;margin-top:2px;margin-left:10px;}
#bottom_news_heading{float:left;margin-left:20px;}
#blue_divider{background-image:url("../images/blue_separator.png");float:left;height:4px;margin-bottom:10px;margin-top:10px;width:756px;}
#rss-icon{background-image:url("../images/rss-logo.png");float:right;height:25px;width:25px;cursor:pointer;}
.main_news_title{color:#8cc63e;float:left;width:190px;font-weight:bold;font-size:14px;padding:0px 0px 0px 10px;}
.main_news_date{color:#3887af;float:left;width:190px;font-weight:normal;font-size:15px;padding:0px 0px 4px 10px;}
#adtextnews,#adtextnews p{
margin-top:5px;
padding:05px 05px 05px 10px;
float:left;
font-size:11px;
font-family:Arial;
color:#666;
}

#adcontainer6{
	width:200px;
	margin-top:10px;
	float:left;
	 background-repeat:no-repeat;
	 padding:0px;
	 
}
#adcontainer4{
	width:200px;
	margin-top:10px;
	float:left;
	 background-repeat:no-repeat;
	  padding:0px;
}
#adcontainer5{
	width:200px;
	margin-top:10px;
	float:left;
	 background-repeat:no-repeat;
	  padding:0px;
}
#adcontainer4 a {text-decoration:none;cursor:pointer;}
#adcontainer5 a {text-decoration:none;cursor:pointer;}
#adcontainer6 a {text-decoration:none;cursor:pointer;}
#devidernews{
width:55px;
float:left;
height:1px;
}