/*
++++++++++++++++++++++++++

Sea Change Management 
Styles for the screen

Gritmedia
http://www.gritmedia.net

++++++++++++++++++++++++++

*/

/* notes */
/* 100% = 16px = 1em */
/* 20px = 1.25em */
/* 24px = 1.5em */

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 {
background: #fff;
color: #4e4e4e;
font: 100%/1.5em Georgia, 'Times New Roman', Times, serif;
}
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 CSS Reset */


/* ---------- BASICS ---------- */
a {
text-decoration: none;
}
a, a:visited {
color: #e4450e;
}
a:hover {
color: #eb6b3e;
}
a:active {
color: #b83304;
}
a img {
border: none;
}
p, ul, dl, ol, address {
font-size: 1em;
line-height: 1.65em;
font-style: normal;
padding: 0 0 0.75em 0;
}
ul li {
list-style: none;
}
#container { width: 100%; border-top: 5px solid #f16341; }
#header, #main {
width: 1010px;
}
#intro {
width: 1050px;
}
.indent {
padding: 10px 0 0 40px;
}
#content, #content-ns {
min-height: 500px;
}
#main .indent {
padding-left: 50px;
}
/* ---------- HEADER ---------- */
/* show different stripes depending on section */
.pageid-7 #container, .pageid-9 #container, .pageid-11 #container, .pageid-13 #container, .pageid-15 #container, .pageid-17 #container, .pageid-19 #container {
border-top: 5px solid #9dbcb2;
}
.blog #container, .single #container, .category #container, .archive #container {
border-top: 5px solid #839e3b;
}
.pageid-21 #container, .pageid-137 #container {
border-top: 5px solid #6d6f71;
}
.pageid-2 #container, .pageid-3 #container {
border-top: 5px solid #b3cbc3;
}
#header-container { width: 100%; background: #000; }
#header-wrapper { width: 1050px; margin: 0 auto; background: #000; }
#header {
position: relative;
}
#header * {
margin: 0;
}
.home #header {
height: 171px;
}
#header {
height: 155px;
}
/* logo */
#masthead {
height: 100%;
}
#masthead h1 a {
background: transparent url(/img/seachange-logo-sm.gif);
width: 253px;
height: 96px;
position: absolute;
top: 20px;
text-indent: -9999px;
}
.home #masthead h1 a {
background: transparent url(/img/home/seachange-logo.gif);
width: 312px;
height: 120px;
position: absolute;
top: 20px;
text-indent: -9999px;
}
#searchform {
position: absolute;
top: 63px;
right: 15px;
}
#searchform input.text {
background: #f2f2f2 url(/img/bg-search.gif) repeat-x;
border: 1px solid #808080;
padding: 5px;
margin-right: 6px;
color: #000;
float: left;
}
/* nav */
#main-nav {
position: absolute;
top: 28px;
right: 15px;
}
#main-nav li {
float: left;
height: 14px;
padding-left: 35px;
}
a.nav-home {
display: block;
width: 44px;
height: 14px;
text-decoration: none;
background: url(/img/nav-home.gif) no-repeat;
text-indent: -9999px;
}
a.nav-home:hover {
background-position: -44px;
}
a.nav-fund {
display: block;
width: 41px;
height: 14px;
text-decoration: none;
background: url(/img/nav-fund.gif) no-repeat;
text-indent: -9999px;
}
a.nav-fund:hover {
background-position: -41px;
}
a.nav-fund-on {
display: block;
width: 41px;
height: 14px;
text-decoration: none;
background: url(/img/nav-fund.gif) no-repeat;
background-position: -41px;
text-indent: -9999px;
}
a.nav-news {
display: block;
width: 43px;
height: 14px;
text-decoration: none;
background: url(/img/nav-news.gif) no-repeat;
text-indent: -9999px;
}
a.nav-news:hover {
background-position: -43px;
}
a.nav-news-on {
display: block;
width: 43px;
height: 14px;
text-decoration: none;
background: url(/img/nav-news.gif) no-repeat;
background-position: -43px;
text-indent: -9999px;
}
a.nav-about {
display: block;
width: 75px;
height: 14px;
text-decoration: none;
background: url(/img/nav-about.gif) no-repeat;
text-indent: -9999px;
}
a.nav-about-on {
display: block;
width: 75px;
height: 14px;
text-decoration: none;
background: url(/img/nav-about.gif) no-repeat;
background-position: -75px;
text-indent: -9999px;
}
a.nav-about:hover {
background-position: -75px;
}
a.nav-contact {
display: block;
width: 93px;
height: 14px;
text-decoration: none;
background: url(/img/nav-contact.gif) no-repeat;
text-indent: -9999px;
}
a.nav-contact:hover {
background-position: -93px;
}
a.nav-contact-on {
display: block;
width: 93px;
height: 14px;
text-decoration: none;
background: url(/img/nav-contact.gif) no-repeat;
background-position: -93px;
text-indent: -9999px;
}
#main-container { width: 100%; background: #fff; }
#main-wrapper { width: 1050px; margin: 0 auto; background: #fff; }
#main { position: relative; }
/* homepage intro */
#intro-container { width: 100%; background: #000;}
#intro-wrapper { z-index:1; width: 1050px; margin: 0 auto; background: transparent url() no-repeat bottom left; }

