/*
 * Sprokets.net
 * general.css - General styles for the whole site
 * Author: Michael Duff
 *
 * Copyright 2007 Simple Adaptation / Sprokets, ALL RIGHTS RESERVED
 *
 * Last updated 7/15/2007
 */

/*** general styles setting up the container and some basic spacing */
body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 22px; background-color: #3f370c; }



/* link styles */
a { color: #9caa03; }
a:hover { background-color: #9caa03; color: #fff; text-decoration: none; }
a:visited { color: #333; }
a:visited:hover { color: #fff; background-color: #333;}
a:focus { outline: #000000 dotted 1px; }


/* element styles */
p { padding: 3px 0;  }


/* masthead */
#masthead-container { background: #204399 url(../images/layout/header-bg.jpg) 50% 0% no-repeat; height: 290px; text-align: center; }
#masthead, #main-promo { margin: 0 auto; text-align: left; width: 800px; clear: both; }
#masthead p { float: left; margin-top: 26px; width: 107px; height: 34px; text-indent: -5000px; background: url(../images/layout/sprokets-logo.gif) no-repeat; display: inline; }
#masthead ul { float: right; margin-top: 26px; }
#masthead ul li { padding: 0 15px; display: inline; font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
#masthead ul li a { color: #fff; text-decoration: none; }
#masthead ul li a:hover { color: #fff; background: none;
	text-decoration: underline;
}

#main-promo { text-align: center; padding-top: 45px; }
#main-promo h1 { color: #fff; font-size: 48px; line-height: 56px;
	font-weight: normal;
	font-style: normal;
}
#main-promo h2 { color: #fff; font-size: 22px; line-height: 32px;
	font-weight: normal;
	font-style: normal;
}
#main-promo h3 { color: #fff; font-size: 22px; line-height: 32px; font-style: italic; }

/* main message */
#main-message { background: url(../images/layout/green-bg.gif); height: 63px; text-align: center; }
#main-message h4 { color: #fff; font-size: 22px; line-height: 32px; font-style: italic; padding-top: 15px; }
#main-message h4 strong { font-weight: bold; }

/* content */
#content-container { text-align: center; background: url(../images/layout/content-gradient.gif) bottom left repeat-x; }
#content { margin: 0 auto; text-align: left; width: 713px; padding: 15px 0; }
#content .detail { clear: both; padding: 15px 0; }
#content .detail h2 {  color: #9caa03; border-bottom: 1px solid #9caa03; padding-bottom: 10px; margin-bottom: 5px;
	font: italic 28px "Trebuchet MS", Verdana;
}
#content .detail p { float: left; width: 540px; color: #afb173; font-size: 16px; line-height: 26px; }
#content .detail p strong { color: #e5ee7e; }
#content .detail ul { float: right; width: 150px; color: #9caa03; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; margin-top: 4px; }

/* information */
#information-container { clear: both; text-align: center; background: url(../images/layout/contact-bg.gif) repeat-x; }
#info-cont { background: url(../images/layout/contact-bg.jpg) 50% 0% no-repeat; height: 484px; }
#information { width: 800px; text-align: left; margin: 0 auto; padding: 25px 0 0 0;  }
#information .about { float: left; width: 380px; padding-left: 50px; display: inline; padding-top: 20px; }
#information .contact { float: right; width: 275px; padding-right: 50px; display: inline; }
#information .about h2, #information .contact h3 { display: none; }
#information .about p { padding-left: 150px; color: #38300a; }
#information .contact h2 { color: #332c08; font-style: italic; font-size: 28px; }
#information .contact p { color: #332c08; font-style: italic; line-height: 20px; margin-top: 4px; }
#information .about .logos { margin-top: 15px; }

#information .contact form { width: 225px; margin: 5px auto; }
#information .contact label { color: #312b08; display: block; margin: 0; padding: 0; }
#information .contact input, #information .contact textarea { width: 100%; margin: 2px 0 4px; border: 1px solid #7c7c7c;
	font: 14px Trebuchet, Verdana, Arial;
}
#information .contact form br { display: none; }
#information .contact button { float: right; text-indent: -5000px; width: 103px; height: 34px; background: url(../images/layout/send-button.gif) 0px 0px no-repeat; cursor: pointer; margin-top: 5px; }
#information .contact button:hover { background: url(../images/layout/send-button.gif) -104px 0px no-repeat; }

/* footer */
#footer { margin: 10px auto; width: 800px;
	text-align: center;
}
#footer p { color: #9caa03; font-family: "Trebuchet MS", Verdana; font-size: 10px; }


/* wforms, tooltip, messages and ajax */
.tool-tip { color: #fff; width: 139px; z-index: 13000; }
.tool-tip .tool-title { width: 123px; font-weight: bold; font-size: 12px; margin: 0; color: #9caa03; padding: 5px 8px 1px; background: url(../images/layout/bubble.png) top left; }
.tool-tip .tool-text { width: 123px;  font-size: 10px; font-family: "Trebuchet MS", Verdana; padding: 0 8px 5px; background: url(../images/layout/bubble.png) bottom right; }

#information .contact .errFld { border: 1px solid #F00 !important; background-color: #FFCCCC !important; }

#message { padding: 5px; background-color: #747e07; color: #fff; font-weight: bold; }
#message p { text-align: center; }

#information .contact #ajax-loader, #information .contact #ajax-error { float: left; width: 115px; margin-top: 5px; color: #5C5011; font-family: "Trebuchet MS", Verdana; font-size: 10px; font-weight: bold; line-height: 13px;}
#information .contact #ajax-error { color: #FF0000; }
#ajax-loader, #log, #ajax-error { display: none; }




/* clearing method */
#content .detail:after
{  content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#content .detail
 {display: inline-block;}

/* Hides from IE-mac \*/
* html #content .detail
{height: 1%;}

#content .detail
{display: block;}
/* End hide from IE-mac */