/**/
.ie6 .content { overflow:hidden; }
.projects .wrapper{ background: #0b0626 url(../images/projects/background.jpg) no-repeat; }
.projects .content { backgroung: green }
.projects .header { margin-bottom: 392px; }
.projects .content div.first {padding: 0px 278px 0px 181px; width: 231px; display:block; float: left; }
.projects .content div.last {padding:0px 0px 0px 0px; width: 231px;  display:block; float: left; }

.projects .content .viewProject {  display:block; width: 212px; height: 107px;background: url(../images/projects/box.png) no-repeat; float:left; padding: 16px 0px 0px  19px; }

.projects .content .viewProject img { float: left; padding-right: 6px; }
.projects .content .viewProject dl { float: left; margin-top: 64px ; width: 99px;  }
.projects .content .viewProject dl dt { display: none; }
.projects .content .viewProject dl dd a { background:url(../images/layout/btn_view_project.gif); display:block;  width: 99px; height: 19px; display:block; text-indent: -99999px; }

.projects .content div.first .viewProject img { margin-top: 7px; } 
.projects .content div.first .viewProject dl { margin-top: 22px; padding-left:91px; } 

.projects .content div.last .viewProject img {  padding:0px 6px 0px 1px; }


/* GROOVE SECTION */
.projectInternal .header { margin-bottom: 51px;}
.projectsGrove .wrapper{ background: #0b0626 url(../images/projects/grove/background.jpg) no-repeat; }

.projectInternal h2,
.projectInternal h3 { display:none; }

/* GROOVE SECTION - COL LEFT */
.projectInternal div.colLeft { display:block; float: left; width:299px; padding:1px  60px 0px 0px;  }

.projectsGrove div.colLeft dl dt { height: 84px; padding-bottom: 7px; margin-bottom: 15px; border-bottom: 1px solid #a3a3a3; }
.projectsGrove div.colLeft dl dt span {  font: 12px/12px "Trebuchet MS", Arial, Helvetica; color: #fff; display:block; padding:69px 0px 3px 0px;}
.projectsGrove div.colLeft dl dt img { float:left;  vertical-align: text-bottom; } 
.projectInternal div.colLeft dl dd { display:block; }
.projectInternal div.colLeft dl dd p { display:block;  font: 11px/15px "Trebuchet MS", Arial, Helvetica;  color: #c0c0c0; margin-top: 10px; padding-left:2px;}
.projectInternal div.colLeft dl dd a { display:block; background:url(../images/projects/grove/btn_download_floor_plan.gif); width: 149px; height:21px; margin-top: 18px; text-indent: -99999px;   }

/* GROOVE SECTION - COL RIGHT */
.projectInternal div.colRight { display:block; float: left; width: 562px;  }

/* GROOVE SECTION - COL RIGHT - MULTIMEDIA */
.projectInternal div.colRight div.multimedia { display:block; width: 562px; height: 349px; margin-bottom: 49px;}
.projectInternal div.colRight div.multimedia dl {}
.projectInternal div.colRight div.multimedia dl dt { display:block; height: 20px; text-indent: -99999px;  }
.projectInternal div.colRight div.multimedia dl dt a { display:block; height: 20px; background-position:0px -20px;}
.projectInternal div.colRight div.multimedia dl dt a.selected { background-position:0px 0px; }
.projectInternal div.colRight div.multimedia dl dd {  height:327px; display:block;  border:1px solid #fff;width: 560px;  }
.ie6 .projectInternal div.colRight div.multimedia dl dd { overflow:hidden; }

/* GROOVE SECTION - COL RIGHT - MULTIMEDIA - VIRTUAL STAGINGS */
.projectInternal div.colRight div.multimedia dl.firstMultimedia { width:117px;}
.projectInternal div.colRight div.multimedia dl.firstMultimedia dt { width: 117px; }
.projectInternal div.colRight div.multimedia dl.firstMultimedia dt a { background-image: url(../images/projects/grove/tab_virtual_stagings.gif); width: 117px;  }
.projectInternal div.colRight div.multimedia dl.firstMultimedia dd { position:absolute; top:20px;  top: 130px; z-index:2;}


/* GROOVE SECTION - COL RIGHT - MULTIMEDIA - Photo */
.projectInternal div.colRight div.multimedia dl.secondMultimedia { margin: -20px 0px 0px 120px; }
.projectInternal div.colRight div.multimedia dl.photos { width:59px; }
.projectInternal div.colRight div.multimedia dl.photos dt { width: 59px;}
.projectInternal div.colRight div.multimedia dl.photos dt a { background-image: url(../images/projects/grove/tab_photos.gif); width: 59px; }
.projectInternal div.colRight div.multimedia dl.secondMultimedia dd { position:absolute; top:20px; margin-left: -120px; top: 130px; z-index:1; }

 /* GROOVE SECTION - COL RIGHT - MULTIMEDIA - VIRTUAL STAGINGS - SLIDE */
.projectInternal div.colRight div.multimedia dl dd .gallerySlide { width: 560px; } /* you can change */
.projectInternal div.colRight div.multimedia dl dd .gallerySlide .holder { width: 100%; position: relative; overflow: hidden; }
.projectInternal div.colRight div.multimedia dl dd .gallerySlide .holder ul {margin: 0; padding: 0; list-style: none; width: 99999px; }

.projectInternal div.colRight div.multimedia dl dd .gallerySlide .holder ul li { float: left; background: #000000 url(../images/projects/load.gif) no-repeat 267px 144px; height:327px;}
.projectInternal div.colRight div.multimedia dl dd .gallerySlide .holder ul li img { visibility:hidden;}
.projectInternal div.colRight div.multimedia dl dd .gallerySlide div.bgControl { background:#000; width:560px; height: 25px; position: absolute; margin-top: -27px; 	/* for IE */ filter:alpha(opacity=18);/* CSS3 standard */ opacity:0.18;}
.projectInternal div.colRight div.multimedia dl dd .gallerySlide .control { width:553px; height: 20px; padding: 5px 7px 0px 0px;  position:absolute; margin-top:-27px;  display:block;  text-align:right}
.projectInternal div.colRight div.multimedia dl dd .gallerySlide .control a { cursor: pointer; }

.projectInternal div.colRight div.multimedia dl dd .gallerySlide .control .prev { background:url(../images/projects/grove/btn_prev.png) no-repeat; padding-right: 2px; width: 52px; height: 16px; display:block; text-indent: -99999px; float:right }
.projectInternal div.colRight div.multimedia dl dd .gallerySlide .control .next { background:url(../images/projects/grove/btn_next.png) no-repeat; width: 52px; height: 16px; display:block; text-indent: -99999px; float:right;}

.projectInternal div.colRight div.multimedia dl dd .gallerySlide .control .next-disable ,
.projectInternal div.colRight div.multimedia dl dd .gallerySlide .control .prev-disable { display: none}
/**/

/* GROOVE SECTION - COL RIGHT  - DETAILS */
.projectsGrove div.colRight div.details { padding-left: 1px;}
.projectsGrove div.colRight div.details dl { float:left; }
.projectsGrove div.colRight div.details dl dt { height: 8px; padding-bottom:7px; border-bottom: 1px solid #a3a3a3; text-indent: -99999px; margin-bottom: 7px; }
.projectsGrove div.colRight div.details dl dd ul li {  font: 11px/15px "Trebuchet MS", Arial, Helvetica;  color:#c0c0c0; display:block; float:left;}

/* GROOVE SECTION - COL RIGHT  - DETAILS - BUILDING */
.projectsGrove div.colRight div.details dl.building { width: 182px; padding-right: 20px;}

.projectsGrove div.colRight div.details dl.building dt { background:url(../images/projects/grove/building_information.png) no-repeat 1px 0px; }

.projectsGrove div.colRight div.details dl.building dd ul li { width:64px;}
.projectsGrove div.colRight div.details dl.building dd ul li.two { width:83px; padding-left: 15px;}

/* GROOVE SECTION - COL RIGHT  - DETAILS - AMENITIES */
.projectsGrove div.colRight div.details dl.amenities { width: 187px; padding-right: 33px;}

.projectsGrove div.colRight div.details dl.amenities dt { background:url(../images/projects/grove/amenities.png) no-repeat 1px 0px; }

.projectsGrove div.colRight div.details dl.amenities dd ul li { width:62px;}
.projectsGrove div.colRight div.details dl.amenities dd ul li.two { width:110px; padding-left: 15px;}

/* GROOVE SECTION - COL RIGHT  - DETAILS - PRICE */
.projectsGrove div.colRight div.details dl.price { width: 139px; }

.projectsGrove div.colRight div.details dl.price dt { background:url(../images/projects/grove/price.png) no-repeat 1px 0px; }

.projectsGrove div.colRight div.details dl.price dd ul li { width:139px;}


/* ----------------------------------------------------------------------------------- */
/* 306 SECTION */
.projects306 .wrapper{ background: #0b0626 url(../images/projects/306/background.jpg) no-repeat; }
.projects306 div.colLeft { width:303px; padding-right: 56px; }
.projects306 div.colLeft h3 { display:block; background:url(../images/projects/306/306_west_77th_street.png) no-repeat 1px 0px; width: 199px; height: 12px; padding-bottom: 15px; text-indent: -99999px; margin-top: 2px;}
.projects306 div.colLeft dl dt { font: 12px/12px "Trebuchet MS", Arial, Helvetica; color: #fff; height: 12px; padding:0px 0px 12px 3px; margin-bottom: 22px; border-bottom: 1px solid #a3a3a3; }

/* ------------------ */