/* CENTURY PARK EAST - HOMEOWNERS ASSOCIATION */
body
{
  	background: url(../images/bg_pattern.gif);
	font-size: 10pt;
	font-family: arial, sans-serif;
  	margin: 0;
  	padding: 0;
	text-align: center;
}

img
{
	border: 0;
}

#page
{
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-top: 0 !important;
	//display: block;
	padding-top: 20px;
	text-align: left;
}

/* HEADERS */
h1
{
	font-weight: bold;
	font-size: 13pt;
	margin: 0 0 4px 0;
}

div.boxTop h1
{
	float: left;
	font-weight: normal;
	font-size: 19px;
	color: #b2b298;
	margin: 6px 0 0 6px;
	padding: 0;
}

h2
{
	font-weight: bold;
	font-size: 17px;
	margin: 15px 0 0 0;
}

h3
{
	font-weight: bold;
	font-size: 15px;
	margin: 15px 0 0 0;
}

h4
{
	font-weight: bold;
	font-size: 12px;
	margin: 15px 0 0 0;
}

p
{
	margin: 0;
	padding: 0;
}

/* HEADER */
div#header
{
	width: 763px;
	margin-left: 4px;
}

div#headerLeft
{
	width: 570px;
}

/* MAIN NAVIGATION */
ul#mainNavigation
{
	float: left;
	list-style: none;
	margin: 10px 0 5px 0;
	padding: 0 !important;
    padding-bottom: 4px;
}

ul#mainNavigation li
{
	float: left;
	height: 22px;
	padding: 0 3px 0 0;
	overflow: hidden;
}

html>body ul#mainNavigation li
{
	//height: auto;				/* IE7 FIX */
	//margin-bottom: 4px !important;
}

ul#mainNavigation a
{
	display: block;
	width: 92px;
	height: 0;
	text-decoration: none;
	text-align: center;
	padding: 22px 0 0 0;
	background: transparent url(../images/btn_mainNavigation.gif) no-repeat left top;
}

ul#mainNavigation li#naviAbout a          { background-position: 0 0; }
ul#mainNavigation li#naviAmenities a      { background-position: -96px 0; }
ul#mainNavigation li#naviLocation a       { background-position: -192px 0; }
ul#mainNavigation li#naviTour a           { background-position: -288px 0; }
ul#mainNavigation li#naviAvailability a   { background-position: -384px 0; }
ul#mainNavigation li#naviResidents a      { background-position: -480px 0; }

ul#mainNavigation li#naviAbout a:hover          { background-position: 0 -36px; }
ul#mainNavigation li#naviAmenities a:hover      { background-position: -96px -36px; }
ul#mainNavigation li#naviLocation a:hover       { background-position: -192px -36px; }
ul#mainNavigation li#naviTour a:hover           { background-position: -288px -36px; }
ul#mainNavigation li#naviAvailability a:hover   { background-position: -384px -36px; }
ul#mainNavigation li#naviResidents a:hover      { background-position: -480px -36px; }

ul#mainNavigation li.currentPage#naviAbout a         { background-position: 0 -36px; }
ul#mainNavigation li.currentPage#naviAmenities a     { background-position: -96px -36px; }
ul#mainNavigation li.currentPage#naviLocation a      { background-position: -192px -36px; }
ul#mainNavigation li.currentPage#naviTour a          { background-position: -288px -36px; }
ul#mainNavigation li.currentPage#naviAvailability a  { background-position: -384px -36px; }
ul#mainNavigation li.currentPage#naviResidents a     { background-position: -480px -36px; }

/* UTILITY LINKS */
ul#utility
{
	float: left;    
	list-style: none;
	margin: -8px 0 0 -175px !important;
	margin-left: -135px;
	overflow: hidden;
}

html>body ul#utility
{
	//margin-left: -135px !important;
}

ul#utility li
{
	float: left;
	height: 7px;
	line-height: 0.8em;
	margin: 0;
	overflow: hidden;
}

ul#utility li a:hover
{
	cursor: pointer;
}

ul#utility li a#utilityHome,
ul#utility li a#utilityContact
{
	display: block;
	height: 10px;
	padding-top: 7px;
}

ul#utility li a#utilityHome
{
	width: 34px;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px #928b5c solid;
	background: transparent url("../images/btn_home.gif") no-repeat top left;
}

html>body ul#utility li a#utilityHome
{
	background: transparent url("../images/btn_home.png") no-repeat top left;
}

ul#utility li a#utilityContact
{
	width: 72px;
	background: transparent url("../images/btn_contactus.gif") no-repeat top left;
}

html>body ul#utility li a#utilityContact
{
	background: transparent url("../images/btn_contactus.png") no-repeat top left;
}
	

/* LOGIN AREA */
div#loginResident
{
	position: absolute;
	width: 190px;
	height: 104px;
	margin: -104px 0 0 572px;
}

	/* login background for IE */
