/*------------------------------------------------------------------
						Steven Johnston @ CoCreate
						for
						CoCreate
						05/08/2009

						Version 1.0

						Project: Muller Property Shop

						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments


						--------------------------------------------
##Designers Notes
-----------------
Colours
-------
scarlet: #D73848
commercial:  #1CAAAD
--------------------------------------------------------------------*/
*{
    padding:0;
    margin:0;
}
html{
    min-height:100%;
    margin:0 0 1px 0;
}
body{
    
}
img{
    border:none;
}
/*---------------------------
		Structure
-----------------------------*/
#wrapper{
    width:976px;
    margin:0 auto 0 auto;
}
#header{
    width:976px;
}
#tel, #banner, #indexflash, #indexlinks, #indexitems, .indexitem, .indexitemright, #contentleft, #contentmiddle, #contentright, .textcolleft,
.propertyresult img, .resulttitle, .resulttext, .newsitem img, .newstext, .newstitle{
    float:left;
}
#tel{
    padding-top:25px;
    text-align:center;
    width:200px;
    height:95px;
    background:#A7A8AB;
}
#banner{
    width:773px;
    height:120px;
    margin-left:3px;
    background:#000000;
}
#banner img{
    margin:27px 33px 0 0;
    float:right;
}
#indexcontent{
    padding:15px 14px 15px 15px;
    width:947px;
}
#content{
    width:976px;
}
#indexcontent, #content{
    margin:8px 0 0 0;    
    background:#F1F1F2;
}
#indexflash{
    width:708px;
    height:236px;
}
#indexlinks{
    margin:0 0 0 9px;
}
#indexlinks .emailupdates, #indexlinks .smsupdates{
    width:216px;
    height:90px;
    padding:0 0 0 14px;
}
#indexlinks .emailupdates{
    background:url("../images/bg_emailupdates_index.png");
}
#indexlinks .smsupdates{
    background:url("../images/bg_smsupdates_index.png");
}
#indexlinks .emailupdates h1 a, #indexlinks .smsupdates h1 a{
    display:block;
    width:216px;
    height:12px;
    padding:4px 0 14px 0;
}
#indexlinks .emailupdates p a, #indexlinks .smsupdates p a{
    display:block;
    width:216px;
    height:46px;
    padding:14px 0 0 0;
}
#latestnews{
    width:230px;
    height:38px;
    background:url("../images/bg_latestnews.gif");
}
#latestnews h1 a{
    display:block;
    width:216px;
    height:30px;
    padding:8px 0 0 14px;
}
#indexlinks .smsupdates, #indexlinks #latestnews{
    margin-top:9px;
}
#contentfooter, .resultfooter{
    clear:both;
    width:1px;
    height:1px;
}
#indexitems{
    margin:12px 0 0 0;
    width:947px;
}
.indexitem{
    margin:0 9px 0 0;
}
.indexitem, .indexitemright{
    width:230px;    
}
.indexitemimg{
    width:230px;
    height:130px;
}
.linktab{
    width:230px;
    height:24px;
}
.indexitemtext{
    padding:5px 12px 0 12px;
    width:206px;
    height:98px;
    background:url("../images/bg_indexitemtext.gif");
    line-height:1.4em;
}
.indexitemtext ul{
    list-style:none;
}
.indexitemtext ul li ul{
    padding:0 0 0 20px;
}
.titles{
    text-align:center;
    width:230px;
    height:32px;
    padding:6px 0 0 0;
}
#greentitle{
    background:url("../images/bg_green_title.gif");
}
#redtitle{
    background:url("../images/bg_red_title.gif");
}
#navytitle{
    background:url("../images/bg_navy_title.gif");
}
#bluetitle{
    background:url("../images/bg_blue_title.gif");
}
#contentleft{
    width:115px;
}
#contentmiddle{
    width:570px;
    margin:10px 0 20px 0;
    padding:0 20px 0 30px;
    border-right:1px solid #C0C2C4;
}
#contentright{
    width:190px;
    margin-top:25px;
    padding:0 25px 0 25px;    
}
#smsupdates, #emailupdates, #propsearch{
    width:176px;
    height:99px;
    padding:0 0 0 14px;
    margin-bottom:8px;
}
#smsupdates{
    background:url("../images/bg_smsupdates.png");
}
#emailupdates{
    background:url("../images/bg_emailupdates.png");
}
#propsearch{
    background:url("../images/bg_propsearch.png");
}
#smsupdates h1 a, #emailupdates h1 a, #propsearch h1 a{
    display:block;
    width:176px;
    height:12px;
    padding:4px 0 4px 0;
}
#smsupdates p a, #emailupdates p a, #propsearch p a{
    display:block;
    width:176px;
    padding:19px 0 0 0;
    height:60px;
}
#newsearch{
    width:176px;
    height:38px;
    padding:0 0 0 14px;
    margin-bottom:8px;
}
#newsearch h1 a{
    display:block;
    padding:9px 0 0 0;
    width:176px;
    height:29px;
}
#newsearch{
    background:url("../images/bg_newsearch.png");
}
#propertydetails, #propertyresults{
    width:570px;
}
#maintitle{
    width:570px;
    height:52px;
    margin-bottom:10px;
}

