body {
  margin: 5px auto;
	padding: 0px;
	font: 0.9em "Trebuchet MS", arial, tahoma, verdana, "sans serif";
	width: 85%;
	max-width: 1024px;
	min-width: 600px;
	background-color: #FFF;
}

body a {
  color: #22456F;
}

div.h4 {
  font-size: 1em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}


/* Header
----------------------------------------------- */

#header {
  margin: 10px 0px;
	height: 220px;
	background-image: url('http://iauak.com/images/sunset2.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
}

#header #left {
  background-image: url('http://iauak.com/images/rounded-left.png');
	background-repeat: no-repeat;
	background-position: left;
	height: 220px;
	width: 100%;
	float: left;
}

#header #middle {
  /*background-image: url('http://iauak.com/images/top-shadow.png');
	background-repeat: repeat-x;
	background-position: top left;*/
	height: 220px;
	width: 100%;
}

#header #right {
  background-image: url('http://iauak.com/images/rounded-right.png');
	background-repeat: no-repeat;
	background-position: right;
	height: 220px;
	width: 100%;
	float: right;
}

#header #logo {
  width: 260px;
	margin: 130px 0px 0px 15px;
	float: left;
}

/* Main Content
----------------------------------------------- */

#content {
  padding: 3px;
	border-bottom: 1px solid #777;
	background-color: #EEE;
	overflow: hidden;
}

#content #side-nav {
  margin: 1.9em 0.0em 0.2em 0.0em;
	padding: 5px 5px;
	float: left;
	width: 8.138em;
	font-size: 1.0em;
}

#content #side-nav ul {
  padding: 0px;
	margin: 0px;
}

#content #side-nav li {
  list-style: none;
	font-size: 100%;
	font-weight: bold;
	padding: 14px 3px;
	text-align: right;
	/*border-top: 1px dotted black;*/
	background-image: url("http://iauak.com/images/horiz_border.gif");
	background-repeat: repeat-x;
	background-position: top left;
}

#content #side-nav li:hover {
  /*background-color: #CCCCCC;*/
}

#content #side-nav li a {
  color: black;
	text-decoration: none;
}

#content #side-nav li a:hover {
  text-decoration: underline;
}

#content #side-nav li.first {
	/*padding-top: 0px;*/
	border: 0px;
	background-image: none;
}

#content #side-nav li.last {
	/*border-bottom: 1px solid #365720;*/
}

#main-content {
	/*margin-left: 9.0em;*/
}

#description {
  text-decoration: underline;
	margin: 0.5em 0 0.5em 0.5em;
	font-size: 1.3em;
	font-weight: bold;
}

#container {
	padding: 0px 5px 5px 8px;
	background-image: url("http://iauak.com/images/dotted_medium.gif");
	background-repeat: repeat-y;
	background-position: top left;
	/*margin-bottom: -2000px; 
	padding-bottom: 2000px;*/
}

.centered {
	text-align: center;
}

/*
Photo Frames
-----------------------------------------------*/
.blur{
	background-color: #ccc; /*shadow color*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}

.shadow,
.photo{
	position: relative;
	bottom: 2px;
	right: 2px;
}

.shadow{
	background-color: #666; /*shadow color*/
	color: inherit;
}

.photo{
	background-color: #fff; /*background color of content*/
	color: #000; /*text color of content*/
	border: 1px solid #000; /*border color*/
}

.hidden {
  display: none;
}

/* Accomodations
----------------------------------------------- */
div.accomodations {
  /*width: 43em;*/
	background-color: #B0C4DE;
	margin: 0px auto;
	padding: 2px 5px;
}

div.accomodations table {
  margin: 0px auto;
	padding: 6px 0px;
}

div.accomodations tr.header {
  font-weight: bold;
	background-color: #D1DEEF;
}

div.accomodations tr.acc-row {
  background-color: #D1DEEF;
}

div.accomodations td {
  padding: 5px;
}

span.special {
  color: #AF1547;
	font-weight: bold;
}

span.special2 {
  color: #11338F;
	font-weight: bold;
}

div.slideshow {
  margin: 0px 0px;
	width: 480px;
	background-color: #B0C4DE;
	padding: 0px;
}

div.availability {
  font-size: 1em;
	font-weight: bold;
}

/* Availability
----------------------------------------------- */
div.sign-in-form {
  width: 18em;
	margin: 0px auto;
	background-color: #B0C4DE;
	font: 0.9em "Trebuchet MS", arial, tahoma, verdana, "sans serif";
	padding: 5px;
}

#login {
  float: right;
	position: relative;
	top: -2em;
}

#logout {
  float: right;
	position: relative;
	top: -2em;
}

#progress {
  margin: 0px auto;
	text-align: center;
	padding: 1px 5px;
	background-color: #B0C4DE;
	font-size: 0.8em;
	font-weight: bold;
	width: 50px;
	visibility: hidden;
}

#onDisplay {
  font-size: 1.0em;
	font-weight: bold;
}

div.manage-calendars {
  width: 710px;
	background-color: #B0C4DE;
	padding: 5px;
	text-align: left;
}

.manageButtonBold {
  border: 1px solid #444444;
	padding: 1px 2px;
	font: 0.9em "Trebuchet MS", arial, tahoma, verdana, "sans serif";
	background-color: #D1DEEF;
	font-weight: bold;
}

.manageButton {
  border: 1px solid #444444;
	padding: 1px 2px;
	font: 0.9em "Trebuchet MS", arial, tahoma, verdana, "sans serif";
	background-color: #D1DEEF;
}

.submitLink {
  color: #22456F;
  background-color: transparent;
  text-decoration: underline;
  border: none;
  cursor: pointer;
	font: 0.95em "Trebuchet MS", arial, tahoma, verdana, "sans serif";
	padding: 0px;
	margin: 0px;
}

select {
  border: 1px solid black;
}

#selectCondo {
  font: 0.9em "Trebuchet MS", arial, tahoma, verdana, "sans serif";
	/*font-weight: bold;*/
}

table.key div {
  width: 23px;
	height: 23px;
}

.available {
	border: 1px solid #BBBBBB;
	background-color: #FFFFFF;
}

.unavailable {
	border: 1px solid #BBBBBB;
	background-color: #DF9999;
}

/*.toBeSaved {
  border: 2px solid #9F4545;
	background-color: #DF9999;
}

.toBeSavedAvailable {
  border: 1px solid #BBBBBB;
	background-color: #EEEEEE;
}*/


.toBeSaved {
  border: 1px solid #BBBBBB;
	background-color: #EFD1D1;
}

.toBeSavedAvailable {
  border: 1px solid #BBBBBB;
	background-color: #EEEEEE;
}


.calendar-container {
  /*width: 100%;
	border: 0px solid blue;
	float: left;*/
	
	margin-bottom: 1.5em;
	width: 650px;
	background-color: #B0C4DE;
	padding: 5px;
	text-align: left;
}

.av-cal {
  /*float: left;*/
	margin-right: 1em; 
	margin-top: 0.5em;
	vertical-align: top;
}

.calendar {
  background-color: #FFFFFF;
	width: 200px;
}

.calendar .calendarYear {
  font-size: 1.1em;
	font-weight: bold;
}

.calendar a {
  text-decoration: none;
	font-size: 1.5em;
	font-weight: bold;
}

.calendar a:hover {
  text-decoration: underline;
}

.calendar .calendarHeaderWeekday {
  font-size: 0.75em;
	font-weight: bold;
	/*background-color:*/
	color: #375E1F; 
}

div.calendar table tr.days td {
  width: 22px;
	height: 22px;
	border: 1px solid #DDDDDD;
	font-size: 0.75em;
	text-align: center;
	vertical-align: middle;
}

/*.calendar .calendarDay {
  width: 25px;
	height: 25px;
	border: 1px solid #DDDDDD;
	font-size: 0.75em;
	text-align: center;
	vertical-align: middle;
}*/

.calendar .noDay{
  width: 22px;
	height: 22px;
	border: 1px solid #BBBBBB;
	background-color: #EEEEEE;
}

/*
Photo Gallery
-----------------------------------------------*/
div.slideset {
  margin:0 0 15px;
  padding:0;
  list-style:none;
  line-height:1.4em;
}

div.slideset div.thumb {
  float: left;
  margin:0 10px 10px 0;
	background-image: url("http://iauak.com/photogallery/img/bg_slide.gif");
	width: 123px;
	height: 123px;
	text-align: center;
	font-size: .8em;
}

td.thumb-side {
  margin:0 10px 10px 0;
	background-image: url("http://iauak.com/photogallery/img/bg_slide.gif");
	background-repeat: no-repeat;
	background-position: top;
	width: 123px;
	height: 123px;
	text-align: center;
	font-size: .8em;
	vertical-align: top;
}

#photoBig {
  margin:0 0 10px;
  }
#photoBig strong {
  background-color:#bbb;
  position:relative;
  display:block;
  top:3px;
  left:3px;
  margin:0 0 10px 0;
  border-width:0;
  }
html>body #photoBig strong {
  background:url("http://iauak.com/photogallery/img/bg_shadow.png");
	/*margin: 0 15px 0 10px;*/
  }
#photoBig img {
  display:block;
  position:relative;
  top:-3px;
  left:-3px;
  border:10px solid #fff;
  }

.side-info {
  font-size: .9em;
	font-family: tahoma, "sans serif";
}


/* =PrevNext Nav (Individual Photo template)
Thumbnails used for prev/next photo navigation
----------------------------------------------- */
#prevnext {
  position:absolute;
  top: 25px;
  left:50%;
}
	
#prev, #next {
  position:absolute;
  top:0;
  width:158px;
  margin:0;
}

#prev {
  position: relative;
	left: -240px;
	width: 240px;
	height: 320px;
	cursor: pointer;
}

