
/* CSS Reset 
----------------------------------------------------------*/

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;
}


/* General
----------------------------------------------------------*/

body {
	margin: 0;
	font-size: 10pt;
	font-family: Arial, sans-serif;
    background-color:#d9d7cc;	
    width:100%;
	background-image: url('../images/page-background-stretch.jpg');
	background-repeat:repeat-x;
    padding-top:16px;	
}

a {
	color: #923212;
    text-decoration:underline;	
}

a:hover {
	color: #999966;
    text-decoration:underline;	
}

h1, h2, h3, h4, h5, h6 {
    font-family:Georgia, Arial, Sans-Serif;
}

h1, h2{
    color:#923212;
    font-size:14pt;
    text-transform:uppercase;
    margin-bottom:20px;  
    font-weight:bold; 
}

h3{
    font-weight:bold;
    font-family:Arial, Sans-Serif;
}

h4{
    font-weight:bold;
}

p{
    text-align:justify; 
    margin-bottom:24px;
    line-height:16pt;       
}


/* Sprite
----------------------------------------------------------*/

#Nav_ApartmentRentals a, #Nav_AboutUs a, #Nav_MyAptPicks a, #Nav_ContactUs a,
.searchControls,
.homeSearchButton,
.noResults  li,
.homePageBuildings .fullListing a,
.contactFormSubmit,
.saveToMyAptsBtn,
.myAptsPopup a,
.removeFromMyApts,
.building .amenities li,
.loginBtn,
.cancelBtn,
.changeBtn,
.continueBtn,
.retrieveBtn
{
	background-image: url('../images/shoreline-sprite.jpg');
	background-repeat: no-repeat;
	background-color: transparent;
}



/* Main 
----------------------------------------------------------*/

#MasterWrap
{
	width: 908px;
	margin:auto;
	background-color:#FFFFFF;
	border-bottom:solid 5px #bcb9a5;
	padding:34px 21px 0px 21px;
	background-image: url('../images/page-top-stretch.jpg');
	background-repeat:repeat-x;	
}

#Header {
    text-align:center; 
    padding-bottom:18px;
    height:75px;
	background-image: url('../images/page-header-strech.jpg');
	background-repeat:repeat-x;	    
}

.mainContentTop{
    clear:both;
    text-align:right; 
    padding-top:8px;
    font-size:9pt;
}

#MainContentArea {
	background-image:none;
    background-color:#FFFFFF;
    min-height:650px;
}

    #MainContentBottom{
        clear:both;
    }

#PageBottom{
    padding:40px 0 20px 0;
    font-size:9px; 
    text-align:center;
}

    #PageBottom p{
        clear:both;
        margin:0;
        padding:20px 0 0 0;
        text-align:center;
    }
    
    #PageBottom .areasLinkList {
        margin:auto;
        display:block;
        width:610px;
    }

    #PageBottom .areasLinkList li{
        float: left;
	    padding: 0 px 0 0px;
	    width:120px;
    }

    #PageBottom .areasLinkList a{
        color:#000000;
    }

#New_York_Web_Design{
    padding:40px 0px 40px 0px;
    font-size:8pt;
    clear:both;    
    text-align:center;
    color:#868686;     
}
#New_York_Web_Design p{
    text-align:center;
    text-decoration:none; 
}

#New_York_Web_Design a{
    color:#666666;
    text-decoration:underline; 
}

#New_York_Web_Design a:hover{
    text-decoration:underline; 
    color:#db8c23;
}


/* Misc
----------------------------------------------------------*/

.centerArea{
    clear: both;
    margin-left:18px;
}

.leftSideArea{
    float:left;
    width:480px;
    margin-left:18px;
}

.rightSideArea{
    float:right;
    width:369px;
    margin-left:0px;
    padding-left:40px;
    border-left: 1px solid #d9d7cb;
}

.rightSidePic{
    float:right;
    margin-left:20px;
}

.mainHeading{
    font-size:18pt;
    text-transform:none; 
    margin-bottom:6px;
}

.specialOffer{
	color: #000000;
    font-weight:bold; 
}

/* Forms
----------------------------------------------------------*/

.formError
{
    background-color:#9c4427;
    border:solid 1px #923212;
    color:#FFFFFF; 
    padding:4px;
    margin-bottom:16px;
    }    
    
.formSuccess
{
	background-color:#999966;
	border:solid 1px #5b5b3c;
	color:#FFFFFF; 
    padding:4px;
    margin-bottom:16px;
    }  
    
.textboxValidator {
    vertical-align:middle;	
}

.textareaValidator {
    vertical-align:top;	
}

.textbox,  .textarea {
    border: 1px solid #d9d7cb;
    width: 434px;
    margin-bottom: 12px;
    padding: 3px;
    font-size:12pt;
    color:#666666;
}

 .textbox {
    height:34px;
    line-height:34px; 
}

 .textarea {
    height:110px;
}
    

/* Navigation 
----------------------------------------------------------*/

#Nav {
	height: 287px;
}

#Nav li {
	float: left;
	height: 247px;
}

#Nav_ApartmentRentals a, #Nav_AboutUs a, #Nav_MyAptPicks a, #Nav_ContactUs a{
	display: block;
	padding-top: 247px;
	height: 0;
	width: 100%;
	width: 224px;
	overflow: hidden;
	border:solid 0px red;
}

#Nav a:active {
	outline: none;
}

#Nav #Nav_ApartmentRentals a {
	background-position: 0 0;
	margin-right:4px;
}

#Nav #Nav_AboutUs a {
	background-position: -228px 0;
	margin-right:4px;
}

#Nav #Nav_MyAptPicks a {
	background-position: -456px 0;
	margin-right:4px;
}

#Nav #Nav_ContactUs a {
	background-position: -684px 0;
}

#Nav #Nav_ApartmentRentals a:hover, #Nav #Nav_ApartmentRentals.current a {
	background-position: 0 -247px;
}

#Nav #Nav_AboutUs a:hover, #Nav #Nav_AboutUs.current a {
	background-position: -228px -247px;
}

#Nav #Nav_MyAptPicks a:hover, #Nav #Nav_MyAptPicks.current a {
	background-position: -456px -247px;
}

#Nav #Nav_ContactUs a:hover, #Nav #Nav_ContactUs.current a {
	background-position: -684px -247px;
}


/* HomePage 
----------------------------------------------------------*/

.homePageLeft{
    float:left;
    width:570px;
}

.homePageRight{
    float:right;
    width:310px;
}
    #FeaturedBox{
        width:262px;
        padding:16px 24px 4px 24px;
        border:solid 1px #dbdbdb;
        background-color:#e5e5e3;         
	    /*background-position: -456px -500px;*/
    }

    #FeaturedBox h3{
        margin:0;
    }
    
    #FeaturedBox p{
        margin-bottom:12px;
        line-height:normal; 
        text-align:left; 
    }
    
.homePageCenter{
    clear:both;
    padding-top:20px;
}

.searchControls{
	background-position: -375px -500px;
	min-height:110px;
	padding:10px 14px 0px 14px;
	font-size:8pt;
	margin-bottom:12px;
}

    .searchControls .areaList {
        float:left;
        width:290px;
	    font-size:9pt;
    }

        .searchControls .areaList td{
            padding:0px 0px 9px 0px;
        }

        .searchControls .areaList input, .searchControls .areaList label{
            vertical-align:middle;  
        }

        .searchControls .areaList input{
            margin-right:4px;
            padding:0px;
            border-spacing:0px;
        }

    .searchControls h3{
        margin-bottom:6px; 
        font-size:10pt; 
    }

    .searchControls .right{
        float:right;
        width:250px;
	    font-size:9pt;
        text-align:right; 
    }

        .searchControls .right .roomsDropDown{
            margin:0 4px 0 0;
            font-size:9pt; 
        }

        .searchControls  .controlRow td, .searchControls .controlRow  input, .searchControls .controlRow  select{
             vertical-align:middle;
        }

        .searchControls  .right .maxPrice{
            padding-top:1px;
            padding-bottom:1px;

        }
        .searchControls  .right .buttonCell{
            padding-top:26px;
        }
        
.noResults {
    margin-top:50px;

}        
    .noResults img, .noResults ul,  .noResults p,  .noResults h3{
        float:left;
    }       

    .noResults p,  .noResults h3{
        width:390px;
        margin-bottom:12px;
    }       

    .noResults img{
        margin-right:16px;
    } 

    .noResults h3{
        font-size:14pt;
        font-weight:normal; 
    }

    .noResults  li{
	    padding: 0 0px 0 20px;
	    margin-bottom:12px;
	    background-position:  0 -700px;	
    }

.homeSearchButton{
    display: inline-block;
    width: 80px;
    height: 29px;
    text-indent: -9999px;
    overflow: hidden;
    border: 0;
    background-position:0px -620px;
    font-size: 0px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;   
    text-decoration:none;  
    cursor:pointer; 
}

