/***

   :: Theme Development: Jason Siffring
	
***/

/* CSS reset courtesy of meyerweb.com */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Typography ----------------------------------------------------------------- */
body {font-size: 62.5%; line-height: 1.4em; font-family: Helvetica, Arial, sans-serif; color: #000; background: #fff;}

h1 {font-size: 6.0em; line-height: 1.2em; color: #fff; letter-spacing: 1px;}
h2 {font-size: 1.7em; line-height: 1.2em; font-weight: normal; letter-spacing: 1px;}
h3 {font-size: 1.1em; font-weight: bold;}

#col1 h1 {font-size: 2.4em; color: #6DB33F; margin-bottom: 20px;}

p {margin-bottom: 20px; font-size: 1.2em; line-height: 1.5em;}
p.meta {margin-bottom: 0em;}
ul,
ol {margin-bottom: 18px;}
li {margin: 0 0 20px 20px; font-size: 1.2em;}
a {text-decoration: none; color: #669933;}
a:hover {text-decoration: underline;}

/* Layout ----------------------------------------------------------------- */
#content {width: 1000px; margin: 0 auto; background: #fff url(../images/bg-home.jpg) 0 75px no-repeat; min-height: 640px;}
#col1 {width: 450px; float: left; margin-left: 25px;}
#col2 {width: 250px; float: left; margin-left: 25px;}
#col3 {width: 150px; float: left; margin-left: 25px;}
#foot-container {background: #fff;}
#footer {width: 975px; height: 75px; margin: 20px auto 0 auto;}

/* Banner */
#banner {position: relative; height: 75px; margin-bottom: 50px; margin-left: 25px;}
#logo {display: block; width: 441px; height: 75px; text-indent: -999em; background: url(../images/logo-trinity.jpg) no-repeat;}
#tagline {position: absolute; top: 45px; left: 525px; font-size: 1.5em; font-family: Georgia; font-style: italic; color: #929292;}
#agent-login {display: block; position: absolute; top: 0; right: 0; width: 120px; height: 19px; background: #9ACD34; padding: 5px 0 0 10px; color: #fff; text-transform: uppercase; font-size: 1.0em;}

/* Navigation */
.nav {background: #242021; text-transform: uppercase; font-size: .6em; letter-spacing: 1.2px; font-family: arial;} /* #272525 */
.nav ul {margin: 0;}
.nav li {margin: 0; list-style-type: none;}
.nav li.last {margin: 0;}
.nav a {display: block; color: #fff; padding: 8px 10px;}
.nav a:hover {background: #444; color: #fff; text-decoration: none;}
.nav a.active {background: #9ACD34; color: #000; text-decoration: none; font-weight: bold;} /* #99CC33 */

/* Boxes */
#col2 .box1,
#col2 .box2,
#col2 .box3 {width: 200px;}

.box {margin-bottom: 10px;}
.box1 {background: #fff; padding: 25px;}			/* white */
.box2 {background: #6DB33F; padding: 25px; color: #fff;} 	/* medium green #9ACD34 */
.box3 {background: #D0E4A7; padding: 25px; color: #fff;} 	/* light green */

/* Footer */
#footer p {width: 500px; padding: 10px 0; margin-left: 12px;border-top: 2px solid #000; font-size: .9em; letter-spacing: 1.15px; font-family: Verdana; text-transform: uppercase;}
#footer a {color: #666666;}

/* Home Page */
#homepage #content {background-image: url(../images/bg-home.jpg);}
#homepage #content h1 {padding-left: 25px; margin-top: 50px; margin-bottom: 15px;}
#homepage #content #col1 a {color: #000;}
#homepage .box1 {background: #6DB33F;} /* #66CC33 */
#homepage .box1,
#homepage .box2 {min-height: 236px; color: #fff;}
#homepage .box1 h2 {color: #fff;}
#homepage .box1 p {font-size: 1.5em;}
#homepage .box2 p {margin-bottom: 0;}
#homepage .box2 .highlight {margin-bottom: 55px;}
#homepage #content-container {padding-bottom: 20px;}
#homepage .highlight a {color: #000;}

/* Agent Page */
#agentpage #content {background-image: url(../images/bg-agents.jpg);}
#agentpage #col2 h2 {font-size: 2em; color: #6DB33F;}
#agentpage #col2 a  {font-weight: bold;}

/* Register Page */
#registerpage #content {background-image: url(../images/bg-register.jpg);}
#registerpage #col2 h2 {font-size: 2em; color: #6DB33F;}
#registerpage #col2 a  {font-weight: bold;}

/* Individual Page */
#individualpage #content {background-image: url(../images/bg-individuals.jpg);}
#individualpage #col2 .box2 p {margin-bottom: 0;}

/* Early Life Settlement Page */
#elspage #content {background-image: url(../images/bg-earlyls.jpg);}

/* About Page */
#aboutpage #content {background-image: url(../images/bg-about.jpg);}
#aboutpage .highlight a {color: #000;}
#aboutpage #col2 ul {margin-bottom: 0;}
#aboutpage #col2 li.last {margin: 0 0 0 20px;}
#aboutpage #col2 .box1 {background: #6DB33F; color: #fff;} /* #6DB33F */
#aboutpage #col2 .box1 h2 {margin-bottom: 10px;}
#aboutpage #col2 .box1 p {margin-bottom: 10px;}

/* Case Studies Page */
#cspage #content {background-image: url(../images/bg-casestudies.jpg);}
#cspage .box1 {padding-bottom: 20px;}
#cspage .casestudy {min-height: 200px; background: #999999;}
#cspage .casestudy img {float: right; padding-left: 10px;}
#cspage .casestudy h3 {margin: 0 15px 10px 15px; padding: 15px 0 10px 0; color: #fff; border-bottom: 1px solid #fff;}
#cspage .casestudy p {margin: 0 15px 15px 15px; font-size: 1.0em; color: #fff;}
#cspage .highlight a {color: #000;}

/* FAQ Page */
#faqpage #content {background-image: url(../images/bg-faq.jpg);}

/* Getting Started Page */
#gspage #content {background-image: url(../images/bg-gettingstarted.jpg);}

/* Contact Page */
#contactpage #content {background-image: url(../images/bg-contact.jpg);}
#contactpage input.text,
#contactpage textarea {width: 375px;}
#contactpage #col2 .box2 {min-height: 100px; color: #000;}
#contactpage #col2 .box2 h2 {margin-bottom: 20px; color: #fff;}
#contactpage #col2 .box2 p {font-size: 1.1em;}
#contactpage #col2 .box2 a {color: #000;}


/* Global Styles */
.highlight {color: #000;}
.intro {font-size: 1.8em;}
.clearfix {clear: both;}

/* Contact Button */
.contact {margin: 10px 0; font-size: 1.0em;}
.contact a {padding: 5px; background: #D0E4A7; color: #000; }
.contact a:hover {border: 1px solid #000; background: #fff; text-decoration: none;}

/* IE 6 'fixes' \*/
* html #col1 {margin-left: 10px;}

/* IE 7 'fixes' */
*:first-child+html #container {}