/* CSS Document 

--------------------------------------------------------------------
						Matt Clayburn, Partner @ CoCreate
						for
						CoCreate
						11/11/08
						
						Version 1.0
						
						Project: Muller Property Group of Companies Website
						
						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments
						
						
						--------------------------------------------
##Designers Notes
-----------------
Colours
-------
Muller Gold: #b9ab96	
--------------------------------------------------------------------
*/


/*---------------------------
		Globals
-----------------------------*/
*{
padding:0;
margin:0;
}
html{
min-height:101%;
margin:0 0 1px 0;
}
body{
background-color:#FFFFFF;
}
img{
border:none;
}
/*---------------------------
		Structure
-----------------------------*/

#wrapper, #header, #page, #footer{
width:955px;
}
#header, #page, #leftCol, #menu, #content, #contentHead, #thumbs, #contentBody, #contentFoot, #footer{
float:left;
display:inline;
}
#wrapper{
margin:5px auto 0 auto;
}
#header img{
float:right;
margin:0 5px 10px 0;
}
#leftCol{
width:164px;
background-image:url(../images/img_menu_lines.gif);
background-position:top;
background-repeat:no-repeat;
}
#page{
border-bottom:1px #b9ab96 solid;
}
#content, #contentHead, #contentBody, #contentFoot, #thumbs{
width:785px;
}
#backdiv{
width:760px;
padding:0 0 0 25px;
}
#thumbs img{
float:right;
margin:0 0 0 5px;
}
#contentBody, #thumbs{
margin:10px 0 0 0;
}
#contentFoot{
padding:10px 0 10px 0;
}
#thumbs{
height:40px;
}
#content{
border-left:1px #b9ab96 solid;
}
#contentHead{
height:310px;
}
#contentHeadshort{
height:110px;
}
#menu{
width:120px;
margin:140px 0 0 25px;
}
#togglers{
    width:240px;
    overflow:hidden;
    float:left;
}
.threecol div, .threecol div.wide div{
width:240px;
float:right;
margin:0 0 0 20px;
}
.threecol div.wide{
width:520px;
margin:0;
overflow:hidden;
padding:1px 0 0 0;
}
.threecol div.blackbg{
background:#000000;
height:225px;
}
.threecol div.blackbg img{
    margin:10px 0 0 20px;
}
.threecol div.blackbg p a{
    display:block;
    padding:40px 20px 0 20px;
    color:#FFFFFF;
    text-decoration:none;
}
.threecol div.blackbg p a:hover{
    text-decoration:underline;
}
.scroller{
height:300px;
overflow:scroll;
padding:0 0 20px 0;
}
#footer{
padding:10px 0 0 0;
}
#fixHeight{
min-height:580px;
height:auto;!important
height:580px;
float:left;
}
/*---------------------------
	  property listings
-----------------------------*/
.homesListing {
	width:700px;
	float:left;
	background-repeat:no-repeat;
	margin: 20px 0px 10px 40px;
}
.commercialListing {
	width:700px;
	float:left;
	background-repeat:no-repeat;
	margin: 20px 0px 10px 40px;
}
.statusHolder {
	margin:0 40px 0 0;
	float: left;
	width: 135px;
}
.statusSm, .statusMed, .statusLge {
	font-family:Arial, Helvetica, sans-serif;
	color:#b9ab96;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
	letter-spacing: -1px;
	width: 130px;
	display:block;
	text-align:center;
}
.statusSm{
	line-height:18px;
	font-size: 12px;
}
.statusMed {
	line-height:22px;
	font-size: 22px;
}
.statusLge {
	line-height:30px;
	font-size: 24px;
	letter-spacing: -2px;
}
.homesListing .detailsHolder{
width:520px;
float:left;
}
.commercialListing .detailsHolder{
width:680px;
float:left;
}

/*---------------------------
		   Menus
-----------------------------*/
#menu ul, #menu ul li{
list-style-type:none;
float:left;
}
#menu ul li{
display:block;
width:120px;
margin:0 0 12px 0;
}
#menu ul li a{
color:#b9ab96;
text-decoration:none;
font-size:11px;
line-height:11px;
font-weight:bold;
}
#menu ul li a:hover, #menu ul li a.down{
color:#544938;
/*color:#990000;*/
text-decoration:underline;
}


