/* CLEAR FIX*/
.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 */



html {
height: 100%;
}

body {
    background-image: url("images/page_bg.jpg");
    background-repeat: repeat-y;
    background-position: 50% 0;
		margin:0px;
	padding:0px;
	height: 100%;
       font-family: arial;
       font-size: 13px;
       color: #666666;
       text-align: left;
}
 
.holder {
  height:100%;
	min-width: 720px; *width: 950px;
	max-width: 950px; 
  	margin-left: auto;
	margin-right: auto;
	overflow: visible;
	padding-bottom: 110px;
}

.Clear {  clear: both; height: 0; overflow: hidden; width: 700px;}

.clear_both { clear: both; } 

.navigation {
  height:auto; width:25%; 
  color:white;
  border-color:maroon; 
  border-style:solid; 
  border-width:1px; 
  float:left; 
  background-color:#4852B7
}

.content {
  height:auto; 
  width:98%; 
  min-width:300px;
  border-color:maroon; 
  border-style:solid; 
  border-width:0px; 
  padding-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.keypoints {
  border-color:#ffb200; 
  border-style:solid; 
  border-width:1px; 
  background-color:#FEECBF;
	padding: 10px;
	width:90%;
  	margin-left: 20px;
}

.majorpoint {
  border-color:#ffb200; 
  border-style:solid; 
  border-width:1px; 
  background-color:#FEECBF;
	padding: 5px;
	width:80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-weight: bold;
}

.truestory {
  border-color:#d1d1d1; 
  border-style:solid; 
  border-width:1px; 
  background-color:#EFF4FE;
	padding: 5px;
	width:80%;
  margin-left: auto;
  margin-right: auto;
}



.fp_lhcol {

	padding: 0; margin: 0;
  height:auto; 
  width:60%; *width: 570px;
  float:left;

}

.fp_rhcol {

	padding: 0; margin: 0;
  height:auto; 
  width:38%; 
  float:left;

}

.thumbnail_holder {
  float:left;
  background-color: #cccccc;
  margin: 5px; 
  height:90px;
}

.survey_diag_left {
float: left; border-bottom: 2px solid #ffb200; text-align: left; margin-left: 5px; margin-top: 15px;
}

.survey_diag_right {
float: right; border-bottom: 2px solid #ffb200; text-align: right; margin-right: 5px; margin-top: 15px;
}

.title_bar {
	position: relative;
 	height:auto; 
	min-width: 720px;
	max-width: 950px; *width: 950px;
	background-color: #6666FF;
	
}

.menu_bar {
	position: relative;
  	height:auto; 
	min-width: 720px;
	max-width: 950px;
	background-color: #EFF4FE;
	padding: 5px;

}

.small_dropshadow {
	margin: 0; padding: 0;
	position: relative;
  	height:2px; 
	background-image: url("images/2px_dropshadow.jpg");
	margin-bottom: 10px;
}

.footer_bar {
	margin: 0; padding: 0;
	position: relative;
	margin-top: -110px;
	height:100px; 
	min-width: 720px;
	max-width: 950px; *width: 950px;
	background-color: #6666FF;
	 margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	

  clear:both;

}



.sidebox {
	background: url(http://www.howtoreallybuyaproperty.co.uk/images/box_rightbot.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(http://www.howtoreallybuyaproperty.co.uk/images/box_righttop.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(http://www.howtoreallybuyaproperty.co.uk/images/box_lefttop.gif) no-repeat top left;
	z-index: 10;
	margin: 0;
	padding: 22px 30px 5px; /* top, right, bottom, left */
	color: white; 
	font-weight: bold; 
	font-size: 20px; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(http://www.howtoreallybuyaproperty.co.uk/images/box_leftbot.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	


}


.maintitle {
       padding: 0px;
       font-family: arial;
       font-size: 24px;
       font-weight: bold;
       color: #FFFFFF;
       text-align: left;
text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
       }



.text {
       padding: 0px;
       font-family: arial;
       font-size: 13px;
       color: #666666;
       text-align: left;
       }


H2 {
       font-family: Arial;
       font-size: 15px;
       font-weight: bold;
       color: #000000;
       text-align: left;
	margin-bottom: 5px;
	margin-top: 0px;
}

P {
        font-family: Arial;
        font-size: 13px;
        color: #000000;
        vertical-align: top;
        text-decoration: none;
}

H1 {
       padding: 0px;
       font-family: arial;
       font-size: 24px;
       color: #000000;       
       text-align: left;
}




TD {
        font-family: Arial, Verdana;
        font-size: 13px;
        color: #666666;
        text-decoration: none;
}

TH {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #000000;
        text-decoration: none;
}

TR {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #000000;
        text-decoration: none;
}

A:ACTIVE {
        font-family: Arial;
        font-size: 13px;
        color: #004dff;
	text-decoration: none;
}

A:LINK {
        font-family: Arial;
        font-size: 13px;
        color: #004dff;
        text-decoration: none;
}

A:VISITED {
        font-family: Arial;
        font-size: 13px;
        color: #004dff;
        text-decoration: none;
}

A:HOVER {
        font-family: Arial;
        font-size: 13px;
        color: #000000;
		text-decoration: none;
        }
		
h3
{
	font-family: Arial;
	font-size: 13px;
	color: #000;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

a.largelink:link     {font-family: arial; font-size: 15px; color: #004dff; font-weight: bold;}
a.largelink:visited  {font-family: arial; font-size: 15px; color: #004dff; font-weight: bold;}
a.largelink:active   {font-family: arial; font-size: 15px; color: #004dff; font-weight: bold;}
a.largelink:hover    {font-family: arial; font-size: 15px; color: #000000; font-weight: bold; text-decoration: underline;}