div#loginResidentBG		
{
	position: absolute;
	width: 190px;
	height: 104px;
	margin: -104px 0 0 574px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=/docroot/cpe/images/box_login.png);
}

html>body div#loginResidentBG
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod=crop, src=/docroot/cpe/images/box_login.png);
}
	/* end login background for IE */

html>body div#loginResident
{
	margin: -68px -5px 0 573px;
}

html>body div#loginResident
{
	background: transparent url(../images/box_login.png) no-repeat top left;
	//margin: -100px -5px 0 573px !important;
}

div#loginResident form
{
	float: left;
	margin-top: 32px;
}

div#loginResident form fieldset
{
	clear: both;
	float: left;
	margin-bottom: 3px !important;
	margin-bottom: 0;
	padding: 0 !important;
	border: 0;
}

div#loginResident label
{
	display: none;
}

div#loginResident form fieldset#loginName
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=/docroot/cpe/images/label_username.png);
}

html>body div#loginResident form fieldset#loginName
{
	background: transparent url("../images/label_username.png") no-repeat top left;
}

div#loginResident form fieldset#loginPassword
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=/docroot/cpe/images/label_password.png);
}

html>body div#loginResident form fieldset#loginPassword
{
	background: transparent url("../images/label_password.png") no-repeat top left;
}

div#loginResident form fieldset#loginName input,
div#loginResident form fieldset#loginPassword input
{
	display: block;
	width: 100px;
	margin-left: 70px;
	margin-top: 0;
	border: 1px #928b5c solid;
}

div#loginResident form fieldset#loginSubmit input
{
	margin: 4px 0 0 102px;
}

html>body div#loginResident form fieldset#loginSubmit input
{
	margin-left: 100px;
	//margin-top: 0 !important;
}

form#logout
{
	float: right;
	width: 72px;
	margin: -20px 0 0 0;
}

html>body form#logout
{
	margin: 16px 4px 0 0;
	//margin: -16px 0 0 0;
}

form#logout fieldset
{
	padding: 0;
	border: 0;
}

form#logout label
{
	display: none;
}

/* CONTENT */
div.content
{
	clear: both;
	float: left;
	width: 740px;
	border: 3px #fff solid;
	margin-top: -2px !important;
	padding: 7px 7px 100px 7px !important;
	padding-left: 5px;
	background: #82825c url("../images/logo_watermarkBG.gif") no-repeat bottom right;
}

html>body div.content
{
	//margin-top: 2px !important;
}

div.homepage
{
	background: #82825c url("../images/logo_watermarkBGlarge.gif") no-repeat bottom right !important;
	padding: 7px !important;
}

div#contentShadow0
{
	float: left;
	border: 2px #dfdfd1 solid;
	border-top: 0;
}

div#contentShadow1
{
	float: left;
	border: 2px #cfcfc2 solid;
	border-top: 0;
}

/* IMAGE ALIGNMENT */
p.floatLeft
{
	float: left;
}

p.floatCenter
{
	text-align: center;
}

p.floatRight
{
	float: right;
}

/* HOME PAGE */
img#homePageImage
{
	float: left;
	width: 420px;
	border: 3px #fff solid;
}

p#missionStatement
{
	margin: 0;
	padding: 0 0 0 20px;
}

p#missionStatement:first-line
{
	font-size: 14pt;
}

/* GENERAL SUBPAGE */
div.pageImage
{
	float: left;
	width: 210px;
	display: relative;
	margin: 30px 30px 0 10px;
}

div#subpageText,
div#contactPageContent
{
	float: left;
	width: 475px;
	color: #ecece4;
	padding: 30px 0 0 0;
}

div#subpageText ul
{
	width: 90%;
	list-style: url("../images/list_square.gif");
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}

div#subpageText ul li
{
	margin-left: 25px !important;
	margin-left: 30px;
	padding-left: 0;
}

div#subpageText p
{
	margin-bottom: 23px;
}

div#subpageText a,
div#contactPageContent a
{
	color: #ff6;
	text-decoration: none;
}

div#subpageText a:hover,
div#contactPageContent a:hover
{
	text-decoration: underline;
}

span.firstWord
{
	font-size: 30pt;
	font-family: times-new-roman, serif;
	line-height: 24pt;
}

html>body span.firstWord
{
	line-height: 11pt;
	//line-height: 24pt !important;
}

/* CONTACT US */
div#contactPageContent
{
	margin-left: 200px !important;
	margin-left: 100px;
}

p.addressBlock
{
	padding-left: 40px;
}

/* SLIDESHOW */
ul#slideshowNavigation
{
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	margin: 12px 90px 0 0;
	overflow: hidden;
}

html>body ul#slideshowNavigation
{
	margin: 14px 180px 0 0;
}

