/* CSS Document */
body {
 margin: 0px;
 padding: 0px;
 background-color: #eeece0;
 background-image: url(../images/common/page-bg.gif);
 background-repeat: repeat-x;
 background-position: top;
}

#wrapper {
 margin: 0px;
 padding: 119px 0 0 0;
 text-align: center;
 background-image: url(../images/common/hir-bg-logo.gif);
 background-repeat: no-repeat;
 background-position: center top;
}

#main-frame {
 background: url(../images/common/page-container-bg.gif) no-repeat bottom center;
}
 
#search_form input {
 height: 24px;
 float: right;
 display: block;
 border: 0;
 width: 259px;
 color:#FFFFFF;
 background: url(../images/common/search-bg.gif) repeat-x;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 14px;
 padding-left: 10px;
 padding-top: 2px;
 padding-right: 10px;
 padding-bottom: 2px;
}

/*------------------------------------------ CONTAINER CSS START HERE ------------------------------------------*/
.flasharea {
	vertical-align: top;
	height: 381px;
	text-align:left;
}

.common-hdr {
	height: 383px;
	vertical-align:top;
	background: url(../images/common/loader.gif) no-repeat center;
}

.container-area {
 vertical-align:top;
}

.container{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #59302D;
	text-align:justify;
	line-height: 20px;
	vertical-align:top;
	padding: 0px;
	height: 375px;
}

.intro-area {
vertical-align: top;
width:444px;
text-align:justify;
}

.intro-area a{
	color: #59302D;
	text-decoration:underline;
}

.intro-area a:hover{
 color: #59302D;
 text-decoration:underline;
}

.intro-area ul{
	margin: 0px;
	padding-left: 16px;
}

.intro-area li{
}

.popup-highlights-area {
	width: 283px;
	vertical-align:top;
}

.popup-highlights-area a {
	color:#74302D;
	text-decoration: underline;
}

.highlights-area {
	width: 283px;
	vertical-align:top;
	padding-top:40px;
}
.highlights{
	text-align: justify;
	line-height: 20px;
	background: url(../images/common/sidecolumn-featured-bg.gif) repeat #d2c8be;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 8px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #a18b84;
	border-right-color: #a18b84;
	border-bottom-color: #a18b84;
	border-left-color: #a18b84;
	vertical-align: top;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.highlights ul{
 margin: 0px;
 padding: 0px;
 list-style-position: inside;
}

.highlights li{
 list-style-type: none;
 background-image: url(../images/common/bullet.gif);
 background-repeat: no-repeat;
 background-position: left top;
 padding-left: 15px;
 list-style-position: outside;
 margin: 0 0 10px 0;
}

.highlights .link-area {
 font-size: 9px;
 text-align:right;
 padding-left: 5px;
 vertical-align:middle;
}

.highlights .link-area a{
 color:#706B65;
 text-decoration: none;
}

.highlights .link-area a:hover{
 color:#706B65;
 text-decoration: none;
}

.highlights-area .action-area{
 padding: 0 0 0 12px;
}

.highlights-area .action-area a{
 color:#59302D;
 text-decoration:underline;
}

.highlights-area a{
	color:#59302D;
	text-decoration:underline;
}

.highlights-area a:hover{
	color:#59302D;
	text-decoration:underline;
}

.highlights-area .table-hdr{
	color:#E5E1D5;
	font-weight: bold;
	background-color:#A18B84;
	margin-left: 4px;
}

.unit-floorplan-link{
	color:#582F2D;
	text-decoration: underline;
	text-align:right;
	padding-right: 5px;
}

.unit-floorplan-link-additinalmaps{
	color:#582F2D;
	text-decoration: underline;
	text-align:right;
	padding-right: 5px;
}

.sidecol-unittitle{
	background:#E5E1D5;
	font-weight: bold;
	height: 25px;
	vertical-align:middle;
	padding-left: 5px;
}

.proj-thumb-imgarea {
	width: 312px;
	text-align:left;
	vertical-align:top;
	background-color:#999999;
}

.proj-thumb-descriptionarea {
	text-align: justify;
	vertical-align:top;
	padding: 0 40px 0 0; 
}


/*.highlights li{
 list-style-type: none;
 list-style-image: url(../images/common/bullet.gif);
 list-style-position: outside;
}
*/

.side-column-area {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #5E433E;
 line-height: 20px;
 text-align:left;
 width: 200px;
 vertical-align:top;
}

.side-column-area a {
 color: #5E433E;
 text-decoration: underline;
}

.side-column-container {
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 6px;
 border-left-width: 1px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-top-color: #a18b84;
 border-right-color: #a18b84;
 border-bottom-color: #a18b84;
 border-left-color: #a18b84;
 background-color: #FFFFFF;
}


.logo-area { padding:28px 16px 27px 16px; text-align:center; vertical-align:middle; background:#F1EFE3;
}

.nav-area {
 background:url(../images/common/nav-area-bg.gif) repeat-x bottom;
}

.location-area {
 background: #dedbcc;
 padding: 10px;
 height: 227px;
 vertical-align: top;
 text-align: left;
 font-size: 11px;
 line-height: 15px;
}

blockquote{
	margin:0;
	padding: 0 0 20px 20px;
}

span blockquote{
	margin:0;
	padding: 0;
}

span blockquote ul.outer {
	margin:0;
	padding: 0;
}

span blockquote ul {
	margin:0;
	padding: 0 0 0 20px;
}

blockquote ul li{
	margin:0;
	padding: 0 0 0 20px;
	list-style-type: none;
}

/*------------------------------------------ CONTAINER CSS END HERE ------------------------------------------*/


/*------------------------------------------ PROPERTY DESCRIPTION CSS START HERE ------------------------------------------*/
.property-descr-area {
 width: 210px;
 vertical-align:top;
 padding: 0 14px 0 0;
}

.property-descr-area img{
 margin: 5px 0 5px 0;
}

#bannercaptionarea{
	width: 744px;
	padding: 5px;
	background: #DEDBCC;
	display: inline-table;
}

