/* CSS Document 

--------------------------------------------------------------------
						Matt Clayburn, Partner @ CoCreate, matt@cocreatedesign.com
						for
						The Design Foundry / Your Move Magazine
						18/12/2007
						
						Version 1.0
						
						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments
						----------
						
						
						--------------------------------------------
						
--------------------------------------------------------------------
*/

*{
margin:0;
padding:0;
}

html{
height:100%;
margin:0 0 1px 0;
}
body{
background-color:#FFFFFF;
}
p{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
}
#joinDebate p{
font-size:11px;
}
span.red{
font-weight:bold;
color:#FF0000;
}
h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
margin:0;
}
img{
border:none;
}
#page{
width:1024px;
float:left;
margin:0 0 40px 10px;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
/*----------------------------------------------
					Header
----------------------------------------------*/
#header{
float:left;
height:95px;
width:1024px;
padding:5px 0 5px 0;
border-top:#FF0000 solid 10px;
}
#header embed{
float:left;
height:75px;
width:468px;
padding:0;
margin:0;
}
#banner{
float:left;
width:467px;
height:75px;
overflow:hidden;
}
#header img{
float:left;
margin:0 30px 0 10px;
}
#headText{
width:190px;
height:75px;
float:left;
margin:0 0 0 51px;
}
#headText p{
width:190px;
float:left;
}
#headText a{
width:135px;
height:30px;
padding:5px 50px 0 0;
float:left;
background-image:url(../images/icon_email.gif);
background-position:right;
background-repeat:no-repeat;
}
/*----------------------------------------------
				GLOBAL MENU
----------------------------------------------*/
#menuHolder{
width:1024px;
margin:0 0 5px 0;
float:left;
}
#menu ul{
width:1024px;
margin:0;
float:left;
}
#menu ul li{
list-style:none;
height:32px;
float:left;
}
#menu ul li a{
display:block;
height:32px;
background-repeat:no-repeat;
margin:0;
}
#menu ul li a#menuHome{
background-image:url(../images/btn_home.gif);
width:74px;
}
#menu ul li a#menuContact{
background-image:url(../images/btn_contact.gif);
width:80px;
}
#menu ul li a#menuAdvert{
background-image:url(../images/btn_advertising.gif);
width:109px;
}
#menu ul li a#menuShow{
background-image:url(../images/btn_tpahs.gif);
width:226px;
}
#menu ul li a#menuAwards{
background-image:url(../images/btn_awards.gif);
width:150px;
}
#menu ul li a#menuCommercial{
background-image:url(../images/btn_movecommercial.gif);
width:157px;
}
#menu ul li a#menuGoout{
background-image:url(../images/btn_goout.gif);
width:79px;
}
#menu ul li a#menuCareers{
background-image:url(../images/btn_careers.gif);
width:82px;
}
#menu ul li#menuBlank{
background-image:url(../images/btn_blank.gif);
width:67px;
}
#menu ul li a:hover{
background-position: 0% -32px;
}
#menu ul li a.down{
background-position: 0% -64px;
}
#menu span{
position:absolute;
left:-5000px;
}

/*----------------------------------------------
				Left Column
----------------------------------------------*/

#leftCol{
float:left;
width:207px;
margin:0 5px 0 0;
}

/*------------- mini search ----------------*/
#leftSearch{
width:207px;
float:left;
}
#leftSearch h5{
width:192px;
height:52px;
padding:15px 0 0 15px;
color:#FFFFFF;
font-weight:bold;
font-size:16px;
margin:0;
background:url(../images/title_search.gif) no-repeat;
}
#miniSearch{
width:207px;
background-color:#66CCFF;
padding:10px 0 0 0;
color:#000033;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
#miniSearch label{
width:207px;
background-color:#66CCFF;
margin:0 0 5px 5px;
}
#miniSearch select{
width:197px;
margin:5px 0 10px 5px;
text-align:center;
}
#miniSearch input.radio{
margin:0 0 0 5px;
}
#miniSearch a#advanced{
text-decoration:none;
padding:0 0 0 5px;
}
#miniSearch a#advanced:hover{
text-decoration:underline;
}
#miniSearch a#submit{
width:207px;
height:51px;
display:block;
margin:10px 0 0 0;
background:url(../images/btn_search.gif) no-repeat;
border:none;
}
#miniSearch a#submit:hover{
background-position: 0% -51px;
}

