/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Main CSS
Author : Helldesign
URL : http://www.helldesign.net

Description : This is the main stylesheet

Created : 
Modified :

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/


/****************************************************************
	RESET
****************************************************************/

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/****************************************************************
	BASIC
****************************************************************/
body {
	background:#fff url("/images/mainsite/body_bg.gif") 0 0 repeat-x;
}
body,input,textarea,select,td,th {
	color:#6b6b6b;
	font: 11px Arial, Helvetica, Verdana, Tahoma, sans-serif;
}
a {
        text-decoration:underline;
	color:#44799d;
}
a:visited {

}
a:hover {
	text-decoration:none;
}

#root {
	background:url("/images/mainsite/root_bg.jpg") 0 0 no-repeat;
	margin:0 auto;
	padding:0 0 20px;
	width:771px;
}


/****************************************************************
	HEADER
****************************************************************/
#header {	
	padding:66px 0 0;
	position:relative;
}
	#header h1 {
		background:url("/images/mainsite/fh_logo.gif") 0 0 no-repeat;
		height:39px;
		left:7px;
		position:absolute;
		top:79px;
		width:205px;
	}
	#header h1 a {
		display:block;
		height:39px;
	}
	#header span {
		display:none;
	}
	#header p {
		background:url("/images/mainsite/tagline.gif") 0 0 no-repeat;
		height:71px;
		margin:0 0 0 234px;
		width:348px;
	}

/****************************************************************
	MENU
****************************************************************/
#menu {
	background:url("/images/mainsite/menu_bg.gif") 0 0 repeat-x;
	height:32px;
	padding:0 0 0 22px;
}
.search-results #menu {
	margin:0 0 0 234px;
}
	#menu li {
		float:left;
		height:32px;
	}
	#menu li a,
	#menu li span {
		background-position:0 0;
		background-repeat:no-repeat;
		border:0;
		display:block;
		height:32px;
	}
	
	#menu li.home a,
	#menu li.home span {
		background-image:url("/images/mainsite/menu_home.gif");
		width:74px;
	}
	#menu li.about a,
	#menu li.about span {
		background-image:url("/images/mainsite/menu_about.gif");
		width:98px;
	}
	#menu li.contact-us a,
	#menu li.contact-us span {
		background-image:url("/images/mainsite/menu_contact-us.gif");
		width:108px;
	}
	#menu li.search a,
	#menu li.search span {
		background-image:url("/images/mainsite/menu_search.gif");
		width:80px;
	}
	
    #menu li.faq a,
    #menu li.faq span {
        background-image:url("/images/mainsite/menu_faq.gif");
        width:80px;
    }

	#menu li a:hover {
		background-position:0 -264px;
	}
	#menu li span {
		background-position:0 -132px;
		margin:0 0 0 -2px;
	}
	
	#menu li a span,
	#menu li span span {
		display:none;
	}


