/* 
Theme Name: #1 Naturom Spa Cottage
Theme URL: http://www.naturomspacottage.com
Author: Aaron Beaudoin
Author URL: http://www.abovethefold.ca
*/

html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

body {
	text-align: left;
	margin: 0px 0px 0px 0px;
	background-image: url(images/background_light.gif);
	background-repeat: repeat;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
}

h1 {
	margin:0;
	padding:20px 0 10px 10px;
	font-style:italic;
	color:#990000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 25px;
	line-height: 25px;
}

h2 {
	margin:0;
	padding:0 0 10px 10px;
	font-style:italic;
	color:#999999;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 18px;
}

h3 {
	margin:0;
	padding:0 0 10px 0;
	color:#AE8F41;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 14px;
}

a {
	text-decoration:underline;
	color:#754725;
}
a:hover {
	color:#000000;
	text-decoration: underline;
}

#wrapper {
	postion: relative;
	text-align: left;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-color: #FFFFFF;
}
	
#hdr {
	height:150px;
	width: 770px;
	background: url(images/weblogo.jpg);
	behavior: url(iepngfix.htc);
	margin-left: 5px;
	margin-right: 5px;
}

#hdr h1 {
	font-size:1px;
	text-indent:-5000em;
	width:780px;
	height:118px;
	margin: 0px;
	padding:0;
}

p {
	margin:0 0 15px 10px;
	padding:0 10px 0 0;
	color:#555;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 22px;
}

p.small {
margin:0 0 15px 10px;
padding:0 10px 0 0;
font:10px/12px Verdana, Helvetica, Arial, sans-serif;
color:#46525a;
}

a {
color:#CCCCCC;
text-decoration:none;
}

ul {
margin:0;
padding:0 10px 20px 30px;
}

ul li {
	margin:0;
	padding:0;
	color:#4D523F;
	list-style:disc;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 22px;
}

.breaker {
	clear: both;
	width: 425px;
	height: 1px;
	border-bottom: 1px dotted #DFDFD8;
	padding-bottom: 20px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
}

.breaker2 {
	clear: both;
	width: 97%;
	height: 1px;
	border-bottom: 1px dotted #DFDFD8;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	padding-right: 0px;
	padding-left: 10px;
}

.slideshow {
	margin-top: 10px;
	margin-bottom: 5px;
}

.prop {
    height:50px;
    float:right;
    width:1px;
  }

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

#content {
	width: 780px;
	min-height: 500px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: url(images/cnt_bg.gif) repeat-y;
}

/* sidebar */
#sidebar {
	width: 225px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
	float: left;
	text-align: left;
	margin: 0px;
	font-weight: bold;
}

#ltNav {
	left: 0px;
	top: 0px;
	width: 200px;
	padding: 10px;
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, sans-serif;
}
#ltNav h3 {
	font: 10px "Lucida Grande", Verdana, sans-serif;
	color: #CCCCCC;
	padding-bottom: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#ltNav dl {
	margin: 0px 0px 20px;
	padding: 0px;
}
#ltNav dt a {
	display: block;
	padding: 3px 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9E0F14;
}
#ltNav dt a:hover {
	color: #CCCCCC;
	background-color: #910505;
}

/* main */
#main {
	width: 460px;
	min-height: 500px;
	float: left;
	display: inline;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#main form p {
	margin: 15px;
}

#main .photoblock {			/* Basic block, inline, w/caption fonts. */
  font-size: 10px;
  color: #888888;
  margin-right: 10px;
  display: inline-block;
}

#main .photoblock-left {		/* A photo block on the left */
  margin: 0 10px 10px -4px;
  font-size: 10px;
  color: #888888;
  float: left;
}
#main .post-body .photoblock-left a {
  color: #555555;
  background-image: none;
  text-decoration: underline;
}

#main .photoblock-right {		/* Photo block on the.. gasp.. right */
  margin: 0px 0px 10px 10px;
  font-size: 10px;
  color: #888888;
  float: right;
  text-align: right;
}
#main .post-body .photoblock-right a {
  color: #555555;
  background-image: none;
  text-decoration: underline;
}

#main .photoborder {           /* Apply to an image to give it a border */
  border: 1px solid #ccc;
  padding: 1px;
}
#main a:hover .photoborder {
   border: 1px solid #888;
}

#main .photoblock-many {		/* A general full-width photo block (that clears), for many thumbnails */
	clear: both;
	width: 100%;
	text-align: center;
	font-size: 10px;
	color: #888888;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: -4px;
	padding-bottom: 20px;
}
#main .photoblock-many a {		/* (Need clear links in the photo block) */
   background: white;
}

#main .photoborder-right {		/* A photo with a border on the right */
   border: 1px solid #ccc;
   padding: 1px;
   margin: 0px 0px 10px 10px;
   float: right;
}

#main .photo {			/* A normal photo */
  padding: 3px;
  vertical-align: middle;
}

#nav{
	background-color: #31342B;
}

