html {
    height:100%;
}

body {
    background:#02bfee url("../img/body_bg.png") repeat-x left top;
    font-family:Arial;
    font-size:12px;
    color:#000;
    width:100%;
    height:100%;
}

div.bg_wrapper {
    background:url("../img/body_bg_top.jpg") no-repeat center top;
    width:100%;
    height:100%;
}

#container {
    width:980px;
    margin:0 auto;
}

#header {
    height:110px;
    overflow:hidden;
    color:#FFF;
    font-size:12px;
}

#header a{
    color:#FFF;
    text-decoration:none;
}

#header a:hover{
    text-decoration:underline;
}


#logo a {
    display:block;
    overflow:hidden;
    height:0px;
    width:126px;
    padding-top:110px;
    float:left;
    background: url("../img/logo.png") no-repeat center center;
}

#signin {
    float:right;
    margin:80px 20px 0 0;
}

#nav {
    background: url("../img/menu_border_l.png") no-repeat left 4px;
}

ul#menu {
    margin-left:10px;
    padding-right:10px;
    height:44px;
    background: url("../img/menu_border_r.png") no-repeat right 4px;
    position:relative;
    overflow:visible;
}

ul#menu li{
    display:inline;
    float:left;
    width:155px;
    text-align:center;
    color:#FFF;
    line-height:44px;
}

ul#menu li a {
    font-size:16px;
    color:#FFF;
    text-decoration:none;
    padding-right:27px;
}

ul#menu li a:hover {
    text-decoration:underline;
}

/*menu icons*/

ul#menu li.home a {
    background:url("../img/home_icon.png") no-repeat right center;
}
ul#menu li.rentals a {
    background:url("../img/rental_icon.png") no-repeat right center;
}
ul#menu li.list_property a {
    background:url("../img/list_property_icon.png") no-repeat right center;
}
ul#menu li.about_us a {
    background:url("../img/about_us_icon.png") no-repeat right center;
}
ul#menu li.advertise a {
    background:url("../img/advertise_icon.png") no-repeat right center;
}
ul#menu li.my_account a {
    background:url("../img/my_account_icon.png") no-repeat right center;
}

ul#menu li.back {
    width:0px;
}

ul#menu li.back .menu-info{
    display:inline;
    z-index:10;
}


ul#menu .menu-info {
    background:#079f04 url("../img/menu_info_bg.png") repeat-x left top;
    height:37px;
    width:980px;
    position:absolute;
    bottom:-37px;
    left:-10px;
    display:none;
    z-index:20;
}

ul#menu.section-home li.home,
ul#menu.section-rentals li.rentals,
ul#menu.section-list_property li.list_property,
ul#menu.section-about_us li.about_us,
ul#menu.section-advertise li.advertise,
ul#menu.section-my_account li.my_account {
    background:url("../img/active_button_bg.png") no-repeat center top;
}


ul#menu.section-home li.home .menu-info,
ul#menu.section-rentals li.rentals .menu-info,
ul#menu.section-list_property li.list_property .menu-info,
ul#menu.section-about_us li.about_us .menu-info,
ul#menu.section-advertise li.advertise .menu-info,
ul#menu.section-my_account li.my_account .menu-info {
    display:block;
}

ul#menu .menu-info span {
    padding:0 10px;
    text-align:left;
    display:block;
    font-size:12px;
}

ul#menu .menu-info span a {
    font-size:12px;
    text-decoration:underline;
    line-height:12px;
    padding:0;
}

/*content section */
#content {
    margin-top:37px;
    overflow:hidden;
    background-color: #325B85;
}

