@charset "UTF-8";
/* CSS Document */

html{
	
}
img{
	border:0;
	padding:0;
	margin:0;
}
body{
	
	/* top stripe*/
	border-top: #929089 solid 4px;

	/*background:url(../../images/body_background.gif) repeat-x;*/
	
	
	
	margin: 0;
	padding:0;
	/*font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;*/
	font-family: Arial, Geneva, sans-serif;
	color:#2F2E2A;
	font-size: 10px;
	line-height:1.4;
	
/*	width:800px;
	min-width:800px;*/
}

#bodyWrapper{
	background:url(../../images/background.gif) repeat-x;

}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

a {
	color:#2F2E2A;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.loginBlock{
	width:800px;
	min-width:800px;
	margin:auto;
	text-align: right;
	height:15px;
	padding:4px 0 0 0;
}

.signedIn a{
	color:#996600;
}

#loginSlider-9{
	width:800px;
	min-width:800px;
	margin:auto;
	text-align:right;
	padding:4px 0 0 0;
	background-color:#929089;
	color: #FFFFFF;
}

#loginInner{
	padding:5px;
	/*background:#FF6600;*/
	margin:0;
}

#loginButton {
	/*width:150px;*/
	background:#FF0000;
	float:right;
}

#login {
	width:800px;
	min-width:800px;
	margin:auto;
	text-align: center;
	height:16px;
	background:#FFFFFF;
	padding:0 0 10px 0;
}

#login a {
	background-color:#929089;
	color:#302E29;
	font-size: 100%;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	margin:0;
	display:block;
}
#login a:hover {
	color:#FFF;
}

#contentWrapper{
	width:800px;
	min-width:800px;
	margin:auto;
	padding:3px 0 0 0;
	height: 500px;
}
#jjLogo {
	margin:2px 0 0 0;
	padding:0;
	width:120px;
	height:122px;
	background:url(../../images/jj_logo.gif);
	float: left;
}
#barLogo{
	margin:0 0 0 10px;

}
#bar{
	height:41px;
	padding:12px 0 0 0;
	float: left;
	width: 670px;
	background:url(../../images/bar_back.gif) repeat-x;
}

#telephone{
	text-align:right;
	float:right;
	color:#FFF;
	font-size:120%;
	margin:0 10px 0 0;
	font-weight:bold;
	width:161px;
	height:30px;
	background:url(../../images/resMedMan.gif) no-repeat bottom right;
}

#mainContent{
	width:670px;
	min-width:560px;
	padding:0 0 0 10px;
	height: 500px;
	font-size:110%;
	float:right;
}


#header {
	margin:40px 0 0 0;
	width:120px;
	height:122px;
	background:url(../../images/jj_logo.gif);
	float: left;
}

#navWrap{
	margin:0;
	padding:0;
	display:block;
}

#leftColTop{
	height:35px;
	float:left;
	width:180px;
	background:#D9D8D5 url(../../images/mini_logo.gif) no-repeat 20px;
}

#leftColTop a{
	font-size: 120%;
	margin:5px 0 0 45px;
	padding:5px;
	display:block;
	text-decoration:none;
	color:#2F2E2A;
}

#leftColTop a:hover{
	color:#996600;
	text-decoration:none;
}

/*#leftColTop{
	height:35px;
	float: left;
	margin: 0 0 0 10px;
	width: 180px;
	background:#D9D8D5 url(../../images/mini_logo.gif) no-repeat 77px;
}
*/


#topNav{
	text-align:center;
	height:35px;
	float:right;
	width: 480px;
	background-color: #D9D8D5;
}

#topNav ul {
	list-style:none;
	margin:0;
	padding:0;
	color:#2F2E2A;
}

#topNav li {
	float:left;
	margin:0;
	padding:0;
}

#topNav li a{
	font-size: 120%;
	margin:5px 0 0 20px;
	padding:5px;
	display:block;
	text-decoration:none;
	color:#2F2E2A;
}

#topNav li a:hover.properties{
	color:#16A0E2;
}

#topNav li a:hover.services{
	color:#F5830E;
}

#topNav li a:hover.about{
	color:#B31D22;
}

#topNav li a:hover.contact{
	color:#005D5E;
}

#topNav li a.home{
	margin:5px 0 0 20px;
	padding:5px;
	display:block;
	text-decoration:none;
	background:url(../../images/ico_home.gif) no-repeat center -25px;
	height:15px;
	width:25px;
}

#topNav li a:hover.home{
	background:url(../../images/ico_home.gif) no-repeat center 0;

}

