﻿/***********************************************************
 *
 *  File:     hotels.css
 *  Author:   MetaDesign
 *  Created:  November 29, 2006
 *
 *  Description:
 *  Stylesheet for Shangri-La Web site.
 *  Styles for hotel pages.
 *  Styles are organized into the following groups:
 *
 *  - HTML Elements
 *  - Form
 *  - Titles
 *  - Top Banner
 *  - Top Nav
 *  - Main Area
 *  - Left Nav
 *  - Middle Area
 *  - Footer
 *  - Banners
 *  - Rules
 *  - Lists
 *  - Gallery & Map
 *  - Spinner
 *  - Lightbox
 *  - Listing Table
 *
 *  Colors:
 *  - xxxxxx - background
 *  
 *
 **********************************************************/

/* ************************ */
/* Base Style Sheet Imports */
/* ************************ */

@import "../../style/basic.css";
 
/* ************* */
/* HTML Elements */
/* ************* */

/* default body styles */
body {
  color:                #c7b79f;
  background:           #362615 url('../../images/background/bg_hotel.gif') top left repeat-x;
}

/* selective overrides for home page */
body#homepage {
  background:           #362615 url('../../images/background/bg_home.gif') top left repeat-x;
}
 
/* selective overrides for landing pages */
body.landing {
  background:           #362615 url('../../images/background/bg_hotel_landing.gif') top left repeat-x;
}

/* selective overrides for detail pages */
body.detail {
  color:                #c7b79f;
  background:           #362615 url('../../images/background/bg_hotel.gif') top left repeat-x;
}

/* selective overrides for find hotel page */
body.find {
  background:           #362615 url('../../images/background/bg_find_hotel.gif') top left repeat-x;
}

body.findFlash {
  background:           #362615 url('../../images/background/bg_find_hotel_flash.gif') top left repeat-x;
}

/*
Background color for lightbox page
- Only seen if the lightbox fails and shows as a separate window.
*/
body#lbPage {
  background:           #362615;
}

body#fullpage {
  background:           #362615 url("../../images/background/bg_progress_hotel.gif") top left repeat-x;
}
 
a {
  color:                #ffffff;
}
a.footer {
  color:                #c7b79f;
}
a.footer2 {
  color:                #7f6b5c;
}
a.topBanner {
  color:                #ffffff;
}
a.topBanner:active {
  color:                #c7b79f;
}
a.selected { 
  color:                #c7b79f;
}
a.darkLink  {   
  color:                #31261c;
}

/* ************* */
/* Form		 	     */
/* ************* */

input,
select,
textarea {
  background:           #ebe9e7;
  border-top:           1px solid #cbc6b6;
  border-right:         1px solid #ccc6b7;
  border-bottom:        1px solid #d8d5cb;
  border-left:          1px solid #cbc6b7;
}

.formError ,
.formErrorRef {
  color:                #660000;
}

/* treatment for indicating header for default saved credit card */
.formCcDefaultHead {
  background:           #6F6353;
}

.formCcAlternateHead {
  border:               1px solid #6F6353;
  border-bottom:        0px;
}

/* treatment for indicating default saved credit card */
.formCcDefault,
.formCcAlternate {
  border:               1px solid #6F6353;
}

/* ************* */
/* Titles (delete) - repeated in basic.css - 
/* this section should only include colors - */
/* ************* */

.title1 {
  font-size:            18px;
}

.title2 {
  font:                 14px georgia,serif;
  margin:               0px 0px 8px 0px;
}

.title3 {
  font:                 10px verdana,geneva,sans-serif;
}

.title4 {
  color:                #ffffff;
}

/* title4 above renamed for investors section */
.subheadInvestor {
  color:                #ffffff;
}

.title5 {
  font:                 bold 10px verdana,geneva,sans-serif;
  margin:               0px 0px 8px 0px;
}


/* ************* */
/* Top Banner   */
/* ************* */

.pattern {
  background:           url('../../images/background/bg_hotel_pattern.jpg') top left repeat-x;
}

.topBanner {
  color:                #c7b79f;
}

#home, 
#home a {
  color:                #ffffff;
}

#lang,
#lang a {
  color:                #c7b79f;
}

/* not used */
a.lang_home {
  color:                #7f6b5c;
}