/*layout*/
.colmask {
    position:relative;	/* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
}

.main-content {
    background:#FFF;
}

.side-content {
    float:left;
    width:100%;
    position:relative;
    right:75%;
    background:#325b85;
}

#side_content, #main_content {
    float:left;
    overflow:hidden;
    padding:0 0 10px 0;
    position:relative;
}

#search_form {
    height:320px;
    width:100%;
    clear:right;
    background:#325b85 url("../img/house_pict.jpg") no-repeat top center;
}

#side_content {
       left:6%;
       width:21%;
}

#side_content ul {
    margin-top:10px;
}

#side_content ul li {
    margin-bottom:15px;
}

#side_content ul li {
    color:#FFFFFF;
    font-size:14px;
    font-weight:normal;
    margin-bottom:5px;
}

#side_content a {
    color:#FFFFFF;
    font-size:15px;
    font-family:veranda;
    font-weight:normal;
    margin-bottom:5px;
    text-decoration:none;
}

#side_content a:hover {
    text-decoration:underline;
    color:#999999
}

#side_content ul li p {
    margin-top: 13px;
}

/*icons*/

/*
#325b85 is used here to fix weird IE7 bug
*/
#side_content li.handshake {
    background:#325b85 url("../img/handshake_icon_big.png") no-repeat center right;
}

#side_content li.lamp {
    background:#325b85 url("../img/lamp_icon_big.png") no-repeat center right;
}

#side_content li.books {
    background:#325b85 url("../img/books_icon_big.png") no-repeat center right;
}

#side_content li.globe {
    background:#325b85 url("../img/globe_icon_big.png") no-repeat center right;
}

#side_content li.house {
    background:#325b85 url("../img/house_icon_big.png") no-repeat center right;
}

#side_content li.column {
    background:#325b85 url("../img/column_icon_big.png") no-repeat center right;
}

#side_content ul li {
    min-height:30px;
}

#side_content ul li h1{
    color:#FFF;
    font-size:14px;
    font-weight:normal;
    margin-bottom:5px;
}

#side_content ul li p {
    color:#b4b3b3;
    font-size:10px;
    margin-right:40px;
}

#main_content {
    left:102%;
    width:71%;
}

#main_content p {
    line-height: 1.5;
}

#main_content a {
    color:#0d5ba8;
    text-decoration:none;
}

#main_content a:hover {
    text-decoration:underline;
}


#main_content a.all {
    float:right;
    margin-top:10px;
    clear:left;
}

#main_content a.edit {
    margin-left:10px;
}

#main_content h1, #main_content h2{
    margin:10px 0 10px 10px;
    font-weight:bold;
    color:#325b85;
}

#main_content h1 {
    font-size:18px;
}

#main_content h2 {
    font-size:16px;
}

#main_content .underlined {
    border-bottom:1px solid;
    padding-bottom:5px;
}


#main_content h3 {
    font-size:16px;
    font-weight:bold;
    color:#325b85;
}


#main_content a.edit {
    background:url("../img/pencil.png") no-repeat left center;
    padding-left:18px;
}

#main_content a.delete{
    background:url("../img/delete.png") no-repeat left center;
    padding-left:18px;
}


#main_content .property {
    width:45%;
    float:left;
    padding:10px;
/*    overflow:hidden;*/
    line-height:17px;
    position:relative;
    height:140px;
}

#main_content .property h3 {
    margin-bottom:5px;
    font-size:15px;
}

#main_content .property div.img {
    float:left;
    border:1px solid #646464;
    padding:3px;
    margin-right:5px;
    width:105px;
    text-align:center;
}

#main_content .property span.area {
    font-size:15px;
    font-weight:bold;
    color:#325b85;
}

#main_content .property span.price {
    font-size:13px;
    font-weight:bold;
    color:#4d5965;
}

#main_content .property span.options, #main_content .property span.description {
    color:#666;
}

#main_content .property ul a.more {
    float:right;
}

#main_content .property div.control {
    position:absolute;
    left:0;
    bottom:8px;
    background-color:#FFF;
}

#main_content a.back {
    margin-left:15px;
}

div.search-form-small {
    margin-top:10px;
    background-color:#325B85;
    overflow:hidden;
}

#search_form h1, div.search-form-small h2{
    font-size:14px;
    color:#FFF !important;
    margin-left:20px;
}

div.search-form-small ul {
    float:left;
}

#search_form ul{
    width:300px;
    height:320px;
    background-color:#325B85;
    float:right;
    margin-right:100px;
    opacity:0.9;
}

