/********************************
	Global
********************************/

html, body { width: 100%; min-height: 100%; }

body { background-color: #000; color: #fff; font-size:62.5%; text-align:center; font-family: Arial, Helvetica, sans-serif; margin:0; padding: 0; }

/* 16px x 62.5% = 10px base font size - font sizing with em is now scale of 10 */

/* html body { font-size: 72.5%; }*/

/** Text Formatting **/

p, h1, h2, li, a { font-size: 1em; line-height: 1em; padding: 7px 0; margin: 0; } 

h1, h2, h3, h4, h5, h6 { margin: 0; } 

h1 span { display: none; }

a, a.link, a:visited { color: #73130c; text-decoration: underline; }

a:hover { color: #73130c; text-decoration: none; }

ul { margin-top: 0; padding-top: 0; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }

sup { bottom: .5ex; }

sub { top: .5ex; }

img { border: 0px; }

/** Form Formatting **/

form { margin: 0; padding: 0; }

/** Clearfix **/

* html .clearfix { height: 1%; overflow: visible; } /* float clearing for IE6 */ 

*+html .clearfix { min-height: 1%; } /* float clearing for IE7 */

.clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* float clearing for everyone else */

:focus { -moz-outline-style: none; } /* removes selection border from around image in FF */

/********************************
	Containers
********************************/

div#container { background: url(/themes/site_themes/skywater/images/container_bg.jpg) repeat-y top left; width: 961px; margin: 0 auto; padding: 0; position: relative; text-align: left; min-height: 100%; }

div#container.home { }

div#container div#wrapper { width: 961px; margin: 0; padding: 0; min-height: 467px; position: relative; }

div#container div#wrapper.homesites { background: url(/themes/site_themes/skywater/images/bg_homesites.jpg) no-repeat top left; }

div#container div#wrapper.lifestyle { background: url(/themes/site_themes/skywater/images/bg_lifestyle.jpg) no-repeat top left; }

div#container div#wrapper.golf { background: url(/themes/site_themes/skywater/images/bg_golf.jpg) no-repeat top left; }

div#container div#wrapper.amenities { background: url(/themes/site_themes/skywater/images/bg_amenities.jpg) no-repeat top left; }

div#container div#wrapper.our_commitment { background: url(/themes/site_themes/skywater/images/bg_commitment.jpg) no-repeat top left; }

div#container div#wrapper.news_events { background: url(/themes/site_themes/skywater/images/bg_news.jpg) no-repeat top left; }

div#container div#wrapper.contact_us { background: url(/themes/site_themes/skywater/images/bg_contact.jpg) no-repeat top left; }

div#container div#wrapper.vip_stay_and_play_getaway { background: url(/themes/site_themes/skywater/images/bg_contact.jpg) no-repeat top left; }

div#container div#wrapper.site_map { background: url(/themes/site_themes/skywater/images/bg_sitemap.jpg) no-repeat top left; }

div#content { position: absolute; z-index: 1000; top: 525px; left: 0; }

div#container.home div#content { position: absolute; z-index: 1000; top: 525px; left: 0; }

/********************************
	Utility
********************************/

div#utility { background: #000; width: 961px; padding: 12px 0; }

div#utility div#cta { color: #fff; font-size: 1.2em; float: right; margin: 0; font-weight: bold; padding: 0 0 0 5px; letter-spacing: .03em; }

div#utility div#cta ul { margin: 0; padding: 0; list-style: none; }

div#utility div#cta ul li { float: left; display: block; padding: 0 11px; margin: 0; }

div#utility div#cta ul li span.phone { font-size: 1.4em;  }

div#utility div#cta ul li:last-child { padding: 0 5px 0 11px; }

div#utility div#cta ul li.active a { color: #0099cc; }

div#utility div#cta ul li a { color: #e5f0f4; margin: 0; padding: 0; font-size: 1.1em; text-decoration: underline; letter-spacing: .03em; }

div#utility div#cta ul li a.email { color: #e5f0f4; text-decoration: underline; }

div#utility div#cta ul li a:hover { color: #0099cc; }

div#utility div#cta ul li.active a { color: #0099cc; }

div#utility div#nav { float: left; }

div#utility div#nav ul { margin: 0; padding: 3px 0 0 0; list-style: none; }

div#utility div#nav ul li { float: left; display: block; padding: 0 11px; margin: 0; }

div#utility div#nav ul li:first-child { padding: 0 11px 0 5px; }

div#utility div#nav ul li.active a { color: #0099cc; }

div#utility div#nav ul li a { color: #e5f0f4; display: block; margin: 0; padding: 0; font-size: 1.1em; text-decoration: none; letter-spacing: .03em; }

div#utility div#nav ul li a.email { text-decoration: underline; }

div#utility div#nav ul li a:hover { color: #0099cc; }

div#utility div#nav ul li.active a { color: #0099cc; }

/********************************
	Header
********************************/

div#container div#header { padding: 0 0 345px 0; }

div#container.home div#header { position: relative; z-index: 1000; padding: 0; }

/** Logo **/

div#header div#logo {  width: 549px; height: 78px; background: transparent url(/themes/site_themes/skywater/images/logo.png) no-repeat top left; position: absolute; top: 44px; right: 11px; }

div#container.home div#header div#logo {  width: 600px; height: 105px; background: transparent url(/themes/site_themes/skywater/images/logo_home.png) no-repeat top left; position: absolute; top: 44px; right: 11px; }

div#header div#logo a { display: block; width: 100%; height: 100%; }

div#header div#logo span { display: none; }

/** Nav **/

div#header div#nav { position: absolute; top: 20px; right: 30px; }

div#header div#nav ul { margin: 0; padding: 0; list-style: none; }

div#header div#nav ul li { float: left; display: block; padding: 0 10px; margin: 0; }

div#header div#nav ul li a { color: #006990; display: block; margin: 0; padding: 0 2px 3px 2px; font-size: 1.3em; text-decoration: none; }

div#header div#nav ul li a:hover { color: #000; }

div#header div#nav ul li.active a { color: #000; text-decoration: underline; }

/********************************
	Intro
********************************/

div#intro {  min-height: 624px; } 

div#intro div#background_image img { position: absolute; }

div#copy { position: absolute; top: 291px; left: 546px; z-index: 5000; width: 361px; }

div#copy p { font-size: 1.5em; color: #006990; line-height: 1.3em; letter-spacing: .05em; }

div#copy div#copy1 { position: absolute; top: 0px; left: 0px; }

div#copy div#copy2 { position: absolute; top: 0px; left: 0px; }

div#copy div#copy3 { position: absolute; top: 0px; left: 0px; }

div#intro div#intro_header { padding: 6px 14px; background: url(/themes/site_themes/skywater/images/bg_cta.png) top left; width: 380px; position: absolute; z-index: 5001; top: 241px; right: 11px; }

div#intro div#intro_header h1 { padding: 0 0 5px 0; margin: 0; font-family: "Times New Roman", Times, serif; text-transform: uppercase; font-size: 2.2em; letter-spacing: .3em; font-weight: normal; }

div#intro div#intro_cta { padding: 6px 14px; background: url(/themes/site_themes/skywater/images/bg_cta.png) top left; width: 380px; position: absolute; z-index: 5001; top: 345px; right: 11px; }

div#intro div#intro_cta a { color: #fff; text-decoration: none; font-size: 1.1em; letter-spacing: .1em; text-transform: uppercase; }

div#intro div#intro_cta a:hover { text-decoration: underline; }

/********************************
	Page Header
********************************/

div#pageheader { margin: 0 0 20px 47px; border-bottom: #878685 solid 1px; width: 873px; padding: 0 0 20px 0; }

div#pageheader h1 { margin: 0; padding: 0; text-transform: uppercase; font-family: "Times New Roman", Times, serif; font-size: 2.4em; letter-spacing: .04em; }

div#wrapper.news div#pageheader { display: none; }

/********************************
	Subnav
********************************/

div#subnav { margin: 0 0 0 47px;  width: 873px; padding: 0 0 27px 0; }

div#wrapper.contact div#subnav, div#wrapper.news div#subnav { display: none; }

div#subnav ul { margin: 0; padding: 0; list-style: none; }

div#subnav ul li { float: left; display: block; padding: 0 18px 0 0; margin: 0; }

div#subnav ul li a { color: #fff; display: block; margin: 0; padding: 0 2px 3px 2px; font-size: 1.4em; text-decoration: none; letter-spacing: .05em; }

div#subnav ul li a:hover { color: #006990; }

div#subnav ul li.active a { color: #006990; text-decoration: none; }

/********************************
	Columns
********************************/

div#columns { background: url(/themes/site_themes/skywater/images/columns_bg.jpg) no-repeat bottom left; width: 961px; }

div#wrapper.news div#columns { height: 485px; }

div#columns h2 { font-size: 1.6em; padding: 10px 0 10px 0; margin: 0; }

div#columns p { font-size: 1.4em; line-height: 1.4em; margin: 0 0 15px 0; padding: 0; }

div#columns p.caption { font-size: 1.2em; font-style: italic; text-align: center; }

div#columns p a { color: #0099cc; text-decoration: none; }

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

div#columns ul { margin-top: 0; padding-top: 0; margin-bottom: 15px; }

div#columns ul li { font-size: 1.4em; line-height: 1.4em; padding: 0; margin: 0; }

div#columns div#cta { clear: both; text-align: center; font-size: 1.6em; font-family:"Times New Roman", Times, serif; letter-spacing: .03em; padding: 10px 0 0 0; }

div#columns div#cta a { color: #ccc; text-decoration: underline; font-style: italic; }

div#wrapper.news div#columns div#cta { display: none; }

div#news { border-bottom: 1px solid #666; padding: 0 0 10px 0; margin: 0 0 15px 0; }

div#news h2, div#news_details h2 { padding: 10px 0 20px 0; }

div#news img { float:left; margin: 0 20px 15px 0; }

div#columns ul.pagination { list-style: none; margin: 0; padding: 0; }

div#columns ul.pagination li { display: block; float: left; margin: 0; padding: 0px 3px !important; }

div#columns ul.pagination li a { color: #0099cc; }

div#columns ul.pagination li a:hover { text-decoration: underline; }

/********************************
	Left
********************************/

div#left { float: left; width: 425px; padding: 0 15px 0 47px; }

div#container.home div#left { padding: 0 25px 0 37px; }

div#container.col1 div#left { width: 850px; }

div#wrapper.contact div#left { float: left; width: 485px; padding: 0 15px 0 47px; }

/********************************
	Right
********************************/

div#container div#right { float: left; width: 425px; padding: 0 0 0 15px; min-height: 254px; }

div#wrapper.contact div#right { float: left; width: 350px; padding: 0 0 0 25px;  background: url(/themes/site_themes/skywater/images/rightcol_bg.gif) no-repeat 0 59px; height: 300px; }

div#container.home div#right { background: url(/themes/site_themes/skywater/images/rightcol_bg.gif) no-repeat 0 69px; padding: 0 0 0 25px; }

div#wrapper.news div#right { display: none; }

/********************************
	Footer
********************************/

div#footer { background: #000; text-align: center; padding: 40px 0 0 0; width: 961px; }

div#footer div#nav { margin: 0 auto 11px auto; width: 875px; border-top: 1px solid #666; border-bottom: 1px solid #666; padding: 10px 0; }

div#footer div#nav ul { margin: 0; padding: 0; list-style: none; }

div#footer div#nav ul li { display: inline; padding: 0 11px; margin: 0; }

div#footer div#nav ul li a { color: #666; display: inline; margin: 0; font-size: 1.1em; text-decoration: none; }

div#footer div#nav ul li a:hover { color: #0099cc; }

div#footer div#nav ul li.active a { color: #0099cc; text-decoration: none; }

div#footer div#nav ul li.active a:hover { text-decoration: underline; }

div#footer div#copyright { color: #464646; margin: 0 0 10px 0; }

div#footer div#copyright a { color: #0099cc; }

div#footer div#social { margin: 0 0 28px 0; }

/********************************
	Forms
********************************/

.req { color: #0099cc; }

form { margin: 0; padding: 0; }

form p, form fieldset p { padding: 5px 10px; margin: 15px 0; background-color: #dcdcdc; }

form fieldset { width: 400px; margin: 0 0 15px 0; background: url(/themes/site_themes/skywater/images/bg_fieldset.jpg) repeat-x bottom left; }

form fieldset legend { font-size: 1.3em; color: #ccc; font-weight: bold; padding: 0 10px 0 10px; text-transform: uppercase; }

form fieldset ol { margin: 0; padding: 10px; list-style: none; }

form fieldset ol li label { color: #ccc; font-size: 1.4em; /*font-weight: bold;*/ }

form fieldset ol li p { font-size: 1.4em; }

form fieldset.left ol li label { float: left; clear: both; width: 8em; margin-right: 1em; text-align: left; } 

form fieldset.left ol li { clear: both; margin: 0; }

form fieldset.submit { border-style: none; background: none; }

form fieldset ol li span.example { margin: 10px 0 0 120px; display:block; font-style: italic; color: #999; font-size: 1.2em; padding: 0 0 0 10px; }

form textarea { padding: 10px; line-height: 1.4em; width: 350px; }

form div#msg { color: #333; font-size: 1.2em; width: 380px; padding: 10px; }

/********************************
	Site Map
********************************/

#sitemap { margin: 0; padding: 0; list-style: none; }

#sitemap ul { margin: 0 0 0 15px; padding: 0; list-style: none; }

#sitemap li { border-bottom: 1px solid #878685; width: 250px; padding: 0 0 20px 0 !important; margin: 0 0 20px 0 !important; }

#sitemap li a { line-height: 1.4em; color: #0099cc; font-size: 1.1em; text-decoration: none; font-weight: bold; letter-spacing: 0.03em; }

#sitemap li a:hover { color: #73130c; }

#sitemap li ul li { border-bottom: 0px; padding: 0 !important; margin: 0 !important; }

#sitemap li ul li:last-child { margin-bottom: -20px !important; }

#sitemap li ul li a { font-size: .60em; font-weight: normal; }