/****************************************************************
	CONTENT
****************************************************************/
/* ----- common ----- */
#content-wrapper {
	background:url("/images/mainsite/dot_1.gif") 234px 0 repeat-y;
}
.search-results #content-wrapper {
	background:0;
	position:relative;
}
#content-wrapper:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
#context {	
	background:url("/images/mainsite/context_bg.gif") 100% 0 no-repeat;
	color:#afafaf;
	float:left;
	width:234px;
}
	#context h3 {
		font:normal 18px Arial, Helvetica, sans-serif;
		padding:15px 0 0; 
	}
	#context h3 span {
		color:#c6de49;
		margin:0 0 0 11px;
	}
	#context p {
		color: #6b6b6b;
		line-height:1.8em;
		margin:10px 25px 15px 25px;
	}
	#context p.more {
		background:url("/images/mainsite/bullet_1.gif") 0 3px no-repeat;
		float:right;
		line-height:1em;
		padding:0 0 0 12px;
	}
	#context p.signed {
		font-style:italic;
		margin-top:-10px;
		margin-bottom:0;
		text-align:right;
	}
	
	/* Login form */
	
	.login-form {
	}
	
	.search-results #content-wrapper .login-form {
		height:32px;
		left:0;
		position:absolute;
		top:10px;
		width:233px;
	}
	
	.login-form input.txt {
		background:#fff;
		color:#000;
		border-left:2px solid #d1d1d1;
		border-top:2px solid #d1d1d1; 
		border-right:2px solid #eee;
		border-bottom:2px solid #eee;
		margin:0 5px 0 0;
		padding:2px 4px;
		width:70px;
	}
	#context .login-form input.txt {
		width:120px;
	}
	.login-form input {
		vertical-align:middle;
	}
	.login-form .group {
		padding:8px 0 0 25px;
	}
	.login-form .group label {
		display:block;
		margin:0 0 2px;
	}
	.login-form .links {
		padding:10px 0 30px 25px;
	}
	
	/* Logged in - @ Search results */
	
	.search-results .logged-in {
		height:32px;
		left:0;
		position:absolute;
		top:0;
		width:233px;
	}
		.search-results .logged-in h3 {
			background:url('/images/mainsite/bullet_1.gif') 0 14px no-repeat;
			cursor:help;
			font-size:12px;
			font-weight:bold;
			padding:10px 0 0 10px;
		}
		.search-results .logged-in h3 span {
			color:#c6de49;
		}
		.search-results .logged-in div {
			background:url('/images/mainsite/user_panel_bg_t.gif') 0 0 no-repeat;
		}
		.search-results .logged-in ul {
			background:url('/images/mainsite/user_panel_bg_b.gif') 0 100% no-repeat;
			display:none;
			margin:8px 0 0;
			padding:10px 5px 15px 10px;
			width:110px;
			w\idth:95px;
		}
		.search-results .logged-in ul li {
			padding:2px 0;
		}
	
	/*  User Panel */
	
	.user-panel {
	}
	.user-panel ul {
		padding:10px 0 30px 25px;
	}
	.user-panel ul li {
		padding:4px;
	}
	
	/* Edit form */
	
	.settings-form fieldset {
		background:#ffffee;
		border-top:2px #f1f1c2 solid;
		border-bottom:2px #f1f1c2 solid;
		margin:0 0 20px 10px;
		padding:0 0 0 20px;
	}
	
	.settings-form fieldset legend {
		color:#979702;
		font-size:12px;
		font-weight:bold;
	}
	
	.settings-form .group {
		float:left;
		margin:0 20px 0 0;
		padding:10px 0 20px 0;
		width:45%;
	}

	.settings-form .sub-group {
		display:block;
		margin:5px 0 10px;
	}
	
	.settings-form label {
		display:block;
		margin:10px 0 0;
	}
	
	.settings-form input.text {
		width:200px;
	}
	.settings-form input {
		vertical-align:middle;
	}
	
	.settings-form .submit-row {
		background:0;
		margin:28px 0 0;
		padding:0 0 30px;
		text-align:center;
	}
	
	
	
	

