/*
      Created by Ibrar Hussain
	  
	  E-Mail: ibrar@freemanholland.com
*/

* { padding: 0; margin: 0; }

/********************************************

   LAYOUT

********************************************/ 

body {
 font-family: Calibri, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color:#f1f1f1;
}

input{font-family: calibri}
select{font-family: calibri}

#wrapper { 
 margin: 10px auto;
 width: 983px;
}

/********************************************

   HEADER

********************************************/ 

#header {
 width: 980px;
 float: left;
 height: 273px;
 margin: 0px 0px 1px 0px;
}
#contact {
float: right;
width:370px;
height:40px;
padding:10px;
text-align:right;
color:#fff;
padding-top:0px;
width:500px;
z-index:100;


}

#newsletter{
width: 282px; 
height: 66px; 
padding:20px;
padding-top:10px;
padding-left:15px;
background:url('home/search_back.png');
color:#fff;
float:right
}

#newsletter span{
font-size:14px;
}

#newsletter p{
margin-top:6px;
font-size:12px;
font-weight:bold;
margin-bottom:9px;
}

#contact a{
color:#fff;
text-decoration:underline;
}

#contact a:hover{
color:#fff;
text-decoration:none;
}

#top {
 float: left;
 width: 959px;
 color: #333;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 height:52px;
 background:url('home/top_logo.jpg');
}

#breadcrumb {
 float: left;
 width: 978px;
 color: #009345;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 height:15px
}

#navigation{
width: 236px; 
height: 150px;
float:right;
padding:15px;
background:url('home/nav_back.png');
margin-top:40px;
}
#menucolumn {
float: right;
background: #3a3f3a;
height: 220px;
width: 307px;
}
.submit{ 
background:url("home/search.jpg") no-repeat;
width: 74px; 
height: 25px;
border:0;
margin-bottom:-3px;
}

.search{ 
background:url("homepage/submit.png") no-repeat;
width: 76px; 
height: 20px;
border:0;
margin-bottom:-5px;
}

/********************************************

   NAVIGATION

********************************************/ 

ul.menu {
    list-style:none;
    padding:0;
    margin:0;
    width: 100%;
    clear:both;
	height: 66px;
}

ul.menu li {
    float:left;
    height:59px;
}

ul.menu li a {
    height:49px;
    display:block;
    text-indent:-20000px;
    float:left;
}

ul.menu li.home {
    width:146px;
    background:url(nav/01_home_over.png) 0 0 no-repeat;
}

ul.menu li.home a {
    width:146px;
    background:url(nav/01_home.png) 0 0 no-repeat;
}

ul.menu li.about {
    width:135px;
    background:url(nav/02_about_us_over.png) 0 0 no-repeat;
}

ul.menu li.about a {
    width:135px;
    background:url(nav/02_about_us.png) 0 0 no-repeat;
}

ul.menu li.lettings {
    width:130px;
    background:url(nav/03_lettings_over.png) 0 0 no-repeat;
}

ul.menu li.lettings a {
    width:130px;
    background:url(nav/03_lettings.png) 0 0 no-repeat;
}

ul.menu li.tennants {
    width:125px;
    background:url(nav/04_tenants_over.png) 0 0 no-repeat;
}

ul.menu li.tennants a {
    width:125px;
    background:url(nav/04_tenants.png) 0 0 no-repeat;
}

ul.menu li.landlords {
    width:132px;
    background:url(nav/05_landlords_over.png) 0 0 no-repeat;
}

ul.menu li.landlords a {
    width:132px;
    background:url(nav/05_landlords.png) 0 0 no-repeat;
}

ul.menu li.financial {
    width:171px;
    background:url(nav/06_financial_services_over.png) 0 0 no-repeat;
}

ul.menu li.financial a {
    width:171px;
    background:url(nav/06_financial_services.png) 0 0 no-repeat;
}

ul.menu li.contact {
    width:141px;
    background:url(nav/07_contact_us.png) 0 0 no-repeat;
}

ul.menu li.contact a {
    width:141px;
    background:url(nav/07_contact_us.png) 0 0 no-repeat;
}

