/* 
    Document   : hotelpure
    Created on : Jun 30, 2009, 4:14:29 PM
    Author     : alejandro
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
img {
    border:0;
}
div {
    margin:0;
    padding:0;
}
ul {margin:0;padding:0;}
li {margin:0;padding:0;}
body {
    background-color:#3B3D39;
}
red {
    color:red;
}
.contenido_div {
    width:955px;
    overflow: hidden;
    background-color:#FFFFFF;
}
.header_div {
    width:100%;
    height:95px;
    float:left;
    overflow:hidden;
}
.header_div #contactus {
    position:absolute;
    left:880px;
    top:80px;
}
.header_div a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}
.header_div a:hover {
    color:white;
}
.header_div a:visited {
    
}
.buttons_div {
    width:100%;
}
.column1_div {
    width:270px;
    float:left;
    padding-bottom: 1000em;
	margin-bottom: -999.5em;
}

.column1_div a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}

.column1_div ul {
    width:245px;
    padding:0;
    padding-top:10px;
    background-color:#e1f1f1; /*b67d50*/
    list-style:none;
    float:left;
}
.column1_div #banners {
    padding:0;
    margin:0;
	border-bottom-color:#f8ffcc;
	border-bottom-width:thin;
	border-bottom-style:solid;	
}
.column1_div #li31 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    height:31px;
	margin-top: 6px; / margin-top: -6px;
    padding-left:20px;
    background-color:#e1f1f1;
}
/*********************************************/
.column1_div #li30 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    height:23px;
    padding-left:20px;
    background-color:#e1f1f1;
}
.column1_div #li32 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    height:31px;
    padding-left:20px;
    background-color:#e1f1f1;
}
/********************************************/
.column1_div #li20 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    height:20px;
    padding-left:20px;
    background-color:#e1f1f1;
}
.column1_div input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    width:40px;
    border:1px solid gray;
}
.column1_div #label {
    float:left;
}
.column1_div #weather {
    width:135px !important; /*moz width*/
	width:245px; /*IE width*/

    height:70px !important; /*moz width*/
	height:100px; /*IE width*/
    
    background-image:url(images/current_weather_at_pacific_inn.gif);
    padding-top:30px;
    padding-left:110px;
    margin:0;
    float:left;
	margin-bottom:15px;
}
.column1_div #booking {
    margin-top:10px;
    float:left;
}
.column2_div {
    width:680px;
    float:left;
    padding-top:10px;
    padding-bottom: 1000em;
	margin-bottom: -999.5em;
    
}
.column2_div img {
    padding:0;
    margin:0;
}
.column2_div p {
    width:98%;
    float:left;
    font-family:  Arial,Verdana, Helvetica, sans-serif;
    font-size:12px;
    text-align:justify;
    color:#000404 ;
}

.column2_div h1 {
  font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size:13px;
    color:#000404;
}

.column2_div h2 {
  font-family: Arial,Verdana, Helvetica, sans-serif;
  font-size:13px;
  color:#000404;
  float: left;
}

.column2_div h3 {
  font-family: Arial,Verdana, Helvetica, sans-serif;
  font-size:12px;
  color:#000404;
  float: left;
}

.columna2_div #dot {
    float:left;
}
.column2_div ul{
    /*padding-left:10px;*/
}
.column2_div li {
    padding-left:10px;
    font-family:  Arial,Verdana, Helvetica, sans-serif;
    font-size:12px;
}
.column2_div #flash_div {
    width:685px;
    height:325px;
    float:left;
    overflow:hidden;
}
.column2_div #main_info {
    width:685px;
    padding:0;
    margin:0;
    float:left;
    background-color:#1d1d1d;
    overflow:hidden;
}
.c
.deals_icon {
    width:100%;
    height:105px;
    margin:0;
}
.deals_icon img {
    margin:0px;
}
.deals {
    width:100%;
    padding-left:15px;
    background-color:red;
}
.deals li {

}
.footer_div {
    width:100%;
    height:80px !important;
    height:90px;
   background-color:#3e1900;
   float:left;
}
.footer_div  #link_footer {
       font-family: Arial, Helvetica, sans-serif;
      font-size:11px;
      color:silver;
      text-decoration:none;
      text-align:left;
      padding-left:20px;
}

.link_home {
	width:57px;
	height:25px;
	display: block;
	float:left;
	background-image:url(images/home_hotelpure.jpg);
}
.link_home:hover {
	background-position: 0 25px;
}
.link_accomodations {
	width:133px;
	height:25px;
	display: block;
	float:left;
	background-image:url(images/hotel_accommodation.jpg);
}
.link_accomodations:hover {
	background-position: 0 25px;
}

.link_amenities {
	width:144px;
	height:25px;
	display: block;
	float:left;
	background-image:url(images/hotel_amenities.jpg);
}
.link_amenities:hover {
	background-position: 0 25px;
}
.link_dinning {
	width:162px;
	height:25px;
	display: block;
	float:left;
	background-image:url(images/hotel_dining.jpg);
}
.link_dinning:hover {
	background-position: 0 25px;
}
.link_boardwalk {
	width:85px;
	height:25px;
	display: block;
	float:left;
	background-image:url(images/hotel_boardwalk.jpg);
}
.link_boardwalk:hover {
	background-position: 0 25px;
}
.link_hotel_specials {
	width:103px;
	height:25px;
	display: block;
	float:left;
	background-image:url(images/hotel_special.jpg);
}
.link_hotel_specials:hover {
	background-position: 0 25px;
}
.link_directions {
	width:80px;
	height:25px;
	display: block;
	float:left;
	background-image:url(images/hotel_direction.jpg);
}
.link_directions:hover {
	background-position: 0 25px;
}
.link_hotel_inthearea{
	width:88px;
	height:25px;
	display: block;
	float:left;
	background-image:url(images/hotel_area.jpg);
}
.link_hotel_inthearea:hover {
	background-position: 0 25px;
}

.link_contactus{
	width:103px;
	height:25px;
	display: block;
	float:left;
	background-image:url(images/hotel_contacus.jpg);
}
.link_contactus:hover {
	background-position: 0 25px;
}

.link_view_maps {
	width:104px;
	height:25px;
	display: block;
	float:left;
	background-image:url(images/view_maps.jpg);
}
.link_view_maps:hover {
	background-position: -104px 0;
}
.link_reviews {
	width:104px;
	height:25px;
	display: block;
	float:left;
	background-image:url(images/hotel_reviews.jpg);
}
.link_reviews:hover {
	background-position: -104px 0;
}
.link_moreinfo {
	width:104px;
	height:25px;
	display: block;
	float:left;
	background-image:url(images/more_info.jpg);
}
.link_moreinfo:hover {
	background-position: -104px 0;
}
.link_inthearea {
	width:104px;
	height:25px;
	display: block;
	float:left;
	background-image:url(images/inthearea.jpg);
}
.link_inthearea:hover {
	background-position: -104px 0;
}
.link_photos {
	width:104px;
	height:25px;
	display: block;
	float:left;
	background-image:url(images/photos.jpg);
}
.link_photos:hover {
	background-position: -104px 0;
}
.link_booknow {
	width:104px;
	height:25px;
	display: block;
	float:left;
	background-image:url(images/booknow.jpg);
}
.link_booknow:hover {
	background-position: -104px 0;
}
#button_check_availability {
    background-image:url(images/button_check_availability.jpg);
    width:160px;
    height:25px;
    border:0;
    display:block;
    border: 0px solid #fff;
}
#button_check_availability:hover {
    background-image:url(images/button_check_availability_hover.jpg);
    width:160px;
    height:25px;
    border:0;
    display:block;
    border: 0px solid #fff;
}
#button_check_book {
    background-image:url(images/complete.jpg);
    width:160px;
    height:25px;
    border:0;
    display:block;
    border: 0px solid #fff;

}

#button_submit_gray {
  background-image:url(images/A7_gray.jpg);
  width:96px; 
  height:25px;
  border:0;
  display:block;
}

#button_submit_black {
  background-image:url(images/A7_olive.jpg);
  width:96px; 
  height:25px;
  border:0;
  display:block;
}

#button_submit_advance {
  background-image:url(images/b_advance.jpg);
  width:150px; 
  height:25px;
  border:0;
  display:block;
  background-repeat:no-repeat;
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:absolute;
    /*z-index:24;*/
    color:black;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25;background:;}
a.tt:hover span.tooltip{
    display:table;
    position:absolute;
    top:0px; left:120px;
	padding: 15px 0 0 0;
	width:380px;
	font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    color:black;
    text-align:center;
}
a.tt:hover span.top{
	display: block;
	padding: 28px 8px 10px;
    background: url(images/bubble/bubble2.gif) no-repeat top ;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: -3px 8px 5px; 
	background: url(images/bubble/bubble_filler.gif) repeat bottom ; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 25px;
	color: #548912;
    background: url(images/bubble/bubble2.gif) no-repeat bottom;
}

/*----------------------*/
.column2_div #deals_div {
    width:685px;
    float:left;
    padding:0;
    margin:0;
    background-color:red;
    overflow:hidden;
    background-color:#e1f1f1;
}

#pic_float {
    float:left;
}

/* Agenda Class*/
.agenda {
    list-style:none;
    width:685px;
    padding:0;
    margin:0;
}
agenda ul {
    padding:0;
    margin:0;
}
.agenda li {
    display: inline-block;
    list-style: none;
    margin:0;
    padding:0;
}
.agenda #leftblack {
    width:100px;
	height:125px;
    float:left;
    background-color:#555E4E;
}
.agenda #rightblack {
    width:585px;
	height:125px;
    float:left;
    background-color:#555E4E;
}
.agenda #rightblack p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#b67d50;
}
.agenda #leftgray {
    width:100px;
	height:125px;		
    float:left;
    background-color:#b67d50;
}
.agenda #rightgray {
    width:585px;
	height:125px;
    float:left;
    background-color:#b67d50;
}
.agenda #rightgray p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555E4E;
}

.ticker_links{
    width:98%;
    float:left;
    font-family:  Arial,Verdana, Helvetica, sans-serif;
    font-size:12px;
    text-align:justify;
    color:#555E4E ;
}