/* Browser Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* Body
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
  font-size: 75%;
  color: #fff; 
  background: #000 url('../_img/elements/mainbg.gif') repeat-y center;
  font-family: Arial, Verdana, Helvetica,  sans-serif;
  margin:0;padding:0;
}

body.register {background:#000;}
body.widebg {background:#000 url('../_img/elements/widebg.png') repeat-y center;}

p           { margin: 0 0 1.25em; font-size:1em;line-height:1.8em}

a:focus, 
a:hover     { color: #999;text-decoration: underline;}
a           { color: #c3cf21;text-decoration: none; }


ul          { list-style-type: disc; margin: 0 0 1.5em;}
ol          { list-style-type: decimal; margin: 0 0 1.5em;}

li {margin-left:25px;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }


/* Headings
-------------------------------------------------------------- */

@font-face {
    font-family: 'UniversLTStd65Bold';
    src: url('type/universltstd-bold_copy-webfont.eot');
    src: url('type/universltstd-bold_copy-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/universltstd-bold_copy-webfont.woff') format('woff'),
         url('universltstd-bold_copy-webfont.ttf') format('truetype'),
         url('universltstd-bold_copy-webfont.svg#UniversLTStd65Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UniversLTStd45Light';
    src: url('type/universltstd-light-webfont.eot');
    src: url('type/universltstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/universltstd-light-webfont.woff') format('woff'),
         url('type/universltstd-light-webfont.ttf') format('truetype'),
         url('type/universltstd-light-webfont.svg#UniversLTStd45Light') format('svg');
    font-weight: normal;
    font-style: normal;

}


h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #ffffff; }

h1 { font-size: 3em; line-height: 1;  }
h2 { font-size: 1.6em; margin-bottom: 0.5em; }
h3 { font-size: 1.2em; margin-bottom: .25em;color:#94c6de; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; color:#000; }
h6 { font-size: 1em; font-weight: bold;  margin-bottom: .5em; }

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

/* Default Classes
-------------------------------------------------------------- */

.small      { font-size: .775em; margin-bottom: 1.875em; line-height: 1.5em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #999; }
.dark    	{ color: #666; }
.white 		{color:#FFF;margin:0;}
.left		{float:left;margin-right:5px;}
.right 		{float:right;}

/* Images
-------------------------------------------------------------- */
img {margin:0;padding:0;}
img.floatleft {float:left;}


/* Container
-------------------------------------------------------------- */
#container {margin: auto;text-align: left;width: 100%;height:100%;}


/* Header
-------------------------------------------------------------- */
#header {float: left; width: 100%;background:#fff;}
#header-wrapper {margin: auto;width:900px;height:180px;}

h1#logo a {display:block;position:absolute;width:115px;height:162px;background:url('../_img/elements/claytonlogo.jpg') no-repeat 0 0;text-indent:-9999px;margin:0;overflow:hidden;}
h1#logo a:hover {background-position:0 -162px;}
h1 a {text-decoration:none;}

#topnav {position:absolute;width:760px;height:30px;margin-left:140px;margin-top:142px;text-align:left;}

.topnav {width: 760px;height:30px;}
.topnav li {position:relative;display: inline;float:left;margin:0;padding-left:0; }
.topnav li.last {padding-right:0;}
.topnav li a:link, .topnav li a:visited { height: 30px;text-indent: -9999px;overflow: hidden;}
	
.topnav .home a:link, .topnav .home a:visited {width: 45px;background: url('../_img/topnav/topnav.gif') no-repeat 0 0;float:left;}
.topnav .home a:hover, .topnav .home a:focus, .topnav .home a:active  {background: url('../_img/topnav/topnav.gif') no-repeat 0 -30px;}
.current-home .home a:link, .current-home .home a:visited {background: url('../_img/topnav/topnav.gif') no-repeat 0 -30px; cursor: default;}

.topnav .location a:link, .topnav .location a:visited {width: 74px;background: url('../_img/topnav/topnav.gif') no-repeat -43px 0;float:left;}
.topnav .location a:hover, .topnav .location a:focus, .topnav .location a:active {background: url('../_img/topnav/topnav.gif') no-repeat -43px -30px;}
.current-location .location a:link, .current-location .location a:visited {background: url('../_img/topnav/topnav.gif') no-repeat -43px -30px; cursor: default;}

.topnav .plans a:link, .topnav .plans a:visited {width:149px;background: url('../_img/topnav/topnav.gif') no-repeat -115px 0;float:left;}
.topnav .plans a:hover, .topnav .plans a:focus, .topnav .plans a:active {background: url('../_img/topnav/topnav.gif') no-repeat -115px -30px;}
.current-plans .plans a:link, .current-plans .plans a:visited {background: url('../_img/topnav/topnav.gif') no-repeat -115px -30px; cursor: default;}

.topnav .features a:link, .topnav .features a:visited {width: 112px;background: url('../_img/topnav/topnav.gif') no-repeat -262px 0;float:left;}
.topnav .features a:hover, .topnav .features a:focus, .topnav .features a:active  {background: url('../_img/topnav/topnav.gif') no-repeat -262px -30px;}
.current-features .features a:link, .current-features .features a:visited {background: url('../_img/topnav/topnav.gif') no-repeat -262px -30px; cursor: default;}

.topnav .updates a:link, .topnav .updates a:visited {width: 52px;background: url('../_img/topnav/topnav.gif') no-repeat -372px 0;float:left;}
.topnav .updates a:hover, .topnav .updates a:focus, .topnav .updates a:active {background: url('../_img/topnav/topnav.gif') no-repeat -372px -30px;}
.current-updates .updates a:link, .current-updates .updates a:visited {background: url('../_img/topnav/topnav.gif') no-repeat -372px -30px; cursor: default;}

.topnav .clubhouse a:link, .topnav .clubhouse a:visited {width: 116px;background: url('../_img/topnav/topnav.gif') no-repeat -422px 0;float:left;}
.topnav .clubhouse a:hover, .topnav .clubhouse a:focus, .topnav .clubhouse a:active {background: url('../_img/topnav/topnav.gif') no-repeat -422px -30px;}
.current-clubhouse .clubhouse a:link, .current-clubhouse .clubhouse a:visited {background: url('../_img/topnav/topnav.gif') no-repeat -422px -30px; cursor: default;}

.topnav .team a:link, .topnav .team a:visited {width: 74px;background: url('../_img/topnav/topnav.gif') no-repeat -536px 0;float:left;}
.topnav .team a:hover, .topnav .team a:focus, .topnav .team a:active {background: url('../_img/topnav/topnav.gif') no-repeat -536px -30px;}
.current-team .team a:link, .current-team .team a:visited {background: url('../_img/topnav/topnav.gif') no-repeat -536px -30px; cursor: default;}

.topnav .contact a:link, .topnav .contact a:visited {width: 71px;background: url('../_img/topnav/topnav.gif') no-repeat -608px 0;float:left;}
.topnav .contact a:hover, .topnav .contact a:focus, .topnav .contact a:active {background: url('../_img/topnav/topnav.gif') no-repeat -608px -30px;}
.current-contact .contact a:link, .current-contact .contact a:visited {background: url('../_img/topnav/topnav.gif') no-repeat -608px -30px; cursor: default;}

.topnav .register a:link, .topnav .register a:visited {width: 66px;background: url('../_img/topnav/topnav.gif') no-repeat -677px 0;float:left;}
.topnav .register a:hover, .topnav .register a:focus, .topnav .register a:active {background: url('../_img/topnav/topnav.gif') no-repeat -677px -30px;}
.current-register .register a:link, .current-register .register a:visited {background: url('../_img/topnav/topnav.gif') no-repeat -677px -30px; cursor: default;}



/* Home
-------------------------------------------------------------- */
#home {float: left;width: 100%;background: url('../_img/elements/treesbg.jpg') repeat-x bottom center;}
#home-wrapper {margin: auto;width: 900px;}

#plain {float: left;width: 100%;}
#plain-wrapper {margin: auto;width: 900px;position:relative;}


#registration {float: left;width: 100%;background: url('../_img/elements/treesbg.jpg') repeat-x center fixed;background-position:0 615px;}
#registration-wrapper {margin: auto;width: 900px;}

#home-strip {float: left;margin: auto;width:900px;background: url('../_img/strip/intro.jpg') no-repeat bottom left;}
#townline-strip {float: left;margin: auto;width:900px;background: url('../_img/strip/townline.jpg') no-repeat bottom left;}
#location-strip {float: left;margin: auto;width:900px;background: url('../_img/strip/location.jpg') no-repeat bottom left;}



/* Home Feature
-------------------------------------------------------------- */

#featurebox { 
	z-index:999;
    /* overlay is hidden before loading */ 
    display:none; 
    /* standard decorations */ 
    width:300px;     
    border:10px solid #FFF; 

} 
 
#featurebox div { 
    padding:10px; 
    border:1px solid #000; 
    background-color:#C2CD23; 
    font-family:verdana,arial,sans-serif ;
} 

 
#featurebox.red div { 
    padding:10px; 
    border:none; 
    background-color:#c70000; 
    font-family:verdana,arial,sans-serif ;
} 

#featurebox p { color:#000;
    font-size:10px;}
    
#featurebox h2 { color:#000;
    line-height:1.25em;}

