html {
	min-height: 100%; 
	height: auto;
}

body {
  background: transparent url('../images/bg-acr.jpg') top right  no-repeat;
  color: black;
  margin-left: -4px;
}

a.body {
	color: #00aff0;
	text-decoration: none;
	border-bottom: 1px dashed #00aff0;
}

a.body:hover {
	border-bottom: 1px solid #00aff0;
}

a.box {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px dashed #ffffff;
	font-weight: bolder;
	padding: 1px;
}

a.box:hover {
  color: #8dc346;
  background-color: #ffffff;
}

a.rss {
  background: transparent url(/images/feed-icon-12x12.png) no-repeat center left;
	color: #FB9A32;
	text-decoration: none;
	padding-left: 14px;
	font-size: -1px;
}

a.rss:hover {
  border-bottom: 1px dotted #FB9A32;
}

a.ical {
  background: transparent url(/images/calendar.gif) no-repeat center left;
	color: #00aff0;
	text-decoration: none;
	padding-left: 18px;
	font-size: 0.8em;
}

#house_details{
	background-color: #fff;
	padding: 5px;
}
#load_photos{
	padding: 5px;
	font-weight: bold;
}
#details {
	color: #8dc346;
	width: 99%;
	text-align: left;
	font-size:  1.6em;
	padding-bottom: 4px;
	border-bottom: 1px #8dc346 solid;
	margin-bottom: 5px;
}
#photos {
	color: #00aff0;
	width: 99%;
	text-align: left;
	font-size:  1.6em;
	padding-bottom: 4px;
	border-bottom: 1px #00aff0 solid;
	margin-bottom: 5px;
}
#availability {
	color: #9e9ea5;
	width: 99%;
	text-align: left;
	font-size:  1.6em;
	padding-bottom: 4px;
	border-bottom: 1px #9e9ea5 solid;
	margin-bottom: 5px;
}

h2 {
 font-size: 18px;
}

h2.green{
	color: #8dc346;
}

h3.green{
	color: #8dc346;
}

h3.blue{
	color: #00aff0;
}

h2.blue {
	color: #00aff0;
}

h2.grey {
	color: #9e9ea5;
}

#locales {
  position:   absolute;
  top:        3px;
  right:      415px;
}

#login {
  position:     absolute;
  top:          2px;
  right:        3px;
  text-align:   right;
  font-weight:  bold;
  color:        #fff;
  font-family:  verdana, arial, sans-serif;
  font-size:    12px;
}

#header {
  position:    relative;	
  top:         -15px;
  margin-left: 8px;
  width:       100%;
}

#header menu {
  position: relative;
  top:      10px;
  left:     0px;
  width:    635px;
}

#spinner {	
  width:       100%;	
  margin:   0 auto;
  text-align: left;
}
.message{
  color:       #fff;
  font-weight: bolder;
  background-color: red;
}



#content {
  margin-top:      10px;
  position :       relative;
  color:           #000;
  font-family:     verdana, arial, sans-serif;
  font-size:       12px;
  text-decoration: none;
  margin-left:     10px;
}