#nav ul{
	margin: 0;
	padding: 0;
	width: 780px;
	height: 35px;
	text-align: center;
	list-style-type: none;
}

#nav li{
	margin: 0;
	padding: 0;
	display: inline;
	font-family: verdana, arial, helvetica, "san serif";
	font-size: 12px;
	line-height: 35px;
	color: #999999;
}

#nav a, #nav a:link, #nav a:visited, #nav a:active{
	margin: 0;
	padding: 10px 7px;
	color: #999999;
	text-decoration: none;
}

#nav a:hover{
	margin: 0;
	display: inline;
	color: #C5E8FD;
	text-decoration: none;
	border: none;
}
.thumbnail{
	margin-bottom: 10px;
	border: 1px solid #754725;
	float: left;
	margin-right: 5px;
	}
	
#wrap{
	width:402px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 10px;
}

#spacer {
	height: 30px;
	width: 734px;
	padding: 0px;
	background-color: #754725;
	margin-top: 0px;
	margin-bottom: 10px;
}

#spacer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #262626;
	text-align: center;
	margin: 4px 0px 5px 0px;
}

#banner {
	clear: both;
	display: block;
	line-height: 6px;
	padding-bottom: 0px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: white;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#banner img, #banner object {
	float: none;
	padding: 0;
	display: block;
	margin-top: 0;
	margin-bottom: 0;
}
#banner p {
	margin: 0px;
}

#banner2 {
	clear: both;
	display: block;
	line-height: 6px;
	margin: 0px 0px 0px 0px;
	padding-bottom: 0px;
	border-bottom: 5px solid black;
}
#banner2 img, #banner2 object {
	float: none;
	margin: 0;
	padding: 0;
	display: block;
}
#banner2 p {
	margin: 0px;
}

#ftrspacer {
	clear: both;
	height: 20px;
	padding: 0px;
	background-color: #444638;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
	
#FlashCenter {
	margin-top: 5px;
	margin-bottom: 7px;
}

#ftr {
	clear: both;
	height: 90px;
	padding-top: 15px;
	text-align: right;
	font-family: verdana, arial, helvetica, "san serif";
	background-color: #6B0408;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: white;
	padding-right: 5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}

#ftr p {
	font-size: 9px;
	line-height: 18px;
	color: #999999;
}

#ftr a {
	border: none;
	color: #CCCCCC;
}

#ftr a:hover {
	color:#CCCCCC;
}

.listTable {
	margin-top: 0px;
	margin-bottom: 30px;
	font-size: 0.9em;
}
.listTable tr:hover {
	background: #f9f9f9;
}
.listTable th {
	border-bottom: 1px dashed #DFDFD0;
	text-align: left;
}
.listTable td {
	border-bottom: 1px dashed #DFDFD0;
}

.floatLeft {
	float: left;
}

.feat {
	text-align: center;
	margin-bottom: 5px;
}
.feat acronym {
	letter-spacing: 5px;
	display: block;
	margin-bottom: 4px;
	margin-top: 4px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 9px;
}
.feat a {
	display: block;
	margin-bottom: 0px;
}
.feat object {
	margin-bottom: 10px;
}
.feat img {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
}

.FlashCenter {
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-left: 7px;
}
.imgLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 10px;
	border: 1px dotted #DFDFD8;
}
.imgCenter {
	margin-right: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 13px;
}

.thumbLeft {
	float: left;
	margin-right: 15px;
	margin-bottom: 7px;
	margin-top: 5px;
}
.thumbCenter {
	margin: 0px 5px 5px 5px;
	border: 1px dotted #0C3165;
}

.logoCenter {
	margin: 0px 5px 5px 5px;
}

ul.toolbar {
	margin: 5px 0px 20px;
	clear: both;
	padding: 4px 0px 5px;
	font-size: 0.9em;
	text-align: right;
	border-bottom: 1px dashed #D9D9D0;
	height: 13px;
}
ul.toolbar li {
	display: inline;
}
ul.toolbar li a {
	float: right;
	border: none;
}

ul.toolbar li a:hover {
	color: #C1C2C4;
	border-color: #C1C2C4;
}


.floatLeft {
	float: left;
}

div.clear {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}

.listDiv {
	margin-top: 5px;
	margin-bottom: 15px;
	min-height: 95px;
	height:auto !important;
	height:95px;
}
.list {
	display: block;
	background: url(/images/layout/bullet.gif) no-repeat 0px 1px;
	line-height: 1.2em;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 5px;
	padding-left: 12px;
}

.guestserve {
	text-align: center;
}

.guestserve2 {
	margin-left: 30px;
}

.pgtitle {
	margin: 5px 0px 5px 0px;
}

.map {
	margin: 5px 0px 5px 0px;
	border: 1px solid #754725;
}

td
	{font-size: 9pt; font-family: verdana, arial; color: #000000; }
	
	.box1
	{background-image: url(images/box-season.jpg);}

.thumbnail{
	margin-bottom: 10px;
	float: left;
	margin-right: 5px;
	}
	
#wrap{
	width:475px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 10px;
	margin-left: 0px;
}