.homePageBuildings{
}

    .homePageBuildings li{
        border:solid 1px #dbdbdb;
        margin-bottom:16px;
        background-color:#e5e5e3; 
    }
    
    .homePageBuildings .heading{
        border-top:solid 1px #dbdbdb;
        background-color:#f3f3f3; 
        margin-top:4px; 
        padding:12px 12px 12px 12px;
    }
    
        .homePageBuildings  .mapPoint{
            float:left;
            margin: 4px 8px 0 0;
        }

        .homePageBuildings .name{
             text-transform:none;
             font-size:16pt;  
             display:inline;
             font-weight:normal;
        }

            .homePageBuildings .name a{
                text-decoration:none;
            }
        
        .homePageBuildings .address{
            font-family:Georgia, Arial, Sans-Serif;
            color:#923212;
            margin:0;
            padding:0;
        }
        
    .homePageBuildings .content{
        background-color:#FFFFFF;
        padding:8px;
    }

        .homePageBuildings .thumb{
            margin-right:26px;
            float:left;
            width:130px;
        }
        
        .homePageBuildings .description{
            display:block;
            padding-top:4px;
            width:388px;
            float:left;
            margin-bottom:8px;
        }
        
        .homePageBuildings .fullListing{
            clear:both;
            text-align:right; 
            margin:0 0 4px 0;
            padding:0;
        }
        
        .homePageBuildings .fullListing a{
	        display: inline-block;
	        width: 147px;
	        height: 36px;
	        text-indent: -9999px;
	        overflow: hidden;
	        border: 0;
	        background-position:  0 -540px;	
	        font-size: 0px;
	        line-height: 0px;
	        margin: 0px 0px 0px 0px;   
	        text-decoration:none;  
        }        

.buildingListMapHolder {
    float:right;
    width:310px;
}

.buildingListMap{
    width:310px;
    height:310px;
    position:absolute;
    border:solid 1px #dbdbdb;
    background-color:#e5e5e3;       
}


/* Building Detail
----------------------------------------------------------*/

.building .mainHeading{
    margin-bottom:0px;
}
.building .address{
    font-family:Georgia, Arial, Sans-Serif;
    font-size:14pt;
    color:#923212;
    margin:0 0 24px 0;
    padding:0;
}

.building .picture{
    float:left;
    margin-right:16px;
    width:225px;
}

.building .infoArea{
    float:left;
    width:360px;
    margin-right:35px;
}
    .building .infoArea h3{
        text-transform:uppercase; 
    }

.building .amenities {
    margin-top:16px;
}

.building .amenities li{
    float: left;
	padding: 0 4px 0 20px;
	margin-bottom:12px;
	width:96px;
	background-position:  0 -700px;	
}

.building .availableUnitArea{
    float:left;
    width:260px;
}

.building .availableUnits{
    border:solid 1px #cecece; 
    width:100%;
    margin-bottom:20px;
}

.building .availableUnits td{
    padding:4px; 
}

.building .availableUnits thead{
    background-color:#e7e7e7; 
    text-transform:uppercase;
    padding:4px; 
}

.building .availableUnits th{
    padding:4px; 
    font-weight:bold; 
    font-size:10pt;
}

.building .availableUnits tr.alt{
    background-color:#f7f6f4; 
}

.saveToMyAptsBtn {
	display: block;
	float:left;
	width: 214px;
	height: 36px;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	background-position:  0px -580px;	
	font-size: 0px;
	line-height: 0px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;
}

.myAptsPopup {
    position: relative;
}
 
.myAptsPopup em {
    background: url(../images/bubble.png) no-repeat;
    width: 180px;
    height: 78px;
    position: absolute;
    top: -90px;
    left: 82px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

.myAptsPopup a {
	display: block;
	float:left;
    vertical-align:top;	
	width: 46px;
	height: 36px;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	background-position:  -270px -580px;	
	font-size: 0px;
	line-height: 0px;
	margin:0px;
	padding:0px;
	cursor:pointer;
}

.building .sectionHeading{
    clear:both;
    padding-top:40px;
}

.building .locationMap{
    width:300px;
    padding: 5px 10px 10px 10px;
    border:solid 1px #dbdbdb;
    background-color:#e5e5e3; 
    margin-right:20px;
    float:left;
}

.building .locationMap h3{
     vertical-align:middle; 
     margin-bottom:4px;
}


.building .locationMap .mapPoint{
     vertical-align:middle; 
     margin-right:0px;
}

.building .map{
    width:300px;
    height:240px;
    border:solid 1px #666666;
}

.building .locationLinks{
    float:left;
    width:550px;
}

    .building .locationLinks li{
        background-color:#e5e5e3;
        width: 240px;
        padding:10px 15px 10px 15px;
        margin: 0 4px 4px 0;
        height:30px;
        float:left;
    }

    .building .locationLinks .mapPoint{
        margin-right:12px;
        float:left;
        height:30px;
    }

    .building .locationLinks a{
        color:#000000;
        text-decoration:none; 
    }

    .building .locationLinks a:hover{
        text-decoration:underline; 
    }

.building .galleryImage{
    width:130px;
}

.building .galleryList li{
    float:left;
    border:solid 1px #c4c1ae; 
    border-top-width:6px;
    margin:0 20px 12px 0;
}

.building .galleryList a{
    display:block;
    height:100px;
    overflow:hidden;
    margin:10px;
}


/* Contact Page
----------------------------------------------------------*/

#ContactForm dt {
    font-weight:bold;
}