/* blue-box */
.rbroundbox-blue { color: #ffffff; background: url('../images/corner/blue/nt.gif') repeat; }
.rbtop-blue div { background: url('../images/corner/blue/tl.gif') no-repeat top left; }
.rbtop-blue { background: url('../images/corner/blue/tr.gif') no-repeat top right; }
.rbbot-blue div { background: url('../images/corner/blue/bl.gif') no-repeat bottom left; }
.rbbot-blue { background: url('../images/corner/blue/br.gif') no-repeat bottom right; }
/* height and width stuff, width not really nessisary. */
.rbtop-blue div, .rbtop-blue, .rbbot-blue div, .rbbot-blue {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent-blue { margin: 0 7px; }

/* green-box */
.rbroundbox-green { color: #ffffff; background: url('../images/corner/green/nt.gif') repeat; }
.rbtop-green div { background: url('../images/corner/green/tl.gif') no-repeat top left; }
.rbtop-green { background: url('../images/corner/green/tr.gif') no-repeat top right; }
.rbbot-green div { background: url('../images/corner/green/bl.gif') no-repeat bottom left; }
.rbbot-green { background: url('../images/corner/green/br.gif') no-repeat bottom right; }
/* height and width stuff, width not really nessisary. */
.rbtop-green div, .rbtop-green, .rbbot-green div, .rbbot-green {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent-green { margin: 0 7px; }
.rbcontent-green a {
	color: #fff;
	padding: 2px;
	text-decoration: none;
}
.rbcontent-green a:hover {
	border: 1px solid #fff;
	padding: 1px;
	text-decoration: none;
}



#accommodation-container {
  position:        static;
  margin-left: 190px;
  top: 108px;	
}

.extra {
  top: 0px;
  position: inherit;
  background-color: #B9DCFF;
  border: solid 4px #AFD0F5;
  padding: 3px;
  width: 420px;	
}

#main-content {
  margin-top: 9px;	
  left: 185px;
}

#menu-content {	
  margin-top: 9px;	
  width: 180px;
  float: left;
}

.navhead {
  color: #fff;
  font-family: arial,verdana, arial, sans-serif;
  font-size: 19px;
}

.navtop {
  background-image: url('../images/navmenu_top.png'); 
  width:185px; 
  height: 50px;
  text-align: center;
}

.navmiddle {
  background-image: url('../images/navmenu_middle.png'); 
  text-align: left;
  padding-left: 40px;
}

.navbottom {
  background-image: url('../images/navmenu_bottom.png');
  width:185px;
  height:14px;
}

.navhead-admin {
  color: #fff;
  font-family: arial,verdana, arial, sans-serif;
  font-size: 19px;
}

.navtop-admin {
  background-image: url('../images/navmenu_top_red.png'); 
  width:185px; 
  height: 50px;
  text-align: center;
}

.navmiddle-admin {
  background-image: url('../images/navmenu_middle_red.png'); 
  text-align: left;
  padding-left: 40px;
}

.navbottom-admin {
  background-image: url('../images/navmenu_bottom_red.png');
  width:185px;
  height:14px;
}

.navhead-user {
  color: #fff;
  font-family: arial,verdana, arial, sans-serif;
  font-size: 19px;
}

.navtop-user {
  background-image: url('../images/navmenu_top_blue.png'); 
  width:185px; 
  height: 50px;
  text-align: center;
}

.navmiddle-user {
  background-image: url('../images/navmenu_middle_blue.png'); 
  text-align: left;
  padding-left: 40px;
}

.navbottom-user {
  background-image: url('../images/navmenu_bottom_blue.png');
  width:185px;
  height:14px;
}

#flash {
	   position:          relative;
       text-align:        center;
       padding:           10px 10px 10px 10px;
       width:             815px;
       border:            2px solid red;
       font-weight:       bold;
	   font-family:       verdana, arial, sans-serif;
       font-size:         13px;
	   color:             red;
	   margin:            0 auto;
}



a.login {
  color:            #fff;	
  text-decoration: none;
}

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


img.shot {
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
img {
  border: 0;
}

.logo {
 margin-top: -3px;
 margin-left: 4px;
}

#banners {
  text-align: right;
  right:      5px;
  top:        -20px;
  position:   relative;
  width:      100%;
}

#div_rss {
  text-align: right;
  font-size: 9px;
  height: 16px;
  font-family: verdana, arial, sans-serif;
}

#footer {	 
  bottom: 3px;
  font-size: 11px;
  color: red;
  width: 100%;
  position: static;
  height: 93px;
  background: transparent url('../images/city.png') left bottom repeat-x;
}



a.menu {
  text-decoration:  none;
  font-weight: bold;
  border: none;
  font-family: verdana, arial, sans-serif;
	font-size: 13px;
	color: #9e9ea5;
}

a.menu:hover{
  color: #00aff0;
	border-bottom: 1px #00aff0 solid;
}

a.menu:active{
  color: #00aff0;
}

a.navgreen:hover{
  background: url(../images/blue_square.png) no-repeat left;
  color: #00aff0;
  padding-left: 16px;
}

a.navgrey:active{
  background: url(../images/grey_square.png) no-repeat left;
  color: #9e9ea5;
  padding-left: 16px;
}

a.navgrey:hover{
  background: url(../images/blue_square.png) no-repeat left;
  color: #00aff0;
  padding-left: 16px;
}

a.navblue{
  background: url(../images/blue_square.png) no-repeat left;
  text-decoration: none;
  font-family: verdana, arial, sans-serif;
  font-size: 13px;
  color: #00aff0;
  padding-left: 16px;
  font-weight: bold;
}

a.navblue:hover{
  background:   url(../images/green_square.png) no-repeat left;
  color:        #8dc346;
  padding-left: 16px;
}

a.navgreen{
  background: url(../images/green_square.png) no-repeat left;
  text-decoration: none;
  font-family: verdana, arial, sans-serif;
  font-size: 13px;
  color: #8dc346;
  padding-left: 16px;
  font-weight: bold;
}

a.navred:hover{
  background:   url(../images/blue_square.png) no-repeat left;
  color:        #00aff0;
  padding-left: 16px;
}

a.navred:active{
  background:   url(../images/grey_square.png) no-repeat left;
  color:        #9e9ea5;
  padding-left: 16px;
}

a.navred{
  background:      url(../images/red_square.png) no-repeat left;
  text-decoration: none;
  font-family:     verdana, arial, sans-serif;
  font-size:       13px;
  color:           #FF001D;
  padding-left:    16px;
  font-weight:     bold;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #fff;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}