ul.menu li a:hover{background:transparent!important}
.templatemo_domain a{
text-decoration:underline;
}

/********************************************

   CHROME MENU

********************************************/ 

.chromestyle{
 float: left;
 width: 980px;
 color: #333;
 padding-bottom:10px;
 height: 49px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
    list-style:none;
    padding:0;
    margin:0;
    width:109%;
    clear:both;
	height: 60px;
	border:0;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #009966; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 260px;
visibility: hidden;
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
padding: 2px 0;
text-decoration: none;
color: #333;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

/********************************************

   CONTENT

********************************************/ 

#content-wrap{
overflow:hidden;
width:979px;
background:url('homepage/content.jpg');
float:left;
border:1px solid #c0c0c0;
border-bottom:0;
}

#leftcolumn { 
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 270px;
 width: 283px;
 float: left;
 border-right:1px solid #cccccc;
}
#rightcolumn h2{
	color:#c9151b;
	font-size:14px;
	margin:8px;
}
#leftcolumn h2{
	color:#c9151b;
	font-size:14px;
	margin:8px;
}
#content h2{
	color:#c9151b;
	font-size:14px;
	margin:8px;
}

#content{ 
 float: left;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 270px;
 width: 333px;
 display: inline;
  border-right:1px solid #cccccc;

}
#rightcolumn { 
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 270px;
 width: 283px;
 float: left;
}

/********************************************

   FOOTER

********************************************/ 

#footer { 
 width: 961px;
 clear: both;
 color: #747474;
 border: 1px solid #c0c0c0;
 background: #ccc;
 margin: 0px 0px 10px 0px;
 padding: 9px;
 height:100px;
 line-height: 19px
}
#footer a{ 
 color: #747474;
 text-decoration:none;
}

#footer a:hover{ 
 color: #747474;
  text-decoration:underline;
}
#footer span{
font-weight:bold;
}

#left {
float:left ;
}
#middle {
text-align:center
}
#right { 
float:right;
}


/********************************************

   CREATED BY

********************************************/ 

#declaration{ float:right;width:100%;height:97px;margin:4px 0;}

#partners{float: left; width:100%}
#partners img{margin-right: 0px}

#partners-right{float:right;width:133px;height:63px;text-align:right;}
#partners-right a{ text-decoration:underline;color:#333}
#partners-right a:hover{ text-decoration:none;}



/********************************************

   UI TABS

********************************************/ 


.ui-tabs 							{ zoom: 1; }
.ui-tabs .ui-tabs-nav 				{ list-style: none; position: relative; padding: 2px 2px 0; overflow: hidden; 
									  top: 1px; z-index: 99; }
.ui-tabs .ui-tabs-nav li 			{ position: relative; float: left; border: 1px solid #ccc; 
									  border-bottom-width: 0 !important; margin: 0 2px -1px 0; background: #ccc; }
.ui-tabs .ui-tabs-nav li a 			{ float: left; text-decoration: none; padding: 5px 10px; color: black; }
.ui-tabs .ui-tabs-nav 
li.ui-tabs-selected 				{ padding-bottom: 1px; border-bottom-width: 0; background: white; }
.ui-tabs .ui-tabs-nav 
li.ui-tabs-selected a, .ui-tabs 
.ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav 
li.ui-state-processing a 			{ cursor: text; }
.ui-tabs .ui-tabs-nav li a, 
.ui-tabs.ui-tabs-collapsible 
.ui-tabs-nav li.ui-tabs-selected a  { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel 			{ padding: 20px; display: block; border-width: 0; background: none; 
									  border: 1px solid #ccc; position: relative; min-height: 170px; }
.ui-tabs .ui-tabs-hide 				{ display: none !important; }




a.mover 							{ background: #c9151b; padding: 6px 12px; position: absolute;
								      color: white; font-weight: bold; text-decoration: none;font-size:11px}
.next-tab 							{ bottom: 0; right: 0; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }
.prev-tab 							{ bottom: 0; left: 0; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }