/*
Microsite of Dreyfus
*/

HTML,
BODY {
	width: 100%;
	height: 100%;
}
BODY {
	background: #DFDFDF;
	font-family: serif;
        font-weight:600;
        font-size:9pt;
	margin: 0;
	padding: 0;
}
H1, H2, H3, H4, P {
	margin: 0;
	padding: 0 0 10px 0;
}
A {
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
}
.clear {
	clear: both;
}

/* LAYOUT */
#page {
    background: #FCF6EB;
    height: auto !important;
    min-height: 580px;
    height: 580px;
    width: 940px;
    margin: 0 auto;
    padding: 0;
}

#header {
    width: 100%;
    height: 60px;
}
#header #logo {
    float: left;
    width: 150px;
    height: 60px;
    text-align: center;
    margin: 0;
    padding: 0;
}
#header #logo IMG {
    margin: 5px 0 0 0;
    padding: 0;
    border: none;
}

#header #menu {
    position: relative;
    width: 790px;
    height: 45px;
    float: left;
    background-color: #422906;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
    margin: 0;
    padding: 0;
}
#header #menu UL {
    width: 790px;
    height: 30px;
    margin: 15px 0 0 40px;
    padding: 0;
}
#header #menu LI {
    float: left;
    display: block;
    list-style: none;
    line-height: 30px;
    font-size: 11pt;
    margin: 0;
    padding: 0 10px 0 10px;
}
#header #menu LI A, #header #menu LI A:visited {
    color: #FFF;
    display: block;
}
#header #menu LI A:hover {
    color: #E2A036;
    text-decoration:none;
}
#header #menu LI UL {
    z-index: 1;
    clear: both;
    display: none;
    position: absolute;
    width: auto;
    background-color: #993300;
    padding: 0;
    margin: 0;
}
#header #menu LI .bg_right {
    z-index: 1;
    display: none;
    clear: both;
    position: absolute;
    right: 0;
    background-color: #930;
    width: 250px;
    height: 30px;
    margin: 0;
    padding: 0;
}
#header #menu LI .bg_left {
    z-index: 1;
    display: none;
    clear: both;
    position: absolute;
    left: 0;
    background-color: #FFF;
    width: 400px;
    height: 30px;
    margin: 0;
    padding: 0;
}
#header #menu LI #active_block {
    display:block;
    z-index:0;
}

#header #menu LI .active {
    display: block;
    z-index: 0;
}
/*
#header #menu LI.item:hover UL {
    display: block;
}
#header #menu LI.item:hover .bg_left,
#header #menu LI.item:hover .bg_right {
    display: block;
}
*/
#header #menu LI UL LI {
    float: left;
    display: block;
    background-color: #993300;
    width: 110px;
    height: 30px;
    line-height: 30px;
    margin: 0;
}

#header #menu LI UL LI:hover {
    background-color: #A31100;
}

#header #menu LI UL LI.active_subitem A {
    color:#E2A036;
}

#header #menu LI UL LI A {
    display: block;
    width: 110px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin: 0;
    padding: 0;
}



#main {
    clear: both;
    position: relative;
}


#main #panel{
        background: #FCF6EB;
	float: left;
	width: 150px;
	height: 520px;
        z-index:2;
}
#main #panel .text_block {
        margin: 20px 0 0 0;
	padding: 0 10px 0 10px;
        color: #A33100;
	font-family: Georgia, Arial,Tahoma,Verdana,Helvetica,sans-serif;
	font-size: 9pt;
        font-style:italic;
	font-weight: normal;
	width: 130px;	
}
#main #panel .text_block A {
	color: #A33100;
	font-family: Georgia, Arial,Tahoma,Verdana,Helvetica,sans-serif;
	font-size: 9pt;
	text-decoration: none;
}
#main #panel .text_block A:hover {
	text-decoration: underline;
}

#main #content {
    float: left;
    width: 790px;
    min-height: 600px;
    margin: -15px 0 0 0;
    padding: 0;
}
/* Details page */
#price_list{
    font-family: serif;
    color:#666666;
    width:350px;
    height:300px;
    position:relative;
    top:113px;
    left:0px;
    float:left;
    font-weight:normal;
    font-size:9pt;
}
#price_list li.pr_list1, #price_list li.pr_list2, #price_list li.pr_list3,#price_list li.pr_list4,#price_list li.pr_list5 {
    width: 185px;
    height: 50px;
    padding: 0 0 0 78px;
    line-height: 50px;
}

#price_list li.pr_list1 {
    background: url("images/im1.png") no-repeat 0 0;
}
#price_list li.pr_list2 {
    background: url("images/im2.png") no-repeat 0 0;
}
#price_list li.pr_list3 {
    background: url("images/im3.png") no-repeat 0 0;
}
#price_list li.pr_list4 {
    background: url("images/im4.png") no-repeat 0 0;
}
#price_list li.pr_list5 {
    background: url("images/im5.png") no-repeat 0 0;
}


#price_list li{
        padding:0;
        list-style:none;

}

#content #text_details{
    font-family: serif;
    font-weight:normal;
    font-size:9pt;
    color:#666666;
    width: 370px;
    height: 270px;
    padding: 0 0 0 10px;
    margin:55px 35px 0 0;
    float:right;
    line-height:15pt;

}

#content #text_details a, #content #text_details a:visited {

    font-family: serif;
    font-weight:normal;
    font-size:9pt;
    color:#666666;
    width: 300px;
    height: 40px;
    line-height:40px;
    display:block;
    padding: 0 0 0 48px;
    margin:20px 0 0 0;
    background: url("images/pdf_logo.png") no-repeat 0 0;

}
#content #text_details a:hover{
    text-decoration:underline;
}

/* Floor paln page */

#content_one_column{
    float: left;
    width: 940px;
    min-height: 535px;
    margin: 20px 0 0 0;
    padding: 20px 0 40px 0;
    background-color: #FCF6EB;
    text-align: center;
}

#floor_zag {
    z-index:100;
    margin:10px 0 0 26px;
    width:250px;
    height:20px;
    color:#A33100;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}


/* popups */

#popup_L1{
    width:234px;
    height:284px;
    position:absolute;
    left:0px;
    margin:152px 0 0 393px;
}
a.zoom1:hover{
    border:1px dotted #cccccc;
    background-color:#000000;
    opacity:.55;
    filter: alpha(opacity=55);
    text-decoration:none;
}

#popup_M1{
    width:191px;
    height:210px;
    position:absolute;
    left:0px;
    margin:165px 0 0 382px;
}
#popup_M2{
    width:100px;
    height:123px;
    position:absolute;
    left:0px;
    margin:36px 0 0 473px;
}

#popup_M3{
    width:171px;
    height:147px;
    position:absolute;
    left:0px;
    margin:282px 0 0 623px;
}
#popup_M4{
    width:189px;
    height:209px;
    position:absolute;
    left:0px;
    margin:52px 0 0 583px;
}
#popup_M5{
    width:143px;
    height:162px;
    position:absolute;
    left:0px;
    margin:536px 0 0 335px;
}
#popup_M6{
    width:143px;
    height:125px;
    position:absolute;
    left:0px;
    margin:575px 0 0 556px;
}
#popup_M7{
    width:62px;
    height:210px;
    position:absolute;
    left:0px;
    margin:453px 0 0 487px;
}
#popup_M8{
    width:189px;
    height:147px;
    position:absolute;
    left:0px;
    margin:284px 0 0 135px;
}
#popup_M9{
    width:358px;
    height:58px;
    position:absolute;
    left:0px;
    margin:704px 0 0 337px;
}
#popup_U1{
    width:150px;
    height:117px;
    position:absolute;
    left:0px;
    margin:443px 0 0 474px;
}
#popup_U2{
    width:164px;
    height:71px;
    position:absolute;
    left:0px;
    margin:321px 0 0 517px;
}
#popup_U3{
    width:143px;
    height:125px;
    position:absolute;
    left:0px;
    margin:559px 0 0 341px;
}
#popup_U4{
    width:129px;
    height:69px;
    position:absolute;
    left:0px;
    margin:485px 0 0 339px;
}
#popup_U5{
    width:105px;
    height:125px;
    position:absolute;
    left:0px;
    margin:22px 0 0 475px;
}
#popup_U6{
    width:174px;
    height:162px;
    position:absolute;
    left:0px;
    margin:156px 0 0 403px;
}
#popup_U7{
    width:118px;
    height:119px;
    position:absolute;
    left:0px;
    margin:426px 0 0 686px;
}
a.img_href img {
 border: none;
}

/* Gallery pages   */
.left{
    float: left;
    padding: 0 20px 20px 0;

}
.right {
    float:right;
    padding:0;
    padding: 0 0 20px 20px;
}

.block{
    float:left;
    padding:45px 20px 45px 20px;
    color:#666666;
    font-weight:normal;
    font-size:10pt;
    line-height:15pt;
    width: 900px;
    text-align:left;
}
.block p{
    width:300px;
    float:left;
}

.block_right  p{
    width:300px;
    float:right;
}
.block_right{
    background-color: #ffffff;
    float:left;
    padding:45px 20px 45px 20px;
    color:#666666;
    font-weight:normal;
    font-size:10pt;
    line-height:15pt;
    width: 900px;
    text-align:left;
    z-index:10;

}
.block strong {
    font-weight:bold;
    font-size:14px;
    color: #333333;
    font-size:11pt;
}

.block_right strong {
  font-weight:bold;
    font-size:14px;
    color: #333333;
    font-size:11pt;
}
/*Neighborhood page */

#content_one_column_neight{
    float: left;
    width: 940px;
    min-height: 535px;
    margin: 20px 0 0 0;
    padding: 20px 0 40px 0;
    background-color: #FCF6EB;
    text-align: left;
}
.map{
    margin:0 0 0 150px;
}

h1.location_title {
height:60px;
line-height:60px;
background-color: #A33100;
margin:0 0 0 150px;
padding:0 0 0 20px;
color:#FFFFFF;
font-family:Georgia,Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:22pt;
}
#neigh_cont{
    line-height:15pt;
    text-align:left;
    padding:20px 0 0 174px;
    width:475px;
    font-weight:normal;
    font-size:9pt;
    color:#666666;
    font-family: serif;
}

/* Google Map page  */
    #content_one_column #g_map {
    width: 850px;
    height: 650px;
    margin:40px 45px 0 45px;


}


#people {
    background: url('images/people_img.png') no-repeat 0 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 600px;
    height: 230px;
    z-index:2;
}
#details_peoples {
    background: url('images/people_img2.png') no-repeat 0 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 600px;
    height: 230px;
    z-index:2;
}
#people H1, #details_peoples H1 {
    font-size: 22pt;
    font-family: Georgia, Arial,Tahoma,Verdana,Helvetica,sans-serif;
    color: #FFF;
    text-align: center;
    margin: 190px 0 0 0;
    padding: 0;
}

#footer {
}
/* twittermessage classes*/

p.twitter-message{
    border-bottom: #A33100 solid 1px;
    padding: 10px 0 10px 0;
}
a.twitter-title{
    font-weight: bold;
    margin: 0;
    display: block;
}
#main #panel .text_block .twitter-butt A IMG{
    text-decoration: none;
    border: none;
    margin: 10px 0 0 0;
}