ul#slideshowNavigation li
{
	float: left;
	height: 20px;
}

ul#slideshowNavigation li a
{
	display: block;
	height: 0;
	padding: 30px 0 0 0;
}

ul#slideshowNavigation li a:hover
{
	cursor: pointer;
}

ul#slideshowNavigation li#slideshowPrevious a
{
	width: 31px;
	background: transparent url("../images/btn_arrowleft.gif") no-repeat top left;
}

ul#slideshowNavigation li#slideshowPrevious a:hover
{
	width: 31px;
	background: transparent url("../images/btn_arrowleft_hover.gif") no-repeat top left;
}

ul#slideshowNavigation li.slideshowNotPlaying#slideshowStart a
{
	width: 77px;
	height: 0;
	background: url("../images/btn_slideshow.gif") no-repeat top left;
}

ul#slideshowNavigation li.slideshowIsPlaying#slideshowStart a
{
	width: 77px;
	height: 0;
        background: url("../images/btn_slideshow_hover.gif") no-repeat top left;
}

ul#slideshowNavigation li#slideshowNext a
{
	width: 31px;
	height: 0;
	background: transparent url("../images/btn_arrowright.gif") no-repeat top left;
}

ul#slideshowNavigation li#slideshowNext a:hover
{
	width: 31px;
	height: 0;
	background: transparent url("../images/btn_arrowright_hover.gif") no-repeat top left;
}

div#tourMainDisplay
{
	clear: both;
	float: left;
	margin-top: 0 !important;
	margin-top: 30px;
}

html>body div#tourMainDisplay
{	
	width: 565px;
	//margin-top: 36px !important;
}

div#tourMainImage
{
	clear: left;
	float: left;
	width: 538px;
	margin: 7px 0 0 5px;
	background-color: #fff;
	border: 3px #fff solid;
}

html>body div#tourMainImage
{
	margin: 4px 0 17px 10px;
}

div#tourMainImage p
{
	text-align: center;
}

html>body div#tourMainImage
{
	max-height: 390px;
}

div#tourMainImage img
{
	margin-left: auto;
	margin-right: auto;
}

p#tourCutlineText
{	
	clear: left;
	float: left;
	width: 530px;
	color: #fff;
	font-size: 9pt;
	text-align: center;
	margin-left: 25px !important;
	margin-left: 12px;
	padding: 0;
}

div#slideshowThumbs
{
	clear: right;
	float: left;
	width: 168px;
	height: 386px;
	margin: 36px 0 0 15px;
	border: 0px #000 solid;
	background: url("../images/bg_thumbs.gif") no-repeat top left;
}

html>body div#slideshowThumbs
{
	margin: 3px 0 0 5px !important;
	//margin-top: 40px !important;
}

div#slideshowThumbs img
{
	float: left;
	width: 48px;
	height: 48px;
	border: 1px #6a6a43 solid;
	margin: 0 6px 6px 0;
}

html>body div#slideshowThumbs img
{
	//height: auto;
}
/* FORMS */
	/* contact us */
form#formContact
{
	position: relative;
	width: 425px;
	margin: 0;
}

form#formContact fieldset
{
	clear: both;
	float: left;
	position: relative;
	width: 100%;
	margin: 5px 0 0 0;
	padding: 0;
	border: 0;
}

form#formContact label
{
	position: absolute;
	width: 120px;
}

form#formContact input
{
	position: relative;
	margin-left: 140px;
	border: 1px #4f4f38 solid;
}

html>body form#formContact input
{
	//margin-left: 130px !important;
}

form#formContact textarea
{
	position: relative;
	width: 280px !important;
	width: 290px;
	height: 80px;
	margin-top: 20px;
	border: 1px #4f4f38 solid;
}

fieldset.submit label
{
	display: none;
}

fieldset.submit input
{
	float: right !important;
	margin: 10px 10px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

input#submitS
{
	border: 0 !important;
	margin: 0 130px 0 0 !important;
}

html>body input#submitS
{
	margin-right: 142px !important;
}

	









/* FOOTER */
div#footer
{
	clear: both;
	float: left;
	width: 760px;
}

div#footer p
{
	width: 760px !important;
	font-size: 8pt;
	font-variant: small-caps;
	text-align: center;
	margin: 0;
	padding: 10px 0 0 0;
}

div#footer p a
{
	color: #6a6a43;
	text-decoration: none;
	padding-right: 10px;
}


div#footer p a:hover
{
	text-decoration: underline;
}  



/* ERRORS */
p.error,
.error div
{
	color: #6ff;
}

fieldset.error div
{
	text-align: right;
	margin-right: 140px !important;
	margin-right: 130px;
}

.error input,
.error textarea
{
	border: 1px #6ff solid !important;
}

.error#contactComment div
{
	position: absolute;
	margin-left: 148px !important;
	margin-left: 160px;
}