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

CSS for View Residential, designed and built by Neil Milliken for Easyspace, please do not copy, but if u do give me a nod, thanks. 

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





/*--------FOR IE 6 AND UNDER ONLY --------*/



/*-------------END-----------------*/



body {

font-family:  "Arial", "Verdana", "Tahoma";

font-size: 12px;

color: #444444;

background-color: #fff;  

margin: 0px;

padding: 0px;



}



#outer {

width:799px; 

margin-left:auto;

margin-right:auto;

position:relative;

padding-top: 0px;

padding-bottom: 0px;

margin-bottom: 0px;

background: #FFFFFF;

}



#banner {

margin: 0;

width:799px;

height: 107px;

padding: 0;

background-image:url(../images/banner.jpg);

background-repeat:no-repeat;

}



#banner2 {

margin: 0;

width:799px;

height: 107px;

padding: 0;

background-image:url(../images/banner2.jpg);

background-repeat:no-repeat;

}



#banner3 {

margin: 0;

width:799px;

height: 107px;

padding: 0;

background-image:url(../images/banner3.jpg);

background-repeat:no-repeat;

}



#banner4 {

margin: 0;

width:799px;

height: 107px;

padding: 0;

background-image:url(../images/banner4.jpg);

background-repeat:no-repeat;

}



#logo {

background-image:url(../images/logo2.jpg);

background-repeat:no-repeat;

width: 799px;

height: 64px;

margin-top: 1px;

text-align: right;

color: #244993;

}



/*-------the link section------*/





a:link, a:link, a:visited {

color:#666;

text-decoration:none;

}



a:hover {

color:#f00;

text-decoration:none;

}



a:active {

color:#f00;

}





.font:link, .font:visited {

color:#000;

text-decoration:none;

font-size:14px;

}



.font:hover {

color:#f00;

text-decoration: none;

}



.font:active {

color:#000;

}









#menu{

width: 799px;

height: 36px;

font-size: 100%;

background-image:url(../images/menuback.jpg);

background-repeat:no-repeat;

}



#menu:after{ /*Add margin between menu and rest of content in Firefox*/

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



#menu ul{

width: 100%;

padding: 10px 0;

margin: 0;

text-align: left; /*set value to "right" for example to align menu to the left of page*/

}



#menu ul li{

display: inline;

margin-right: -3px;

}



#menu ul li a{

color: #fff;

padding:24px;

margin: 0;

text-decoration: none;

}



#menu ul li a:hover{

background: url(../images/hover.jpg) center center repeat-x;

height: 36px;

}



.current {

background: url(../images/hover.jpg) center center repeat-x;

height: 36px;

}

}



.clear {

clear:both;}



/*-----------------------------------------------------------------------------------------------------------------------------------                                                          Content Section                                                       -----------------------------------------------------------------------------------------------------------------------------------*/



h1 {

font-size:16px;

color: #1B7B9C;

}



h2 {

font-size:14px;

}



#content {



width:799px;

margin-top: 1px; 

padding: 0;

background-image:url(../images/back.jpg);

background-repeat: repeat-y;

background-color: #fff;

height: 100%;

}



#greyblock {

margin-top: 0;

margin-bottom: 1px;

padding-top: 4px;

padding-left: 4px;

padding-right: 4px;

width: 134px;

float: left;  

color: #244993;

font-size:28px;

text-align:center;

}

#greyblock2 {

margin-top: 0;

margin-bottom: 1px;

padding-top: 4px;

padding-left: 4px;

padding-right: 4px;

width: 134px;

float: left;  

color: #244993;

font-size:24px;

text-align:center;

}



#main {

margin-top: 0;

padding-top: 6px;

width: 649px;

padding-left: 8px;

float: left;  

}



#main1{

margin-top: 0;

width: 649px;

padding: 0px;

}



#main2{

margin-top: 0;

width: 340px;

padding: 0px;

float:left;

}



#right{

margin-top: 0;

width: 400px;

padding: 0px;

float:left;

}



#team {

background-image:url(../images/teamtop.jpg);

background-repeat:no-repeat;

background-color: #e9f0ff;

margin-top: 8px;

margin-bottom: 6px;

padding: 4px;

width: 636px;

 

}



#footer {

width:799px;

margin-left: 0px; 

padding: 0px;

text-align:center;

font-weight:normal;

border-top: 4px solid #1a3d81;

}