a.topNavBar {
  color:                #ffffff;
}

a.topNavBarSm:hover {
  background:           url('../../images/nav/main_nav_highlight_sm.jpg') top center no-repeat;
  color:                #c7b79f;
}

a.topNavBarMd:hover {
  background:           url('../../images/nav/main_nav_highlight_md.jpg') top center no-repeat;
  color:                #c7b79f;
}

a.topNavBarLg:hover {
  background:           url('../../images/nav/main_nav_highlight_lg.jpg') top center no-repeat;
  color:                #c7b79f;
}

a.topNavBarSmSelected {
  background:           url('../../images/nav/main_nav_highlight_sm.jpg') top center no-repeat;
  color:                #c7b79f;
}

a.topNavBarMdSelected {
  background:           url('../../images/nav/main_nav_highlight_md.jpg') top center no-repeat;
  color:                #c7b79f;
}

a.topNavBarLgSelected {
  background:           url('../../images/nav/main_nav_highlight_lg.jpg') top center no-repeat;
  color:                #c7b79f;
}

/******************/


#address {
  color:                #c7b79f;
}

/* ************* */
/* Top Nav     */
/* ************* */

#topNavBar {
  color:                #c7b79f;
  background:           #150e08;
}

/* ************* */
/* Main Area     */
/* ************* */

#gallery, .enlargedPhotoLB {
  background:           #655746;
}

/* ************* */
/* Left Nav      */
/* ************* */

td.leftNavContainer {
  background:           #5f513f;
}

a.leftNav:hover,
a.leftNavSelected {
  color:                #c7b79f;
  background:           url("../../images/nav/left_nav_highlight.jpg") top left repeat-y;
}

.leftNavHeader  {
  color:                #c7b79f;
}

/* ************* */
/* Middle Area   */
/* ************* */

td.middleAreaContainer {
  background:           #5f513f;
}

td.middleAreaContainerData,
td.middleAreaContainerFlash {
  background:           #8f8679;
  color:                #31261c;
}


/* when using as top anchor need to have color specified */
.detailTitle {
  color:                #c7b79f;
}

.rightContentArea .pageTitle,
.rightContentArea .pageTitle a.anchor,
.middleAreaContainer .pageTitle,
.middleAreaContainer .pageTitle a.anchor {
  color:                #c7b79f;
}

.rightContentAreaData .pageTitle,
.rightContentAreaData .pageTitle a.anchor,
.middleAreaContainerData .pageTitle,
.middleAreaContainerData .pageTitle a.anchor {
  color:                #31261c;
}

.bannerTitleNav,
.detailBannerNav {
  color:                #c7b79f;
}

/* buttons */

a.btn,
a.btnCancel,
a.btnDisabled {
  text-decoration:      none;
  color:                #c7b79f;
  height:               12px;
  display:              block;
  padding:              1px 12px 2px 23px;
  font:					        9px verdana,geneva,sans-serif;

}
a.btn {
  background:           #150e08 url("../../images/common/btn_hotel.gif") top left no-repeat;
}
a.btnCancel {
  background:           #625444 url("../../images/common/btn_cancel_hotel.gif") top left no-repeat;
}
/* disabled button assumes hover style of cancel btn */
a.btnDisabled {
  background:           #625444 url("../../images/common/btn_cancel_hotel.gif") 0px -15px no-repeat;
}
a.btnDisabled:hover,
a.btnDisabled:active {
  cursor:               default;
  text-decoration:      none;
}

a.btn:hover,
a.btn:active,
a.btnCancel:hover,
a.btnCancel:active {
  text-decoration:      none;
  background-position:  0px -15px;
}
a.btn:hover,
a.btn:active {
  background-color:     #484038;
}
a.btnCancel:hover,
a.btnCancel:active {
  background-color:     #766a5c;
}

.darkTitleBand  {
  height:               14px;
  background-color:     #786c5d;
  color:                #c7b79f;
  font:                 bold 9px verdana,geneva,sans-serif;
  line-height:          14px;
  margin:               10px -10px 10px -10px;
  padding:              1px 0px 2px 10px;
  
}

/*******************************************************************/

