body {font-family: Tahoma, Geneva, sans-serif;
	color: #656565;
	background: url(/images/Background.gif);
	background-color: #d6f2f6;
	background-repeat: repeat-x;
	margin-bottom: 0;
	padding-bottom: 0;}

h1 {font-size: 24px;
	color: #383838;
	font-family: 'Palatino Linotype' , 'Book Antiqua' , Palatino, serif;
	line-height: 1.1em; font-weight: normal;}
	
h2 { font-size: 16px; color: #747474; font-weight: normal; }

h3 {font-size: 14px; color: #747474; font-weight: normal;}
	
h4 {font-size: 10px;
	font-weight: bold;}
	
a:visited, a:active, a:link {color: #656565;}
	
a:hover {color: Black;}

h1, h2 {margin: 0 0 15px 0}
p, h3, h4, ol, ul {padding-bottom: 10px; margin-top: 0;}
p
{color: #606060;}

/*----------------------------------- Every Page --------------------------------*/
#pageWrapper
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}
#contentWrapper
{
	width: 920px;
	min-height: 400px;
	clear: both;
	padding: 35px 20px 0 20px;
	line-height: 1.6em;
	color: black;
	font-size: 12px;
}
.topBox
{width: 100%; text-align: center; margin-bottom: 15px}
.topBox h2
{font-size: 12px; padding: 0; color: #656565; width: 100%; background: url(/images/boxes_bg_02.png) repeat-y;
                margin: 0 auto 15px auto; border: solid 1px #c9e8eb; clear: both}
.halfColRight, .halfColLeft
{ width: 440px;}
.halfColRight img ,.halfColLeft img
{margin-bottom: 10px}
.halfColLeft
{float: left}
.halfColRight
{float: right}
img.halfColTitle 
{clear: both}
.halfColLeft .photo
{float: right}
.halfColRight .photo
{float: left}

p.clear
{clear: both; margin: 0; padding: 0}
/*----------------------------------- Header --------------------------------*/
#Header
{
	width: 100%;
	height: 100px;
	clear: both;}
	
.cristalLogo
{width: 350px; float: left; margin: 10px 0 0 10px; border: none}
#emailPhone
{float: right; width: 350px; text-align: right; margin: 16px 10px 0 0; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
#emailPhone h2
{margin: 0 0}

/*----------------------------------- Navigation --------------------------------*/
#mainNav
{
	clear: both;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
#mainNav li
{
	display: inline;
	text-align: center;
	padding: 0 13px 0 12px;
	font-size: 14px;
	font-weight:bold;
	border-right: solid 1px #7ac3ce;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}
#mainNav li.lastItem { border-right: none; }
#mainNav li a
{text-decoration: none; padding-bottom: 8px;}
#mainNav li a:hover, #mainNav li a.current
{background: url(/images/navHighlight.png) bottom center no-repeat; color: Black;}



/*----------------------------------- Footer --------------------------------*/
#Footer
{
	margin: 10px 0 15px 0;
	padding: 0 0 10px 0;
	clear: both;
	text-align: center;
	font-size: .75em;
}
#footerLinks div
{
	width: 115px;
	float: left;
	padding: 23px 8px 0 8px;
}

#footerLinks
{padding: 20px 0 20px 0;}


#footerLinks img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#Footer ul { padding: 0; margin: 0; list-style-type: none; }
#Footer li { border-right: solid 1px black; padding: 0 12px 0 10px; display: inline; }
#Footer .last { border-right: none; }
#footerLinks .downloadBrochure
{ width: 120px; height: 75px; padding: 10px 0 0 0; margin: 0 0 0 10px}
#footerLinks .hamptonRealty {width: 150px;}
#footerLinks .facebook img
{margin-top: 8px}
#footerLinks .linkedIn
{margin-top: 7px}
#footerLinks .titleAndEscrow
{padding-top: 10px}

#footerLinks .titleAndEscrow p
{font-size: 10px; text-align: center; margin: 2px 0 5px 0}
#footerLinks .sunriseVilla
{padding-top: 0px}    
#footerLinks img {border: none}       

/*----------------------------------- Default --------------------------------*/
.homeIntro
{width: 606px; margin-right:18px;}
.homeIntro p
{text-align: justify}
.homeButtons img
{border: none; float: left; margin:10px}
.homeButtons div
{width: 292px; float: right; background: url(/images/white_trans_bg.png) top left repeat;border: solid 1px White; margin: 0 0 10px 0; clear: both;}
.homeButtons a, .homeButtons h2
{margin-top: 15px}

/*----------------------------------- Activities --------------------------------*/
#activities
{
	width: 100%;
	margin-top: -10px;
}
#activities p
{
	font-weight: bold;
	font-size: 12px;
	line-height: 1.6em;
	color: #0182d8;
}
/*----------------------------------- Press Room --------------------------------*/
#pressRoom a:visited, #pressRoom a:active, #pressRoom a:link
{
	text-decoration: none;
	color: #0182d8;
}
#pressRoom a:hover
{
	color: Black;
}
#pressRoom .topBox h1
{line-height: 1.6em;  text-align: left}
#pressRoom .photo
{float: left; width: 25%; padding: 20px 20px 10px 0; margin-top: -15px}
.quotes
{width: 46%;  margin: 10px}
.quotes.right
{float: right}
.quotes.left
{float: left}

.quotes h2
{
	font-family: 'Palatino Linotype' , 'Book Antiqua' , Palatino, serif;
	color: #0182d8;
	margin: 0 0 10px 0;
}
.quotes span
{
	color: #656565;
	margin-left: 20px;
	font-style: italic;
	font-size: 13px;
}
.quoteBox
{
	background-color: #d7eef4;
}

/*----------------------------------- Master Plan --------------------------------*/
#masterPlanCycle
{width:800px; height: 494px; display: block; margin-left: auto; margin-right: auto; margin-top:0;}
#masterPlanCycle img
{height: 494px; width: 800px !important}
#nav
{ text-align: center; margin: 10px 0; }
#nav a
{font-size: 11px; padding: 0 5px; margin: 0 3px }
#nav .activeSlide
{background: #d7f2f6}
p.nextArrow
{float: right; margin: 250px 25px 0 0}
p.prevArrow
{float: left; margin: 250px 0 0 25px}
.galleryArrows img
{border: none}

/*----------------------------------- FAQ --------------------------------*/

div.v_show_hide h2, .activitiesList h3
{ background: White; padding: 4px 10px;  border: solid 1px #c9e8eb;  margin: 2px 0;}
div.v_show_hide h2
{ cursor: pointer }
div.v_show_hide h2 span
{color: #0182D8; font-weight: bold; }
div.v_show_hide div
{padding: 5px 10px 0 28px;}
div.v_show_hide h2 p
{margin: 0; padding: 0;}


/*----------------------------------- Request Info --------------------------------*/
#requestBox
{width: 370px; padding: 10px 40px 10px 10px; text-align: center; float: left}
#requestBox p
{text-align: left}