.contactFormSubmit {
	display: block;
	width: 147px;
	height: 36px;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	background-position:  0 -500px;	
	font-size: 0px;
	line-height: 0px;
	margin: 16px 0px 0px 300px;
	cursor:pointer;
}

#ContactForm .formError, #ContactForm .formSuccess{
    width: 440px;
}

#ContactInformation{
    min-height:550px;
}

.contactList{
    float: left;
}
#ContactInformation dl{
    margin-bottom:20px;
}

.contactList dt{
    font-weight:bold;
}

#ContactInformation p{
    clear:both;
}

#MainOfficeContactList{
    margin-right:80px;
}


/* Contact Page
----------------------------------------------------------*/

.loginBtn {
	display: block;
	width: 104px;
	height: 36px;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	background-position:  -160px -500px;	
	font-size: 0px;
	line-height: 0px;
	margin: 0px 0px 2px 0px;
	cursor:pointer;
}

.formLabel{
    font-weight:bold; 
    margin-bottom:2px; 
}


/* About Page
----------------------------------------------------------*/

.aboutBuildingList li{
    float:left;
    width:46%;
    padding-right:3%; 
}


.aboutBuildingList .thumbHolder{
    float:left;
    margin-right:20px;  
    width:130px;
    height:200px;

}

.aboutBuildingList .thumb{

}

.aboutBuildingList .name{
     text-transform:none;
     font-size:16pt;  
     display:inline;
    color:#000000;
     font-weight:normal;
}

.aboutBuildingList .address{
    font-family:Georgia, Arial, Sans-Serif;
    margin:0;
    padding:0;
}

    .aboutBuildingList .address a{
        text-decoration:underline;
        color:#000000;
    }
    
       .aboutBuildingList .address a:hover{
        text-decoration:underline;
        color:#923212;
    }
    
/* Login Page
----------------------------------------------------------*/    

.login {
    margin:auto;
    border:solid 1px  #dbdbdb;
    margin-top:50px;
}
    .login td{
        padding: 4px 10px 4px 10px;
    }

    .login .textbox{
        width:200px;
    }


.changePassword{
    margin:50px auto 50px auto;
    border:solid 1px  #dbdbdb;
}

    .changePassword td{
        padding: 4px 10px 4px 10px;
    }

    .changePassword .textbox{
        width:200px;
    }

.cancelBtn{
	display: block;
	width: 104px;
	height: 36px;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	background-position:  -270px -500px;	
	font-size: 0px;
	line-height: 0px;
	margin: 0px 0px 2px 0px;
	cursor:pointer;
}

.changeBtn{
	display: block;
	width: 104px;
	height: 36px;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	background-position:  -270px -540px;	
	font-size: 0px;
	line-height: 0px;
	margin: 0px 0px 2px 0px;
	cursor:pointer;
}

.continueBtn{
	display: block;
	width: 104px;
	height: 36px;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	background-position:  -160px -540px;	
	font-size: 0px;
	line-height: 0px;
	margin: 0px 0px 2px 0px;
	cursor:pointer;
}

.recoverPassword{
    margin:auto;
    border:solid 1px  #dbdbdb;
    margin-top:50px;
}

    .recoverPassword td{
        padding: 4px 10px 4px 10px;
    }

    .recoverPassword .textbox{
        width:200px;
    }
    
.retrieveBtn{
	display: block;
	width: 116px;
	height: 36px;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	background-position:  -160px -620px;	
	font-size: 0px;
	line-height: 0px;
	margin: 0px 0px 2px 0px;
	cursor:pointer;
}
    

/* My Apt Picks Page
----------------------------------------------------------*/  

.removeFromMyApts{
    float:right;
	display: block;
	width: 10px;
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	background-position:  -270px -700px;	
	font-size: 0px;
	line-height: 0px;
	margin: 0px 5px 0px 0px;
	cursor:pointer;
}

.removeFromMyApts:hover{
	background-position:  -280px -700px;	
}

/* Faq Page
----------------------------------------------------------*/    
#Faq dt{
    color:#923212;
    font-size:12pt;
    font-weight:bold; 
    font-family:Georgia, Arial, Sans-Serif;
    margin-bottom:4px; 
}

#Faq dd{
    margin-bottom:20px;  
    padding-bottom:20px;  
    border-bottom:solid 1px #dbdbdb;
    text-align:justify; 
}