/* proposed replacement for above two styles - "light" and dark" */
.titleBand,
.titleBandNoMarginBtm,
.titleBandNoMarginTop,
.titleBand a.anchor {
  height:               14px;
  background:           #a59e94;
  font:                 bold 9px/14px verdana,geneva,sans-serif;
  padding:              1px 0px 2px 0px;
}

#contentAreaData .titleBand,
#contentAreaDataFixedHeight .titleBand,
#contentAreaDataPartnersPage .titleBand,
#middleAreaData .titleBand,
#rightContentAreaData .titleBand,
#contentAreaData .titleBandNoMarginBtm,
#contentAreaDataFixedHeight .titleBandNoMarginBtm,
#contentAreaDataPartnersPage .titleBandNoMarginBtm,
#middleAreaData .titleBandNoMarginBtm,
#rightContentAreaData .titleBandNoMarginBtm,
#contentAreaData .titleBandNoMarginTop,
#contentAreaDataFixedHeight .titleBandNoMarginTop,
#contentAreaDataPartnersPage .titleBandNoMarginTop,
#middleAreaData .titleBandNoMarginTop,
#rightContentAreaData .titleBandNoMarginTop {
  background:           #786c5d;
  color:                #c7b79f;
}

/* move to basic.css and delete from here and other brand pages*/
/* tr.titleBand cannot have these styles! */
#contentAreaData div.titleBand,
#contentAreaDataFixedHeight div.titleBand,
#contentAreaDataPartnersPage div.titleBand,
#middleAreaData div.titleBand,
#rightContentAreaData div.titleBand,
#contentAreaData div.titleBandNoMarginBtm,
#contentAreaDataFixedHeight div.titleBandNoMarginBtm,
#contentAreaDataPartnersPage div.titleBandNoMarginBtm,
#middleAreaData div.titleBandNoMarginBtm,
#rightContentAreaData div.titleBandNoMarginBtm,
#contentAreaData div.titleBandNoMarginTop,
#contentAreaDataFixedHeight div.titleBandNoMarginTop,
#contentAreaDataPartnersPage div.titleBandNoMarginTop,
#middleAreaData div.titleBandNoMarginTop,
#rightContentAreaData div.titleBandNoMarginTop {
  margin:               20px 0px 20px 0px;
  padding:              1px 0px 2px 10px;
  position:             relative;
  z-index:              2;
}

/* GC FAQ */
#faq div.titleBand {
  margin:               0px 0px 2px 0px;
}

/* multiroom */
#multiroom div.titleBand {
  margin:               0px 0px 2px 0px;
}

th.td3Col {
  padding:              2px 0px 3px 10px;
}

/* interesting inheritence issues */
.titleBandAppt {
  height:               14px;
  background:           #786c5d;
  color:                #c7b79f;
  font:                 bold 9px/14px verdana,geneva,sans-serif;
  margin:               10px 0px 20px 0px;
  padding:              1px 0px 2px 10px;
}

#contentAreaData div.titleBandNoMarginBtm,
#contentAreaDataFixedHeight div.titleBandNoMarginBtm,
#contentAreaDataPagesPage div.titleBandNoMarginBtm,
#middleAreaData div.titleBandNoMarginBtm,
#rightContentAreaData div.titleBandNoMarginBtm {
  margin-bottom:        0px;
}

#contentAreaData div.titleBandNoMarginTop,
#contentAreaDataFixedHeight div.titleBandNoMarginTop,
#contentAreaDataPartnersPage div.titleBandNoMarginTop,
#middleAreaData div.titleBandNoMarginTop,
#rightContentAreaData div.titleBandNoMarginTop {
  margin-top:        0px;
}

.subtitleBand {
  height:               14px;
  background:           #a59e94;
  font:                 bold 9px/14px verdana,geneva,sans-serif;
  padding:              1px 0px 2px 0px;
}
#contentAreaData div.subtitleBand,
#contentAreaDataFixedHeight div.subtitleBand,
#contentAreaDataPartnersPage div.subtitleBand,
#middleAreaData div.subtitleBand,
#rightContentAreaData div.subtitleBand {
  margin:               2px 0px 10px 0px;
  padding:              1px 0px 2px 10px;
  position:             relative;
}

/* special treatment for named anchors */

