﻿

body {
	background-color: #000000;
	color: #999999;	
	font-size: 12px;
	font-family: Tahoma;
}

a, a:link{
	color:#999999;
	text-decoration: underline;
	font-family: Tahoma;
}

a:visited{
	color:#999999;
	text-decoration: underline;
	font-family: Tahoma;
}

a:hover{
	color:#cccccc;
	text-decoration: underline;
	font-family: Tahoma;
}

h1, h2, h3
{
   margin:0;
   padding:0;
   display: inline;
   font-weight: normal;
   font-size: 12px;
}


.HotelSection
{
    margin: 8px 0;
}

     
.HotelSection h2
{

   display: inline;
   font-size: 11px;
 
}  

h1
{
   font-weight: bold;
   color: #CCCCCC;
   font-size: 14px;
   text-transform: uppercase;
}

a img{border:0;}

.title
{   
    font-size: 12px; 
    font-weight:bold;
}

.gold{ color: #efcd6e; }

#TopContainer
{
    background:#000000 url(../images/bg/bg-top.gif) no-repeat scroll center -10px;
    margin: 0 auto; 
    width:1042px;
    height: 90px;
    z-index: 2;    
}

#MainContainer
{
    background:#000000 url(../images/bg/bg-middle.gif) repeat-y scroll center 0pt;
    margin: 0 auto; 
    width:1042px;
    z-index: 1; 
}

#BottomContainer
{
    background:#000000 url(../images/bg/bg-bottom.gif) no-repeat scroll center 0pt;
    margin: 0 auto; 
    width:1042px;
    height: 200px;  
    position:relative; 
    z-index: 2; 
    top: -100px;
}

#ContentContainer
{
    width: 900px;
    margin:0 auto; 
    position:relative;
    top: -60px;
    min-height:600px;
    z-index: 3;
    line-height: 14px;
    }

#Header
{
    background:#000000 url(../images/bg/leatherTattoo.jpg) no-repeat scroll top right;
    height: 100px;
    width: 100%;        
 }
 
#HeaderContentLeft{float:left;padding: 7px 0 0 10px;}
#HeaderContentRight{float:right; padding: 25px 25px 0 0; text-align: right;}
 
#Tattoo{float:right;} 
 
 
 
#Content{padding: 15px 8px 8px 0px; }

#ColumnLeft
{
    float: left;
    width: 170px;
    background:#000000 url(../images/vert_divider.gif) no-repeat scroll top right;
    padding:0 20px 0 0;
    margin: 40px 0 0 0;
   
}  

#ColumnMiddle
{
     
 }

#ColumnRight
{
  
   
}

#WidgetIFrame{ position:relative;  }
#ContentLeftTop{text-align: right; width: 100%; }
#ContentLeftBottom{text-align: center; width: 100%;}
#BreadCrumbs{font-size: 11px; color: #999999; padding: 0px 0 12px 0;}


/* Hotel Dropdown styles */	

#UtilityContainer
{    
    margin: 0 auto;
    width: 900px;
    position:relative;
    z-index: 999;    
    }
    
#UtilityLinks {
	position: absolute;
	z-index: 999;
	top: 0px;
	right: -10px;
	font: .82em Tahoma, Arial, Helvetica, sans-serif;
	color: #9D9D9D;
	}
		
#UtilityLinks a, #UtilityLinks a:link, #UtilityLinks a:visited {
	color: #9D9D9D;
	margin: 0 5px 0 5px;
	text-decoration: none;
	}
#UtilityLinks a:hover {
	color: #ffffff;
	}

ul#hotels {    
    top: 20px;
    left: 85px;
    width: 145px;
    z-index: 999;
			}


	ul.dropMenu {
		position: absolute;
		
		margin: 0;
		padding: 5px;
		background: url('../images/bg/nav_back.gif') left bottom repeat-x;
		background-color: #000000;
		border: 1px solid #333333;
		font-size: 10px;
		list-style: none;
		display: none;
		}

ul.dropMenu li {
	position: relative;
	margin: 0;
	padding: 0;
	height: 15px;
	}

ul.dropMenu li a, ul.dropMenu li a:link, ul.dropMenu li a:visited {
	display: block;
	color: #dddddd;
	background: none;
	padding: 0 2px 0 2px;
	line-height: 15px;
	}
ul.dropMenu li a:hover {
	color: #ffffff;
	background: #666666;
	}	
			
a#hotelDropDown {
	position: relative;
	z-index: 999;
	
	padding-right: 5px;
	
	/*
background: url('../images/bg/arrow_down.gif') right 4px no-repeat;
    */
	}
		
/* END Hotel Dropdown styles */			
			
#FooterContainer
{     
    background:#000000 url(../images/bg/bottom-links-bg.gif) repeat-x scroll 0 ;
    clear:both;
    position:absolute;
    bottom:-31px;
    left: 3px;
    width: 870px;
    padding: 6px 12px 0 12px;
    
    height: 24px;
    font-size: 11px;
    }
 #FooterContainer a, #FooterContainer a:link, #FooterContainer a:visited
{
    text-decoration: none;
    font-size: 11px;
}   
 
#FooterLeft
{
    float:left;
}  

#FooterRight
{
    float:right;
}  

.clear{clear:both;}
 
 
/* Rooms */

#RoomTypes{ }
.RoomType
{
    border: solid 2px #343434;
    background-color: #212121;
    padding: 8px;
    margin-bottom: 8px;
    position:relative;
    z-index: 10;
    }
.RoomType .Title
{
    color: #efcd6e; 
    font-size: 12px; 
    font-weight:bold; 
    margin-bottom: 8px;
    }
    
