body {font-family:  Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif !important;
      font-size:11px;
      margin:0px; padding:0px;
      background-color:#FFf;
      background-repeat:no-repeat;
	  text-align:center;
      }


img   {border:0px}

h1            {font-size:15px;margin-bottom:0px;}
h2            {font-size:14px;margin-bottom:0px;}
h3            {font-size:13px;}


p		{margin:.5em 0 }

#everything {
  width:825px;
  color:#006;
  
  margin-left:auto;
  margin-right:auto;
 text-align:left;
  background-image:url(/images/bigone4.PNG);
        background-repeat:no-repeat;
  }




#top    {
  width:100%;
  height:150px;
  border-right:1px solid #050543;
  border-left:1px solid #050543;
}
     
#contentarea {
  width:100%;
  border-right:1px solid #050543;
  border-left:1px solid #050543;
  background-color:#FFF
   text-align:left;
   
}
      
	#navbar {
	  float:left;
	  position:relative;
	  top:-35px;
	  font-weight:bold;
	  color:#FFF;
	  width:163px;
	}
	         
	#navbar ul {
	  list-style:none;
	  text-transform: none;
	  padding-left:2em;
          FONT: 12px tahoma;
	  margin-left:0.5em;
	  line-height:120%;
	  list-style-image:url(/images/nav-ears.gif)
	}
	
	#navbar li:hover{
	   list-style-image:url(/images/nav-ears.gif)
	}


	#navbar a {
	  display:inline-block;
	  width:100%;
	  color:#FFF;
	  text-decoration:none;
	}
	         
	#navbar li a:hover {
	/*  color:#999900;
	   background-color:#050543; 
	 list-style-image:url(/images/nav-ears-hover.gif); */
	 color:#330066;
         font-weight:bold;
	 background-image:url(/images/stars1.gif);
	}
	
	
	
	
	
	#content {

	  margin-left:1em;
	  float:left;
	  width:480px;
	 text-align:left;
	}
	
	#sidebar {
		float:left;
	  width:135px;
	  border-left:1px solid #017efe;
	  padding-left:1em;
	  margin-left:1em;
	  margin-top:4em;
	  font-size:10px;
	   text-align:left;
	  font-weight:bold;
	}
	
	#sidebar ul {
	  margin-top:0px;
	  padding-left:0.5em;
	  margin-left:0.5em;
	}
	
	  .weekend {background-color:#cc99ff;}
	



#footer {
  width:100%;
  color:#FFF;
  background-color:#050543;
 text-align:left;
	border-left:1px solid #017efe;
}




.ratestable {background-color:#ffffFF; color:#008; border-collapse:collapse; width:100%;}
.ratestable th {border:1px solid #008; text-align:center}
.ratestable td {border:1px solid #008; text-align:center}


.bookingColumn { 
  float:left;
  width:220px;
  padding-right:20px;
}
.bookingColumn h2 { 
  color:#050543;
}


#contactblobs {list-style:none}
#contactblobs img {vertical-align:middle}

#bookingform dt {display:inline; position:absolute;}
#bookingform dd {display:inline; position:relative; left:120px}

.pricebox {
  width:220px;
  height:127px;
  background-image:url(/images/pricebox.png);
 float:left;
}
.pricebox h2 {
  margin-left:30px;
  margin-top:14px;
  color:#fff;
}
.pricebox div {
  float:right;
  color:#F00;
  font-weight:bold;
  font-size:200%;
  padding-right:20px;
}
.pricebox p {
  margin-left:15px;
  padding-top:10px;
}
.pricebox em {
  font-size:80%;
}



/* These styles are for the rentcalendar table  */

.marcoprincipal
{
    WIDTH: 100%;
    HEIGHT: 0%
}

.f
{
    BORDER-RIGHT: #aaaaaa 1px;
    BORDER-TOP: #aaaaaa 1px;
    FONT: 10px Arial;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #aaaaaa 1px;
    BORDER-BOTTOM: #aaaaaa 1px;
    BACKGROUND-COLOR: #eef5ff;
    TEXT-ALIGN: center
}

.text
{
 FONT-SIZE: 12px; BACKGROUND-COLOR: #fff; 
}
.cf
{
    BORDER-RIGHT: #aaaaaa 1px;
    BORDER-TOP: #aaaaaa 1px;
    FONT: 10px Arial;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #aaaaaa 1px;
    BORDER-BOTTOM: #aaaaaa 1px;
    TEXT-ALIGN: center
}
.b
{
    BORDER-RIGHT: #aaaaaa 1px;
    BORDER-TOP: #aaaaaa 1px;
    FONT: 10px Arial;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #aaaaaa 1px;
    BORDER-BOTTOM: #aaaaaa 1px;
    BACKGROUND-COLOR: #ff9966;
    TEXT-ALIGN: center
}
.p
{
    BORDER-RIGHT: #aaaaaa 1px;
    BORDER-TOP: #aaaaaa 1px;
    FONT: 10px Arial;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #aaaaaa 1px;
    BORDER-BOTTOM: #aaaaaa 1px;
    BACKGROUND-COLOR: #ffcc33;
    TEXT-ALIGN: center;
}

.dow1
{
    BORDER-RIGHT: #aaaaaa 1px;
    BORDER-TOP: #aaaaaa 1px;
    FONT: 10px Arial, Helvetica, sans-serif;
    BORDER-LEFT: #aaaaaa 1px;
    WIDTH: 15%;
    BORDER-BOTTOM: #aaaaaa 1px;
    BACKGROUND-COLOR: #ddc;
    TEXT-ALIGN: center
}

.dow2
{
    BORDER-RIGHT: #aaaaaa 1px;
    BORDER-TOP: #aaaaaa 1px;
    FONT: 10px Arial, Helvetica, sans-serif;
    BORDER-LEFT: #aaaaaa 1px;
    WIDTH: 14%;
    BORDER-BOTTOM: #aaaaaa 1px;
    BACKGROUND-COLOR: #ccc;
    TEXT-ALIGN: center
}
.m
{
   
    WIDTH: 100%;
   BORDER-RIGHT: #aaa 1px solid; 
   BORDER-TOP: #aaa 1px solid; 
   BORDER-LEFT: #aaa 1px solid; 
   BORDER-BOTTOM: #aaa 1px solid; 
   
}
.mb
{
    FONT-SIZE: 12px;
    COLOR: #fff;
    BACKGROUND-COLOR: #047ffc
}


<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: 11px Trebuchet MS, Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;

}


.ubercolortabs a{
float: left;
color: white;
background: #3399cc url(/css/img/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 1px 0 0;
padding: 0 0 1px 1px;
text-decoration: none;
letter-spacing: 0px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(/css/img/roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #000066; /*background color of tabs onMouseover*/
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0;
width: 100%;
height: 2px;
line-height: 5px;
background: #000066; /*background color of horizontal line*/
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

</style>










<style type="text/css">

.commentbox{
background-color: #ececec;
width: 450px;
padding: 10px;
}

.commentfooter{
background: url(/css/img/arrow.gif) 20px 0 no-repeat; /*20px 0 equals 
horizontal and vertical position of arrow. Adjust as desired (ie: 20px 
-5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}


















<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>