/* 481 - 850 **********************************************************************/

@media (min-width: 20px) and (max-width: 599px) {
    body{   

    }
    
    #container{
        width: 100%;
    }
    
    #content{
        width: 100%;
    }
     
    
    ul#nav{
        background: none;
    	float:left;
    	width: 100%;
    }
    
    ul#nav li{ 
        border: 0 none;
        clear: both;
    	display: block;
    	margin: 3px 0;
    	text-align: center;
    	width:100%;
    }
    
    ul#nav li a{	
    	background:#712a0c;    
    	border: 0 none;
    	color:#c59945;
    	float: left;
    	font-size:13px;
    	height:15px;
    	margin:0;
    	padding: 10px 0;
    	font:  14px Arial, Helvetica, sans-serif;
    	text-align: center;
    	text-transform: uppercase;
    	width: 100%;
    }     


    
    #container .info, #container .info.right{
        background: #c59945;
        border-radius: 0 0 0 0;
        color: #ffffff;
        display: block;
    	font:  14px Arial, Helvetica, sans-serif;
    	margin: 0 0 10px 0;
    	padding: 10px 0;
    	text-align: center;
    	width: 100%;
    }
    
    .apartments img{
        margin: 0 0 0 0;
        width: 100%;
    }
    
    .logo img{
        margin: 0 0 0 2%;
        width: 90%;
    }
    
    .logo{
        margin: 0;
    }

    #copy{
        text-align: center;
        width: 100%;
    }
    
    #copy h1{
        margin: 0 0 0 0;
        text-align: center;
    }
    
    #copy p{
        margin: 0 0 0 0;
    }
     
     
    img.borders{
        border: 0 none;
        margin: 10px 0;
        padding: 0;
        width: 100%;
    } 
    
    img.map{
        margin: 10px 0;
        padding: 0;
        width: 88%;
    }

}