#intro * {
margin: 0;
}
#intro {
position: relative;
height: 380px;
text-align: right;
}
.blurb {
padding: 37px 55px 0 625px;
font: italic 24px/1.333em Georgia, "Times New Roman", Times, serif;
color: #fff;
}
#adjunct-nav {
padding: 12px 55px 0 0;
font: 0.88em Arial, Verdana, sans-serif;
text-transform: uppercase;
letter-spacing: 0.1em;
}
#adjunct-nav a, #adjunct-nav a:visited {
font-weight: bold;
color: #9dbcb2;
}
#adjunct-nav a:hover {
color: #b3cbc3;
}
.home #main * {
margin: 0;
}
#companies {
margin: 0 0 0 10px;
width: 545px;
}
#companies-nav li {
float: left;
min-height: 100px;
padding: 0 35px 25px 0;
}
#companies-subnav { clear: left; }
#contact {
position: absolute;
top: 10px;
left: 690px;
}
.home #main h2 {
font-size: 1.25em;
color: #000;
margin: 0.75em 0 1em 0;
}
.home #main h3 {
color: #000;
margin: 0.76em 0 0.45em 0;
}
/* hover states for rotating homepage logos */
.logo-home {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.logo-home:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
.page-title {
font-size: 1.8em
line-height: 1.2em;
text-transform: uppercase;
color: #000;
margin: 1.25em 0 0.6em 0;
}
/* show the right headers for each interior page */
.pageid-7 h2, .pageid-9 h2, .pageid-11 h2, .pageid-13 h2, .pageid-15 h2, .pageid-17 h2, .pageid-19 h2 {
background: transparent url(/img/h2-fund.gif) no-repeat top left;
height: 42px;
text-indent: -9999px;
}
.pageid-21 h2, .pageid-137 h2 {
background: transparent url(/img/h2-contact.gif) no-repeat top left;
height: 42px;
text-indent: -9999px;
}
.pageid-2 h2, .pageid-3 h2 {
background: transparent url(/img/h2-about.gif) no-repeat top left;
height: 42px;
text-indent: -9999px;
}
.blog h2, .single h2, .category h2, .archive h2 {
background: transparent url(/img/h2-news.gif) no-repeat top left;
height: 42px;
text-indent: -9999px;
}
#interior-intro h3 {
font-size: 1em;
font-weight: normal;
line-height: 1.6em;
font-style: italic;
color: #8e8f8f;
margin: 0.87em 0 0.6em 0;
}
/* fund */
.pageid-7 #interior-intro h3, .pageid-9 #interior-intro h3, .pageid-11 #interior-intro h3, .pageid-13 #interior-intro h3, .pageid-15 #interior-intro h3, .pageid-17 #interior-intro h3, .pageid-19 #interior-intro h3 {
position: absolute;
top: 5px;
left: 415px;
width: 525px;
}
.pageid-9 p {padding:0 0 0.6em 0;}
/* about */
.pageid-2 #interior-intro h3, .pageid-3 #interior-intro h3 {
position: absolute;
top: 13px;
left: 250px;
width: 625px;
}
/* contact */
.pageid-21 #interior-intro h3 {
position: absolute;
top: 5px;
left: 300px;
width: 625px;
}
.pageid-137 #interior-intro h3 {
position: absolute;
top: 18px;
left: 300px;
width: 625px;
}
.pageid-3 #content h5 {margin:0;padding:0;}
.pageid-3 #content p {margin:-7px 0 0 0;padding:0 0 25px 0;}
/* news */
.archive #interior-intro h3, .category #interior-intro h3, .blog #interior-intro h3, .single #interior-intro h3 {
position: absolute;
top: 18px;
left: 180px;
width: 825px;
}
/* interior page nav */
#subnav {
float: left;
padding: 6px 0 0 0;
width: 225px;
}
#subnav ul {width:100%;}
#subnav li {
font-size: .90em;
line-height: 3.5em;
border-bottom: 1px solid #ddd;
}
#subnav li a {color: #000;}
#subnav li.current_page_item a { color:#14748B; }
#content {
margin-left: 240px;
padding: 0 0 10px 0;
}
#content-ns {
margin-right: 340px;
padding: 0 0 50px 0;
}
#illo {
width: 705px;
margin: 0 0 15px 0;
padding: 5px 0 0 0;
border-bottom: 5px solid #000;
}
#content h3, #content-ns h3 {
font: 1.5em/1.25em;
color: #000;
margin: 0.4em 0 0.5em 0;
}
#content h4, #content-ns h4 {
font-size: 1.2em;
font-weight: normal;
line-height: 1.2em;
color: #000;
margin: 1.40em 0 0.75em 0;
}
#content h5 {
font-size: 1em;
font-weight: bold; 
line-height: 1.2em;
color: #000;
margin: 0em 0 .35em 0;
}
/* about */
.pageid-3 h5 { margin: 1em 0 0em 0; line-height: .75em; }

