p, li, a{
	font-size:1.0em;
	font-family:Arial, Verdana, sans-serif;
}

h1{
	font-size:2.5em;
	font-family:Arial, Verdana, sans-serif;
	font-weight:bold;
}

h2{
	font-size:1.875em;
	font-family:Arial, Verdana, sans-serif;
	font-weight:bold;
}

.wrapper{
   width: 90%;
   margin: 0 auto;
   background-color: #ffffff;
}
.header{
   float: left;
   width: 100%;
   background-color: #000000;
}
.wrapleft{
   float: left;
   width: 100%;
   background-color: #ffffff;
   /*background-color: #cfcfcf;*/
}
.left{ 
   float:left; 
   margin-right: 205px;
   background-color: #ffffff;
   min-height: 400px;
   /*overflow-y:auto;
   overflow-x:none;*/
}

/*.leftleft{
	float:left;
	width:360px;
	}
	
.leftright{
	float:right;
	width:auto;
	height:350px;
	display:inline-block;
	}	
*/
.right{
   float: right;
   width: 200px;
   margin-left: -200px;
   background-color: #ffffff;
   min-height:400px;
   text-align:center;
}

@media screen and (max-width:720px) and (min-width:640px) {
	#nav {
	width: 100%;
	margin: 0 0 3em 0;
	}
	
	#nav li {
	float: left;
	display:block;
	margin:0 0;
	padding:0px 0px;
	}
	
	#nav li a {
	display:block;
	float:left;
	padding:0px 0px;
	}
}	

@media screen and (max-width:639px) and (min-width:360px) {
	.left{
	width:100%;
	}
	
.right{
	clear:both;
    width: 100%;
    margin:auto;
    background-color: #ffffff;
    text-align:center;
	}

#nav {
	width: 30px;
	float: none;
	margin: 0 0 3em 0;
	}
	
#nav li {
	width:90%;
	display:block;
	text-align:right;
	padding-right:0px;
	}	
	
#nav li a {
	padding: 8px 8px;
	display:block;
	}
}

@media screen and (max-width:359px) {
	.left{
	width:100%;
	}
	
	.right{
	clear:both;
    width: 100%;
    margin:auto;
    background-color: #ffffff;
    text-align:center;
	}
}


/*Media Query for the Contact Info in the Header.
Default ext for large screen*/
.header h3:first-child:before{
	content:"(T) 020 3689 2496 - (M) 07877 222 679 - (E) info@lettingguys.co.uk";
	}

/*Drop the email address for size below 680px*/
@media screen and (max-width:680px) and (min-width:480px) {
.header h3:first-child:before{
	content:"(T) 020 3689 2496 - (M) 07877 222 679";
	}
}

/*Only display the (T) for screen size below 479px*/
@media screen and (max-width:479px) {
.header h3:first-child:before{
	content:"(T) 020 3689 2496";
	}
}


.featurebar{
   float: left;
   width: 100%;
   background-color: #000080;
   text-align:center;
}

.footer{
   float: left;
   width: 100%;
   background-color: #ffffff;
   text-align:center;
   font-size:1em;
}
body {
   padding: 0px;
   margin: 0px;
   background-color: #ffffff;
}
		/* Header Menu and other */
			.header img{
				float:left;
				/*z-index:1;*/
				height:100px;
				width:133px;
				}

			.header div{
				margin:0px 5px 0px 150px;
				text-align:right;
				/*background-color:yellow;*/
				}

			.header div h3{
				font-size:16px;
				color:white;
				white-space:nowrap;
				overflow:hidden;
				}				
			
			.header div li{
				font-size:0.80em;
				color:white;
				display:inline-block;
				list-style: none;
				text-align:right;
				padding: 2px 0px 2px 15px;
				}				
			
			#nav {
				width: 100%;
				float: left;
				margin: 0 0 3em 0;
				padding: 0;
				list-style: none;
				background-color: #f2f2f2;
				border-bottom: 1px solid #ccc; 
				border-top: 1px solid #ccc; 
				}
			#nav li {
				float: none;
				display:inline-block;
				}
			#nav li a {
				display: inline;
				padding: 8px 8px;
				text-decoration: none;
				font-weight: bold;
				color: #069;
				/*border-right: 1px solid #ccc; */
				white-space:nowrap;
				}
			#nav li a:hover {
				color: #fff;
				background-color: #c00; 
				}				
				
		/* Sidebar List */
			#side {
				width: 100%;
				/*float: left;*/
				margin: 0px auto;
				padding: 0;
				list-style: none;
				background-color: #c00;
				border-bottom: 1px solid #ffffff; 
				border-top: 1px solid #ffffff; 
				border-radius:15px;
				}
			#side li {
				display: block; }
			#side li a {
				display: block;
				padding: 8px 8px;
				text-decoration: none;
				font-weight: bold;
				color: #fff;
				/*border-right: 1px solid #ccc;*/
				}
			#side li a:hover {
				color: #069;
				background-color: #f2f2f2; 
				}

		/* Featured Properties */
		
			figure {
				display: inline-block;
				border: 1px dotted gray;
				margin: 15px 30px; /* adjust as needed */
				}
			figure img {
				box-sizing: border-box;
				width: 200px;
				height:150px;
				clear:both;
				margin:auto;
				}
			figure figcaption {
				border: 1px dotted blue;
				text-align: center;
				font-weight:bold;
				color:#ffffff;
				}


		/* Footer Layout */
		
			.footer_address{
			font-size:0.75em;
			}
			
		/*Landlords Banner Advert*/
		#bannerad{
			font-size:1.5em;
			color:red;
			text-align:center;
			font-weight:bold;
			font-family:"Arial Black", Gadget, sans-serif; 
		}
	
		/*Google Map*/
			#googleMap{
				left:0;
				right:0;
				top: 0;
				bottom:0;
				margin:auto auto;
				z-index: 2;
				width:80%;
				height:80%;
				}
		/*Compliance Footer DIV Images*/
.imagecompliance
{
width:250px;
height:75px;
}