/*----- ESSENTIALS -----*/
body { font:12px/18px Arial, Helvetica, sans-serif; color:#3a1e02; background:#f2eee1 url(/images/bkg-Body.jpg) 50% 0 repeat-x; margin:0; /* make anything a hover in IE with this code >> */ behavior:url("/css/csshover.htc") }
table, td { border:0; border-spacing:0; border-collapse:collapse; padding:0; margin:0; vertical-align:top }
img { border:0; /* fixes the png image problem */ behavior:url("/css/pngfix.htc") }
ul, li { list-style-type:none; padding:0; margin:0 }
form, input { padding:0; margin:0 }
h1, h2, h3 { padding:0; margin:0 }
h1 { }
h2 { }
h3 { }
a { color:#064274; text-decoration:none }
a:hover { color:#000; text-decoration:underline }

.list { padding:5px 10px }
.list li { background:url(/images/bullet-BrownDot.gif) 0 8px no-repeat; color:#1B0E01; padding:0 0 0 10px }
.list ul { margin:-5px 0 }

.blue-link { display:block; height:27px; color:#FFF; font-size:11px; text-transform:uppercase; background:url(/images/button-blue-left.gif) 0 0 no-repeat; padding:0 0 0 10px }
.blue-link span { float:left; display:block; height:23px; background:url(/images/button-blue-right.gif) 100% 0 no-repeat; padding:4px 10px 0 0 }
.blue-link:hover { color:#FFF; background:url(/images/button-brown-left.gif) 0 0 no-repeat; text-decoration:none }
.blue-link:hover span { cursor:pointer; background:url(/images/button-brown-right.gif) 100% 0 no-repeat }
/*----- ESSENTIALS -----*/

/*----- WRAPPER -----*/
#mainWrap { width:100%; min-height:750px; height:auto !important; height:750px; xbackground:url(/images/bkg-MainWrap.jpg) 50% 0 no-repeat }
/*----- WRAPPER -----*/

/*----- HEADER -----*/
#header { width:100%; height:137px; text-align:center; margin:0 auto }
#header .logo { width:270px; height:110px }
/*----- HEADER -----*/

/*----- SPLASH / FLASH -----*/
/* homepage flash */
#hpFlash { width:100%; height:319px; background:url(/images/bkg-HpFlash.jpg) 50% 100% no-repeat; text-align:center; margin:0 auto }

/* internal splash */
#inSplash { width:897px; height:192px; background:url(/images/bkg-InternalTop2.gif) 0 0 no-repeat; padding:7px 26px 6px 25px }
#inSplash img { width:897px; height:192px }
/*----- SPLASH -----*/

/*----- NAVIGATION -----*/
/*****************************************************************************
*	Top Navigation Bar
*	- included in the header [links are images not text]
*****************************************************************************/
#navTop { width:100%; height:27px; background:url(/images/bkg-NavHeader.jpg) 50% 0 no-repeat; margin:0 auto }
#navTop div { width:849px; margin:0 auto; }
#navTop ul { list-style: none; position: relative; padding: 0 0 0 20px; margin: 0 auto; }
#navTop li { float: left; padding: 0 0.15em; }
#navTop a { height:23px; font-size:10px; float: left; width: 96px; display: block; text-decoration: none; text-align: center; text-transform: uppercase; color: #CFC2A0; padding:5px 0 0 }
#navTop a:hover { color:#fff; }

/*****************************************************************************
*	Left Side Navigation
*	- internal navigation on select pages
*****************************************************************************/
#navLeft { padding:16px 10px 0 0 }
#navLeft a { font-size:11px; color:#2c5a81; text-transform:uppercase; padding:0 0 0 10px }
#navLeft a:hover { color:#11344e }
#navLeft .current { background:url(/images/bullet-BlueDot.gif) 0 5px no-repeat; font-weight:bold; color:#11344e }
#navLeft .current:hover { background:url(/images/bullet-BlueDot.gif) 0 5px no-repeat; text-decoration:none }
#navLeft li { background:url(/images/bkg-NavRight.gif) 0 100% repeat-x; padding:4px 0 4px 5px }
/*----- NAVIGATION -----*/

/*----- BODY HOMEPAGE -----*/
#hpBody { width:961px; height:256px; margin:-39px auto 0 }

/*****************************************************************************
*	Homepage Body - Left Column
*	- featured property
*****************************************************************************/
#hpBody .left { width:267px }
#hpBody .left .content { height:256px; font-size:11px; background:url(/images/bkg-HpFeaturedLot.jpg) }
#hpBody .left img { position:relative; width:134px; height:100px; margin:30px 0px 0px 29px }
#hpBody .left .overlay { position:relative; width:190px; height:160px; top:22px; left:41px; background:url(/images/overlay-PictureFrame.png); /* fixes the png image problem */ behavior:url("/css/pngfix.htc") }
#hpBody .left .content p { width:150px; padding:18px 0 0; margin:38px 0 0 45px }
#hpBody .left .content p b { float:left; display:block; width:50px; color:#402e10; font-weight:normal; font-size:25px; text-align:center; padding:0 17px 0 0 !important; padding:0 14px 0 0; margin:-13px 0 10px }
#hpBody .left .content p a { font-size:12px }

/*****************************************************************************
*	Homepage Body - Middle Column
*	- welcome content
*****************************************************************************/
#hpBody .middle { width:412px }
#hpBody .middle .content { background:url(/images/bkg-HpWelcome.jpg) no-repeat; padding:62px 27px 0 22px }
#hpBody .middle .content h2 { text-transform: uppercase; font-size: 14px; color: #05274a; }

/*****************************************************************************
*	Homepage Body - Right Column
*	- our community call to action
*	- amenities call to action
*****************************************************************************/
#hpBody .right { width:282px }
#hpBody .right { font-size:11px; color:#7f6c4e; background:url(/images/bkg-HpRight.jpg) no-repeat }
#hpBody .right a { display:block; font-size:12px; padding:3px 0 0 }
#hpBody .right .communities { width:170px; height:72px; background:url(/images/bkg-HpOurCommunity.jpg); padding:55px 0 0 111px; margin:0 0 0 1px }
#hpBody .right .amenities { width:170px; height:79px; background:url(/images/bkg-HpAmenities.jpg); padding:50px 0 0 111px; margin:0 0 0 1px }
/*----- BODY HOMEPAGE -----*/

/*----- BODY INTERNAL -----*/
#inBodyWrap { width:948px; background:url(/images/bkg-InternalWrap2.png); behavior:url("/css/pngfix.htc"); margin:0 auto }
#inBody { width:948px; height:600px; margin:0 auto }

	/*****************************************************************************
	*	Content Pages (not property list and detail pages)
	*	- this class is applied to #MainWrap to disable the backgrounds for the
	*	  #inBodyWrap and #inBody on the 'About Us' pages
	*****************************************************************************/
	.contentpages #inBodyWrap { background:none }
	.contentpages #inBody { background:none; margin:10px 0 0 }

/*****************************************************************************
*	Internal Body - Left Column
*	- picture sets load here [sets must be in .PNG format]
*****************************************************************************/
#inBody .left { width:161px; background:url(/images/bkg-InRight.gif) 100% 0 no-repeat; padding:0 0 0 35px }
#inBody .community { background:url(/images/title-OurCommunity.gif) no-repeat } /* our community bkg title */

/*****************************************************************************
*	Internal Body - Middle Column
*	- this is where all the content for the site goes
*****************************************************************************/
#inBody .middle { width:442px; padding:0 0 20px 20px }
#inBody .two-column { width:618px; padding:0 0 0 40px }
#inBody .content h1 { font:30px/25px Arial, Helvetica, sans-serif; color:#032949; text-transform:uppercase; margin:27px 0 28px }
#inBody .content h1.title { font:20px Arial, Helvetica, sans-serif; color:#032949; text-transform:none; margin:27px 0 28px }
#inBody .content h2 { font:bold 15px Arial, Helvetica, sans-serif; margin:20px 0 10px }
#inBody .content .smallbox-floatL { float:left; width:47%; height:100px; margin:-5px 0 0 10px }
#inBody .content .smallbox-floatR { float:right; width:50%; height:100px; margin:-5px 0 0 }

	/*****************************************************************************
	*	News Styles
	*****************************************************************************/
	#inBody .newslist { margin:-15px 5px 0 -3px }
	#inBody .newslist li:first-child { background:none }
	#inBody .newslist li { clear:both; background:url(/images/bkg-News.gif) 0 0 repeat-x; padding:15px 15px 15px 9px }
	#inBody .newslist h1 { margin:7px 0 5px }
	#inBody .newslist h1 a { font:bold 13px Arial, Helvetica, sans-serif; color:#2c5a81; text-transform:none; margin:0; cursor:pointer }
	#inBody .newslist h1 a:hover { color:#000 }
	#inBody .newslist b { font-weight:bold; color:#000; text-transform:uppercase }
	
	/*****************************************************************************
	*	Events Styles
	*****************************************************************************/
	#inBody .eventslist { margin:0 0 0 -8px }
	#inBody .eventslist li:first-child { background:none }
	#inBody .eventslist li { background:url(/images/bkg-News.gif) 0 0 no-repeat; padding:15px 15px 18px 9px }
	#inBody .eventslist h1 { margin:5px 0 8px }
	#inBody .eventslist h1 a { font:bold 13px Arial, Helvetica, sans-serif; color:#2c5a81; text-transform:none; margin:0; cursor:pointer }
	#inBody .eventslist h1 a:hover { color:#000 }
	#inBody .eventslist i { font-style:normal; color:#736252 }
	#inBody .eventslist .date { float:left; width:48px; height:47px; background:url(/images/bkg-EventsListDate.gif) 100% 0 no-repeat; text-transform:uppercase; padding:4px 0 0 2px; margin:0 5px 10px 0 }
	#inBody .eventslist .date b { display:block; font-size:25px; margin:0 0 0 -1px }

/*****************************************************************************
*	Internal Body - Right Column
*	- contains the "right navigation" on select pages
*****************************************************************************/
#inBody .right { width:290px }
#inBody .right h2 { font:bold 15px Arial, Helvetica, sans-serif; color:#032949; margin:20px 0 10px }
#inBody .rightnobkgd { width:166px; }
#inBody .right .contact-table .left-column { width:100px; text-align:right; padding-right:10px }

/*****************************************************************************
*	Property Map
*	- this is the show/hide tab and content for the map
*****************************************************************************/
.property .mapcell { width:910px; height:65px; padding:0 19px }

	/*****************************************************************************
	*	Show/Hide Map Tabs and Content
	*****************************************************************************/
	.property .link { width:910px; height:45px; background:url(/images/tab-MapClosed.jpg); text-align:center; padding:20px 0 0 }
	.property .link2 { width:910px; height:45px; background:url(/images/tab-MapOpen.jpg); text-align:center; padding:3px 0 0 }
	.property .link div, .property .link2 div { cursor:pointer }
	.property .link img, .property .link2 img { width:100px; height:25px; margin:0 0 0 8px }
	.property #showmap { width:910px; height:383px; background:url(/images/bkg-MapOpen.jpg) }
	.property #showmap .map { float:left; margin:0 0 0 61px }
	.property #showmap p { width:333px; height:245px; float:left; font-size:13px; padding:115px 50px 0 34px; margin:0 }
	.property #showmap .download { margin:0 0 0 76px }
	.property #showmap .contact { margin:10px 0 0 }

/*****************************************************************************
*	Property List
*	- property listings page
*****************************************************************************/
.property .proplist { width:910px; height:500px; background:url(/images/title-AvailableLots.gif) 19px 0 no-repeat; padding:39px 19px }
.property .proplist li { float:left; clear:both; width:631px; background:url(/images/bkg-PropertyList.gif) 0 0 no-repeat; padding:17px 230px 14px 49px }
.property .proplist li img { float:left; width:112px; height:85px; border:1px solid #cec5b7; margin:-2px 17px 0 0 }
.property .proplist li .title { padding:0 0 4px }
.property .proplist li i { font-weight:bold; color:#261b0f; padding:0 0 0 10px }
.property .proplist li .links { font-size:9px; color:#124977; padding:8px 0 0 }
	
	/*****************************************************************************
	*	Status Sold on Property List
	*****************************************************************************/
	.property .proplist .sold { color:#a59d95 }
	.property .proplist .sold img { border:1px solid #e6e2db }
	.property .proplist .sold a { color:#88a4bb }
	.property .proplist .sold i { color:#928d87 }
	.property .proplist .sold .links { color:#88a4bb }

/*****************************************************************************
*	Property Details
*	- property details page
*****************************************************************************/
.property .propdetails { width:910px; height:500px; padding:0 19px }
.property .propdetails .content { min-height:350px; height:auto !important; height:350px; background:url(/images/bkg-PropertyList.gif) 0 34px no-repeat; padding:0 70px 0 48px }
.property .propdetails .contact { float:right; margin:-23px 0 0 }
	
	/*****************************************************************************
	*	Property Photos
	*****************************************************************************/
	.property .propdetails .photos { float:left; width:300px; margin:19px 0 0 }
	.property .propdetails .mainImg { float:left; width:279px; height:209px; border:1px solid #cec5b7; name:large}
	.property .propdetails .smallImg { float:left; width:49px; height:37px; background:url(/images/bkg-SmallImg.gif) 50% 50% no-repeat; padding:2px; margin:3px 4px 0 0 }
	.property .propdetails .smallImg:hover { background:url(/images/bkg-SmallImgHover.gif) 50% 50% no-repeat }

	
	/*****************************************************************************
	*	Property Description
	*****************************************************************************/
	.property .propdetails .description { float:left; width:482px; padding:23px 0 0; margin:-3px 0 0 }
	.property .propdetails .description h1 { font-size:20px; color:#124977 }
	.property .propdetails .description i { font-size:12px; font-weight:bold; color:#261b0f; padding:0 0 0 10px }
	.property .propdetails .description .listprice { font-style:italic; color:#a99e91; padding:14px 0 10px }
	.property .propdetails .description .listprice b { font-style:normal; font-size:16px; color:#0968b7; padding:0 0 0 5px }
	.property .propdetails .description .contactlink { font-size:10px; text-transform:uppercase }
/*----- BODY INTERNAL -----*/

/*----- FOOTER -----*/
#footer { width:961px; height:61px; font-size:10px; color:#b7aa95; background:url(/images/bkg-Footer.jpg) no-repeat; text-align:center; padding:10px 0 0; margin:0 auto }
#footer .links { color:#a19680; padding:0 0 7px }
#footer .links a { color:#a19680; text-decoration:none; padding:0 3px }
#footer .links a:hover { color:#3a1e02; text-decoration:underline }
#footer .brown, #footer .brown:hover { color:#b7aa95; text-decoration:none }
/*----- FOOTER -----*/