#body {
	float:left;
	width:537px;
}
.search-results #body {
	background:url("/images/mainsite/context_bg.gif") 0 0 no-repeat;
	float:none;
	padding:0 0 17px;
	width:auto;
}
	#body h2 {
		color:#6b6b6b;
		font:normal 18px Arial, Helvetica, sans-serif;
		margin:11px 30px;
	}

	#body h3 {
		color:#6b6b6b;
		font:bold 14px Verdana, Tahoma, sans-serif;
		margin:0px 30px;
	}
	#body h3.t1 {
		color:#96c217;
		clear:both;
		font:bold 14px Arial,Verdana, Tahoma, sans-serif;
		margin:25px 30px;
	}

	#body h4 {
		font:normal 14px Verdana,Tahoma,sans-serif;
		margin:0px 0px 5px 0px; /* 30px */
	}

    #body h5 {
        font:normal 14px Verdana,Tahoma,sans-serif;
        margin:10px 0px 5px; 
        padding-left:30px;
    }

	#body #contacts dl {
		margin:5px 45px;
		font: italic 11px Verdana,Tahoma,sans-serif;
	}

	#body .simple_text {
		width:90%;
		color:#454545;
		font:normal 12px Verdana, Tahoma, sans-serif;
		padding-left:30px;
        margin-bottom: 15px;
	}

    #body .thirt {
        padding-left:30px;
    }

    #body .thirt ul{
      margin:10px 0 5px;
      padding-left:20px;
      list-style-type:disc;
    }
    #body .thirt ul li {
      padding-left:15px;
    }
	
	input.text {
		background:#fff;
		color:#000;
		border-left:2px solid #d1d1d1;
		border-top:2px solid #d1d1d1; 
		border-right:2px solid #eee;
		border-bottom:2px solid #eee;
		padding:2px 4px;
	}
	form textarea {
		background:#fff;
		color:#000;
		border-left:2px solid #d1d1d1;
		border-top:2px solid #d1d1d1; 
		border-right:2px solid #eee;
		border-bottom:2px solid #eee;
		overflow:auto;
		padding:2px 4px;
	}
	select {
		background:#fff;
		color:#000;
		border-left:2px solid #d1d1d1;
		border-top:2px solid #d1d1d1; 
		border-right:2px solid #eee;
		border-bottom:2px solid #eee;
		padding:1px 4px;
	}
	form .submit-row {
		background:url("/images/mainsite/divider_1.gif") 50% 0 no-repeat;
		margin:28px 0 0;
		padding:9px 0;
		text-align:center;
	}
	
	
/* ----- home ----- */

fieldset.search {
	background:#ffffee;
	border-top:4px solid #f1f1c2;
	border-bottom:4px solid #f1f1c2;
	margin:11px 0 0 1px;
	padding:15px 0 15px 36px;
}
.search-results fieldset.search {
	padding-left:142px;
}
	fieldset.search label {
		color:#336084;
		display:block;
		font:bold 10px Verdana, Tahoma, sans-serif;
		padding:0 0 5px;
	}
	fieldset.search .location {
		border-right:1px solid #f1f1c2;
		float:left;
		width:247px;
	}
	
	fieldset.search .location select {
		height:68px;
		width:212px;
	}
	
	fieldset.search .details {
		margin:0 0 0 248px;
		padding:0 0 0 34px;
		width:214px;
	}
	fieldset.search .details:after {
		content:".";
		clear:both;
		display:block;
		height:0;
		visibility:hidden;
	}
	fieldset.search .details .item {
		float:left;
		margin:0 0 7px;
		width:107px;
	}
	fieldset.search .details .item select {
		width:69px;
	}
	fieldset.search .details .item input.text {
		width:57px;
	}
	
fieldset.additional-options {
	padding:7px 0 0;
}
	
form dl.options {
	margin:0 0 0 1px;
}
	form dl.options dt {
		background:url("/images/mainsite/options_tab.gif") 50% 0 no-repeat;
		height:16px;
		padding:15px 100px 0 100px;
		text-align:center;
	}
	form dl.options dt a {
		font:bold 9px Verdana, Tahoma, sans-serif;
	}
	
	form dl.options dd p {
		margin:10px;
	}


#additional-parameters {
	padding:20px 0 0 20px;
}
#additional-parameters:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
#additional-parameters .group {
	float:left;
	margin:0 20px 0 0;
	width:20%;
}

#additional-parameters .group .item {
	margin:0 0 3px;
}

/* ----- subpages  ----- */


.pg {
	background:#ffffee;
	border-top:1px solid #f1f1c2;
	border-bottom:1px solid #f1f1c2;
	font-size:14px;
	font-weight:bold;
	padding:11px 13px 9px;
}
	.pg:after {
		content:".";
		clear:both;
		display:block;
		height:0;
		visibility:hidden;
	}
	.pg p {
		float:left;
	}

  .pagination {
    padding: 3px;
    margin: 3px;
    float:right;
    font-size:11px;
  }
  .pagination a {
    text-decoration: none;
  }
  .pagination a:hover, .pagination a:active {
    background:#6b6b6b;
    color:#fff;
  }
  .pagination span.current {
    background:#6b6b6b;
    color:#fff;
    padding:4px;
    text-align:center;
  }
  .pagination span.disabled {
    padding: 2px 5px 2px 5px;
    color: #ddd;
  }	
	