#featurebox a { color:#333;}
#featurebox a:hover { color:#fff;}  

span.close {float:right;padding:2px 6px;border:0;color:#000;border:1px solid #000;margin:0;line-height:1.3em;}
span.close a {color:#000;text-decoration:none;cursor:pointer;}
span.close a:hover {color:#333;text-decoration:none;cursor:pointer;}

#featurebox.red div span.close {color:#fff;border:1px solid #fff;}
#featurebox.red div span.close a {color:#fff;}

/* Left SideNav
-------------------------------------------------------------- */
#sidenav {float:left;width:115px;text-align:right;padding-top:27px;}
#sidenav ul {list-style:none;}
#sidenav li {margin-bottom:10px;margin-left:0;}
#sidenav a {font-size:.8em;line-height:1.25em;text-transform:uppercase;padding-bottom:15px;color:#999;} 
#sidenav a:hover {text-decoration:none;color:#fff;}
#sidenav a.active {color:#c3cf21;}


#sidenav ul.updates {list-style:none;}
#sidenav ul.updates li h6 {font-size:.8em;color:#c3cf21;font-weight:normal;}
#sidenav ul.updates li a {color:#b1b1a8;}
#sidenav ul.updates li a:hover {color:#008da9;}
#sidenav ul.updates li a.active {color:#008da9;}




/* Main Content Area
-------------------------------------------------------------- */
#maincontent {float:left;width:333px;padding:25px;}

#register {float:left;width:656px;background:#e6f2f8;padding:25px 50px 25px 50px;color:#000;margin-left:25px;border-left:2px solid #000;border-right:2px solid #000;}
#plans {float:left;width:756px;background:#fff;padding:0;color:#000;margin-left:25px;border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff;}

#soldout {position:absolute;z-index:999;margin-left:142px;top:125px;background:url("../_img/plans/soldout.png") no-repeat;width:756px;height:385px;overflow:hidden;text-indent:-9999px;}


#location {position:relative;margin-left:-52px;width:950px;background:#000;}

#plans h2 {color:#000;font-size:2em;}
#plans h2 span {color:#666;font-size:1.5em}

ol.qa { margin: 0 0 1.5em;}
ol.qa li {margin-left:0;margin-left:1.5em;color:#94c6de;font-weight:bold;margin-bottom:1em;line-height:1.75em;}
span.response {color:#fff;font-weight:normal;}

span.q {color:#94c6de;}


a.pricelist:focus, a.pricelist:hover { color: #c3cf21;text-decoration: none;}
a.pricelist  { color: #c3cf21;text-decoration: none; }
a.pricelist:focus span, a.pricelist:hover span { color: #94c6de;text-decoration: none;}
a.pricelist span { color: #ffffff;text-decoration: none;margin-left:10px; }


#plandl {position:absolute;z-index:100;margin-top:620px;margin-left:190px;}
#siteplandl {position:absolute;z-index:100;margin-top:665px;margin-left:190px;}
#featuresdl {position:absolute;z-index:100;margin-top:570px;margin-left:515px;}
#mapdl {position:absolute;z-index:100;margin-top:500px;margin-left:160px;}

#plannav {float:left;text-align:right;width:885px;padding-right:15px;position:relative;margin-top:-25px;}


/* Right Column Images
-------------------------------------------------------------- */
#heroes {float:left;background:#fff;width:402px;text-align:center;padding:0;min-height:527px;}


/* BLOG STYLES
-------------------------------------------------------------- */
#blog-wrapper {float:left;width:756px;background:#fff;padding:0;color:#000;margin-left:25px;border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff;overflow:hidden;}

.blogcolumn {float:left;width:500px;margin:0 22px;}
.sidebar {float:left;width:190px;margin-right:22px;}


.sidebar ul {list-style:none;margin:0;padding:0;}
.sidebar ul li {margin-left:0;margin-bottom:20px;border-bottom:1px #e2e2d9 solid;}
.sidebar ul li ul {padding-bottom:20px;}
.sidebar ul li ul li {margin-bottom:5px;border-bottom:none;}
.sidebar li a, .sidebar p a {line-height:.25em;font-size:.9em;}

.blogcolumn h2 {font-size:2em;line-height:1.25em;color:#1b7797;text-transform:uppercase;margin-bottom:0;}
.blogcolumn h2 a {color:#1b7797;text-transform:uppercase;}
.blogcolumn h2 a:hover {color:#666;text-decoration:none;}
.sidebar h3 {font-size:1.6em;color:#666;text-transform:uppercase}
h4.page-title {color:#666;}
.blogcolumn h3 {font-size:1.6em;color:#333;}
.blogcolumn h4 {color:#333;font-weight:bold;}

.blogcolumn hr{display: block;position: relative;padding: 0;margin: 15px auto;height: 0;max-height: 0;width: 100%;clear: both;border: none;border-top: 1px dotted #e2e2d9;font-size: 1px;line-height: 0;}
.entry-content {margin-top:15px;}

.entry-date {color:#acb61d;margin:0;font-size:.9em;}
.navigation {margin:15px 0;height:1.75em;}
div.navigation div.nav-next {float:right;text-align:right;}
div.navigation div.nav-previous {float:left;}
.navigation a {color:#1b7797;}

.excerptblock {border-bottom:1px dotted #666;margin-bottom:10px;padding-bottom:15px;}
.excerptblock p {margin-bottom:0;}

ol li.comment {margin-left:0;list-style:none;}
li.comment {border-bottom:1px #e2e2d9 dotted;}
#comments h3 {color:#333;margin-bottom:10px;}

.entry-meta {border-top:1px #e2e2d9 solid; border-bottom:1px #e2e2d9 solid; padding:15px 0;font-size:.9em;margin-bottom:25px;color:#999;}
.entry-meta a {color:#666;}

#comments {border-top:1px #e2e2d9 dotted; padding:15px 0;}

.comment-meta, #login {font-size:.9em;color:#999;padding-bottom:10px;}
.comment-meta a, #login a {color:#666;}

#search { padding-bottom:20px;border-bottom:1px #e2e2d9 solid;margin-bottom:20px;margin-top:20px; }
#search .searchfield  {float:left; width:160px;border:1px solid #666;border-right:none;  background:#FFF; padding:3px;color:#666;}
#search .button {float:left;width:20px;background:#000;color:#fff;border:none; padding:3px;height:24px;}


#flickr {clear:both;margin-bottom:10px;}
#flickr a img {float:left;padding:0;margin:0 3px 3px 0;height:60px;width:60px;}

ul.content-column, ul.wp-tag-cloud {list-style:none;}
ul.content-column li, ul.wp-tag-cloud li {padding-right:5px;display:inline;margin-left:0;}
li.catarchive {list-style:none;margin-left:0;}
ul.content-column a, ul.wp-tag-cloud a, li.catarchive a {color:#666;}

/* Footer
-------------------------------------------------------------- */
#footer {position:absolute;width: 100%;top:710px;z-index:2}
#footer-wide {width: 100%;top:710px;}
#footer-wrapper {text-align:right;padding:10px;margin: auto;width: 720px;padding-left:160px;}
#footer-wrapper img {margin-right:14px;}

.footernav {float:right}
.dllink {float:left;}
.dllinkright {clear:both;margin-right:205px;}


/* Tabs
-------------------------------------------------------------- */

ul.tabNavigation {list-style:none;}
ul.tabNavigation li {margin-bottom:5px;margin-left:0;}
ul.tabNavigation a {color:#767561;} 
ul.tabNavigation a:hover {text-decoration:none;color:#fff;}
ul.tabNavigation a.selected {color:#c3cf21;}


/* Forms
-------------------------------------------------------------- */


label {font-size:.9em; padding-right:10px;width:150px;text-transform:uppercase;}


/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Text fields */
input.text, input.title   {margin:0;font-size:1em;}
input.text, input.title   { border:1px solid #999; background:#FFF; padding:3px;margin-right:15px; }
input.text:focus,
input.title:focus         { border:1px solid #666; background:#fff; }
input.title               { font-size:1.5em; }

.long {width:520px;}
.regular {width:200px;}
.mid {width:200px;}
.short {width:75px;}

input.placeholder,textarea.placeholder {color:#999;}

input.checkbox             {margin-top:8px; }

/* Textareas */
textarea            { margin: 0; }
textarea            { border:1px solid #999; background:#FFF; padding:2px; }
textarea:focus      { border:1px solid #666; background:#eee; }

textarea.comments           { width:305px; height:100px;margin:5px 0 5px;}

/* Select fields */
select              { border:1px solid #999; background:#FFF;padding:2px;font-size:1.1em;}
select:focus        { border:1px solid #666; background:#fff; }

select.wide {width:310px;margin-bottom:5px;}


table.contactInfo td {padding-bottom:10px;}
td.formDef {font-size:.9em;text-transform:uppercase;padding-right:20px;width:300px;padding-bottom:10px}


/* Success, error & notice boxes for messages and errors. */

.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 1px solid #ddd; }
.error      { color: #D12F19;}
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

.required {color:#990000;}

#errorContainer {
			width:610px;
			padding:10px;
			background: #FBE3E4; 
			border: 1px solid #FBC2C4; 
			margin-bottom: 1em;
			display: none;
		}


		
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }