@charset "utf-8";
/* CSS Document */

/* -------------------------- [( General Styles )] -------------------------- */

* {
  color: #fff;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}

body {
  margin: 0; padding: 0;
}

h2 {color: #ffcc00; text-transform: uppercase; margin: 10px 0 -10px 0;}

h3 {color: #cc9900; font-size: 12px;}

h4 {color: #c5649d; font-size: 12px; text-transform: uppercase; margin: 10px 0 0 0;}

a img {border: none;}

input, textarea, select, option {color: #000;}

a, a:link, a:active, a:hover, a:visited {color: #cc9900;}

.quotes {color: #ffcc00;}


/* -------------------------- [( Layout Styles )] -------------------------- */

#wrapper {
      width: 800px; min-height: 588px;
      float: left;
	  background: #220525 top left repeat-y url(../images/framework/wrapper-bg.jpg);
}

.header {
  width: 800px; height: 250px;
  float: left; clear: both;
}

.footer {
  width: 800px;
  float: left; clear: both;
  text-align: center;
  background: #220525 top left no-repeat url(../images/framework/footer-bg.jpg);
  padding-top: 30px;
}

.left-cap {float: left; clear: left;}

.right-cap {float: right; clear: right;}

.sub-wrapper {
  width: 620px; min-height: 298px;
  float: left;
  background: transparent top left no-repeat url(../images/framework/content-bg.jpg);
}

.content {
  margin: 0; padding: 10px 10px 10px 215px;
}
.left-column {
  width: 180px;
  margin: 0; padding: 10px;
  position: absolute; top: 0; left: 0;
}

/* -------------------------- [( Outside Background Styles )] -------------------------- */

.left-bg {background: top right repeat-x url(/assets/images/framework/body-bg.jpg);}

.right-bg {background: top left repeat-x url(/assets/images/framework/body-bg.jpg);}

/* -------------------------- [( Visual Styles )] -------------------------- */

.clear {clear: both;}

.footer a {
  text-transform: uppercase;
  text-decoration: none;
  margin: 0 20px 0 20px;
}

.footer, .footer p, .footer a {
  color: #cc9900;
  font-size: 12px;
}

.inpt {width: 118px;}

.inpt2 {width: 400px;}

/* - Photo Upload - */

.ul-left {float: left; clear: left; width: 100px; text-align: right;}

.ul-right {float: left; clear: right;}

.left-top {position: relative; top: -10px; left: -5px;}

.tool-box {
  background: #fff;
  border: 2px solid #c5649d;
  float: left;
  width: 80px;
  text-align: center;
  color: #000;
  padding: 5px; margin: 0 10px 10px 0;
}

.guest-form {font-weight: bold; color: #d3a722; width: 165px; padding: 0 5px 0 5px;}

.comment {margin: 0 0 40px 0;}

/* -------------------------- [( Titles Styles )] -------------------------- */

.left-column-title {
  width: 190px;
  float: right; clear: both;
  border-bottom: 2px solid #c5649d;
  margin: 15px 0 10px 0;
  position: relative; right: -10px;
}

.content-title {
  width: 405px;
  float: right; clear: both;
  border-bottom: 2px solid #c5649d;
  margin: 15px 0 10px 0;
  position: relative; right: -10px;
}

/* -------------------------- [( Accordion Styles )] -------------------------- */

.accordion_toggle {
  display: block; width: 160px;
  padding: 0; margin: 10px 0 10px 0;
  cursor: pointer;
}

.accordion_content {
  padding: 0; margin: -10px 0 0 0;
  overflow: hidden;
  width: 180px;
}
			
.accordion_content p {
  padding: 3px 0 10px 0; margin: 0;
}

/* -------------------------- [( Reservations )] -------------------------- */

.inputr {
  width: 150px;
}

.textr {
  width: 200px;
  height: 150px;
}