table.results {
	width:100%;
}
	table.results col.price{
		text-align:center;
		width:100px;
	}
	table.results th a {
		border:0;
	}
	table.results thead th {
		font-size:14px;
		font-weight:bold;
		padding:13px 0;
	}
	table.results thead th.name {
		padding-left:20px;
	}
	table.results thead th.price,
	table.results thead th.location {
		text-align:center;
                width:120px;
	}
	
	table.results thead th.desc a {
		background:url("/images/mainsite/ico_sort_desc.gif") 100% 5px no-repeat;
		padding-right:25px;
	}
        
        table.results thead th.asc a {
		background:url("/images/mainsite/ico_sort_asc.gif") 100% 5px no-repeat;
		padding-right:25px;
	}
	
        table.results tbody td {
		border-top:1px solid #f4f4f4;
		font-size:12px;
		padding:10px 20px;
	}

        table.results tbody td.image {
		padding:6px 4px;
                width:140px;
	}

	table.results tbody td.image a img {
		border:1px solid #457a9d;
		float:left;
		margin:0 10px 0 0;
	}


        table.results tbody td.name{
		padding:5px 2px 2px 2px;
	}

	table.results tbody td.name a img {
		border:1px solid #457a9d;
		float:left;
		margin:0 10px 0 0;
	}
	table.results tbody td.name h4 {
		font-weight:bold;
		margin:0 0 5px 0px;
	}
	
	table.results tbody td.price {
		font-size:18px;
		font-weight:bold;
                text-align:center;
	}
	
	table.results tbody td.location {
		font-size:16px;
                text-align:center;
	}
	
	table.results tr:hover td {
		background:#fbfbfb;
	}
	

#back-to-results {
	background:url("/images/mainsite/dot_1.gif") 0 31px repeat-x;
	font-size:14px;
	font-weight:bold;
	padding:8px 0 8px 2px;
}
	#back-to-results span {
		background:url("/images/mainsite/bullet_2.gif") 0 5px no-repeat;
		padding:0 0 0 16px;
	}

	
#keep-me-informed {
	background:url("/images/mainsite/keep_me_informed_bg.gif") 0 0 no-repeat;
	margin:18px 0 0;
}
	#keep-me-informed h3 {
		color:#6b6b6b;
		font-size:14px;
		font-weight:bold;
		padding:10px 0 10px 15px;
	}
	#keep-me-informed input.text {
		margin:0 0 0 15px;
		width:175px;
	}
	#keep-me-informed .submit-row {
		background:0;
		padding:15px 18px 0 0;
		text-align:right;
	}
	
	
#apartment-details-sections {
	background:url("/images/mainsite/dot_1.gif") 0 100% repeat-x;
	font:bold 9px Verdana, Tahoma, sans-serif;
	height:22px;
	margin:17px 0 0;
	padding:0 0 0 11px;
}
	#apartment-details-sections li {
		float:left;
		height:22px;
		padding:0 1px 0 0;
	}
	#apartment-details-sections a span,
	#apartment-details-sections span span {
		display:block;
		height:18px;
		padding:4px 0 0;
	}
	#apartment-details-sections span {
		background:url("/images/mainsite/subnav_active_tab_r.gif") 100% 0 no-repeat;
		display:block;
		float:left;
	}
	#apartment-details-sections span span {
		background:url("/images/mainsite/subnav_active_tab_l.gif") 0 0 no-repeat;
		padding-left:25px;
		padding-right:25px;
	}
	#apartment-details-sections a {
		background:url("/images/mainsite/subnav_tab_r.gif") 100% 0 no-repeat;
		color:#fff;
		border:0;
		display:block;
		float:left;
	}
	#apartment-details-sections a:hover {
		color:#e7e777;
	}
	
	#apartment-details-sections a span {
		background:url("/images/mainsite/subnav_tab_l.gif") 0 0 no-repeat;
		padding-left:25px;
		padding-right:25px;
	}
	
	
