/* colors
blue: 0089B7
brown:5D5554
border: DDD5D2

note, may need to add an   at the end of the xboxcontent to get the border to completely appear -- not sure why this is, but remember it
*/
html, body 
{
	margin: 0;
	padding:0;
	text-align:center;
	min-width:720px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#5D5554;
	background-color:#5D5554;
	height:100%;
}
#centered 
{ 
	border: 0; 
	background-color: #5D5554; 
	height: 87%;
	overflow:visible;
	padding-top:8%;
}
/*#centered 
{ 
	border: 0; 
	background-color: #5D5554; 
	height: 50%; 
	width: 50%;
    position: absolute; 
	left: 25%; 
	top: 25%; 
	color: black; 
}
*/
#pageWrapper
{
	text-align:left;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	background-color:#5D5554;
	
}
#pageWrapperIE6
{
	text-align:left;
	width: 722px;
	margin-left: auto;
	margin-right: auto;
	background-color:#5D5554;
	
}
#pageWrapper2
{
	text-align:left;
	xwidth: 718px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
	padding-top:3px;
	xborder:1px solid red;
}
#header
{
	height:73px;
	width:718px;
	position: relative;
	top:0px;
	left:0px;
}	

#headerNav
{
	width:718px;
	height:73px;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
	text-align:center;
}	
#content
{
	width:718px;
	position:relative;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
}
	
#contentMain {
	width: 440px;
	min-height:450px;
	padding-right:0px;
	padding-left:0px;
	padding-top:7px;
	position:relative;
	top:0px;
	left:0px;
	padding-left:0px;
	margin: 0 0 0 272px;
	background-color:#FFFFFF;
}
#contentLeft {
	float: left;
	width:248px;
	min-height:420px;
	padding-top:9px;
	padding-left:13px;
	padding-right:10px;
	font-size:.9em;
	background-color:#FFFFFF;
}	
#contentAddress
{
	xbackground-image:url(images/home_address.jpg);
	background-color:#FFFFFF;
	width:435px;
	height:100%;
	padding-top:10px;
	
}
#contentAddress2
{
	height:100%;
	font-weight:normal;
	background-color:#DDD5D2;
	text-align:center;
	padding-top:24px;
	color:#5D5554;
	padding-bottom:24px;
	font-size:.95em;
}
#contentInterior
{
	background-image:url(images/gradient_bkg.jpg);
	
	background-repeat:repeat-y;
	position:relative;
}	
#contentFloorPlan
{
	
	position:relative;
	height:100%;
	padding-top:9px;
	padding-left:13px;
	padding-right:13px;
	padding-bottom:4px;
}	
#footer {
	clear:both;
	text-align:center;
	background-color:transparent;
	xborder-top:1px solid black;
	height:3px;
	z-index:1;
}
#footerNotch
{
	background-color: #5D5554; 
	height:11px;
	width:720px;
	border-right:2px solid #5D5554;
	xborder:1px solid blue;
	position:relative;
	top:0px;
	left:0px;
	xz-index:1;
}	
#footerNotchAdjusterHome
{
	position:relative;
	left:120px;
	top:-23px;
	height:11px;
	width:34px;
	z-index:10;
	backgound-color:#FFFFFF;
	
}	
#footerNotchAdjuster
{
	background-color: transparent; 
	position:relative;
	left:365px;
	top:-23px;
	height:11px;
	width:34px;
	z-index:10;
}	
#footerBorder
{
	background-color: #5D5554; 
	position:relative;
	top:-11px;
	left:0px;
	z-index:2;
}	
#footerBorderIE6
{
	background-color: #5D5554; 
	position:relative;
	top:-43px;
	left:0px;
	z-index:1;
}
/* navigation */
#navWrapper
{
	position:relative;
	top:0px;
	left:0px;
	border:1px solid red;
}	
#navOff
{ 
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	visibility:visible;
	border:1px solid blue;
}	
#navHomeOn
{ 
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	visibility:hidden;
}	

#homeCopy
{
	padding-top:20px;
	padding-left:25px;
	padding-right:22px;
	min-height:404px;
}	

.addressCarat
{
	color:#FFFFFF;
	font-weight:bold;
	font-size:.9em;
}	
/* floor plans */
#fpWrapper
{
	height:475px;
	xborder:1px solid red;
	background-image:url(images/gradient_bkg.jpg);
	background-repeat:repeat-y;
}
#fpImgWrapper
{
	position: absolute;
	top:22px;
	left:30px;
	width:350px;
}
#fpCopyWrapper
{
	position:absolute;
	top:270px;
	left:30px;
	padding-left:10px;
	padding-right:10px;
	widows:350px;
	height:250px;
}