a.anchor,
.titleBand a.anchor,
#contentAreaData .titleBand a.anchor,
#contentAreaDataFixedHeight .titleBand a.anchor,
#contentAreaDataPartnersPage .titleBand a.anchor,
#middleAreaData .titleBand a.anchor,
#rightContentAreaData .titleBand a.anchor {
  text-decoration:      none;
  margin:               0px;
}

#contentAreaData .titleBand a.anchor,
#contentAreaDataFixedHeight .titleBand a.anchor,
#contentAreaDataPartnersPage .titleBand a.anchor,
#middleAreaData .titleBand a.anchor,
#rightContentAreaData .titleBand a.anchor {
  background:           #786c5d;
  color:                #c7b79f;
}

.weatherTblHead {
  background:           #a59e94;
}

/***used in rates & reservations pages***/

/* Alternating color rows */

tr.lightTitleBand,
.tbOddRow,
tr.tbOddRow td,
.oddRow,
.borderOddRow   {
  background-color:     #a59e94;
}

.tbEvenRow,
tr.tbEvenRow td,
.evenRow,
.borderEvenRow {
  background-color:     #978e81;
}

table.listingTbl tr td {
  border-bottom:        2px solid #8f8679;
}

/* ****************************************/
/* Content area for one column pages	    */
/* ************************************** */

#contentArea {
  background:           #5f513f;
}

#contentAreaData,
#contentAreaDataFixedHeight,
#contentAreaDataPartnersPage {
  background:           #8f8679;
  color:                #31261c;
}

/* ****************************************/
/* Right content area for two column pages	*/
/* ************************************** */

#rightContentArea,
#rightContent {
  background-color:     #5f513f;
}

#rightContentAreaData,
#rightContentData {
  background-color:     #8f8679;
  color:                #31261c;
}

/*******************************/
/* Reservation Calendar styles */
/*******************************/

.calendar {
  border:               1px solid #6f6353;
}

.controls {
  color:                #c7b79f;
  background-color:     #6f6353;
}

img.calimg {
  border:               none;
  width:                4px;
  height:               7px;
}

div.button 
{
  display:              inline;
  width:                4px;
  height:               7px;
  margin:               4px 2px 0 2px;
}

.buttonLink {
  color:                #c7b79f;
}

.buttonDisabled a,
.buttonDisabled a:hover {
  color:                #968979;
}

.dateField {
  background-color:     transparent;
}

.dayHeader {
  color:                #6f6353;
}

.dateLink {
  color:                #31261c;
}

.dateSelected {
  background-color:     #22231d;
}

.dateSelected a {
  color:                #a9a096;
}

.dateSelected a:hover {
}

.dateToday {
  border:               none;
}

.dateDisabled a,
.dateDisabled a:hover {
  color:                #635d57;
}

/************************************************************************************/
/* These are the old Calendar control styles - should be deleted??
/* Rates or Check availabilty - Calendar styles are also defined in StayCalendar.ascx */
/************************************************************************************/
/* see basic_prop.css for form font size and dimension styles**/

.instructionText,
.sectionHeader  {
  color:                #31261c;
}

/* see Job Detail for sole example */
.sectionHeaderJob {
  color:                #c7b79f;
}

/* the following calendar styles should not be renamed */
/* they match the CssClass names associated with the microsoft calendar */
.calStyle {
  border-color:         #6f6353;
  width:                145px;
  height:               130px;
}
.calDayStyle {
  color:                #31261c;
}

.calDayHeaderStyle {     
  color:                #6f6353;
  font-family:          verdana;
  font-size:            9px;
}

.calNextPrevStyle  {
  color:                #c7b79f;
  font-size:            10px;
}

.calOtherMonthDayStyle {
  font-family:          verdana;
  font-size:            9px;
  color:                #ffffff;
}

.calSelectedDayStyle {
  color:                #a9a096;
  background-color:     #22231d;
}

.calSelectorStyle {  /* ??? */
  color:                #a9a096;
  background-color:     #22231d;
}

.calTitleStyle {
  font-family:          verdana;
  font-size:            9px;
  font-weight:          bold;
  background-color:     #6f6353;       
  color:                #c7b79f;
  height:               14px;
  vertical-align:       top;
  padding:              0px;
}

.calTodayDayStyle {
  font-family:          verdana;
  font-size:            12px;
}

.calWeekendDayStyle {
  font-family:          verdana;
  font-size:            9px;
  color:                #ff0000;
}

