/**
 * Main CSS Definitions
 *
 * @file              css/common.css
 * @author            christopher geheran
*/

  body  {
          font-family: verdana, arial, sans-serif;
          font-size: 11px;
          color: #626469;
          background-color:#ebe1be;
          margin:50px auto; padding:0;
  }
	a { color:#82534b; font-weight:bold; text-decoration:underline; }
  
	/* FRAMEWORK */
  #site_framework { position:relative; z-index:1; padding:50px 0px 100px 0px; margin:0px auto; width:764px; background:transparent url(../images/framework_bottom.gif) bottom left no-repeat; }
  .main_body { position:relative; top:85px; z-index:4; background:#fffce6 url(../images/background.gif) top left repeat-y; padding:0px 0px 0px 172px; }
  #background { position:absolute; z-index:2; top:0; left:0; background:transparent url(../images/framework.gif) top left no-repeat; width:764px; height:662px; }
	.framework { background:transparent url(../images/background.gif) top left repeat-y; width:764px;}
  #logo { position:absolute; z-index:5; top:24px; left:14px; width:181px; height:620px; background:transparent url(../images/left_image.gif) bottom left no-repeat;}
  #logo img { padding-left:12px; }
  #nav { position:absolute; top:-15px; left:20px; width:777px; }
	#nav .item { display:inline; padding-right:8px; margin-right:8px; background:transparent url(../images/navicon.gif) no-repeat right bottom; } 
	#nav .item a { color:#82534b; font-size:10px; font-weight:bold; text-decoration:none;}
	#nav .item a:hover { color:#aaa88e; }
	#footer { position:relative; padding:10px 0px; margin:0px auto; width:764px; }

	/* COMMON */
  .content { width:530px; padding:20px 0px; margin:5px 0px 0px 25px; }
  .content .top { height:27px; background:transparent url(../images/tframe_top.gif) no-repeat top left; }
  .content .body { padding:0px 15px; background-color:#f1ebd0; border-left:1px solid #4b1e52; border-right:1px solid #4b1e52; } 
  .content .bottom { height:27px; background:transparent url(../images/tframe_bottom.gif) no-repeat top left; } 
  .red { font-size:10px; color:red; }
  .clear { clear:both; font-size:0px; }
  .nocontent { padding-bottom:400px; }
  .section_header { width:180px; border:1px solid #ad9096; font-family: arial, sans-serif; color:#82534b; font-size:20px; font-weight:normal; background:#f1ebd0 url(../images/header_back.jpg) top right no-repeat; padding:6px 0px 5px 0px; margin:10px 0px 0px 25px; }
  .section_header div { padding-left:10px; }
		
	/* TOOLTIP */
  .tooltip { display:inline; font-size:10px; float:left; }
  .tooltip a { color:#fff; z-index:99; text-decoration:underline;}
  .tooltip a span { display:none; padding:3px; z-index:99; border:1px solid #4b1e52; color:#4b1e52; background-color:#f1ebd0; font-weight:normal; text-decoration:none; }
  .tooltip a:hover { position:relative; z-index:99; }
  .tooltip a:hover span {  display:block; z-index:999; position:absolute; left:12px; top:20px; width:170px; }

  /* HOMEPAGE */
  .photo { width:320px; height:240px; margin:0px auto; border:1px solid #4b0026; }
  
	/* ACCOMODATIONS */
  #rec { position:absolute; font-size:9px; top:90px; left:175px; }
  .dollar { font-size:9px; }
  table.hotels { margin:20px 5px 0px 5px; width:550px; text-align:center; }
	table.hotels a { color:#82534b; font-weight:bold; text-decoration:none; } 
  table.hotels td { vertical-align:top; width:180px; margin-right:50px; padding:15px 0px 0px 5px; text-align:left;}
  table.hotels td.title { padding:0px 0px 2px 0px; text-align:center; width:100%; font-size:16px; font-weight:bold; border-bottom:1px solid #4b0026; }
  .hotel_names { text-align:center; font-size:9px; }
  .more_hotels { padding:30px 10px 0px 10px; }
  .more_hotels a { color:#82534b; }
  

/* How We Met */
 .inline_left { display:inline; float:left; }
 .lineitup { font-weight:bold; width:60px;  }
 .clear { clear:both; }