body
{
	margin:0 px;
	padding: 0px;
	background: #fff url('images/lattice.gif');
	font: 10pt tahoma,arial,helvetica;
	color: #022842;
	text-align:center;
}

#container
{
	margin:10px auto;
	width:775px;
	background: #83bce2;
	border:5px solid #05568c;
}

#tourcontainer
{
	width: 350px;
	padding: 5px;
	margin:10px auto;
        background: #fff url('images/rainbowstrip.gif') repeat-x;
        border:5px solid #05568c;
}

#mapcontainer
{
        width: 600px;
        padding: 5px;
        margin:10px auto;
        background: #fff url('images/rainbowstrip.gif') repeat-x;
        border:5px solid #05568c;
}


#north
{
	width:775px;
	height:266px;
	background: #83bce2 url('images/rainbowstrip.gif') repeat-x;
}

#northeast
{
	width:256px;
	height:266px;
	background: #1476b7;
	float:right;
	text-align: center;
}

#northeastblock
{
	margin: 0px auto;
        padding: 5px;
	width: 175px;
        font: 15px Myriad,Arial,Helvetica,sans-serif;
        line-height: 1em;
        color:#fff;
        background: #05568c;
        vertical-align: center;		
}
#northspacer
{
	margin:0px;
	padding:0px;
	width: 350px;
	height: 91px;
	float:left;
	text-align: left;
}

#northspacer p
{
	
	margin: 10px 0 0 32px;
	padding: 5px 5px 5px 10px;
	border: 1px solid #000;
	font: 30px Myriad,Arial,Helvetica,sans-serif;
	font-weight: 900;
	line-height: 1em;
	color:#fff;
	background: #05568c;
	vertical-align: center;
}

#northeastspacer
{
	width:256px;
	height:90px;
	margin:0px;
	padding:0px;
}

#south
{
	width:775px;
	background: #83bce2 url('images/bluestripsouth2.gif') repeat-x;
}

#southeast
{
	width:256px;
	background: #1476b7;
	float:right;
}

/* pic divs */
#logopic
{
	margin:0px;
        padding:0px;
	border: 3px solid #fff;
        float: right;
}

#poolpic
{
	margin:0px;
	padding:0px;
	border:3px solid red;
	float: right;
}

#gazebopic
{
	margin:0px;
	padding:0px;
	border:3px solid yellow;
	float:left;
}

#frontpic
{
	margin:0px;
	padding:0px;
	border:3px solid blue;
	float:right;
}

#patiopic
{
	margin:0px;
	padding:0px;
	border:3px solid #61bc5e;
	float:left;
}

#frontwrapper
{
        margin:0px;
        padding:0px;
	width:260px;
        float:right;
}
/* colored blocks */
#redblock
{
	width:50px;
	height:50px;
	margin:0px;
	padding:0px;
	float:left;
	background: red;
}

#blueblock
{
        width:50px;
        height:50px;
        margin:0px;
        padding:0px;
        float:right;
        background: blue;
}

#yellowblock
{
        width:50px;
        height:50px;
        margin:0px;
        padding:0px;
        float:left;
        background: yellow;
}

/* navigation section */
#navcontainer
{
	width:245px;
	padding:5px;
	margin:0 0 0 0px;
}

#nav
{
	width:210px;
	padding:0px;
	margin: 0 0 0 27px;
	background:#fff url('images/rainbowstrip2.gif') no-repeat right bottom;
	font: 16px Myriad,Arial,Helvetica,sans-serif;
	text-align:left;
	border:3px solid #05568c;
}

#nav a
{
	margin:0px;
	display:block;
	font-weight:bold;
	padding:5px;
	background: #fff;
	text-decoration: none;
	color: #002842;
}

#nav p
{
	margin: 0px;
	padding: 5px;
	background: #05568c;
	color: #fff;
	font-weight: bold;
	border:1px solid #000;
	border-width:1px 0 1px 0;
}

#nav a:hover
{
	background: transparent;
	text-decoration: none;
	color:#999;
}


/* amenities */
#amenities
{
	clear:left;
	text-align:left;
	padding: 5px 0 0 0;
}

#amenities p
{
	font: 16px Myriad,Arial,Helvetica,sans-serif;
	font-weight: bold;
	margin: 0px 10px 0 15px;
	border: 1px solid #000;
	color:white;
	background: #002842;
	padding:5px;
}

#amenities ul li
{
	list-style:disc;
	list-style-image: url('images/yellowdot.gif');
	margin: 0px 5px 5px -5px;
	font-weight: bold;
	color: #fff;
}

#loco
{
	width:210px;
        padding:0px;
        margin: 0 0 0 27px;
}

#loco p
{
	display:block;
	padding:5px;
	margin: 5 0 0 0;
        border: 2px solid #000;
        font: 25px Myriad,Arial,Helvetica,sans-serif;
        font-weight: 900;
        line-height: 1em;
        color:#fff;
        background: #002842;
        vertical-align: center;
}

#writeup
{
	width:500px;
	margin:0px;
	padding:0px;
}

#writeup p
{
	font: 16px Myriad,Arial,Helvetica,sans-serif;
        text-align:justify;
	margin: 0px 5px 10px 27px;
	margin: 0px;
	padding: 0px 5px 10px 27px;
}

#location p
{
	display: block;
	font-weight: bold;
	text-align: left;
	color: #fff;
	margin:5px;
}

#location
{
	width:210px;
        margin: 5px 0 0 27px;
	color: #fff;
        background: #e80909;
        border: 3px solid #660404;
        padding: 0px;
}


#location p span.yellow
{
	color: #ff0;
	display: inline;
	border: 0;
	margin: 0;
	padding: 2px;
	background: #660404;
	text-transform:uppercase;
}

#footer
{
	clear:both;
}

#footer p
{
	font: 10px Myriad,Arial,Helvetica,sans-serif;	
	text-transform: uppercase;
}

#footer a
{
	color: #0b64a0;
	font-weight:bold;
}

#footer a:hover
{
	color: #5092bf;
}