#search_form ul li, div.search-form-small ul li{
    margin-top:5px;
}

#search_form ul h1,  div.search-form-small ul h1 {
    margin-top:20px;
    margin-bottom:15px;
}

#search_form ul label, div.search-form-small ul label {
    width:90px;
    padding-right:5px;
    text-align: right;
    display:block;
    float:left;
    line-height:22px;
    color:#FFF;
}

#search_form ul input[type="submit"], div.search-form-small input[type="submit"]{
    float:right;
    margin:0 50px 10px 0;
}

ul.photo-list {
    overflow:hidden;
    clear:both;
    margin:5px 0 5px 10px;
}

ul.photo-list li {
    float:left;
    border:1px solid #646464;
    margin:0 5px 5px 0;
    text-align:center;
}

ul.photo-list li img{
    padding:3px;
}

ul.photo-list li a {
    line-height:18px;
}


/*forms*/

form div.form-section {
    margin-top:10px;
    width:100%;
}

form div.form-small {
    width:290px;
}

form div.form-section h2 {
    margin:10px 0;
}

form div.form-section div {
    margin:10px 0;
/*    todo genral font size for all site*/
    font-size:13px;
}

form div.form-section div label {
    margin:5px 0;
    width:100px;
    display:block;
    float:left;
    text-align:right;
    padding-right:5px;
    clear:left;
}

form div.form-section ul li {
    margin:1px 0;
}

form div.form-section div label.wide {
    width:120px;
}

form div.form-section input[type="submit"] {
    float:right;
    margin-right:40px;
}

form div.form-section input[type="button"] {
    float:right;
}

form div.form-section div.two-column {
    overflow:hidden;
    clear:both;
}

form div.form-section div.two-column div{
    float:left;
}

p.info {
    margin-left:10px;
    background:url("../img/information.png") no-repeat left center;
    padding-left:18px;
    line-height:18px;
    margin:10px 0 10px 10px;
}

form div.form-section table {
    margin:10px 0 10px 10px;
}

form div.form-section ul.errorlist {
    float:right;
}

/* validation messages */
#messageBox{
    margin-left:10px;
    margin-top:5px;
    list-style:none;
    color:#F00;
}

#messageBox label, ul.errorlist li {
    background: url("../img/error.png") no-repeat left center;
    padding-left:20px;
    line-height:18px;
}

div.form-section label.error {
    background: url("../img/error.png") no-repeat left center;
    padding-left: 20px;
    line-height: 18px;
    float: none;
    clear: none;
    color: red;
    display: inline;
}

ul.errors {
    margin-top:10px;
}

ul.errors li label {
    display:block;
    margin-left:10px;
}

ul.errors li ul.errorlist {
    margin:5px 0 0 20px;
    color:#F00;
}





/************* Details *************/

dl.details {
    width:380px;
    line-height: 16px;
}

dl.details dt.caption,
dl.details_photos dt.caption {
	width: 200px;
    font-size:16px;
    font-weight:bold;
    color:#325b85;
    clear:both;
    float:none;
    text-align: left;
    margin:18px 10px 0;
    padding-bottom:5px;
/*    border-bottom:1px solid;*/
}

dl.details dt {
	float:left;
	width: 110px;
	margin:5px 0px 0 15px;
	
	text-align: right;
	
	font-weight:bold;
    
}

dl.details dd {
    margin-top:5px;
    padding-left:135px;
}

dl.details dd.action {
    margin-left:15px;
    margin-top:10px;
}

dl.details_photos {
	width: 300px;
}

dl.details_photos dt.caption {
	margin-top: 10px;
}


div.pagination {
    float:right;
    clear:both;
}

/*footer*/
#footer {
    margin:5px 0 5px 5px;
}

#footer a {
    overflow:hidden;
    height:0;
    width:33px;
    padding-top:26px;    
    color: #325b85;
}

#footer div {
    display:block;
    margin-left:37px;
    padding-top:3px;
}

#footer p {
    color: #325b85;
    font-size:10px;
}