/*------------- join the debate ----------------*/
#joinDebate{
width:207px;
margin:5px 0 0 0;
border-top:#666666 solid 1px;
float:left;
}
#joinDebate h5{
color:#FF0000;
font-size:13px;
font-weight:bold;
}
#joinDebate p{
width:207px;
}
#joinDebate a{
display:block;
width:207px;
margin:5px 0 5px 0;
color:#FF0000;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}
#joinDebate a:hover{
color:#CCCCCC;
text-decoration:none;
}
/*------------- left menu ----------------*/
#menuLeft{
width:207px;
margin:5px 0 5px 0;
float:left;
}
#menuLeft ul{
width:207px;
margin:0;
float:left;
}
#menuLeft ul li{
border-top:#666666 solid 1px;
list-style:none;
float:left;
}
#menuLeft ul li a{
display:block;
width:207px;
margin:5px 0 5px 0;
color:#FF0000;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}
#menuLeft ul li a:hover{
color:#CCCCCC;
}
#menuLeft ul li a.down{
color:#000000;
}

/*------------- Register for updates ----------------*/
#regUpdates{
width:207px;
height:50px;
float:left;
}
#regUpdates a{
width:167px;
height:40px;
padding:10px 30px 0 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#0066CC;
text-decoration:none;
display:block;
background:url(../images/btn_register.gif) no-repeat;
}


/*----------------------------------------------
				CENTRE CONTENT
----------------------------------------------*/
#centre{
width:570px;
padding:0 5px 0 5px;
margin:0 5px 20px 0;
border-left:#666666 solid 1px;
border-right:#666666 solid 1px;
float:left;
}
#centreForum{
width:790px;
padding:0 5px 0 5px;
margin:0 5px 20px 0;
border-left:#666666 solid 1px;
border-right:#666666 solid 1px;
float:left;
}
#centre a:hover{
text-decoration:underline;
}

/*----------------------------------------------
				HOME PAGE
----------------------------------------------*/
/*------------- Property of the week ----------------*/
#propWeek{
width:570px;
float:left;
margin:0 0 10px 0;
}
#propWeek img{
float:right;
margin:0 0 0 5px;
}
#propWeek h4{
width:320px;
height:35px;
display:block;
float:left;
color:#0000FF;
font-family:"Times New Roman", Times, serif;
font-size:28px;
}
#propWeek p{
width:320px;
float:left;
}
#propWeek p.price{
color:#FF0000;
font-size:12px;
}
/*------------- Home Centre Content ----------------*/
#homeContent{
padding:5px 0 0 0;
width:570px;
float:left;
}
#homeContent a{
text-decoration:none;
}
#homeContent h4{
width:560px;
height:27px;
float:left;
display:block;
margin:0 0 5px 0;
padding:5px 0 0 10px;
background-image:url(../images/title_blank.gif);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
font-weight:bold;
}
/*------------- Home Content Left ----------------*/
#homeContentLeft{
float:left;
width:338px;
padding:0 5px 0 5px;
border-right:#666666 solid 1px;
}
#homeContentLeft h5{
width:130px;
display:block;
}
#homeContentLeft #storyMain,#storySub{
width:338px;
padding:5px 0 5px 0;
float:left;
border-bottom:#666666 solid 1px;
}
#homeContentLeft #storyMain p{
display:block;
width:130px;
}
#homeContentLeft #storyMain img{
width:203px;
}
#homeContentLeft #storyMain.left img{
float:right;
}
#homeContentLeft #storyMain.left p{
margin:5px 5px 0 0;
}
#homeContentLeft #storyMain.right img{
float:left;
}
#homeContentLeft #storyMain.right h5,p{
float:right;
}
#homeContentLeft #storyMain.right p{
margin:5px 0 0 5px;
}
#homeContentLeft #storySub h5,p{
float:right;
width:230px;
}
#homeContentLeft #storySub img{
float:left;
width:100px;
margin:0 5px 0 0;
}
/*------------- Home Content Right ----------------*/
#homeContentRight{
float:left;
width:200px;
padding:0 0 0 5px;
}
#homeContentRight #storyText,#storyImage{
float:left;
width:200px;
margin:0 0 10px 0;
}
#homeContentRight #storyText p{
float:left;
width:200px;
}
#homeContentRight #storyImage p{
float:left;
width:125px;
}

