/* -----------------------------------------------
MASTER STYLESHEET
--------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset.css from eric meyer)

2: LAYOUT
	
3: GLOBAL ELEMENTS / CONTROLS

4. IMPORTED / PLUGIN CSS

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Eric Meyer reset.css - http://meyerweb.com/eric/tools/css/reset/ */
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, 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; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/* end of import */

html { height: 100%; font-family: Arial, Helvetica, sans-serif; } 
body { height: 100%; text-align: center; background-color: #fff; color: #666; font-size: 12px; line-height: 17px; }
a { color: #3ecba5; }
a:hover { color: #1fae87; }

/* -----------------------------------------------
2. LAYOUT
----------------------------------------------- */

div#wrapper { width: 988px; height: 100%; margin: 0 auto; text-align: left; }

div#header { width: 988px; overflow: hidden; }

div#content { width: 988px; overflow: hidden; margin: 40px 0 0 0; }
body.home div#content { background: #f5f5f5; }

div#primary-content { width: 648px; margin: 0 4px 0 0; float: left; background: #f5f5f5; padding: 9px 6px 114px 6px; position: relative; }
body.home div#primary-content { width: 988px; float: none; padding: 0; }

div#primary-content .col1 { width: 323px; float: left; }
div#primary-content .col2 { width: 323px; float: left; }

div#secondary-content { width: 312px; float: left; margin: 0 0 0 12px; position: relative; padding: 0 0 114px 0; }

div#footer { margin: 50px 0 0 0; width: 988px; overflow: hidden; background: #f5f5f5; }

/* -----------------------------------------------
3. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

/* HEADER ELEMENTS */

/* primary navigation */
div#primary-navigation { width: 660px; overflow: hidden; margin: 0 0 65px 0; }
div#primary-navigation ul { width: 660px; overflow: hidden; margin: 0 0 0 10px; }
div#primary-navigation ul li { float: left; margin: 0 1px 0 0; }
div#primary-navigation ul li.quick-content { margin: 0; }
div#primary-navigation ul li a { display: block; color: #000; text-decoration: none; text-transform: uppercase; font-size: 11px; padding: 8px 0; background: #e1fbf4; text-align: center; }
div#primary-navigation ul li a.home  { width: 83px; }
div#primary-navigation ul li a.nurture { width: 104px; }
div#primary-navigation ul li a.future { width: 104px; }
div#primary-navigation ul li a.quick-content { width: 345px; text-align: left; background: #f5f5f5; padding-left: 20px; }
div#primary-navigation ul li a:hover, div#primary-navigation ul li a.selected { background: #c6feef; }

/* logo */
div#logo  { width: 660px; margin: 0 4px 0 0; float: left; position: relative; }
div#logo h1 { background: url('../images/logo-nurture-future.gif'); width: 288px; height: 25px; text-indent: -3000px; margin: 0 0 0 10px; float: left; }
div#logo h2 { font-size: 15px; color: #606060; text-transform: uppercase; width: 300px; float: left; margin: 0 0 0 30px; }

/* partners */
div#partners { width: 300px; float: left; margin: 0 0 0 24px; }
div#partners ul { margin: -7px 0 0 0; }
div#partners ul li { float: left; margin: 0 20px 0 0; }
div#partners ul li a.tarmac {  }
div#partners ul li a.cartwright { padding: 12px 0 0 0; display: block; }

/* SPLASH PAGE */
body.splash { background: url('../images/bg-splash.jpg') left -100px repeat-x #77eacb; overflow: hidden; }
div#splash-inner { background: url('../images/bg-center-splash.jpg') no-repeat; width: 733px; height: 754px; margin: 0 auto; text-align: center; padding: 220px 0 0 0; position: relative; }
div#splash-inner img.logo { margin: -25px 0 20px 0; }
div#splash-inner ul { margin: 0 0 0 190px; width: 100%; overflow: hidden; }
div#splash-inner ul li { float: left; }
div#splash-inner ul li a.nurture { display: block; margin: 10px 15px 0 0 }
div#splash-inner ul li a.future { display: block; margin: 8px 0 0 0; }
div#splash-inner p { width: 130px; margin: 20px 0 0 0; font-size: 11px; }
div#splash-inner p.left { position: absolute; top: 390px; left: 225px; }
div#splash-inner p.right { position: absolute; top: 390px; left: 400px; }

/* HOME PAGE ELEMENTS */

/* banner block */
div#master-banner-block { width: 970px; background: url('../images/bg-banner-block.gif') top left no-repeat; margin: 9px; height: 238px; position: relative; }
div#master-banner-block div#image-block { width: 900px; height: 190px; background: left top no-repeat; position: absolute; top: 4px; left: 5px; padding: 20px 30px; }
div#master-banner-block h2 { text-transform: uppercase; color: #fff; padding: 0 0 6px 0; font-size: 18px; font-weight: normal; }
div#master-banner-block a { text-transform: uppercase; color: #fff; text-decoration: none; padding: 0 32px 19px 0; font-size: 18px; background: url('../images/icn-download-arrow.gif') right top no-repeat; margin: 0 0 0 -4px; }
div#master-banner-block p { text-transform: uppercase; color: #000; padding:8px 0 0 0; font-size: 14px; }
div#master-banner-block ul { position: absolute; right: 15px; bottom: 20px; }
div#master-banner-block ul li { color: #aaa; font-size: 13px; background: url('../images/icn-list-slant.gif') left 2px no-repeat; padding: 0 0 2px 10px; }

/* large cta block */
div#large-cta-block { margin: 30px 14px 9px 14px; width: 960px; overflow: hidden; }
div.large-cta { float: left; width: 312px; margin: 0 12px 0 0; position: relative; }
div.large-cta h3 { font-size: 18px; text-transform: uppercase; margin: 0 0 15px 0; padding: 0 10px 15px 10px; font-weight: normal; }
div.large-cta h3 a, div.large-cta h3 a:hover { color: #000; text-decoration: none; }
div.large-cta p { font-size: 11px; color: #dcdcdc; color: #908f8f; padding: 0 10px; }
div.large-cta div.color-block { position: absolute; bottom: 8px; right: 4px; width: 5px; height: 11px; }
div.large-cta-last { margin: 0; }
div.large-cta div.image { background: url('../images/bg-cta.gif') top left no-repeat; width: 304px; height: 81px; padding: 4px; margin: 40px 0 0 0; }
div.large-cta a.more { color: #000; text-decoration: none; background: url('../images/icn-cta-arrow-small.gif') left 7px no-repeat; padding: 4px 0 4px 16px; font-size: 10px; display: block; margin: 0 0 0 2px; }
div.large-cta a.more:hover { text-decoration: underline; }
div.the-project h3 { border-bottom: 1px solid #74ebcb; }
div.the-solution h3 { border-bottom: 1px solid #000; }
div.the-partners h3 { border-bottom: 1px solid #dcdcdc; }
div.the-project div.color-block { background-color: #74ebcb; }
div.the-solution div.color-block { background-color: #000; }
div.the-partners div.color-block { background-color: #dcdcdc; }

/* OTHER PAGE ELEMENTS */

/* top image banner */
div#top-image-banner-block { background: url('../images/bg-top-image-banner-block.gif'); position: relative; width: 649px; height: 134px; margin: 0 0 10px 0; }
div#top-image-banner-block img { position: absolute; top: 4px; left: 5px; }

/* bottom image banner */
div#bottom-image-banner-block { clear: both; width: 649px; height: 107px; background: url('../images/bg-bottom-image-banner-block.gif') no-repeat top left; position: absolute; bottom: 8px; overflow: hidden; }
div#bottom-image-banner-block div.image-block { background: left top no-repeat; position: absolute; top: 4px; left: 5px; width: 639px; height: 99px; }
div#bottom-image-banner-block h2 { text-transform: uppercase; color: #fff; padding: 15px 0 2px 30px; font-size: 17px; font-weight: normal; }
div#bottom-image-banner-block a { text-transform: uppercase; color: #fff; text-decoration: none; padding: 0 32px 6px 30px; font-size: 17px; background: url('../images/icn-download-arrow.gif') right top no-repeat; margin: 0 0 0 -3px; }
div#bottom-image-banner-block p { text-transform: uppercase; color: #000; padding: 10px 0 0 30px; font-size: 13px; }

/* secondary navigation */
div.secondary-navigation {  }
div.secondary-navigation dl { width: 270px; margin: 0 0 0 10px; }
div.secondary-navigation dt { text-transform: uppercase; border-bottom: 1px solid #c4c4c4; margin: 0 0 14px 0; padding: 0 0 14px 0; }
div.secondary-navigation dd { padding: 0 0 1px 0; }
div.secondary-navigation a { color: #5e5e5e; text-decoration: none; background: url('../images/icn-secondary-navigation-arrow.gif') left 1px no-repeat; padding: 0 0 0 15px; font-size: 11px; }
div.secondary-navigation a:hover { text-decoration: underline; }
div.secondary-navigation dt a { color: #494949; font-size: 14px; background: none; padding: 0; }
div.secondary-navigation dt a:hover { text-decoration: none }
div.second-menu { margin: 70px 0 0 0; }

/* content columns */
div#primary-content .col2 h3 { font-size: 17px; color: #494949; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #c4c4c4; margin: 0 0 12px 0; padding: 0 0 12px 0; width: 315px; }
div#primary-content .col2 p { font-size: 11px; color: #5e5e5e; margin: 0 0 17px 0; width: 300px; }
div#primary-content .col2 ul { padding: 0 0 0 10px; margin: 0 0 0 5px; list-style-type: disc; font-size: 11px }

/* navigation block */
div#navigation-blocks { width: 100%; overflow: hidden; }
div#navigation-blocks ul {  }
div#navigation-blocks ul li { background: url('../images/bg-navigation-blocks.gif') top left no-repeat; width: 144px; height: 141px; float: left; position: relative; margin: 0 14px 0 0; }
div#navigation-blocks ul li.last { margin: 0; }
div#navigation-blocks ul li img { position: absolute; top: 4px; left: 6px; }
div#navigation-blocks ul.vertical { margin: 10px 0 0 0; }
div#navigation-blocks ul.vertical li { margin: 0 20px 12px 0; }

/* contact form */
div#contact-form { margin: 12px 20px; clear: both; width: 100%; overflow: hidden; }
div#contact-form h3 { font-size: 14px; color: #494949; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #c4c4c4; margin: 0 0 14px 0; padding: 0 0 14px 0; }
div#contact-form legend { display: none; }
div#contact-form ol { height: 300px; margin: 0 0 25px 0; }
div#contact-form ol li { margin: 0 0 14px 0; }
div#contact-form ol li#positionField { margin: -297px 0 14px 300px; }
div#contact-form ol li#phoneField{ margin: 0 0 14px 300px; }
div#contact-form ol li#emailAddressField { margin: 0 0 14px 300px; }
div#contact-form ol li label { display: block; padding: 0 0 4px 0; font-size: 11px; color: #5e5e5e; }
div#contact-form ol li input { padding: 3px; border: 1px solid #ccc; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 11px; width: 200px; }
div#contact-form ol li textarea { padding: 3px; border: 1px solid #ccc; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 11px; width: 200px; }
div#contact-form fieldset.submit { margin: -10px 0 20px 0; }
div#contact-form input.button { background: #7dffe7; color: #000; border: 0 none; width: 210px; text-align: left; }

/* project aspirations */
div#project-aspirations { margin: 12px 0; clear: both; }
div#project-aspirations h3 { font-size: 14px; color: #494949; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #c4c4c4; margin: 0 0 14px 0; padding: 0 0 14px 0; }
div#project-aspirations ul { width: 100%; overflow: hidden; }
div#project-aspirations li { font-size: 11px; color: #727272; text-align: center; width: 104px; float: left; margin: 0 0 10px 0; }
div#project-aspirations li span { display: block; }
div#project-aspirations li img { display: block; margin: 6px auto 0 auto }
div#project-aspirations p { font-size: 11px; color: #5e5e5e; border-top: 1px solid #c4c4c4; margin: 40px 0 0 0; padding: 10px 10px 0 10px; }

/* our plans */
div#our-plans { margin: 12px 0; clear: both; width: 312px; }
div#our-plans h3 { font-size: 14px; color: #494949; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #c4c4c4; margin: 0 0 17px 0; padding: 0 0 14px 0; }
div#our-plans a { color: #5e5e5e; text-decoration: none; background: url('../images/icn-cta-arrow-our-plans.gif') left top no-repeat; padding: 0 0 0 15px; font-size: 11px; }
div#our-plans a:hover { text-decoration: underline; }
div#our-plans p { font-size: 11px; color: #5e5e5e; border-top: 1px solid #c4c4c4; margin: 10px 0 0 0; padding: 10px 10px 0 10px; }
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 278px; height: 122px; }
.jcarousel-next { height: 122px; width: 11px; float: right; background: url('../images/icn-cta-arrow-our-plans.gif') right 60px no-repeat; z-index: 3; display: none; cursor: pointer; padding: 0 0 0 10px; }
.jcarousel-prev { height: 122px; width: 11px; float: left; background: url('../images/icn-cta-arrow-our-plans-left.gif') left 60px no-repeat; z-index: 3; display: none; cursor: pointer; padding: 0 10px 0 0; }
div#wrapper div#content div#our-plans ul li a { background: none; padding: 0; }

/* partner links */
div#partner-links { margin: 20px 0 12px; clear: both }
div#partner-links h3 { font-size: 14px; color: #494949; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #c4c4c4; margin: 0 0 14px 0; padding: 0 0 14px 0; }
div#partner-links p { font-size: 11px; color: #5e5e5e; margin: 10px 0; padding: 0 10px 0 10px; clear: both }
div#partner-links ul.first { margin-bottom: 20px; width: 100%; overflow: hidden; }
div#partner-links ul li { float: left; margin: 0 1px 0 0; }
div#partner-links ul li a.tarmac {  }
div#partner-links ul li a.cartwright { padding: 22px 0 0 0; display: block; }

/* contact us */
div#contact-us { margin: 12px 0; clear: both }
div#contact-us h3 { font-size: 14px; color: #494949; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #c4c4c4; margin: 0 0 14px 0; padding: 0 0 14px 0; }
div#contact-us a { color: #5e5e5e; text-decoration: none; background: url('../images/icn-cta-arrow-our-plans.gif') left 2px no-repeat; padding: 0 0 0 15px; font-size: 11px; display: block; margin: 10px 0 0 10px; }
div#contact-us a:hover { text-decoration: underline; }
div#contact-us p { font-size: 11px; color: #5e5e5e; margin: 0; padding: 0 10px 0 10px; }

/* small banner block */
div.small-banner-block { background: url('../images/bg-small-banner-right.gif') top left no-repeat; width: 306px; height: 105px; position: absolute; bottom: 0; left: 0; }                                     
div.small-banner-block div.image-block { background: left top no-repeat; position: absolute; top: 3px; left: 4px; width: 297px; height: 99px; }
div.small-banner-block h3 { text-transform: uppercase; color: #000; padding: 14px 0 0 17px; font-size: 14px; font-weight: normal; }
div.small-banner-block a {  color: #5e5e5e; text-decoration: none; background: url('../images/icn-cta-arrow-our-plans.gif') left 2px no-repeat; padding: 0 0 0 15px; font-size: 11px; display: block; margin: 40px 0 0 15px; }
div.small-banner-block a:hover { text-decoration: underline; }

/* FOOTER ELEMENTS */

/* tirtiary navigation */
div#tirtiary-navigation { width: 988px; overflow: hidden; }
div#tirtiary-navigation ul { width: 988px; overflow: hidden; padding: 0 0 0 20px; }
div#tirtiary-navigation ul li { float: left; margin: 0 15px 0 0; padding: 8px 0 14px 0; }
div#tirtiary-navigation ul li.last a { border-right: 0 none; }
div#tirtiary-navigation ul li a { color: #000; text-decoration: none; text-transform: capitalize; font-size: 10px; text-align: center; border-right: 1px solid #000; padding: 0 15px 0 0; }
div#tirtiary-navigation ul li a:hover { text-decoration: underline; }