.fpCopyFirst
{
	position:absolute;
	top:0px;
	left:10px;
	display:block;
	visibility:visible;
	width:250px;
	overflow:hidden;

}	
.fpCopy
{
	position:absolute;
	top:0px;
	left:10px;
	display:none;
	visibility:hidden;
	width:250px;

}
#fpPlanWrapper{
	position:absolute;
	top:20px;
	left:378px;
}
#fppdfIcon
{
	position:absolute;
	top:400px;
	left:580px;
	text-align:center;
}
/* rates*/
#ratesLeft
{
	float:left;
	width:200px;
	padding-top:20px;
	padding-left:20px;
	padding-right:10px;
	min-height:400px;
}
#ratesMain	
{
	margin:0 0 0 250px;
	width:400px;
	padding-top:20px;
	height:100%;
	padding-bottom:20px;
}	
#ratesMainCopy	
{
	width:410px;
	padding-left:20px;
	border-left:1px solid #DDD5D2;
}
#contactMain	
{
	margin:0 0 0 250px;
	width:400px;
	padding-top:20px;
	min-height:375px;
	padding-bottom:20px;
}
#contactMainCopy
{
	width:410px;
	padding-left:20px;
	border-left:1px solid #DDD5D2;
}
#intWrapper
{
	height:100%;
	xborder:1px solid red;
	background-image:url(images/gradient_bkg.jpg);
	background-repeat:repeat-y;
}
#easteregg
{
	position:relative;
	top:-150px;
	left:10px;
	display:none;
	visibility:hidden;
}	
#messageBox
{
	position:absolute;
	top:120px;
	left:650px;
	width:250px;
	background-color:#CCCCCC;
	color:#FFFFFF;
	padding:10px;
	border:1px solid black;
	z-index:9999;
	font-size:8pt;
	font-weight:bold;
}
#cameraWrapper
{
	position: relative;
	bottom:30px;
	right:225px;
}
#camera
{
	position: absolute;
	top:0px;
	left:0px;
}
p,td,th 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4;
}

h1
{
	font-size:larger;
	color:#0089B7;
}	
h2
{
	font-size:large;
	color:#0089B7;
}
h3
{
	font-size:medium;
	color:#0089B7;
	margin-bottom: 3px;
	padding-bottom:3px;
}
.blueLarge
{
	font-size:large;
	color: #0089B7;
}
.blue
{
	color: #0089B7;
}
.blueMedium
{
	font-size:medium;
	color: #0089B7;
}		
.reqField
{
	color:#FF0000;
}	
.Header
{
	font-size:14px;
	font-weight:bold;
}	
.spacer10
{
	height:10px;
}	

/* for the rounded borders */
#xsnazzy h1, #xsnazzy h2,#xsnazzy p {margin:0 0px; xletter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
/* #xsnazzy p {padding-bottom:0.5em;}*/
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #DDD5D2; border-right:1px solid #DDD5D2;}
.xb1 {margin:0 5px; background:#DDD5D2;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

/* home page for address with tan background */
/* interior pages with the gradient background */
.xb1hm, .xb2hm, .xb3hm, .xb4hm {display:block; overflow:hidden;}
.xb1hm, .xb2hm, .xb3hm {height:1px;}
.xb2hm, .xb3hm, .xb4hm {background:#fff; border-left:1px solid #DDD5D2; border-right:1px solid #DDD5D2;background-color:#DDD5D2;
	background-repeat:repeat-y;}
.xb1hm {margin:0 5px; background:#DDD5D2;}
.xb2hm {margin:0 3px; border-width:0 2px;}
.xb3hm {margin:0 2px;}
.xb4hm {height:2px; margin:0 1px;}

/* interior pages with the gradient background */
.xb1int, .xb2int, .xb3int, .xb4int {display:block; overflow:hidden;}
.xb1int, .xb2int, .xb3int {height:1px;}
.xb2int, .xb3int, .xb4int {background:#fff; border-left:1px solid #DDD5D2; border-right:1px solid #DDD5D2;background-image:url(images/gradient_bkg.jpg);
	background-repeat:repeat-y;}
.xb1int {margin:0 5px; background:#DDD5D2;}
.xb2int {margin:0 3px; border-width:0 2px;}
.xb3int {margin:0 2px;}
.xb4int {height:2px; margin:0 1px;}


.xboxcontent {display:block; background:#fff; border:0 solid #DDD5D2; border-width:0 1px; }

/* form elements */
#loginButton
{
	font-size:10px;
	border:1px solid #666666;
	padding:0px;
}
.signupButton
{
	font-size:12px;
	border:1px solid #666666;
	padding:0px;
}
.topNavField
{
	font-size:10px;
	border:1px solid #666666;
	padding-left:3px;
}
.generalButton
{
	font-size:12px;
	border:1px solid #666666;
	padding:0px;
}
/* end form elements */

/* site links */
/* unvisited links */ 
A:link 				
{
	color: #999999;
	text-decoration: none;
}
/* visited links */ 
A:visited 
{
	color: #999999;
	text-decoration: none;
}		
/* user hovers */ 
A:hover 
{
	color: #999999;
	text-decoration: none;
	border-bottom:1px dotted #CCCCCC;
}
/* active links */			 
A:active
{
	color: #999999;
	text-decoration: none;
}