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

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

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  









.menuhd {background-color:#999999; width:100%; color: #ffffff; font-size:1em; margin:0px 0px 0px 0px; padding:2px 2px 2px 5px}


.fpic
{
width:50px;
height:50px;
/* Position/Spacing */
float: left; 
margin: 0 10px 2px 0; 
clear:left;
}


.fpic1{background:url(http://www.londondirectory.co.uk/graphics/london_directory_emblem.gif) 0px 0px;}
.fpic2{background:url(http://www.londondirectory.co.uk/graphics/channel_hotel.jpg) 0px 0px;}



.fp-sec{
margin-top:1px;
width:90%;
}

.fpheading{
font-size:1em;
  font-weight: bold;
margin: 0px 0px 3px 0px;
}

.fpmainsection{
background-color:#f4f4f4;
color: #cc0000;
font-size:1em;
font-weight: bold;
margin: 10px 0px 10px 0px;
padding:4px
}

.welcome{
background-color:#f4f4f4;
font-weight:bold;
font-family:arial, verdana, sans-serif;
color: #cc0000;
font-size:1.4em;
text-transform: uppercase;
margin:20px 0px 10px 0px;
padding:5px 5px 5px 5px;
}

h3.fpart{
margin:7px 0px 0px 0px;
font-size:1.2em;
font-weight:bold;
}

p.fppara{margin:0px}

.fps{margin-bottom:20px}


li.indent{margin-left: 60px;}

div.img
{
  margin: 5px;
  border: 1px solid #cccccc;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 110px;
  margin: 2px;
}



.londondirectory{
border: 1px solid #cc0000;
margin: 0px 0px 0px 0px;

padding:5px;
position:relative;
overflow:auto;
}

.fourads{
border: 0px;
margin: 0px;
width: 254px;
padding-right:0px;
position:relative;
overflow:auto;
}






body .tabsmenu ul{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(../graphics/tab_black.gif) center center repeat-x;
}

body .tabsmenu li{
display: inline;
}

body .tabsmenu li a, body .tabsmenu li a:link{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

body .tabsmenu li a:visited{
color: white;
}

body .tabsmenu li a:hover, .tabsmenu li a.current{
color: white;
background: transparent url(../graphics/tab_red.gif) center center repeat-x;
}

#footer {border-bottom:3px solid black; border-top:15px solid #cc0000; padding:10px}

.toe{margin: auto; text-align:center; width:70% }


/*  GRID OF SIX   ============================================================================= */


.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 768px) {
	.span_6_of_6 {
		width: 100%; 
	}
	.span_5_of_6 {
		width: 100%; 
	}
	.span_4_of_6 {
		width: 100%; 
	}
	.span_3_of_6 {
		width: 100%; 
	}
	.span_2_of_6 {
		width: 100%; 
	}
	.span_1_of_6 {
		width: 100%; 
	}
}