.formLabels {
  font:                 10px verdana;
}

#guestDetail  select  {
  background:           #d4d0c7;
  border:               1px solid #9c947b;
}

/* ************* */
/* Right Nav   */
/* ************* */

td.rightNavContainer {
  background:           #67594a;
}

td.rightNavContainerDetail {
  background:           #766b5c;
}

td.rightNavContainerFlash {
  background:           #958d82;
  color:                #31261c;
}

.line {
  margin-left:          -10px;
}

/* ************* */
/* Footer     */
/* ************* */

#footerContainer {
	background:				    #150e08;
	color:                #7f6b5c;
}

#footerContainerInner  {
  color:                #7f6b5c;
}

/* ************* */
/* Banners       */
/* ************* */

/*for IE6 only*/
* html #landingMiddleBanner {
  filter:	              progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../../images/background/bg_banner_landing_hotel.png');
}

* html #detailMiddleBanner {
  filter:               progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../../images/background/bg_banner_hotel.png');
}

/*  above proprietary Microsoft "filter" rules allow IE to display PNGs with transparency;
  rules below are invisible to IE and display the PNGs normally */
html>body #landingMiddleBanner  {
  background:           url('../../images/background/bg_banner_landing_hotel.png') top left no-repeat;
  position:             relative;
}

html>body #detailMiddleBanner {
  background:           url('../../images/background/bg_banner_hotel.png') top left no-repeat;
  position:             relative;
}

#landingBannerTitle,
.bannerTitle { 
  color:                #c7b79f;
}

/* ************* */
/* Rules         */
/* ************* */

.ruleSolid,
.ruleDashed,
.ruleDashedMarginLtRt,
.ruleSolidMarginLtRt  {
  height:               1px;
  background:           #6f6353;
  margin:               10px 0px 10px 0px;
}
.ruleDashed,
.ruleDashedMarginLtRt {
  background:           url("../../images/common/rule_dashed.gif") top left repeat-x;
}

.moreMargin {
  margin:               10px 0px 20px 0px;
 }
 
/*This is used to override 10px margin - didn't want to include inline style*/
.ruleDashed_noMargin {
  height:               1px;
  background:           url("../../images/common/rule_dashed.gif") top left repeat-x;
  margin:               10px -10px 10px -10px; 
}

.ruleDashedMarginLtRt,
.ruleSolidMarginLtRt {
  margin-left:          10px;
  margin-right:         10px;
}

.ruleDashedVertical {
  width:                1px;
  background:           url("../../images/common/rule_dashed_vert.gif") top left repeat-y;
}

/* ************* */
/* Lists         */
/* ************* */

ul li, 
.rightContentAreaData ul li {
  background:           url("../../images/common/bullet_hotel_dark.gif") 0 .6em no-repeat;
}

#middleArea ul li, 
.lightboxMain ul li {
  background:           url("../../images/common/icon_bullet.gif") 0 .6em no-repeat;
}

/* ************* */
/* Gallery & Map */
/* ************* */

.galleryFilter select {
  font:                 11px/14px verdana,geneva,sans-serif;
  color:                #150e08;
  background:           #d4d0c7;
  border:               1px solid #9c947b;
}

.galleryControls {
  font:                 9px/12px verdana,geneva,sans-serif;
  color:                #9c947b;
}

/* ************* */
/* Spinner       */
/* ************* */

#spinnerMask {
  background-color:     #150e08;
}

/* ************* */
/* Lightbox      */
/* ************* */

#lightboxFooter,
#lightboxHeader {
  background:           #1b130c;
}

/* ************* */
/* Listing Table */
/* ************* */

td.selected{
  background:           url("../../images/common/icon_selected_hotel.gif") center center no-repeat;
}

.tbEvenRow td.selected {
  background-color:     #978e81;
}

.tbOddRow td.selected {
  background-color:     #a59e94;
}


/********************/
/* appointment page */
/********************/

.treatmentMenu a,
.checkboxSet a {
  color:                #31261c;
}

.box  {
  width:                100px;
  height:               60px;
  float:                left;
  background-color:     #4a3e33;
  opacity:              0.7;
  filter:               alpha(opacity=70);
  filter:               progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  color:                #c7b79f;
  padding:              10px;
  font:                 10px verdana;
}