#banner_caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	float:left;
	margin-top: 2px;
}
.next-prev-but {
	float:right;
	margin-top: 2px;
}
/*------------------------------------------ PROPERTY DESCRIPTION CSS START HERE ------------------------------------------*/


/*------------------------------------------ FOOTERAREA CSS START HERE ------------------------------------------*/
.footer-area {
 font-size: 10px;
}

.footer-area .footer-txt-area{
 background:#dcd4c2;
 font-family: Arial, Helvetica, sans-serif;
 color: #77564f;
 text-align:justify;
 padding: 10px;
 height: 85px;
 vertical-align:bottom;
}

.footer-area .footer-txt-area a{
 color: #77564f;
 text-decoration:underline;
}

.footer-area .footer-txt-area a:hover{
 color: #77564f;
 text-decoration:underline;
}

.footer-area .footer-blank-area{
 background:#c7b9a1;
 font-family: Arial, Helvetica, sans-serif;
 color: #77564F;
 width: 321px;
 padding: 10px;
 vertical-align: bottom;
}

.footer-area .footer-blank-area a{
 color: #77564F;
 text-decoration:underline;
 }

.footer-area .footer-blank-area a:hover{
 color: #77564F;
 text-decoration:underline;
 }

/*------------------------------------------ FOOTERAREA CSS END HERE ------------------------------------------*/


/*------------------------------------------ COMMON CSS START HERE ------------------------------------------*/
.rowspacer{ height: 10px;}

.mini-rowspacer{ height: 5px;}

.big-rowspacer{ height: 40px;}

.dotted-divider { height:31px; background:url(../images/common/dotted-divider.gif) repeat-x center;}

.ver-dotted-divider { width: 25px; background:url(../images/common/ver-dotted-divider.gif) repeat-y center;}

.medium-dotted-divider { height:41px; background:url(../images/common/dotted-divider.gif) repeat-x center;}

.small-dotted-divider { height:14px; background:url(../images/common/dotted-divider.gif) repeat-x center;}

.columnspacer { width: 13px;}

.big-columnspacer { width: 27px;}

