/* Coopers Point - Started Tuesday, April 15, 2008 */
/* Website coded and designed by Sarah Brenner @ Bighouse Graphix - www.bighousegraphix.com - sarah@bighousegraphix.com */

/* Reset global properties
----------------------- */
* { margin: 0px; padding: 0px; }
html, body, p, form, input, label, div, span, h1, h2, h3, h4, h5, h6, h7, br, a, table, tr, td, ul, ol, li, img { padding: 0px; margin: 0px; border: 0px; text-decoration: none; list-style-type: none; }
h1, h2, h3, h4, h5, h6, h7 { display: inline; }
/* Basic HTML tags
--------------- */
a { color: #464624; }
a:hover { color: #636363; }
p { font-weight: normal; font-size: 13px; padding: 0px; margin: 0px; }
.left-side { float: left; }
.right-side { float: right; margin: 70px 15px 140px 15px; }
#container #top #sub_nav a { color: #F7EDD8; }
#container #top #sub_nav a:hover { color: #FFFFFF; }
#container #bottom #footer a { color: #FFFFFF; }
#container #bottom #footer a:hover { color: #F7EDD7; }
#container #bottom #footer p { font-size: 11px; color: #F7EDD7; }
#container #middle #sidebar #nav .dropnav a:hover { color: #63440E; }
#container #middle #content a { font-weight: bold; text-decoration: underline; }
.center { text-align: center; }
.underline { text-decoration: underline; }
.subnav_up { color: #63440E; }
#container #top #sub_nav .rightnav_up { color: #FFFFFF; }
#photo_gallery { font-weight: bold; width: 150px; margin: auto; height: 15px; font-family: "Times New Roman", Times, serif; font-size: 13px; }
/* Start Website in Sequence */
body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #333333; background: #846554; background: url(images/background.jpg) repeat; margin: auto; }
#container { width: 850px; margin: auto; margin-top: 20px; background: url(images/middle_bkgrnd.jpg) repeat-y; }
#top { width: 850px; margin: auto; height: 297px; color: #F7EDD8; }
#header { width: 850px; margin: auto; height: 245px; }
#container #top #sub_nav p { font-size: 12px; }
.line { padding: 0px 7px; color: #F7EDD8; }
.right { float: right; margin-left: 25px; margin-bottom: 30px; }
#middle { width: 850px; margin: auto; background: url(images/middle_bkgrnd.jpg) repeat-y; }
#sidebar { width: 245px; margin: auto; float: left; height: 430px; }
#livehelp { width: 225px; padding-left: 20px; }
.webinar_btn { padding-left: 10px; }
#content, #content2 { width: 560px; margin: auto; float: right; margin-right: 10px; height: auto; padding-right: 20px; }
#content_onedaysale { width: 580px; margin: auto; float: right; margin-right: 10px; height: 1516px; background: url(images/onedaysaleBkrnd.jpg) no-repeat; }
#content_developercloseout { width: 580px; margin: auto; float: right; margin-right: 10px; height: 1030px; background: url(images/developercloseout.jpg) no-repeat 15px 0; }
#text_amenities_onedaysale { margin: 149px 40px 0px 260px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; font-weight: bold; }
#text_about_onedaysale { margin: 495px 22px 0px 232px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; line-height: 16px; }
#text_contact_onedaysale { margin: 145px 25px 0px 220px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 21px; font-weight: bold; font-style: italic; text-align: center; }
#form_onedaysale { margin: 20px 35px 0px 40px; }
#form_developercloseout { margin: 710px 0px 0px 195px; }
#tag { margin-top: 70px; }
#btn_nav { float: right; margin-right: 15px; width: 315px; margin-bottom: 10px; }
#signup { margin-top: 20px; margin-left: 20px; font-size: 11px; }
#comediscover { margin-top: 15px; margin-left: 50px; }
#signup_form { float: right; width: 215px; }
#signup_text { float: left; margin-top: 8px; }
#video { width: 550px; margin: auto; height: 345px; background: url(images/bkrnd_video.gif) no-repeat; padding: 15px 0 0 15px; margin-top: 15px; }
#video-text { text-align: center; font-size: 12px; }
#container #middle #content #signup .monthly_web { font-size: 12px; text-align: left; vertical-align: text-bottom; color: #464624; }
.tag_visit { width: 529px; height: 75px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_visit.gif) no-repeat; }
.tag_shopping { width: 520px; height: 75px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_shopping.gif) no-repeat; }
.tag_ownerlogin { width: 303px; height: 23px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_comingsoon.gif) no-repeat; }
.tag_restaurant { width: 421px; height: 46px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_restaurant.gif) no-repeat; }
.tag_recreation { width: 528px; height: 75px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_recreation.gif) no-repeat; }
.tag_nature { width: 335px; height: 40px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_naturetrails.gif) no-repeat; }
.tag_marina { width: 334px; height: 46px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_marina.gif) no-repeat; }
.tag_location { width: 518px; height: 75px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_location.gif) no-repeat; }
.tag_lifestyle { width: 515px; height: 75px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_lifestyle.gif) no-repeat; }
.tag_aboutindex { width: 422px; height: 46px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_aboutindex.gif) no-repeat; }
.tag_aboutindex-stacked { width: 268px; height: 63px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_aboutindex-stacked.gif) no-repeat; }
.tag_history { width: 534px; height: 80px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_history.gif) no-repeat; }
.tag_health { width: 313px; height: 46px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_health.gif) no-repeat; }
.tag_golf { width: 422px; height: 46px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_golf.gif) no-repeat; }
.tag_dining { width: 483px; height: 60px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_dining.gif) no-repeat; }
.tag_developer { width: 511px; height: 75px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_developer.gif) no-repeat; }
.tag_clubhouse { width: 501px; height: 46px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_clubhouse.gif) no-repeat; }
.tag_amenities { width: 509px; height: 75px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_amenities.gif) no-repeat; }
.tag_webinar { width: 239px; height: 28px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_webinar.gif) no-repeat; }
.tag_condos { width: 528px; height: 75px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_condos.gif) no-repeat; }
.tag_octoberfest { width: 387px; height: 47px; margin: 0; padding: 0; text-indent: -9999px; background: url(images/tag_octoberfest.gif) no-repeat; }
.v_photo { margin: auto; clear: left; text-align: center; }
.vip_event { float: right; }
#container #middle #content p { text-align: justify; padding-top: 10px; line-height: 1.35em; }
#container #middle #content.left-side p { text-align: justify; padding-top: 10px; padding-right: 70px; line-height: 1.35em; }
#bottom { width: 850px; margin: auto; height: 74px; background: url(images/bottom_bkgrnd.jpg) no-repeat; position: relative; float: left; }
.email { vertical-align: text-bottom; }
.gallery_img { border: Solid #63440E 3px; }
#container #middle #content .center { text-align: center; }
#html_links { float: left; text-align: center; padding-top: 23px; color: #F7EDD7; padding-left: 20px; }
#html_links a { color: #F7EDD7; }
#owner_forms { font-size: 12px; width: 300px; }
#calendar { width: 230px; float: right; border: 3px solid #464624; padding: 5px; }
#news { width: 230px; float: right; border: 3px solid #464624; padding: 5px; margin-top: 10px; }
#owner_rightside { width: 250px; float: right; padding: 0px 10px 0px 0px; }
.margin_auto { margin: auto; }
.owner_titles { color: #464624; font-weight: bold; font-size: 14px; }
#miles_collum { width: 250px; float: right; padding-right: 10px; }
#key_miles { width: 235px; float: right; padding: 5px; border: 3px solid #464624; }
#within_miles { width: 240px; float: right; padding: 5px; margin-top: 10px; }
.10miles { border-bottom: 3px solid #FF0000; }
#container #middle #content #text_nonjust p { text-align: left; padding-left: 20px; }
#youtube { padding: 30px 0 0 20px; }
/* End Center */



/* Start Table
--------- */
 #container #middle #content .video_gallery { padding-right: 5px; float: left; }
#container #middle #content table { vertical-align: text-bottom; }
#container #middle #content td { vertical-align: bottom; }
/* End Table */
   
 
/* Start Nav
--------- */
#nav { width: 165px; padding-left: 60px; padding-top: 30px; position: relative; }
#sub_nav { width: 820px; height: 36px; text-align: right; padding: 10px 30px 0px 0px; font-family: Arial, Helvetica, sans-serif; background: url(images/subnav_bkgrnd.jpg) no-repeat; }
.dropnav { padding-left: 10px; font-size: 12px; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; }
ul { list-style: none; margin: 0; }
li { position: relative; text-align: left; cursor: default; }
#content_onedaysale li { cursor: default; margin-bottom: 10px; }
/* End Nav */
 

/* Start Footer */

#footer { text-align: right; color: #FFFFFF; height: 20px; padding: 23px 30px 0px 0px; float: right; }
#container #bottom #footer img { vertical-align: text-bottom; }
/* End Footer */
 
 /* Start Forms */

.textarea { border: 1px solid #2f3760; background-color: #FFFFFF; height: 20px; }
.textarea2 { border: 1px solid #2f3760; background-color: #FFFFFF; padding: 1px; }
.textarea3 { border: 1px solid #000000; background-color: #F7EDD7; padding: 1px; width: 400px; height: 34px; font-size: 15px; }
.textarea4 { border: 1px solid #000000; background-color: #F7EDD7; padding: 1px; width: 200px; height: 20px; font-size: 15px; }
form td { color: #464624; font-size: 12px; }
#form_onedaysale form td { color: #000000; font-size: 16px; font-weight: bold; }
#form_developercloseout form td { color: #FFFFFF; font-size: 14px; font-weight: bold; }
.submit { position: relative; left: 79px; width: 70px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; background-color: #FFFFFF; border: 1px solid #2f3760; }
.submit2 { position: relative; left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; background-color: #454624; border: 1px solid #2f3760; color: #FFFFFF; height: 20px; width: 55px; }
.reset { position: relative; left: 84px; width: 70px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; background-color: #FFFFFF; border: 1px solid #2f3760; }
.signup { width: 70px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #464624; color: #FFFFFF; height: 23px; }
.youremailaddress { width: 135px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; background-color: #DBD7BD; height: 18px; padding-top: 3px; border-left: #464624 solid 3px; border-top: #464624 solid 3px; }
.contact_form { padding: 0px 130px 0px 0px; }
.loginbtn { left: 79px; width: 70px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; background-color: #FFFFFF; border: 1px solid #2f3760; }
.submit_onedaysale { width: 119px; background: url(images/btn_submit.gif) no-repeat; height: 39px; margin-left: 130px; }
.submit_onedaysale:hover { background: url(images/btn_submit_up.gif) no-repeat; }
.submit_dev { width: 63px; background: url(images/btn_submit_dev.gif) no-repeat; height: 25px; margin-left: 70px; }
/* End Forms */

/* Clear Fix Code */
.ClearFix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* WinIE7 only */
*:first-child+html .ClearFix { height:1%; }
/* WinIE6 and below */
* html .ClearFix { height:1%; }
/* MacIE only */
/*¥*//*/
.ClearFix{
	display:inline-table;
 }
/**/
#container #middle #content #signup form { float: right; }
/* Start Gallery */

 
 #filmstrip_gallery { width: 580px; float: right; height: auto; margin: 10px 10px 10px 0px; }
#dhtmlgoodies_slideshow { width:580px;	/* Total width of slideshow */ }
#previewPane { border:2px solid #464624; margin-right:10px; text-align:center; vertical-align:middle; padding-top:60px; /* CSS HACK */
		height: 452px;	/* IE 5.x */ height/* */:/**/420px;	/* Other browsers */ height: /**/320px; width:425px; float: left; }
#waitMessage { display:none; position:absolute; background-color:#FFF; border:3px double #000; padding:4px; color:#555; font-size:0.9em; font-family:arial; }
#galleryContainer {	/* Big Div surrounding up image, list of images and down image */ float:left;	/* Floating */ /* CSS HACK */
		height: 454px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/ height/* */:/**/438px;	/* Other browsers */ height: /**/350px; /* CSS HACK */
		width: 124px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/ width/* */:/**/120px;	/* Other browsers */ width: /**/120px;	/* Black border */ padding:1px;	/* A little space between the black border and the content inside */ }
#galleryContainer #arrow_down {	/* Arrow down image */ height:30px; }
#galleryContainer #arrow_up { height:30px;	/* Arrow up image */ }
#theImages {	/* DIV where the images are located */ position:relative; overflow:hidden; height:325px;	/* Height of boxes for the images */ }
#theImages div { position:relative;	/* Don't change this */ height:1500px;	/* Higher than total height of thumbnails */ }
#theImages img { border:0px;	/* No border */ filter:alpha(opacity=50);	/* Transparency - IE */ opacity:0.5; /* Transparency - Firefox */ padding-top:1px;	/* Space between images */ }
#previewPane #largeImageCaption {	/* CSS styling of image caption below large image */ font-style:italic; text-align:center; margin-top: 10px; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; }
#theImages .imageCaption { display:none; }


/* End Gallery */