.treatmentBox {
  width:                300px;
  float:                left;
  background-color:     #4a3e33;
  opacity:              0.85;
  filter:               alpha(opacity=85);
  filter:               progid:DXImageTransform.Microsoft.Alpha(opacity=85);
  color:                #c7b79f;
  padding:              10px;
}

.tip {
  width:                5px;
  height:               5px;
  float:                left;
  background:           url("../../images/common/tooltip_point_hotel.gif") top left no-repeat;
}

.centerAlign {
  text-align:           center;
  }
  
/***********************/ 
/* Press photo library */
/***********************/

.libPhoto,
.libPhotoAir {
  border:               1px solid #786b5c;
}

/*************************************/
/* progress page - file name spinner */
/*************************************/

.progressPage {
/*
	background:           #4a3e33 url("/images/background/bg_progress_hotel.gif") top left repeat-x;
*/
  background-color:     #4a3e33;
  color:                #c7b79f;   
}

/* surrounding containers for checkboxes not behaving in IE6 */
span.input input,
#tbmode input {
  background:           #8F8679;
  border:               none;
}

/***********************/ 
/* Lightbox            */
/***********************/

.lbContentOuter,
.lbContentOuterFullPage,
#outerContainer {
  background:           #5f513f;
}


/***********************/ 
/* PopupSelector       */
/***********************/
.popupSelectorCreditCard
{
  border: 0px outset black; 
  width: 346px;
  background-color: #786c5d;
  padding: 0px 20px 0px 10px;
}

.popupSelectorComments
{
  border: 0px outset black; 
  width: 346px;
  background-color: #786c5d;
  padding: 0px 20px 0px 10px;
}

.popupSelectorRoomPreferences
{
  border: 0px outset black; 
  width: 200px; 
  background-color: #786c5d;
  padding: 0px 20px 0px 10px;
}

.popupSelectorAirportPickup
{
  border: 0px outset black; 
  width: 346px;
  background-color: #786c5d;
  padding: 0px 20px 0px 10px;
}


/********************************/
/* Multiroom booking guest tabs */
/********************************/
.guestMenuSelected {
  background:          #8f8679;
}

/****************************/
/* Request Proposal buttons */
/****************************/
a.btnRFP {
  text-decoration:      none;
  text-align:           center;
  color:                #c7b79f;
  height:               12px;
  display:              block;
  padding:              2px 2px 2px 2px;
  font:					        9px verdana,geneva,sans-serif;
  background:           #150e08;
  margin-top:           2px;
}
a.btnRFP:hover,
a.btnRFP:active {
  text-decoration:      none;
  background-color:     #484038;
}

.RFPAgendaTab .ajax__tab_header {background-image:url(../../images/tab/tab-line.gif);}
.RFPAgendaTab .ajax__tab_outer {background-image:url(../../images/tab/tab-right.gif)}
.RFPAgendaTab .ajax__tab_inner {background-image:url(../../images/tab/tab-left.gif)}
.RFPAgendaTab .ajax__tab_tab {background-image:url(../../images/tab/tab.gif)}
.RFPAgendaTab .ajax__tab_hover .ajax__tab_outer {background-image:url(../../images/tab/tab-hover-right.gif)}
.RFPAgendaTab .ajax__tab_hover .ajax__tab_inner {background-image:url(../../images/tab/tab-hover-left.gif)}
.RFPAgendaTab .ajax__tab_hover .ajax__tab_tab {background-image:url(../../images/tab/tab-hover.gif)}
.RFPAgendaTab .ajax__tab_active .ajax__tab_outer {background-image:url(../../images/tab/tab-active-right.gif)}
.RFPAgendaTab .ajax__tab_active .ajax__tab_inner {background-image:url(../../images/tab/tab-active-left.gif)}
.RFPAgendaTab .ajax__tab_active .ajax__tab_tab {background-image:url(../../images/tab/tab-active.gif)}

.txtDisabled
{
  color: #c7b79f;
}

/** package quantity tool tip **/
.packageQuantityBox {
  width:                300px;
  float:                left;
  background-color:     #c4bdb5;
  color:                #2e2015;
  padding:              5px;
  border:				1px solid;
  border-color:			#2e2015;
}