#leftCol{
	float: left;
	/*margin: 0 0 0 10px;*/
	width: 180px;
}

#leftNav {
	background: #D9D8D5;
	padding:10px 0 10px 0;
	margin:0;
}

#leftCol ul {
	list-style:none;
	margin:0;
	padding:0;
	color:#2F2E2A;
}

#leftCol li {
	margin:0;
	padding:0;
}

#leftCol li a{
	font-size: 120%;
	margin:0 0 0 10px;
	padding:5px;
	display:block;
	text-decoration:none;
	color:#2F2E2A;
	
	height:1.4em; /*This is a hack for the IE6 PC browser to collapse the whitespace*/
}

#leftNavDetail {
	background: #D9D8D5;
	padding:10px 0 10px 0;
	margin:2px 0 0 0;
}

#leftNavDetail ul {
	list-style:none;
	margin:0;
	padding:0;
	color:#2F2E2A;
}

#leftNavDetail li {
	margin:0;
	padding:0;
}

#leftNavDetail li a{
	font-size: 100%;
	margin:0 0 0 10px;
	padding:5px 5px 5px 25px;
	display:block;
	text-decoration:none;
	color:#2F2E2A;
}

.btnSave{
	background:url(../../images/ico_save.gif) no-repeat top left;
}
.btnDetail{
	background:url(../../images/ico_detail_pdf.gif) no-repeat top left;
}
.btnFloorplan{
	background:url(../../images/ico_floorplan.gif) no-repeat top left;
}
.btnEpc{
	background:url(../../images/ico_epc_pdf.gif) no-repeat top left;
}
.btnFriend{
	background:url(../../images/ico_email.gif) no-repeat top left;
}
.btnContact{
	background:url(../../images/ico_contact.gif) no-repeat top left;
}
.btnList{
	background:url(../../images/ico_list.gif) no-repeat top left;
}

#hip{
	background:url(../../images/ico_hip.gif) no-repeat top left;
	padding:2px 0 0 26px;
	height:20px;
	display:block;
	margin:0;
}

#address{
	padding:0 0 0 15px;
	margin:0;
}

#address p {
	padding:10px 0 0 0;
	margin:0px;
}

#linkLogos{
	text-align: center;
	padding:10px 0 0 15px;
}

#rightCol{
	float: left;
	margin: 10px 0 0 10px;
	width: 480px;
}


.returnResults{
	background:url(../../images/ico_results.gif) no-repeat top left;
}
.returnSearch{
	background:url(../../images/ico_search.gif) no-repeat top left;
}
.return{
	margin: 0 5px 0 0;
	text-align: left;
	float:left;
}
.return a{
	
	padding:1px 3px 1px 20px;
	color:#2F2E2A;
	text-decoration:none;
}

.return a:hover{
	color:#16A0E2;
}

/* --- pagination ---*/

.pagination{
	margin: 2px 0 2px 0;
	text-align: right;
}

.pagination a{
	border:#D9D8D5 1px solid;
	padding:1px 3px 1px 3px;
	color:#2F2E2A;
	text-decoration:none;
}
.pagination a:hover{
	color:#2F2E2A;
	background:#D9D8D5;
}

.paginationSelected{
	border:#D9D8D5 1px solid;
	padding:1px 3px 1px 3px;
	background:#D9D8D5;
	color:#2F2E2A;
}

.paginationEnd{
	border:#D4D5CF 1px solid;
	padding:1px 3px 1px 3px;
	color:#D4D5CF;
	text-decoration:none;
}

.propertyListContainer{
	margin: 0 0 10px 0;
	width: 480px;
	height:128px;
	background-color: #D9D8D5;
	padding: 1px 0 1px 0;
}
.propertyListContainer h2{
	height:35px;
	margin: 0;
	padding:0;
	font-size:120%;
}
.propertyListItem {
	margin: 10px 0 10px 170px;
	height: 110px;
	width:288px;
}
.propertyListItem h2 a{
	color:#2F2E2A;
	text-decoration:none;
	
}

.propertyListItem h2 a:hover{
	color:#16A0E2;
}

.propertyListImage{
	float: left;
/*	height: 108px;
	width: 150px;*/
	padding: 10px 0 10px 10px;
	z-index:40;
	position:absolute;

}