.youarehere {
	height: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
.leveloneBC {
	height: 18px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.leveltwoBC {
	height: 18px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.levelthreeBC {
	height: 18px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}

.tagline{
	font-size:16px;
	font-weight:bold;
	padding-bottom: 10px;
}

.progress-images-btn{
	margin-top:10px;
}

.search-sec-title {
	padding-bottom: 10px;
}

.phases-desc {
	font-size: 11px;
	color:#59302D;
	padding: 0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}
/*------------------------------------------ COMMON CSS START HERE ------------------------------------------*/

/*------------------------------------------ SHADOW CSS START HERE ------------------------------------------*/
.shadow{
font:10pt arial;
position:relative;
display:inline;
background:white;
z-index:15
}

.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10;
}
/*------------------------------------------ SHADOW CSS END HERE ------------------------------------------*/

/*------------------------------------------ ACCORDIAN CSS START HERE ------------------------------------------*/
#accordion {
	width:261px;
	margin: 0px;
	padding: 0px;
	min-height: 255px;
}
.accordion {
	width:261px;
	font:12px Arial, Helvetica, sans-serif;
	color:#59302D;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
}
.accordion dt {width:251px; padding:2px 5px 2px 5px; font-weight:bold; margin-top:5px; cursor:pointer; background: url(../images/common/expand-bg.gif) 244px center no-repeat #E5E1D5;}
.accordion dt:hover {background: url(../images/common/expand-bg.gif) 244px center no-repeat #E5E1D5;}
.accordion dd {
	overflow:hidden;
	margin: 0px;
	padding: 0px;
}
.accordion span {display:block; width:251px; padding:5px;}
.accordion-divider {
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #988370;
 height: 5px;
}
/*------------------------------------------ ACCORDIAN CSS END HERE ------------------------------------------*/

/*------------------------------------------ TABS CSS START HERE ------------------------------------------*/

.modernbricksmenu2{
font-family: "Times New Roman", Times, serif;
padding: 0;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin: 0; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 14px Arial, Helvetica, sans-serif;
color: #59302D;
text-decoration: none;
padding: 5px 11px 3px 11px; 
margin-right: 5px;
width: 66px;
}

.modernbricksmenu2 a:hover{
color: #59302D;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background: url(../images/common/phase-bg.png) no-repeat top left;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 5px 11px 3px 11px; 
color: white;
margin-right: 5px;
border: none;
height: 22px;
width: 66px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/*------------------------------------------ TABS CSS END HERE ------------------------------------------*/

/*------------------------------------------ CSS START HERE FOR VILLA PROJECT THUMBNAILS ------------------------------------------*/
.villasnavtb{
text-align:center;
width: 100%;
height:auto;
border: none;
float:left;
}

.proj-thumb{
width: 200px;
float:left;
vertical-align:top;
margin: 0;
padding: 17px;
}

.villasnavinnerdiv{
height:auto;
width:200px;
text-align:left;
}

.villasnavheader{
width:auto;
height:105px;
vertical-align:top;
border: none;
text-align:left;
}

.villasnavcontent{
height: auto;
vertical-align:top;
height:170px;
text-align: justify;

}

.villasnavfotter{
cursor:pointer;
vertical-align:bottom;
text-align:left;
}

.villasnavcloumnspacer{
width:30px;
height:auto;
}

.villasnavrowspacer{
height:20px;
}

.villasnavinnertb{
width:200px;
height:300px;
}

.villaspagination{
float:right;
margin-left:18px;

}

.hand{
cursor:pointer;
}

.centerheaderimg{
border-color:#66FF00;
}

.vcentercontentdata{
border-color:#FF3366;
/*background-color:#CCCCFF;*/
}
.vrightheaderimg{
border-color:#FF0000;
}

.rightfotterleftclass{
align:left;
/*background-color:#FFFFCC;*/
}
.rightfottertightclass{
text-align:right;
/*background-color:#009999;*/
}

.villasimagecount{
color:#FF0000;
}
/*------------------------------------------ CSS END HERE FOR VILLA PROJECT THUMBNAILS ------------------------------------------*/

/*------------------------------------------ CSS START HERE FOR PROJECT SLIDE THUMBNAILS ------------------------------------------*/
.listingarea{
}
.listingarea .listingpanel{
	width: auto;
	height:auto;
}
.listing-imagearea{
	width: 312px;
	vertical-align:top;
}
.listing-contentarea{
	vertical-align:top;
}
.listingarea .listingpanel .clr{
	clear: both;
}

.listing-thumb-container {
	height:166px;
	vertical-align:top;
}

.rightnav{
	height:auto;
	vertical-align:top;
}

.rightnavigationtext{
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
vertical-align:top;
height:14px;
padding: 0 40px 0 0;

}

.rightnavigationimage
{
vertical-align:bottom;
cursor:pointer;
height:20px;
width:300px;
}
.imagecount{
width:200px;
text-align:left;
color:#FF0000;
}
.pagination{
	text-align:right;
	text-shadow:#FF00CC;
	
}

/*-------------------------------------------center data css----------------------*/
.centerTextclass
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #59302D;
	text-align:justify;
	line-height: 20px;
	vertical-align:top;
	padding: 14px;
	width:auto;
	height:auto;
	float:left;
}

.CenterBottomImage{
vertical-align:bottom;
cursor:pointer;
}

.contentarea
{
width:300px;
height:auto;
float:left;

}
/*------------------------------------------ CSS END HERE FOR PROJECT SLIDE THUMBNAILS ------------------------------------------*/

/*------------------------------------------ CSS START HERE FOR PROJECT POPUP WINDOW ------------------------------------------*/
a{
cursor: pointer;
text-decoration:none;
}
br.both{
clear:both;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:16;
}
#popupContact{
display:none;
position:fixed;
_position:fixed; /* hack for internet explorer 6*/
z-index:17;
padding: 10px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#59302D;
line-height: 20px;
background:#FAF7EC;
border: 1px solid #59302D;
width: 700px;
height: 538px;
}

.textfield{
font-family:Arial, Helvetica, sans-serif;
color:#59302D;
width: 180px;
border: 1px solid #59302D;
padding: 1px;
}

.textarea{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#59302D;
width: 180px;
height: 100px;
border: 1px solid #59302D;
padding: 1px;
}

#popupContact h1{
text-align:left;
color:#59302D;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
.popuptitle{
text-align:left;
color:#59302D;
font-size:18px;
font-weight: bold;
margin-bottom:20px;
margin-top: 20px;
float:left;
}
.dropdownarea{
font-size:12px;
float:right;
margin-top: 20px
}
.dropdown{
font-size:12px;
width:150px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#000000;
font-weight:700;
display:block;
text-align:right;
clear:both;
}
#button{
text-align:center;
margin:100px;
}
/*------------------------------------------ CSS END HERE FOR PROJECT POPUP WINDOW ------------------------------------------*/

/* ------------------------------------------- SIDECOLUMN TABS CSS START HERE ------------------------------------------- */

.sidecolumn-featuredarea {
	text-align: justify;
	line-height: 20px;
	height: 375px;
	background: url(../images/common/sidecolumn-featured-bg.gif) repeat #d2c8be;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 8px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #a18b84;
	border-right-color: #a18b84;
	border-bottom-color: #a18b84;
	border-left-color: #a18b84;
	vertical-align: top;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.sidecolumn-featuredarea .shadetabs{
	padding: 5px 0 0 0;
	margin: 0;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.sidecolumn-featuredarea .shadetabs li{
display: inline;
margin-top: 5px;
}

.sidecolumn-featuredarea .shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 6px 3px;
	color: #594338;
}

.sidecolumn-featuredarea .shadetabs li a:visited{
	text-decoration:none;
}

.sidecolumn-featuredarea .shadetabs li a:hover{
	background-color: #DCD9C9;
	text-decoration:none;
}

.sidecolumn-featuredarea .shadetabs li a.selected{ /*selected main tab style */
	position: relative;
	background: url(../images/common/featuretabshaded-bg.gif) repeat-x #7D6057 top;
	color: #FFFFFF;
}

.sidecolumn-featuredarea .shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.sidecolumn-featuredarea .tabcontent{
	display:none;
	font-size: 12px;
	color: #582F2D;
	font-family:Arial, Helvetica, sans-serif;
}

.sidecolumn-featuredarea .featuretab-content {
	margin-top: 3px;
	padding: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #594338;
	display:block;
	text-align:justify;
	height: 200px;
	line-height:20px;
}

.sidecolumn-featuredarea .featuretab-content img{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #77615A;
	margin-bottom: 5px;
}

@media print {
.sidecolumn-featuredarea .tabcontent {
display:block !important;
}
}

/* ------------------------------------------- SIDECOLUMN TABS CSS START HERE ------------------------------------------- */

/* ------------------------------------------- GLIDE SLIDER TABS CSS START HERE ------------------------------------------- */
.font-footer-area{
	height: 2px;
}

.glideslider-area {
 text-align:left;
 padding: 8px 10px 10px 10px;
 background: url(../images/common/sidecolumn-featured-bg.gif) #d2c8be repeat-y;
 line-height: 16px;
 border-right-width: 1px;
 border-bottom-width: 6px;
 border-left-width: 1px;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-right-color: #a18b84;
 border-bottom-color: #a18b84;
 border-left-color: #a18b84;
 vertical-align: top;
 height: 380px;
}

.glidecontentwrapper{
position: relative; 
height: 100px; 
overflow: hidden;
}

.glidecontent{ 
position: absolute;
background:#D2C8BE;
visibility: hidden;
}

.glidecontenttoggler{
margin-top: 6px;
text-align: center;
}

.glidecontenttoggler a{ 
display: -moz-inline-box;
display: inline-block;
color: #59302D;
padding: 1px 3px;
margin-right: 3px;
text-decoration: none;
}

.glidecontenttoggler a.selected{ 
	color: black;
	font-weight:bold;
}

.glidecontenttoggler a:hover{
color: black;
text-decoration: none;
}

.glidecontenttoggler a.toc{ 
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
color: #000000;
}

/* ------------------------------------------- GLIDE SLIDER TABS CSS END HERE ------------------------------------------- */


.amenitiessubsection-tab {
	text-align:left;
	vertical-align: top;
}

.amenitiessubsection-tab .shadetabs{
	padding: 5px 0 0 0;
	margin: 0;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.amenitiessubsection-tab .shadetabs li{
display: inline;
margin-top: 5px;
}

.amenitiessubsection-tab .shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 15px 33px;
	color: #594338;
}

.amenitiessubsection-tab .shadetabs li a:visited{
	text-decoration:none;
}

.amenitiessubsection-tab .shadetabs li a:hover{
	background-color: #DCD9C9;
	text-decoration:none;
}

.amenitiessubsection-tab .shadetabs li a.selected{ /*selected main tab style */
	position: relative;
	background:#E2DCD0;
	color: #59302D;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #A38D86;
	border-right-color: #A38D86;
	border-left-color: #A38D86;
}

.amenitiessubsection-tab .shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.amenitiessubsection-tab .tabcontent{
	display:none;
	font-size: 12px;
	color: #582F2D;
	font-family:Arial, Helvetica, sans-serif;
}

.amenitiessubsection-tab .featuretab-content {
	background:url(../images/common/amenitiessubsection-tab-bg.png) no-repeat top left;
	margin-top: 7px;
	padding: 25px;
	display:block;
	text-align:justify;
	height: 400px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #A18B84;
	width: 704px;

}

.amenitiessubsection-tab .featuretab-content .icon-img{
	width: 301px;
	vertical-align:top;
}

.amenitiessubsection-tab .featuretab-content .tab-columnspacer{
	width:25px;
}

.amenitiessubsection-tab .featuretab-content .tab-descriptionarea{
	vertical-align:top;
}

@media print {
.amenitiessubsection-tab .tabcontent {
display:block !important;
}
}

/* -------------------------------------------------- NAVIGATION -------------------------------------------------- */
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#59302D; text-decoration:none;}
ul.menu li {position:relative; margin:0; padding:0;}
ul.menu ul {position:absolute; top:0; left:198px; display:none; opacity:0; list-style:none; border-left:#A18B84 1px solid; z-index:-1;}
ul.menu ul li {position:relative; border-top:none; width:232px; margin:0;}
ul.menu ul li a {display:block; padding:5px; 7px 0 7px; background-color:#EFEDDF; height: 21px; z-index:100;}
ul.menu ul li a:hover {background-color:#D2C8BE; }
ul.menu ul ul {}
ul.menu .menulink {height:31px; vertical-align:top; text-align:center; font-weight:bold; background: url(../images/common/dotted-menu-divider.png) repeat-x top;}

ul.menu .menulink .last-btn { height:25px;}
ul.menu .menulink:hover, ul.menu .menuhover {background: url(../images/common/dotted-menu-divider.png) repeat-x top #D2C8BE; height:31px;}
ul.menu .sub {background:#EFEDDF url(images/arrow.gif) 136px 8px no-repeat;}
/* -------------------------------------------------- NAVIGATION -------------------------------------------------- */
.scrollable{
	width : 100%;
	overflow: auto;
	height: 423px;
	vertical-align:top;
	margin-bottom: 23px;
	overflow-x:hidden;
}

.img-scrollable{
	width : 100%;
	overflow: auto;
	height: 478px;
	vertical-align:top;
}