body {
	font-size: 101%;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

#header {
	background: url(assets/logo3.gif) no-repeat;
	margin-top: 0px;
	border-top: 4px solid #AA478A;
	height: 146px;
	width: 100%;
	position: absolute;
	z-index: 2;
	top: 0px;
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
	left: 0px;
}
/* menu selectors */
#menu {
	width: 180px;


}
#menuwrapper {
	position: relative;
	float: left;
	width: 180px;
	background-image: url(assets/gradient.jpg);
	background-repeat: no-repeat;
}


/* menu stuff */
/*Style Applied to the Sidebar Layer */
.navDiv {
	color : #663333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight: bold;
}

p.leftmargin   {
	margin-bottom : 12px;
	margin-top : 6px;
	margin-left : 10px;
	color: #003366;
	font-weight: normal;
}

.navDiv h1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	margin-left : 0px;
	margin-top : 0px
}

.navDiv h2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-top : 24px;
	color: #314F73;
	font-weight: bold;
}


/* main content selectors */
#content {
	margin: 10px 0 20px 10px;
	padding: 10px 20px 0;
	width: 570px;
	border-left-width: thin;
	border-left-style: dashed;
	border-left-color: #F3F3F3;
	position: absolute;
	left: 170px;
	top: 170px;
}
#design #content {
	width: 590px;
}
#content h1 {
	color: #005596;
	font: lighter 1.2em/130% Arial, Helvetica, sans-serif;
}
#content h2 {
	color: #005596;
	margin-bottom: 0px;
	margin-top: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 130%;
	font-weight: lighter;
}
#content h3  {
	color: #8C1A22;
	font-size: 1.1em;
}
#content p, #content ol, #content li {
	font: 0.76em/140% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
a:link, a:visited {
	color: #005596;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #C40732;
	text-decoration: none;
}

/* footer selectors */
#footer  {
	margin: 30px 0 10px 0;
	clear: both;

}
#footer table { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#footer p {
	font: .6em/130% Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 8px 0 1em 12px;
}
#footer a {
	text-decoration: none;
}


.bottom {
	border-bottom: 0;
}

#gradient {
	margin-top: 150px;
}
/*Styles Applied to Float Images left or right */
.imgfloatright {
	float : right;
	padding: 4px 0px 6px 10px;
}

.imgfloatleft {
	float : left;
	padding: 6px 10px 6px 0px;
}
#headerBG {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 100%;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	right: 0px;
	background-image: url(assets/headerBG35.jpg);
	background-repeat: repeat-y;
}

#invites {
	position: absolute;
	z-index: 4;
	width: 560px;
	left: auto;
	top: 112px;
	right: 4px;
}
#design #invites, #contact #invites {
	position: absolute;
	z-index: 4;
	width: 560px;
	left: auto;
	top: 80px;
	right: 4px;
}
#invites h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #A42129;
}
#plumeria {
	position: absolute;
	z-index: 4;
	left: 0px;
	top: 0px;
	right: 0px;
}

.bigger {
	font-size: 140%;
}
ul, li {

}

#services td img {
	padding-left: 8px;
	padding-right: 4px;
}
table.navbar {
   border-collapse: collapse;
}
table.navbar td a{
   display: block;
   width: 132px;
   padding: 3px;
   text-decoration: none;
}
table.navbar td a:link, table.navbar td a:visited {
   color: #9C2830;
}
table.navbar td a:hover, table.navbar td a:active {
	color: #003366;
	background-color: #E7DBB4;
}

.image1 {
	border: 2px outset #E1E1E1;
	margin: 5px;
}
a:hover .image1   {
	margin: 3px;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #BB3E3E;
	border-bottom-color: #BB3E3E;
	border-left-color: #D88D8D;
	border-top-color: #D88D8D;
}
.smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
}
.smaller {
	font-size: smaller;
}
/***********  Reservation Form ***************/
#content form table td {
	border: none;
	margin: 2px;
}

#content table td {
	font-family:Arial, Helvetica, sans-serif;
}
#home #content table td p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.87em;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px;
	}
#content #topform input{
   background-color: #F8EDF3;
   color: #663300;
   border: 1px solid #333333;
   display: block;
    !important;
}
#content #topform textarea{
	background-color: #F8EDF3;
	border: 1px solid #333333;
	color: #663300;
	font-size: 11px;
}
#content #topform select{
   background-color: #F8EDF3;
   border: 1px solid #333333;
}

/* Error Message and Thank You for Order Form */

#content #topform .buttonstyle{
   background-color: #294CA0;
   border:2px solid;
   border-top-color:#CCFFFF;
   border-left-color:#CCFFFF;
   border-right-color:#333333;
   border-bottom-color:#333333;
   color: #FFFFCC;
   font-weight: bold;
   padding: 2px;
}


/* Error Message and Thank You for Reservation Form */
#errormessage {
   background-color: #FFFFD9;
   border: 2px outset #000066;
   position: absolute;
   height: 200px;
   width: 380px;
   left: 100px;
   top: 100px;
   text-align: center;
   padding: 30px 16px 16px;
}
#errormessage.uhoh {
	font-size: 1.1em;
	color: #A42129;
}
#design #content #designtable b a:link, #design #content #designtable b a:visited {
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
	margin-top: 0px;
	background-color: #FFFFFF;
	font-size: .8em;
}
#design #content #designtable img {
	padding-top: 10px;
}

#design #content #designtable b a:hover, #design #content #designtable b a:active {
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
	color: #FFFFFF;
	background-color: #993300;
}
#spacer{
height: 900px;

width: 1px;
font-size: 1px; /* to make sure width is not overridden */
padding: 0;
margin: 0; /* visual effect only */
}