.propertyListImageContainer{
	background-color:#CCCCCC;
	/*margin: 4px 0 4px 0;*/
	height: 108px;
	width: 150px;
	border:solid 1px #FFFFFF;
	overflow:hidden;
}
	
	
.propertyListImage img{
	/*border:solid 1px #FFFFFF;*/
}
/*#linkToProperty {
   	background-color:#FFFF00;
	float:right;
	width:15px;
	height:128px;
}*/



.proplink a {
   background-image:url(../../images/btn_arrow.gif);
   background-repeat: no-repeat;
   width: 15px;
   height: 128px;
   display:block;
   float:right;

}
.proplink a:hover {
   background-image:url(../../images/btn_arrow.gif);
   background-position: -15px 0;
}




.featureIcons{
	width:110px;
	float: left;
}
.featureIcons div{
	color:#2F2E2A;
	float:left;
	width:50px;
}

.featureIcons span{
	display:block;
	float:right;
	width:22px;
	padding:4px 0 0 0;
}

.featureIcons img{
	float:left;
	margin:3px 0 0 0;
}

.features{
	margin: 0 0 0 40px;
	padding:4px 0 0 0;
	width:120px;
	float:left;
	height:74px;
}

.features .badge{
	height:20px;
	margin:0;
	padding:0;
}

.features .lease{
	height:15px;
	margin:0;
	padding:5px 0 0 0;
}

.features .price{
	height:34px;
	margin:0;
	padding:0;
	font-size:200%;
}

.features .priceOnApplication{
	height:34px;
	margin:10px 0 0 0;
	padding:0;
	font-size:120%;
}

.sold{
	background:url(../../images/sold.gif) no-repeat;
	float:left;
	z-index:50;
	width:60px;
	height:60px;
	position:absolute;
}

.letAgreed{
	background:url(../../images/let.gif) no-repeat;
	float:left;
	z-index:50;
	width:60px;
	height:60px;
	position:absolute;
}

.new{
	background:url(../../images/new.gif) no-repeat;
	float:left;
	z-index:60;
	width:60px;
	height:60px;
	position:absolute;
}

.underOffer{
	background:url(../../images/underOffer.gif) no-repeat;
	float:left;
	z-index:60;
	width:60px;
	height:60px;
	position:absolute;
}



#topTools{
	margin: 0 0 10px 0;
	height: 14px;
}

/*#titleBar{
	margin: 0 0 10px 0;
	padding:10px 30px 10px 10px;
	width: 440px;
	background:#D9D8D5 url(../../images/mini_logo.gif) no-repeat 445px 17px;
}*/

#pictureBar{ /*temporary solution*/
	margin: 0 0 10px 0;
	width: 480px;
	height:115px;
	background:url(../../images/generic.jpg) no-repeat;
}

#pic1{
	margin: 0 10px 0 0;
	width: 115px;
	height:115px;
	float:left;
}

#pic2{
	margin: 0 10px 0 0;
	width: 230px;
	height:115px;
	float:left;
}

#pic3{
	margin: 0;
	width: 115px;
	height:115px;
	float:left;
}

.titleDescription {
	color:#FFF;
}

#titleBar h1.propertyDescription{
	font-size:140%;
	font-weight:bold;
	margin:0;
	padding:0;
}

#titleBar h1{
	color:#FFF;
	font-size:200%;
	font-weight:bold;
	margin:0;
	padding:0;
}
.propertyPrice{
	color:#FFF;
	font-size:200%;
	font-weight:bold;
	margin:0;
	padding:0;
}
/*.propertyDescription{
	font-size:140%;
	font-weight:normal;
	margin:0;
	padding:0;
}*/


#orderResults{
	height:25px;
	margin: 0 0 10px 0;
	padding:5px;
	width: 470px;
	background-color: #D9D8D5;
}

#propertyImage{
	margin: 0 0 10px 0;
	padding:10px;
	width: 460px;
	background-color: #D9D8D5;
}

/*#propertyDetails{
	margin: 0 0 10px 0;
	padding:20px;
	width: 440px;
	background-color: #D9D8D5;
}


#propertyDetails p{
	margin:5px 0 20px 0;
}


#propertyDetails ul{
	list-style:circle;
	margin:5px 0 20px 15px;
	padding:0;
}*/



.propertyTitle{
	font-size:140%;
	font-weight:normal;
	margin:0;
	padding:0;
}

#detailPrice{
	font-weight:bold;
	font-size:200%;
	margin:10px 0 10px 0;
	padding:0;
	border-bottom:#2F2E2A solid 1px;
	border-top:#2F2E2A solid 1px;
	clear:both;
}

#detailPrice .left{
	font-weight:normal;
	float:left;
	margin:0 0 0 5px;
}

