/*
--------------------------------------------------------------
Source Point - website base styles
-------------------------------------------------------------- */

@import 'blueprint/screen.css';

/* Page Structure
-------------------------------------------------------------- */
body                     { background-color: #d3d9b6; color: #5b5b5b; font-family: arial, verdana, tahoma, sans-serif; font-size: 0.8em; line-height: 1.2em; }
#header-container        { height: 138px; }
#header-banner-container { background-color: #323232; height: 170px; }
#site-nav-container      { background-color: #97a363; }
#content-container       { background: #fff url('../img/content_container_bg.gif') 0 0 repeat-y; }
#content                 { float: left; }
#sidebar-container       { text-align: center; padding-top: 15px; color: #fff; }
#footer-container        { background: #fff url('../img/footer_container_bg.jpg') 0 0 no-repeat; height: 14px; margin-bottom: 60px; }


/* Navigation
-------------------------------------------------------------- */
#site-nav                   { background: #b6c08b url('../img/site_nav_bg.gif') 0 0 repeat-y; }
#site-nav ul                { list-style: none; margin: 0; padding: 0; }
#site-nav li                { float: left; margin: 0; padding: 10px 18px 10px 18px; background: url(../img/site_nav_divider.gif) top right no-repeat; }
#site-nav li.login          { float: right; margin: 0; padding: 10px 30px 10px 18px; background-image: none; }
#site-nav li.login:hover    { background-color: transparent; }
#site-nav li.login a:hover  { text-decoration: underline; }
#site-nav li a              { font-family: 'Lato', sans-serif;  color: #2f2f30; font-size: 1.2em; text-decoration: none; }
#site-nav li:hover          { background-color: #d3dce2; }

#footer-container ul         { float: right; list-style: none; margin: 0; padding: 0; }
#footer-container li         { float: left; margin: 0; padding: 10px 13px 10px 13px; }
#footer-container li.divider { float: left; margin: 0; padding: 10px 0; color: #b0b0b0; }

body.home #site-nav li.home                   { background-color: #866d4d; }
body.home #site-nav li.home a                 { color: #fff; }
body.about-us #site-nav li.about-us           { background-color: #866d4d; }
body.about-us #site-nav li.about-us a         { color: #fff; }
body.our-approach #site-nav li.our-approach   { background-color: #866d4d; }
body.our-approach #site-nav li.our-approach a { color: #fff; }
body.services #site-nav li.services           { background-color: #866d4d; }
body.services #site-nav li.services a         { color: #fff; }
body.contact-us #site-nav li.contact-us       { background-color: #866d4d; }
body.contact-us #site-nav li.contact-us a     { color: #fff; }


/* Content
-------------------------------------------------------------- */
a                 { color: #577290; }
a:hover           { color: #577290; text-decoration: underline; }
body.home p       { margin-left: 20px; margin-right: 20px; }
body.home ul.list { font-size: 1.2em; margin-left: 20px; margin-bottom: 10px; line-height: 1.4em; }

h1         { clear: both; font-size: 2.3em; margin-bottom: 0.9em; font-family: 'Lato', sans-serif; color: #577290; font-weight: 400; }
h1.banner  { background: url(../img/title_bg.gif) 0 0 no-repeat; height: 54px; font-size: 1.8em; padding: 11px 0 0 45px; color: #fff; margin-left: 17px; margin-bottom: 0; font-weight: 400; }
h2         { clear: both; font-size: 1.5em; margin-bottom: 0.7em; color: #52575b; font-weight: normal; }
h3         { clear: both; font-size: 1.2em; margin-bottom: 0.4em; color: #7f8b40; }
h3.alternate { color: #735937; }
h4         { color: #5b5b5b; font-size: 1.1em; margin-bottom: 0.4em; }

h2, h3, h4 { margin-left: 25px; }

p               { margin-left: 25px; margin-right: 25px; }
p.intro         { margin-top: 20px; font-family: 'Lato', sans-serif; font-size: 1.2em; color: #323232; font-weight: 400; line-height: 1.3em; }
p.intro .strong { font-weight: bold; color: #866d4d; }

#sidebar-container h1 { color: #fff; }
#sidebar-container h2 { color: #fff; font-size: 2.5em; background-color: #262a2f; border-bottom: 1px solid #fff; margin-left: 0; padding: 20px 0; }
#sidebar-container p  { font-size: 1.6em; line-height: 1.2em; margin-left: 20px; margin-right: 20px; font-style: normal; }

#footer-container ul      { padding-top: 15px; }
#footer-container a       { color: #5b5b5b; text-decoration: none; }
#footer-container a:hover { text-decoration: underline; }

#no-bay-street { background: url(../img/no_bay_street.jpg) center 55px no-repeat; height: 310px; }

table.simple td { border-bottom: 1px solid #ccc; }

table.contact-us    { width: 600px; margin-left: 50px; }
table.contact-us td { padding: 10px; vertical-align: top; }

.content-divider { margin-left: 25px; }

tbody tr:nth-child(2n) td { background: none repeat scroll 0 0 #fff; }


/* Forms
-------------------------------------------------------------- */
input.text, 
textarea, 
select      { color: #000; font-family: arial, verdana, tahoma, sans-serif; font-size: 1.0em; margin: 0; }