#content h4 a, #content h4 a:visited, #content h5 a, #content h5 a:visited {
color: #000;
}
#content h4 a:hover, #content h5 a:hover {
color: #444;
}
#content h4 a:active, #content h5 a:active {
color: #b83304;
}
#content p {
margin-right: 50px;
}
#content ol {
margin: 0 0 10px 50px;
}
.pageid-3 #content h5 {
padding: 10px 0 10px 0;
}
#content strong {
color: #000;
}
#content-ns .entry-content ul {
margin: 0 0 0 25px;
width: 90%;
}
/* news */
.pullquote {
float: right;
width: 35%;
margin: 10px;
padding: 5px 0 0 10px;
font-size: 0.813em;
line-height: 1.85em;
color: #8e8f8f;
}
.pullquote h6 {
font-size: 1em;
font-weight: bold;
color: #698f83;
margin: 0 0 0.3em 0;
}
.num li {
list-style: inherit !important ;
}
.entry-content ul {
margin: 0 0 0 50px;
width: 70%;
}
.entry-content li {
padding: 2px 0;
list-style: disc;
}
.photo-credit {
padding: 50px 0 0 0;
font: 0.75em/1.5em;
color: #8e8f8f;
}
.alignleft, img.alignleft {
float: left;
margin: 1em 1em 0 0;
}
.alignright, img.alignright {
float: right;
margin: 3em 0 1em 1em;
}
.post-meta {
font-size: .88em;
font-weight: normal;
font-style: italic;
color: #8e8f8f;
}
.post-meta-key {
text-indent: -9999px;
}
.category .page-title, .archive .page-title {
text-transform: none;
}
.category #content .cat-title {
font-size: 1em;
font-weight: normal;
color: #839e3b;
margin: 1.5em 0 1em 0;
}
.post {
padding: 0 0 20px 0;
}
.entry-meta, .entry-date {
font-size: 13px;
color: #999;
}
.blog #content h4, .archive #content h4 {font-size: 1.3em; margin:.35em 0;}
.single #content h4 {font-size: 1.5em; margin:.35em 0;}
.blog .entry-title a, .blog .entry-title a:visited, .category .entry-title a, .category .entry-title a:visited, .archive .entry-title a, .archive .entry-title a:visited {
color: #000;
border-bottom: 1px solid #eee;
}
.blog .entry-title a:hover .category .entry-title a:hover, .archive .entry-title a:hover {
color: #444;
}
.blog .entry-title a:active .category .entry-title a:active .archive .entry-title a:active {
color: #b83304;
}
.single #content h5 {
font-size: 1em;
font-weight: normal;
line-height: 1.65em;
margin: 0 0 10px 0;
}
.blog-search {
padding: 10px 0 25px 0;
}
#searchform-404 input.text {
background: #fff url(/img/bg-search.gif) repeat-x;
border: 1px solid #808080;
padding: 5px;
color: #000;
}
.four04 .entry-title {
font-size: 1.5em/1.25em;
color: #000;
margin: 0.4em 0 0.5em 0;
}
.search .page-title {
font: 0.813em/1.85em;
color: #068c9e;
text-transform: none;
}
.search .entry-title, .search .entry-title a, .search .entry-title a:visited {
font-size: 1em/1.2em "Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif;
color: #000;
}
.search .entry-title a:hover {
color: #444;
}
.search .entry-title a:active {
color: #b83304;
}
.search .entry-content {
padding: 0 0 25px 0;
}
.pageid-201 li {list-style: none;}
/* ---------- BASICS ---------- */
#footer * {
margin: 0;
}
#footer {
background: transparent;
font-size: 0.85em;
color: #999;
}
#footer-container { width: 100%; background: #0e0e0e url(/img/bg-footer.gif) repeat-x; }
#footer-wrapper {
 width: 1050px; margin: 0 auto;
}
#footer-nav {
padding-top: 20px;
}
#footer-nav a, #footer-nav a:visited {
color: #eee;
}
#footer-nav a:hover {
color: #b3cbc3;
}
#footer-nav li {
display: inline;
padding: 0 5px 0 10px;
}
#footer-meta {
padding: 3px 0 0 10px;
}
.copyright {
padding: 5px 0 0 0;
color: #999;
}
.copyright a, .copyright a:visited {
color: #999;
}
.copyright a:hover {
color: #666;
}
.bullet {
color: #333;
}
.gritmedia {
padding: 3px 0 30px 0;
}
.gritmedia a, .gritmedia a:visited {
color: #4e4e4e;
}
.gritmedia a:hover {
color: #666;
}

/* sifr */
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active #subnav li { visibility: hidden; font-family: Verdana; }
}