/*************GLOBAL STYLES******************/
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background:#1b7ecb url(images/bg-slice-coming-soon.jpg) repeat-x; font-family:Tahoma, Geneva, sans-serif; color:#000; font-size:12px; }
* { margin: 0 auto; padding: 0; }		/*<------<--------<-----| This assumes we're centering!!! */
a img { border: none; }
a {color:#0064C2; }
a:hover, a.current { text-decoration: underline; }
p { padding:0 0 12px 0; }
ul, ol { margin:0; padding:0 0 12px 30px;}
li { margin:0; padding:0 0 4px 0}
td, th, tr { }
strong { }
hr{ color:#ccc; border:1px solid #ccc; border-width:1px 0 0 0; margin:10px 0;}

h1 { color:#000; font-size:20px; padding:0 0 10px 0; margin-left:-1px; }
h2 { color:#000; font-size:18px; padding:0 0 10px 0; margin-left:-1px; }
h3 { color:#000; font-size:16px; padding:0 0 10px 0; margin-left:-1px; }
h4 { color:#000; font-size:14px; padding:0 0 10px 0; margin-left:-1px; }
h5 { color:#000; font-size:12px; padding:0 0 10px 0; }
h6 { color:#000; font-size:10px; padding:0 0 10px 0; }

/*************REUSABLE CLASSES******************/
.right { float:right; }
.left { float:left; }
.full { position:relative; width:99%; }	/****<-----| This works better w/ px based widths ****/
.split50 { position:relative; width:50%; float:left; }
.split30 { position:relative; width:33%; float:left; }
img.alignright { float:right; margin:6px 0 1em 1em }
img.alignleft { float:left; margin:6px 1em 1em 0 }
img.aligncenter { display: block; margin-left: auto; margin-right: auto }
a img.alignright { float:right; margin:6px 0 1em 1em }
a img.alignleft { float:left; margin:6px 1em 1em 0 }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }

/*************WRAPPERS**************/
#PageWrapper { padding:20px 0 0 0; }
#Wrapper { width:1024px; height:650px; background:url(images/bg-coming-soon-wborder.jpg); padding:118px 0 0 0; position:relative;}
#Top{ background:url(images/txt-coming-soon.png) no-repeat top; width:1024px; height:254px;}
#Top h1{ display:none;}
#Middle{}
#Bottom{ text-align:right; color:#fff; width:1024px; padding:4px 0; text-transform:lowercase;}
#Bottom a{ color:#fff;}
#site_credits { cursor:pointer }

#Sm{ position:absolute; top:12px; right:12px; width:32px; height:32px;}

/*************JQuery Styles***************/
div.answer { display: none; }
.answer { padding:10px; margin-bottom:5px; }
div.question { margin:8px 0 4px 0; background:#ededed; padding:0; }
div.question h4 { padding:4px; color:#000; font-size:12px }
div.question:hover { background:#dbdbdb; cursor:pointer }
div.question.active { background:#dbdbdb; }

/* MailChimp Form Embed Code - Slim - 08/17/2011 */
#mc_embed_signup{width:300px; font:14px Helvetica,Arial,sans-serif; text-align:center; background:#fff; padding:14px 10px 10px 10px; margin-top:30px; border-radius:10px;}
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:0}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:15px; font-weight:normal; padding-bottom:10px; text-align:center; color:#534741;}
#mc_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:58%; width:300px;}
#mc_embed_signup input.button {display:block; width:35%; margin:0 0 10px 100px; width:90px;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}



/*************Form Styles**************/
/* Define your base widths here as well as any fancy button formatting.  Just remember that only real browsers will see image-based buttons. */	
input[type="text"] { width:250px; }
textarea { width:250px; }
select { width:250px; }
input[type="button"] { }
input[type="submit"] { }
/* Define the various event states */	
input.disabled, select.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.required, textarea.required, select.required { border: 1px solid #00A8E6; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #FF3300; color: #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color: #000; }
.validation-advice { margin: 5px 0; padding: 5px; background-color: #990000; color: #fff; font-weight: bold; }
.custom-advice { margin: 5px 0; padding: 5px; background-color: #990000; color : #fff; font-weight: bold; }
/* Define the basic form layout */
fieldset { padding: 1em; margin-bottom: 0.5em; }
label { font-weight: bold; }
.form-row { font-size:12px; margin:0 0 8px 0 }
.field-label { float:left; width:230px; }
.field-widget { float:left; width:250px; }
/* Anything extra... */	
.red { color:#990000; }

/*************Min-Height Hack**************/
.prop { float:left; width:1px; }
.clear { clear:both; height:1px; overflow:hidden; }	/* I don't currently rely on .clear */
.min431px { height:431px; }

/***************************************/	

/* -- Alsett Clearing Method*/
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; }