#homeContentRight #storyImage img{
float:left;
width:66px;
margin:0 5px 0 0;
}
/*------------- Home Content Footer ----------------*/
#contentFooter{
margin:10px 0 0 0;
width:570px;
height:32px;
float:inherit;
background:url(../images/img_btm.gif) no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#contentFooter a{
float:left;
margin:6px 10px 0 10px;
}
#contentFooter a.page{
display:block;
width:11px;
height:14px;
background-color:#999999;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
margin:6px 2px 2px 2px;
padding:1px 0 0 4px;
}
#contentFooter a.page:hover{
background-color:#FF0000;
}


/*----------------------------------------------
					CONTENT
----------------------------------------------*/
#content{
float:left;
}

/*------------- Titles ----------------*/
#content h3{
width:500px;
float:inherit;
color:#0000FF;
font-family:"Times New Roman", Times, serif;
font-size:28px;
}


#content h4{
width:560px;
height:27px;
float:left;
display:block;
margin:0 0 5px 0;
padding:5px 0 0 10px;
background-image:url(../images/title_blank.gif);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
font-weight:bold;
}
#content h4.nobg{
background-image:none;
}
#divh4{
width:550px;
height:27px;
float:left;
display:block;
margin:0 0 5px 0;
padding:5px 10px 0 10px;
background-image:url(../images/title_blank.gif);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
font-weight:bold;
}
#divh4 h4{
width:350px;
height:27px;
float:left;
display:block;
margin:0;
padding:0;
background:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
font-weight:bold;
}
#divh4 h4.whatson{
float:left;
width:200px;
}
#divh4 span.left{
float:left;
width:350px;
}
#divh4 span.right{
text-align:right;
float:right;
width:200px;
}

#divh4.propsearch{
margin:0 0 5px 0;
padding:6px 10px 0 10px;
height:21px;
background-image:url(../images/title_corner.gif);
background-position:right;
background-repeat:no-repeat;
background-color:#cbcaca;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
font-weight:bold;
}
#divh4.propsearch h4{
height:21px;
width:320px;
}


#content h5{
float:inherit;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin:10px 0 5px 0;
width:550px;
}

#content p{
float:inherit;
width:560px;
line-height:16px;
}

#content #sponsor p{
float:left;
width:310px;
line-height:16px;
}
#content #sponsor p.assoc{
width:150px;
margin:13px 0 0 0;  
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px;
float:left;
}
#content #sponsor img{
margin:10px 0 0 0;
float:right;
}

#content #sponsor h3{
width:205px;
float:left;
color:#0000FF;
font-family:"Times New Roman", Times, serif;
font-size:28px;
}


/*------------- Divs ----------------*/
#innerContent{
width:560px;
padding:0 5px 0 5px;
float:inherit;
}
#innerContent #forumpost{
width:560px;
padding:10px 0 20px 0;
float:inherit;
}
#innerContent.form{
background-color:#EEEEEE;
}

#innerContent form{
width:300px;
margin:10px auto 10px auto;
}
#innerContent form label{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:0 10px 0 0;
}
#innerContent form input.text{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:250px;
margin:5px 0 10px 0;
}
#innerContent form input.radio{
margin:0 5px 0 0;
}
#innerContent form textarea{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
height:50px;
width:250px;
margin:5px 0 10px 0;
}
#innerContent form textarea.forum{
height:200px
}
#innerContent form input.button{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:100px;
margin:5px 0 10px 0;
}
#innerContent form select{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:250px;
margin:5px 0 10px 0;
text-align:center;
}

#innerContent #articleCopy{
width:350px;
float:right;
}
#innerContent #articleCopy p{
width:350px;
}
#innerContent #articleCopy h5{
float:inherit;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin:10px 0 5px 0;
width:350px;
}

#innerContent #articleImages{
width:205px;
float:left;
}
#innerContent #articleImages img{
margin:0 0 5px 0;
}



#innerContent.results{
background-color:#EEEEEE;
}
#innerContent.results img.agentLogo{
float:inherit;
margin:10px 0 10px 0;
}
#innerContent #images{
padding:0 0 20px 0;
}
#innerContent #images img{
float:left;
margin:2px;
}
#innerContent #images p{
float:left;
width:300px;
}
#innerContent #images img.main{
margin:2px 15px 2px 2px;
}
#innerContent #images a.links{
width:75px;
float:left;
}
#innerContent #images a.viewMap{
width:120px;
text-align:right;
float:left;
}
#innerContent #images a.back{
width:150px;
float:right;
text-align:right;
margin:0 10px 0 0;
}


#item{
width:560px;
float:inherit;
border-bottom:#666666 solid 1px;
padding:0 0 10px 0;
}
#item.left img{
margin:10px 10px 0 0;
float:left;
}
#item.right img{
margin:10px 0 0 10px;
float:right;
}
#item.right p, #item.left p, #item.right h5, #item.left h5{
width:390px;
float:left;
}
#item h5{
font-size:16px;
}
#item.leftDD img{
margin:10px 10px 0 0;
float:left;
}
#item.leftDD p, #item.leftDD h5{
width:400px;
float:left;
}

#item.propsearch{
margin:10px 0 0 0;
}
#item.propsearch img{
margin:0 5px 0 0;
float:left;
}
#item.propsearch p{
float:right;
width:420px;
}
#item.propsearch p.logoPrice{
width:125px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
font-size:14px;
font-weight:bold;
}
#item.propsearch p.logoAddr{
width:175px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
font-weight:bold;
}
#item.propsearch p.status{
width:170px;
float:left;
text-align:right;
color:#FF0000;
font-size:14px;
font-weight:bold;
}
#item.propsearch img.logo{
float:right;
margin:0 0 5px 5px;
}



#thumbs{
width:560px;
float:inherit;
padding:5px 0 10px 0;
}
#thumbs img{
margin:5px;
float:left;
}

#subItemCont, #subItemAd{
width:275px;
padding:10px 0 0 0;
}
#subItemCont p, #subItemAd p{
width:200px;
}
#subItemCont img, #subItemAd p{
float:right;
}
#subItemAd img, #subItemCont p{
float:left;
}
#subItemCont.left, #subItemAd.left{
float:left;
}
#subItemCont.right, #subItemAd.right{
float:right;
}

#sItemCol, #sItemCol p{
float:left;
width:185px;
}

#mainEvent{
width:570px;
float:left;
margin:0 0 10px 0;
}
#mainEvent p, #mainEvent h5{
width:340px;
float:left;
margin:0 0 10px 0;
}
#mainEvent img{
float:right;
margin:0 0 0 10px;
}

/*----------------------------------------------
Temporary CSS added for YMPA page 04.06.08 CJ
----------------------------------------------*/

#ItemYMPA{
	width:560px;
	padding:10px 0 10px 0;
	float: left;
}
#ItemYMPA p{
	width:350px;
	float: left;
}
#ItemYMPA img{
float:right;
width:180px;
}


#subItemYMPA{
	width:560px;
	padding:10px 0 10px 0;
	border-bottom: solid 1px;
	border-bottom-color: #666666;
	float: left;
}
#subItemYMPA p{
	width:350px;
	float: left;
}
#subItemYMPA img{
float:right;
width:180px;
}


#content #sponsorYMPA p{
float:left;
width:350px;
line-height:16px;
}
#content #sponsor img{
margin:10px 0 0 0;
float:right;
}
/*----------------------------------------------
				Right Column
----------------------------------------------*/

#rightCol{
width:205px;
margin:0 15px 0 0;
float:right;
}
#rightCol p{
width:205px;
margin:0 0 10px 0;
}
#rightCol img{
width:205px;
height:205px;
float:left;
}

/*----------------------------------------------
					Footer
----------------------------------------------*/
#footerHolder{
width:1034px;
height:60px;
}
#footer{
width:1024px;
height:30px;
margin:0 0 0 10px;
padding:5px 0 0 0;
float:left;
background:url(../images/img_footer.gif) no-repeat;
}
#footer a{
margin:0 5px 0 5px;
font-size:9px;
}
#footer p.login{
width:200px;
padding:0 0 0 5px;
float:left;
}
#footer p.links{
width:570px;
text-align:center;
float:left;
}
#footer p.credit{
width:200px;
padding:0 5px 0 0;
float:right;
}
#footerHolder p.copyright{
width:1024px;
height:20px;
float:right;
font-size:0.55em;
text-align:center;
}
a.cocreate{
color:#CCCCCC;
text-decoration:none;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