.resi{background-color:#D73848;}
.comm{background-color:#1CAAAD;}

#maintitle h1{
    float:left;
    margin:12px 0 0 25px;
    width:300px;
}
.back{
    width:132px;
    height:30px;    
    background:url("../images/btn_back.gif");
    text-align:center;
}
.back a{
    display:block;
    width:110px;
    height:23px;
    padding:7px 0 0 22px;
}
#maintitle .back{
    float:right;
    margin:11px 10px 0 0;
}
#thumb{width:130px; float:left;}
#propertyprice{
    width:80px;
    height:25px;
    float:left;
    padding:6px 0 0 10px;
	margin:0 0 0 0;
}
#propertystatus, #propertytenure{
	width:120px;
    height:27px;
    padding:4px 0 0 10px;
	margin:10px 0 5px 0;
}
.commpropertyprice{
	width:100px;
    height:27px;
    float:left;
    padding:4px 0 0 14px;
	margin:0 10px 0 0;
    background-color:#1CAAAD;
}
.titledetails{
	width:330px;
    height:31px;
    float:right;
    background-color:#D73848;
}
.commtitledetails{
	width:300px;
    height:31px;
    float:right;
    background-color:#1CAAAD;
}
#detailtitles .titledetails, #detailtitles .commtitledetails{
    width:442px;
}
.proplocation{
    text-align:right;
    float:right;
    width:220px;
    margin:7px 10px 0 0;
}
.bedrooms{
    float:left;
    width:80px;
    margin:7px 0 0 10px;
}
#propimgs{
    float:left;
    width:570px;
    margin:10px 0 15px 0;
    padding:0 0 15px 0;
    border-bottom:2px solid #D73848;
}
#propthumbs{
    width:228px;
    float:right;
}
#propthumbs img{
    float:right;
    width:70px;
    height:46px;
    margin:0 0 4px 6px;
	cursor:pointer;
}
#propmainimg{
    float:left;
    width:315px;
    height:248px;
}
#propdetailtext{
    clear:both;
}
.contenttext{
    line-height:1.6;
    width:570px;
}
.titlebar{    
    height:27px;
    padding:4px 14px 0 14px;
    margin:0 0 10px 0;
    background:#D73848;
}
.commtitlebar{
	height:27px;
    padding:4px 14px 0 14px;
    margin:0 0 10px 0;
    background:#1CAAAD;
}
.contenttext .titlebar, .contenttext .commtitlebar{
    width:542px;
}
.contenttext p, .textcolleft p, .textcolright p{
    padding-bottom:15px;
}
.textcolright{
    float:right;
}
.textcolleft, .textcolright{
    width:250px;
    margin-right:25px;
    line-height:1.6;
}
.textcolleft img, .textcolright img{
    padding:12px 0 12px 0;
}
.propertyresult{
    width:570px;
    padding:10px 0 15px 0;
    border-top:1px solid #C0C2C4;
}
.propertyresult img, .newsitem img{
    width:130px;
    height:100px;
}
.newstitle{
    width:430px;
    margin-left:10px;
}
.resulttitle{
    width:570px;
}
.resulttitle #propertyprice{width:220px;}
.resulttitle #propertyprice span{width:140px; display:block; float:left;}
.newstext{
    width:300px;
    margin-left:10px;
}
.resulttext{
    width:285px;
    margin-left:10px;
}
.resulttext p, .newstext p{
    line-height:1.6;
    padding:10px 0 10px 0;
}
.newstext p{
    padding:0 0 10px 0;
}
.newslinks{
    float:right;
    width:114px;    
}
.resultlinks{
    float:right;
    width:130px;    
}
.newsitem{
    width:570px;
    margin:0 0 12px 0;
    padding:0 0 12px 0;
    border-bottom:1px solid #C0C2C4;
}
.newsfooter{
    clear:both;
    width:1px;
    height:1px
}
.resultlinks{
    padding:10px 0 0 0;
}
.linkbtn{
    width:114px;
    height:31px;
    background:url("../images/btn_link.gif");
    margin-bottom:7px;
}

