@charset "UTF-8";
/* CSS Document */
html {
	height: 100%;
}
body {
	background-image: url(../1A_rice-paper-window-film.jpg);
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	height: 100%;
}
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:13px;
}
ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:13px;
}
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#F90403;
	font-size:13px;
}
img {
     max-width: 100%;
}
#header
{
	height: 50px;
	margin-bottom: 35px;
	min-width:520px;
}
#nav
{
	position:relative;
	float: left;
	width: 170px;
	height: auto;
	padding-bottom:10px;
}
#mainWrapper
{
	position:relative;
	left:-180px;
	margin-left:50%;
}
#logo {
	position:absolute;
	left:5px;
	top:0px;
	width:163px;
	height:187px;
	z-index:2;
}
#logo_nudge {
	position:absolute;
	left:5px;
	top:85px;
	width:163px;
	height:187px;
	z-index:2;
}
#leftCol
{	
	height:475px;
}
#content
{
	position:relative;
	margin: 0 8px 5px 175px;
	padding-bottom:10px;
	min-width:445px;
	height:auto;
}
#content_border
{
	position:relative;
	margin: 0 8px 5px 175px;
	padding-bottom:10px;
	min-width:445px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color: transparent #F27055 #F27055 #F27055;
}
#content_max
{
	position:relative;
	margin: 0 8px 5px 175px;
	padding-bottom:10px;
	min-width:520px;
	max-width:1280px;
	height:auto;
}
#content_max_appts
{
	position:relative;
	margin: 0 8px 5px 175px;
	padding-bottom:10px;
	min-width:550px;
	max-width:1280px;
	height:auto;
}
#middleCol
{
	height:auto;
	padding: 8px 50px 30px 50px;
}
#rightCol
{
	height:475px;
}
.arrow {
	position:relative;
	left:0px;
	top:185px;
	width:43px;
	height:auto;
}
.arrow2col {
	position:relative;
	left:0px;
	top:270px;
	width:43px;
	height:auto;
}
#contentSplash
{
	position:relative;
	margin: 0 5px 5px 5px;
	padding-bottom:50px;
}
#about {
	position:absolute;
	left:0px;
	top:0px;
	width:68px;
	height:20px;
	z-index:10;
}
#benefits {
	position:absolute;
	left:107px;
	top:0px;
	width:91px;
	height:21px;
	z-index:11;
}
#appts {
	position:absolute;
	left:232px;
	top:0px;
	width:152px;
	height:21px;
	z-index:12;
}
#contact {
	position:absolute;
	left:423px;
	top:0px;
	width:94px;
	height:21px;
	z-index:13;
}
#blog {
	position:absolute;
	left:555px;
	top:0px;
	width:51px;
	height:21px;
	z-index:14;
}
#aboutring {
	position:absolute;
	left:-3px;
	top:-6px;
	width:71px;
	height:69px;
	z-index:5;
	visibility: hidden;
}
#benering {
	position:absolute;
	left:115px;
	top:-6px;
	width:71px;
	height:69px;
	z-index:6;
	visibility: hidden;
}
#apptsring {
	position:absolute;
	left:271px;
	top:-6px;
	width:71px;
	height:69px;
	z-index:7;
	visibility: hidden;
}
#contactring {
	position:absolute;
	left:433px;
	top:-6px;
	width:71px;
	height:69px;
	z-index:8;
	visibility: hidden;
}
#blogring {
	position:absolute;
	left:545px;
	top:-6px;
	width:71px;
	height:69px;
	z-index:8;
	visibility: hidden;
}
#navWrapper {
	position:relative;
	left:-303.5px;
	top:5px;
	width:607px;
	height:21px;
	z-index:4;
	margin-left:50%;
}
#map-canvas {
		clear:both;
		position:absolute;
		left:-250px;
		top:95px;
        width: 500px;
        height: 400px;
		background-color: #CCC;
		z-index:11;
		margin-left:50%;
      }
#history
{
	clear: both;
	padding:0px 0px 0px 0px;
}
#footer
{
	clear: both;
	padding:15px 0px 0px 0px;
}
.icon-left
{
	padding:0 12px 7px 0;
}
.icon-right
{
	padding:0 0 7px 12px;
}
.copyright
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
}
#full01 {
	position:fixed;
	left:0; /*50%*/
	top:0; /*50%*/
	width:100%; /*1024px*/
	height:100%; /*768*/
	margin-top: 0px; /*(-384)set to a negative number 1/2 of your height*/
    margin-left: 0px; /*(-512)set to a negative number 1/2 of your width*/
	z-index:2;
	visibility:hidden;
	background: rgba(245, 245, 245, 0.55);
}
#fullContent {
	position:fixed;
	left:50%; /*50%*/
	top:0; /*50%*/
	width:800px; /*1024px*/
	height:600px; /*768*/
	margin-top: 0px; /*(-384)set to a negative number 1/2 of your height*/
    margin-left: -400px; /*(-512)set to a negative number 1/2 of your width*/
	z-index:2;
	visibility:hidden;
	background: rgba(245, 245, 245, 1.00);
}
/* ~~
.rates {
	min-width: 200px;
}
.choco {
	min-width: 500px;
}
~~ */
#choco {
	max-width: 710px;
	margin-top: 0px;
}
/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltrtAppt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 30px 0px 0px 8px;
}
.fltrtChoco {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: -20px 5px 0px 0px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty block element as the final element following the last floated block (within the .container) if the footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}