/* 
    Document   : style
    Created on : Mar 13, 2011, 8:37:57 PM
    Author     : noel
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body{
    background-image: url("./images/bg50.png");
    background-repeat: repeat;
}
h2 {
    color:#339b47;
}
h3 {
    color:#339b47;
}
h4 {
    color:#339b47;
}

#content{
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-box-shadow: -30px 30px 60px #000;
    -webkit-box-shadow: -30px 30px 60px #000;
    border-radius: 15px;
    width:850px;
    min-height: 700px;
    height:auto !important;
    height:700px;
    background-color: #ffffff;
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left:50px;
    padding-right:50px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    font-family:"Comic Sans MS", cursive;
}
#top_phone{
    position:relative;
    top:-85px;
    left:680px;
    width:180px;
    height:30px;
}
.top_phone{
    text-align:right; 
    vertical-align:middle;
}
.bar{
    width:850px;
    height:6px;
    background-image: url("./images/bar1x1.png");
    background-repeat: repeat;
    margin-left: auto;
    margin-right: auto;
}

#menu{
    margin:0;
    padding:0;
    height:30px;
    width:850px;
    color:#339B47;
    display:block;
}
#menu ul{
    margin:0;
    padding:0;
    line-height: 30px;
}
#menu li{
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    position:relative;
}
#menu ul li a{
    text-align:center;
    font-family:"Comic Sans MS", cursive;
    text-decoration:none;
    height:30px;
    width:200px;/* width of each menu item */
    display:block;
    color:#339b47;
}
#menu ul ul{
    position:absolute;
    visibility:hidden;
    top:30px;
}
#menu ul li:hover ul{
    visibility:visible;
    background-color: #ffffff;
}
#menu ul li ul li a{
    width:110px;
}
#contact_us_form{
    width:335px;
    margin-left:auto;
    margin-right:auto;
    float:left;
}
#contact_us_other{
    float:right;
}
#rental_search_left {
    width:225px;
    height: 400px;
    border-style: solid;
    border-width: 2px;
    float: left;
}
#rental_search_right {
    width: 600px;
    border-style: solid;
    border-width: 2px;
    float: right;
}
.rental_search_image {
    float: left;
    width: 100px;
    height: 100px;
    padding: 5px;
}
.rental_search_desc {
    float: right;
    width: 450px;
}
#building_photos{
    width:650px;
    margin-left: auto;
    margin-right: auto;
}
/*
#building_photos table, td{
    border: 1px solid black;
    margin: 10px;
}
*/
#building_photos table tr td{
    text-align: center;
    padding:10px;
}
#building_photos table tr td img{
    width: 180px;
    height: 180px;
}
#building_profile_top{
    width: 850px;
    height:300px;
}
#building_profile_side_left{
    width:425px;
    float:left
}
#building_profile_image{
    width:350px;
    float: left;
    text-align:center;
}
#building_profile_side_right{
    width:425px;
    float:right;
}
#building_profile_description{
    width:550px;
    text-align:left;
    float:left;
    padding-top:35px;
}
#building_profile_bottom{
    margin-top:35px;
    margin-bottom:15px;
    width:80%;
}
#building_profile_rooms{
    margin-top:15px;
    margin-bottom:15px;
    padding:0;
    height:30px;
    width:850px;
    color:#000000;
    font-size:22px;
    border:1px;
    border-style:solid;
    border-color:#000000;
}
#building_profile_rooms ul{
    width:100%;
    height:100%;
    margin:0px;
}
#building_profile_rooms li{
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    width:100px;
}
#building_profile_goinggreen{
    margin-top:15px;
}