#next {
	width: 240px;
	height: 320px;
	cursor: pointer;
}

#prev:hover div {
  background-image: url("http://iauak.com/photogallery/img/photonav_prev.png");
}

#next:hover div {
	background-image: url("http://iauak.com/photogallery/img/photonav_next.png");
}

#prev div {
  background-image: none;
	position: relative;
	left: -20px;
	width: 158px;
	height: 22px;
}

#next div {
  background-image: none;
	width: 158px;
	height: 22px;
	position: relative;
	left: 20px;
}


/* Request/Order
----------------------------------------------- */
div.request-form {
  width: 23em;
	margin: 0px auto;
	background-color: #B0C4DE;
	padding: 5px;
	font: 1.1em "Trebuchet MS", arial, tahoma, verdana, "sans serif";
}

table.form-table {
  font: 0.9em "Trebuchet MS", arial, tahoma, verdana, "sans serif";
	width: 25em;
	margin: 0px auto;
}

table.form-table input.style1 {
  border: 1px solid #444444;
	padding: 1px 2px;
	font: 0.9em "Trebuchet MS", arial, tahoma, verdana, "sans serif";
	width: 70%;
}

table.form-table input.style2 {
  border: 1px solid #444444;
	padding: 1px 2px;
	font: 0.9em "Trebuchet MS", arial, tahoma, verdana, "sans serif";
}

table.form-table input.style3 {
  border: 1px solid #444444;
	padding: 1px 2px;
	font: 0.9em "Trebuchet MS", arial, tahoma, verdana, "sans serif";
	background-color: #D1DEEF;
}

table.form-table td.terms {
	padding: 1px 2px;
	font: 0.85em "Trebuchet MS", arial, tahoma, verdana, "sans serif";
}

table.form-table textarea {
  border: 1px solid #444444;
	padding: 0px 2px;
	font: 0.9em "Trebuchet MS", arial, tahoma, verdana, "sans serif";
}


/* Contact Us
----------------------------------------------- */
td.form-cell {
  width: 27em;
	margin: 0px auto;
	font: 0.9em "Trebuchet MS", arial, tahoma, verdana, "sans serif";
	padding: 5px
}

div.email-form {
  width: 22em;
	margin: 0px auto;
	background-color: #B0C4DE;
	margin-top: 7px;
	font: 1.1em "Trebuchet MS", arial, tahoma, verdana, "sans serif";
	padding: 5px;
}

div.email-form .style1 {
  border: 1px solid #444444;
	padding: 1px 2px;
	width: 60%;
	color: #AAAAAA;
	font: 0.9em "Trebuchet MS", arial, tahoma, verdana, "sans serif";
	margin-bottom: 3px;
}

div.email-form .style4 {
  border: 1px solid #444444;
	padding: 1px 2px;
	width: 97%;
	color: #AAAAAA;
	font: 0.9em "Trebuchet MS", arial, tahoma, verdana, "sans serif";
}

div.email-form .style2 {
  border: 1px solid #444444;
	padding: 1px 2px;
	background-color: #D1DEEF;
	font-weight: bold;
	margin-top: 10px;
	font: 0.9em "Trebuchet MS", arial, tahoma, verdana, "sans serif";
}

div.email-form .style3 {
  border: 1px solid #444444;
	padding: 1px 2px;
	background-color: #D1DEEF;
	margin-top: 10px;
	font: 0.9em "Trebuchet MS", arial, tahoma, verdana, "sans serif";
}

/* Footer
----------------------------------------------- */
#bottom-border {
	clear: both;
}

#footer {
  font-size: 90%;
	padding: 5px;
	text-align: center;
	background-color: #E1EFE0;
	color: #444;
}

#footer a {
 text-decoration: underline;
 color: #222;
}

#footer #updated {
  margin-left: 5px;
	float: left;
	color: #888 ;
	font-style: italic;
}


/* Front Page
----------------------------------------------- */
div#front-page .center {
  text-align: center;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}


/* Rounded Corners
----------------------------------------------- */
div#rounded-corners-container {
	overflow:hidden;
	width:99%;
	position:relative	;
	margin-bottom:-1px;
}

div.wrapper {
	margin:10px;
	position:relative;
	float:left;
	vertical-align:top;
}

div.wrapper img{	
	float:left;
	border:0 none;
}

div.wrapper div{	
	position:absolute;
	left:0;
	height:7px;
	width:100%
}

div.wrapper div.tl{
	background:transparent url("http://iauak.com/images/tl.gif") top left no-repeat;
	top:0
}

div.wrapper div.tr{
	background:transparent url("http://iauak.com/images/tr.gif") top right no-repeat;
	top:0;
}

div.wrapper div.bl{
	background:transparent url("http://iauak.com/images/bl.gif") bottom left no-repeat;
	bottom:0
}

div.wrapper div.br{
	background:transparent url("http://iauak.com/images/br.gif") bottom right no-repeat;
	bottom:0;
}