.linkbtncomm{
	width:114px;
    height:31px;
    background:url("../images/btn_link_commercial.gif");
    margin-bottom:7px;
	}
.resultlinks .linkbtn, .resultlinks .linkbtncomm{width:130px;}
.linkbtn a, .linkbtncomm a{
    display:block;
    width:87px;
    padding:0 15px 0 12px;
    height:31px;
}
.linkbtn .more, .linkbtncomm .more{
    padding-top:7px;
    height:24px;
}
#propertysearch h2{
    padding:5px 0 5px 0;
    border-bottom:2px solid #D73848;
}
#searchlocations{
    width:450px;
}
#locationtable{
    margin:25px 0 0 0;
}
#locationtable td{
    padding:0 0 7px 0;
}
#locationtable td.checkbox{
    width:25px;
}
#locationtable td.label{
    width:200px;
}
.linkbtnlong{
    width:190px;
    height:31px;
    background:url("../images/btn_linklong.gif");
}
.linkbtnlongcomm{
    width:190px;
    height:31px;
    background:url("../images/btn_linklong_commercial.gif");
}
.linkbtnlong a, .linkbtnlongcomm a{
    display:block;
    width:165px;
    height:26px;
    padding:5px 20px 0 5px;
}
#propoptions{
    width:470px;
    margin:20px 0 0 0;
}
.propoption{
    float:left;
    width:210px;
    margin:0 25px 30px 0;
}
.propoption p{
    padding:0 0 5px 0;
    margin:0 0 5px 0;
    border-bottom:2px solid #D73848;
}
.propoption select{
    width:210px;
}
.spacer{
    clear:both;
    width:1px;
    height:1px;
}
#contactdetails{
    width:570px;
    padding:0 0 10px 0;
    border-bottom:1px solid #C0C2C4;
}
.contactdetails{
    float:left;
    width:250px;
    line-height:1.6;
}
.contactdetails p{
    padding-bottom:15px;
}
#contactform{
    width:300px;
    margin:25px 0 10px 0;
}
#contactform h2{
    padding-bottom:10px;
}
#contactform p{
    padding:7px 0 7px 0;
}
.input, #contactform textarea{
    width:300px;
    background:#D4D5D7;
    border:none;
    padding:3px;
}
#contactform .input{
    height:18px;
}
#contactform textarea{
    height:150px;
}
.submit{
    margin:15px 0 15px 0;
}
.linkheadings{
    width:300px;
    margin:0 0 20px 0;
    border-top:1px solid #A7D05A;
}
.linkheadings h1{
    padding:3px 0 3px 0;
    border-bottom:1px solid #A7D05A;
}
/*---------------------------
		Main Menu
-----------------------------*/
#menucolors{
    clear:both;
    width:488px;
    height:5px;
    padding:3px 244px 0 244px;
}
#menucolors img{
    float:left;
}
#mainmenu{
    width:976px;
    height:30px;
}
#mainmenu ul{
    list-style:none;
}
#mainmenu ul li{
    height:30px;
    float:left;
    width:122px;
    text-align:center;
    background:url("../images/bg_mainmenu.gif");
}
#mainmenu ul li a{
    display:block;
    margin:4px 0 0 0;
    padding:2px 0 2px 0;
    border-right:1px solid #BDBDBF;
}
#mainmenu ul li.last a{
    border:none;
}
#mainmenu ul li:hover{
    background:#A7A8AB;
}
/*---------------------------
		Footer
-----------------------------*/
#footer{
    width:976px;
    height:50px;
}
#footerleft{
    float:left;
    width:773px;
    height:50px;
    background:#000000;
}
#copyright{
    float:left;
    margin:4px 0 0 15px;
    line-height:1.5;
    width:300px;
}
#footerlinks{
    float:left;
    width:458px;
}
#footerlinks ul{
    list-style:none;
}
#footerlinks ul li{
    float:left;
    text-align:center;
}
#footerlinks ul li a{
    display:block;
    padding:0 1.3em 0 1.3em;
    border-right:1px solid #FF0000;
}
#footerlinks ul li.last a{
    border-right:none;
}
#cocreate{
    text-align:center;
    float:left;
    width:200px;
    height:50px;
    margin:0 0 0 3px;
    background:#A7A8AB;
}
#footerlinks ul li, #cocreate p{
    margin-top:15px;
}
/*---------------------------
		Typography
-----------------------------*/
#header, .titles, #indexlinks h1, #contentright h1, #maintitle, #propertyprice, #propertystatus, #propertytenure, .commpropertyprice, .titledetails, .commtitledetails, .titlebar, .commtitlebar, .linkbtnlong a, .linkbtnlongcomm a, .linkheadings{
    font-family:Helvetica,Arial,sans-serif;
}
#mainmenu, .indexitemtext, #indexlinks p, #cocreate, #copyright, #footerlinks, #contentright p, .contenttext p, .contenttext h3, .textcolleft,
.textcolright, .resulttext,.linkbtn a, .linkbtncomm a, .newstext, #propertysearch, #locationtable td.label, .propoption p, .contactdetails, .titlered, #contactform p, .greentitle, .contenttext, #searchform{
    font-family:Arial,Helvetica,sans-serif;
}
#tel, .titles h1, #indexlinks h1, #contentright h1, #maintitle h1, .titledetails h2, .commtitledetails h2{
    font-weight:100;
}
.back a, .bold{
    font-weight:bold;
}
#mainmenu ul li a, .linkheadings h1 a, .indexitemtext a{
    color:#000000;
}  
#tel, .titles, #indexlinks, #indexlinks a, #mainmenu ul li:hover a, #cocreate p a, #copyright, #footerlinks ul li a, #contentright h1 a, #contentright p a,
#maintitle, #propertyprice, #propertystatus, #propertytenure, .commpropertyprice, .titledetails, .commtitledetails, .titlebar, .commtitlebar, .linkbtn a, .linkbtncomm a, .linkbtnlong a, .linkbtnlongcomm a, .titles h1 a{
    color:#FFFFFF;
}
.indexitemtext, .contenttext p, .textcolleft, .textcolright, .resulttext, .newstext, #propertysearch, #locationtable td.label, .propoption p, .contactdetails p,
.contactdetails p a, #contactform p{
    color:#333333;
}
.back a{
    color:#D73848;
}
.titlered{
    color:#D73848;
}
.greentitle{
    color:#A7D05A
}
.sellinglink{
    color:#225B26
}
#tel{
    font-size:1.8em;
}
#maintitle h1{
    font-size:1.4em;
}
.titles h1{
    font-size:1.1em;
}
#indexlinks h1, #contentright h1, .titlebar h2, .commtitlebar h2, .linkbtnlong a, .linkbtnlongcomm a, .titlered, .linkheadings h1, .greentitle, #propertyprice h2, #propertystatus h2, #propertytenure h2, .commpropertyprice h2{
    font-size:1em;
}
#mainmenu, .indexitemtext, #indexlinks p, #cocreate, #copyright, #footerlinks ul li a, #contentright p, .back a, .contenttext h3, .titledetails h2, .commtitledetails h2, .resulttext, .linkbtn a, .linkbtncomm a, .newstext, #propertysearch h2, #locationtable td.label, .contactdetails p, #contactform p{
    font-size:0.8em;
}
.contenttext p, .contenttext ul, .textcolleft, .textcolright, #searchform p{
    font-size:0.75em;
}
#mainmenu ul li a, #indexlinks h1 a, #indexlinks p a, #cocreate p a, #footerlinks ul li a, #contentright h1 a, #contentright p a, .back a, .linkbtn a,.linkbtncomm a,.linkbtnlong a, .linkbtnlongcomm a, .contactdetails p a, .linkheadings h1 a, .indexitemtext a, .titles h1 a{
    text-decoration:none;
}
#cocreate p a:hover, #footerlinks ul li a:hover, .contactdetails p a:hover, .linkheadings h1 a:hover, .indexitemtext a:hover{
    text-decoration:underline;
}
#propertyprice h2{font-weight:normal;}
#enquiry{font-weight:bold;}