#detailPrice .right{
	text-align:right;
	margin:0 5px 0 0;
}

.imgBullet {
	margin:0 10px 0 0;
}

#floorplan {
	float:right;
	clear:both;
	margin:0 0 10px 0;
}

#floorplan a{
	padding:4px 0 4px 0;
	color:#2F2E2A;
	text-align:center;
	width:130px;
	display:block;
	text-decoration:none;
	background:#A3A29F;
}

#floorplan a:hover{
	color:#FFF;
	background-color:#767371;
}

#epc {
	float:right;
	clear:both;
	margin:0 0 10px 0;
}

#epc a{
	padding:4px 0 4px 0;
	color:#2F2E2A;
	text-align:center;
	width:130px;
	display:block;
	text-decoration:none;
	background:#A3A29F;
}

#epc a:hover{
	color:#FFF;
	background-color:#767371;
}


/* start form styles */

form{
	margin: 0 0 10px 0;
	padding:20px;
	width: 440px;
	background-color: #D9D8D5;
	display:block;
}

form label{
	width:150px;
	margin: 0 10px 0 0;
	padding:0;
	display:block;
	float:left;
	text-align:left;
}

form fieldset{
	padding:0;
	margin:0 0 20px 0;
	border:none;
}

form legend{
	display:none;
}

form input{
	margin:0 3px 0 0;
	padding:0;
}

form p{
	margin:0;
	clear:both;
}

form p.margin{ /*for paragraph elements that line up with the form fields*/
	margin:4px 0 8px 160px;
}

form p.footnote{
	clear:both;
	color: #929089;
	padding:5px 0 0 0;
}

.defaultWidth{ 
	width:auto;
}

textarea, select{
	width:200px;
}

input[type="text"], input[type="password"], input[type="file"]{
	width:236px;
}

/* end form styles */



#generalBody{
	margin: 0 0 10px 0;
	padding:10px;
	width: 460px;
	background-color: #D9D8D5;
}

.greyPanel{
	margin: 0 0 10px 0;
	padding:20px;
	width: 440px;
	background-color: #D9D8D5;
}

.greyPanel p{
	margin:0 0 10px 0;
}


.greyPanel ul{
	list-style:circle;
	margin:5px 0 20px 15px;
	padding:0;
}

#generalBody a{
	color:#2F2E2A;
	text-decoration:underline;
}

#searchFeaturedProperty{
	margin:0 0 2px 0;
	font-size:120%;
	background:#2F2E2A;
	padding:2px 5px 2px 5px;
	color:#FFF;
}

#homeFlash {
	margin: 10px 0 0 0;
	width: 670px;
	background-color:#FFF;
	height:265px;
	float:left;
}

#homeFlashNav{
	font-size:140%;
	float: left;
	margin: 10px 0 0 10px;
	width: 670px;
}

#homeFlashNav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#homeFlashNav li {
	text-align:center;
	float:left;
	margin:0;
	padding:0;
	height:35px;
	background:#D9D8D5;
}

#homeFlashNav li.management{
	width:180px;
}
#homeFlashNav li.sale{
	width:154px;
	margin:0 0 0 10px;
}
#homeFlashNav li.let{
	width:153px;
	margin:0 0 0 10px;
}
#homeFlashNav li.medical{
	width:153px;
	margin:0 0 0 10px;
}

#homeFlashNav li a{
	/*margin:5px 0 0 10px;
	padding:5px;*/
	padding:10px 0 10px 0;
	color:#2F2E2A;
	display:block;
	text-decoration:none;
}

#homeFlashNav li a:hover{
	color:#16A0E2;
}

#footer{
	font-size:90%;
	color:#2F2E2A;
	clear:both;
	/*background:url(../../images/footer_back.gif) repeat-x;*/
	height:20px;
	width:650px;
	margin:0;
	padding:5px 5px 0 15px;
}

#footer a{
	text-decoration:none;
	color:#2F2E2A;
}

#footer a:hover{
	text-decoration:underline;
	/*color:#FFF;*/
}

#copyright{
	float:left;
	padding:1px 0 1px 0;
}
#siteby{
	float:right;
	text-align:right;
	background:url(../../images/GN.gif) right no-repeat;
	padding:1px 22px 1px 0;
}
.leaseBlock{
	width:120px;
	display:block;
	float:left;
	clear:both;
}

.leaseText{
	width:318px;
	display:block;
	float:left;
	/*clear:both;*/
}

.leaseBlockContainer{
	padding:0 0 10px 0;	
}