.apartment-details {
	font-size:12px;
	line-height:1.5em;
	padding:22px 27px;
}
	.apartment-details h3 {
		color:#94c116;
		font-size:18px;
		margin:0;
	}
	.apartment-details h4 {
		font-size:14px;
		font-weight:bold;
		margin:0 0 3px;
	}
	.apartment-details p {
		margin-left:33px;
	}
	.apartment-details img.photo {
		float:right;
		margin:3px 19px 3px 0;
	}
	.apartment-details a img.photo {
		border:2px solid #44799d;
	}
	.apartment-details address {
		background:#ffffee;
		border:1px solid #f1f1c2;
		display:block;
		font-size:14px;
		font-weight:bold;
		margin:20px 87px 10px;
		padding:15px 10px;
		text-align:center;
	}
	
table#user_register {
	margin-left:30px;
}

table#user_register tr td {
	padding:3px;
}

/* Contact Us  */

#body.contacts .main-address {
	background:#f6f6f6;
	border-top:4px solid #e3e3e3;
	border-bottom:4px solid #e3e3e3;
	font:12px Verdana, Tahoma, sans-serif;
	line-height:1.5em;
	margin:11px 0 0 1px;
	padding:15px 0 15px 66px;
}
#body.contacts .main-address:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
	#body.contacts .main-address strong {
		font-weight:bold;
	}
	#body.contacts .main-address address {
		float:left;
		width:220px;
	}
	
	#body.contacts .sec {
		display:inline;
		float:left;
		margin:0 0 0 30px;
		width:230px;
	}
	
	.ccard {
		background:url('/images/mainsite/contact_card_t.gif') 0 0 no-repeat;
		font:12px Verdana, Tahoma, sans-serif;
		margin:0 auto;
		padding:15px 0 0;
		width:301px;
	}
	.ccard strong {
		font-weight:bold;
	}
	.ccard.a {
		background:0;
		font-size:11px;
		margin:0 0 20px;
		padding:0;
		width:230px;
	}
	.ccard dl {
		background:url('/images/mainsite/contact_card_b.gif') 0 100% no-repeat;
		padding:0 0 15px;
	}
	.ccard.a dl {
		background:0;
		padding:0;
	}
	.ccard dl:after {
		content:".";
		clear:both;
		display:block;
		height:0;
		visibility:hidden;
	}
	.ccard dt {
		display:inline;
		float:left;
		margin:0 0 0 15px;
		width:60px;
	}
	.ccard.a dt {
		margin:0;
		width:50px;
	}
	.ccard dt img {
		display:block;
	}
	
	.ccard dd {
		margin:0 15px 0 95px;
	}
	.ccard.a dd {
		margin:0 0 0 66px;
	}
	#body .ccard dd h4 {
		border-bottom:1px solid #e3e3e3;
		font-size:14px;
		font-weight:bold;
		margin:0 0 8px;
		padding:0 0 5px;
	}
	#body .ccard.a dd h4 {
		font-size:12px;
		margin:0 0 5px;
		padding:0 0 3px;
	}
	#body .ccard dd ul li {
		margin:5px 0;
	}
	#body .ccard.a dd ul li {
		margin:3px 0;
	}
	
	
	#contact-form {
		margin:0 0 30px;
	}
		#contact-form th {
			font-size:11px;
			font-weight:bold;
			padding:3px 10px 0 0;
			text-align:right;
			vertical-align:top;
			width:200px;
		}
		#contact-form td {
			padding:0 0 15px;
			vertical-align:top;
		}
		#contact-form td input {
			vertical-align:middle;
		}
		#contact-form td input.text,
		#contact-form td textarea {
			width:250px;
		}
		#contact-form td textarea {
			height:200px;
		}
		#contact-form td .row {
			margin:0 0 5px;
		}
		#contact-form td select {
			margin:10px 0 0;
			width:262px;
		}
		#contact-form .submit-row {
			background:0;
			margin:0 0 0 210px;
			padding:0;
			text-align:center;
			width:262px;
		}

        /* apartment application form */
         
	#apartment-application{
	}
	
	#apartment-application fieldset {
		background:#ffffee;
		border-top:2px #f1f1c2 solid;
		border-bottom:2px #f1f1c2 solid;
		margin:0 0 20px;
		padding:0 0 0 20px;
	}
	
	#apartment-application fieldset legend {
		color:#979702;
		font-size:12px;
		font-weight:bold;
	}
	
	#apartment-application fieldset .group {
		float:left;
		margin:0 20px 0 0;
		padding:10px 0 20px 0;
		width:90%;
	}

	#apartment-application fieldset .group label {
                font:bold 13px Arial,sans-serif;
                padding:3px 0px;
        }

	.edit-form fieldset .group.alt {
		width:21%;
	}
	.edit-form fieldset .sub-group {
		display:block;
		margin:5px 0 10px;
	}
	
	#apartment-application fieldset label {
		display:block;
		margin:10px 0 0;
	}
	
        #apartment-application fieldset label.i {
		display:inline;
		margin:0 5px 0;
		vertical-align:middle;
	}
	
	#apartment-application fieldset input.txt {
		background:#fff;
		color:#000;
		border-left:2px solid #d1d1d1;
		border-top:2px solid #d1d1d1; 
		border-right:2px solid #eee;
		border-bottom:2px solid #eee;
		font-size:12px;
		padding:2px 4px;
		width:250px;
	}
	
        .edit-form fieldset input.txt[disabled] {
		background:#efefe1;
	}

	#apartment-application fieldset input {
		vertical-align:middle;
	}

        #apartment-application fieldset h4
        {
          margin-left:2px;
          font-size:9px;
          color:#999999;
        }
	
	
        /* ALERTS */
	
	.alert {
		background-position:13px 0;
		background-repeat:no-repeat;
		border-bottom:1px solid #e2e2e2;
		font-size:12px;
		min-height:50px;
		margin:0 0 15px;
		padding:0 0 15px 77px;
	}
                .alert ul {
                  list-style:circle;
                  margin:5px 0 0 15px;
                }

                .alert ul li
                {
                  padding:3px;
                }

		.alert h3 {
			font-size:16px;
			font-weight:bold;
			margin:0 0 2px 0;
		}
		.alert p {
			margin:2px 0 5px;
		}
		.alert.success {
			background-image:url('/images/admin/ico_alert_success.gif');
		}
		.alert.success h3 {
			color:#96c217;
		}
		
		.alert.error {
			background-image:url('/images/admin/ico_alert_error.gif');
		}
		.alert.error h3 {
			color:#a40b0b;
		}
		
		.alert.info {
			background-image:url('/images/admin/ico_alert_info.gif');
		}
		.alert.info h3 {
			color:#c4c490;
		}
	

/****************************************************************
	FOOTER
****************************************************************/

#footer {
	border-top:1px solid #dbdbdb;
	color:#afafaf;
	line-height:1.5em;
	padding-top:7px;
	padding-bottom:20px;
}
	#footer a {
		border-bottom-color:#6b6b6b;
		color:#6b6b6b;
	}
	#footer p#submenu {
		float:left;
	}
	#footer p#copy {
		float:right;
		padding:0 15px 0 0;
		position:relative;
	}
	#footer p#copy a {
		border:0;
	}
	#footer p#copy a strong {
		background:url("/images/mainsite/hd_logo.gif") 0 0 no-repeat;
		height:16px;
		position:absolute;
		right:2px;
		top:-1px;
		width:8px;
	}
	#footer p#copy a:hover strong {
		background-position:0 -116px;
	}
	#footer p#copy a strong span {
		display:none;
	}