.RoomType .Thumb{float:left; padding-right: 10px;}
.RoomType .Desc{width: 325px; float: left; }
.RoomType .More{padding: 6px 12px; color: #5e5e5e;}

.RoomType .More a, .RoomType .More a:link, .RoomType .More a:visited
{
    color: #5e5e5e; 
    text-decoration:none; 
    font-size: 10px; 
    font-weight:bold;
    }
.RoomType .Button{float:right; }

#ImgWidgetIFrame{display: none; position: relative; top: -1px;}
.IframeContainer{z-index: 100; position:relative;}

.PopupIFrameClose
{           
width:60px;
height:20px;
display:block;
right:12px;
top:-120px;
position:absolute;       
z-index: 2001;  
cursor: pointer;
    }
    
.PopupIFrame    
{
    width: 450px;
    height: 475px;
    border: 2px solid #5d5c5b;
    left: 12px;
    top: -120px;
    position:absolute;
    z-index: 2000;
}
/*********/


ul#SiteMap{}
ul#SiteMap { list-style-type:circle; }
ul#SiteMap ul { list-style-type:circle; }

ul#SiteMap li{line-height: 18px;}
ul#SiteMap .title{color: #CCCCCC;}


ul#SiteMap a {text-decoration: none;}

ul#SiteMap .Sub {color: #999999; }
ul#SiteMap .Main {color: #CCCCCC; }


ul#SiteMap .Main a, ul#SiteMap .Main a:link, ul#SiteMap .Main a:visited{color: #CCCCCC; }
ul#SiteMap .Sub a, ul#SiteMap .Sub a:link, ul#SiteMap .Sub a:visited{color: #999999; }

ul#SiteMap .Page.Main a, ul#SiteMap .Page.Main a:link, ul#SiteMap .Page.Main a:visited{color: #666666; }
ul#SiteMap .Page.Sub a, ul#SiteMap .Page.Sub a:link, ul#SiteMap .Page.Sub a:visited{color: #333333; }

ul#SiteMap .Page.Main a:hover{color: #FFFFFF;}
ul#SiteMap .Page.Sub a:hover{color: #FFFFFF;}

ul#SiteMap .General.Main a, ul#SiteMap .General.Main a:link, ul#SiteMap .General.Main a:visited{color: #666666; }
ul#SiteMap .General.Sub a, ul#SiteMap .General.Sub a:link, ul#SiteMap .General.Sub a:visited{color: #333333; }

ul#SiteMap .General.Main a:hover{color: #FFFFFF;}
ul#SiteMap .General.Sub a:hover{color: #FFFFFF;}


ul#SiteMap .Sub a:hover{color: #FFFFFF;}
ul#SiteMap .Main a:hover{color: #FFFFFF;}



#RSSPopup{display:none;}
.rss{margin: 6px 0;}
#OutsideLinksContainer{z-index: 100; width: 860px; margin: 0 auto; position: relative; top: -197px;}

#OutsideLinks{color: #5e5e5e; font-size: 12px;}
#OutsideLinks a, #OutsideLinks a:link, #OutsideLinks a:visited{color: #5e5e5e; font-size: 11px; text-decoration: none;}
#OutsideLinks a:hover{color: #CCCCCC; }

#Copyright{color: #444444; font-size: 11px; z-index: 100; margin-top:12px; text-align: right;}
#Copyright a, #Copyright a:link, #Copyright a:visited{color: #444444; font-size: 11px; text-decoration: none;}
#Copyright a:hover{color: #CCCCCC; }

/* Sub page Styles */

.contentDivider{clear:both;  height:1px; width: 100%; margin-bottom: 18px; padding-top:18px; }
.contentDividerMed{clear:both;  height:1px; width: 100%; margin-bottom: 8px; padding-top:8px; }
.contentDividerSm{clear:both;  height:1px; width: 100%; margin-bottom: 4px; padding-top:4px; }
	
.sub_page .fieldTitle{float:left; width: 125px; padding: 0 14px 0 0; }
.sub_page .field{float:left;  }
.sub_page .field .textBox{width: 175px; }


/* end sub page */

/*validation */
input.validation-failed, textarea.validation-failed, select.validation-failed {
/*border: 1px solid #FF3300;*/

}
input.validation-passed, textarea.validation-passed {
/*border: 1px solid #00CC00;
color : #000;*/
}

.validation-advice, .custom-advice {	

color: #cc0000 !important;

}



.PhotoSection{float: left; margin-bottom: 20px;}
.PhotoSection img{border: solid 1px #5F5F5F;}
.PhotoSection img:hover{border: solid 1px #CC0000;}
.PhotoSection.PhotoMiddle{margin: 0 20px 20px 20px; }

#ModalLayer
{
position:absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 140%; 
text-align: center; 
z-index: 1000;
background-color:#000000;  
filter:alpha(opacity=70);
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 opacity: 0.7;
-moz-opacity:0.7;
 visibility: hidden;
    }
    
#ModalPopupContainer{
 visibility: hidden;
 position:absolute;
 text-align:center; 
 z-index: 1001;



}


#ModalPopup 
{
    z-index: 1001;
    border: solid 1px #5F5F5F;
    padding: 20px 20px 10px 20px;
    background-color: #000000;
   
   
        
    }

#ModalPopup #ImgTitle{padding-top:4px; font-weight:bold;}
#ModalPopup .CloseButton{position:absolute; right: 1px; top: 3px;}

#ImgPopup{z-index: 1001; position:relative;}