/*---------------------------
		   Forms
-----------------------------*/
.enquiry{
margin:10px 0 0 0;
}
.enquiry td{
padding:0 5px 0 0;
}
.enquiry input, .enquiry textarea, .enquiry select{
border:1px solid #b9ab96;
width:300px;
margin:5px 0 5px 0;
}
.enquiry input, .enquiry select{
height:25px;
}

/*---------------------------
		Typography
-----------------------------*/

#content, #menu, #footer, h3, h4, .enquiry input, .enquiry textarea, .enquiry select {
font-family:Arial, Helvetica, Verdana, sans-serif;
}
#contentFoot p{
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:none;
font-weight:bold;
width:750px;
float:right;
text-align:left;
font-size:14px;
line-height:20px;
}
h3{
font-size:28px;
}
.largeQuote{
font-size:20px;
line-height:30px;
font-weight:normal;
text-align:justify;
padding:0 110px 0 80px;
display:block;
}
.largeQuote2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:17px;
line-height:26px;
font-weight:normal;
text-align:justify;
display:block;
}
#thumbs p, #contentFoot p, #footer p, #footer a, h3, h4, .largeQuote2, h4 a{
color:#b9ab96;
}
h4 a{
color:#FFFFFF;
text-decoration:none;
}
#goldPanel{
background-color:#b9ab96;
padding:10px 10px 10px 10px;
margin:0 0 10px 0;
width:220px;
display:block;
}
.title{
	font-size:28px;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing:-2px;
	line-height:24px;
}
#goldPanel p a{
color:#FFFFFF;
text-decoration:underline;
}
#goldPanel p{
color:#FFFFFF;
width:220px;!important
}
#footer a, .more, .back, .backright, .moreright{
text-decoration:none;
}
#content, #footer{
font-size:11px;
}

.threecol p{
font-size:11px;
line-height:16px;
width:240px;
text-align:justify;
}
.threecol p, .more, .back, .backright, .note, .moreright{
color:#333333;
}
#thumbs p{
float:right;
text-align:right;
padding:15px 15px 0 0;
width:250px;
}
#footer .credit{
float:left;
width:350px;
padding:0 0 0 25px;
}
#footer .links{
float:right;
width:550px;
padding:0 25px 0 0;
}
#footer .links a{
float:right;
margin:0 10px 0 0;
}
p a{
color:#000000;
}
.more, .moreright{
text-align:right;
text-decoration:underline;
display:block;
}
.more{
width:230px;	
}
.moreright{
	width:75px;
}
.back, .backright{
display:block;
width:230px;
text-align:right;
text-decoration:underline;
}
.backright{
float:right;
}
.moreright{
float:right;
}
.note{
width:230px;
text-align:right;
display:block;
}
.detailsHolder p{
width:300px;
display:block;
float:left;
}
.detailsHolder a, .goldLink, .goldLinklong{
width:125px;
height:20px;
display:block;
background-color:#b9ab96;
padding:5px 5px 5px 5px;
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
.goldLinklong{
width:155px;
margin:0 0 5px 0;
}
.detailsHolder a{
float:right;
}
.goldLink{
margin:5px 0 5px 0;
}
.homesListing h4, .commercialListing h4{
border-bottom:solid 1px #b9ab96;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:16px;
padding:0 0 5px 0;
margin:0 0 5px 0;
}
.red{
color:#FF0000;
}
.mink{
color:#b9ab96;
}
p.toggler{
    font-weight:bold;
    text-decoration:underline;
}
p.toggler:hover{
    cursor:pointer;
}
/*------------
	FORM
	--------------*/
	/*-------------------
   Application Form
--------------------*/

form.app{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#969072;
font-size:11px;
float:left;
margin:20px 50px 0px 50px;
}
form.app fieldset {
	width: 350px;
	padding: 10px 0 0 100px;
	margin: 0 0 0 100px;

}
form.app legend{
display:none;
}
form.app label{
width:200px;
padding:0;
margin:0;
display:block;
}
form.app input, form.app textarea, select.select{
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#969072;
background-color:#FFFFFF;
font-size:11px;
width:200px;
margin:5px 0px 10px 0px;
padding:1px;
border:#969072 solid 1px;
padding:0;
}
form.app input.hidden{
display:none;
}
form.app input, form.app select{
height:20px;
}
input.file{
display:block;
width:200px;
}

form.app textarea {
overflow:auto;
height:6em;
}
form.app input.radio{
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#969072;
margin:0px 0px 0px 0px;
border:none;
padding:0;
}
form.app fieldset input.submit {
width: 90px;
height: 28px;
float:right;
}