/* 
CIRCLEINDIGO STYLE SHEET: MAIN STYLES
Style sheet by Rupert Sliwa
[ www.sliwacreative.com ]
----------------------------------------------- */

body {margin:0; color:#000; background:#fff}
ul {list-style-type:disc; margin-top:5px; padding-left:12px; margin-left:12px}
ol {list-style-type:decimal; margin-top:5px; padding-left:12px; margin-left:12px}


/* General links
----------------------------------------------- */

a, a:link, a:visited {color:#DD5228; text-decoration:underline; font-weight:normal; background-image:none}
a:hover, a:active {color:#DD5228; text-decoration:underline; font-weight:normal; background-color:#EDE8F1; background-image:none}
a.img:hover, a.img:active {background-color:#fff; background-image:none; padding:0; margin:0; font-size:100%}


/* Navigation
----------------------------------------------- */

#navHolder {width:780px; padding-top:30px; clear:both}
#navHolder a.nlink, a.nlink:link, a.nlink:visited {font:bold 85% Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#306}
#navHolder a.nlink:hover, a.nlink:active {text-decoration:none; color:#DD5228; background:transparent url(../images/nav_icon_selected.gif) no-repeat}
#navHolder a.nlink, a.nlink:link, a.nlink:visited {padding:0 16px 5px 18px; background:transparent url(../images/nav_icon_white.gif) no-repeat; float:left; display:block}
#navHolder .selected {padding:0 16px 5px 18px; background:transparent url(../images/nav_icon_selected.gif) no-repeat; float:left; display:block; font:bold 90% Verdana, Arial, Helvetica, sans-serif; color:#DD5228}

.subNavHolder {width:840px; text-align:left}
#subNav {padding:4px; margin-top:8px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; display:block; clear:both; text-align:left; line-height:10px}
#subNav a.slink, a.slink:link, a.slink:visited {font:70% Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#306; background:transparent url(../images/nav_sub_icon.gif) no-repeat; padding:0 15px 0 10px}
#subNav a.slink:hover, a.slink:active {font:70% Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#DD5228; background:transparent url(../images/nav_sub_selected.gif) no-repeat; padding:0 15px 0 10px}
#subNav .selected {font:70% Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#DD5228; background:transparent url(../images/nav_sub_selected.gif) no-repeat; padding:0 15px 0 10px}


.whatwedo {margin-left:232px; width:350px}
.resources {margin-left:473px; width:150px}
.whoweare {margin-left:106px; width:150px}
.clients {margin-left:358px; width:370px}


#processNav {text-align:right; width:150px}
#processNav a.one {background:#fff url(../images/nav_sectional_process1.gif) no-repeat; padding:0; margin:0; width:150px; height:28px; display:block}
#processNav a.one:hover {background:#fff url(../images/nav_sectional_process1_sel.gif) no-repeat; padding:0; margin:0; width:150px; height:28px; display:block}
#processNav a.two {background:#fff url(../images/nav_sectional_process2.gif) no-repeat; padding:0; margin:0; width:150px; height:27px; display:block}
#processNav a.two:hover {background:#fff url(../images/nav_sectional_process2_sel.gif) no-repeat; padding:0; margin:0; width:150px; height:27px; display:block}
#processNav a.three {background:#fff url(../images/nav_sectional_process3.gif) no-repeat; padding:0; margin:0; width:150px; height:28px; display:block}
#processNav a.three:hover {background:#fff url(../images/nav_sectional_process3_sel.gif) no-repeat; padding:0; margin:0; width:150px; height:28px; display:block}
#processNav a.four {background:#fff url(../images/nav_sectional_process4.gif) no-repeat; padding:0; margin:0; width:150px; height:27px; display:block}
#processNav a.four:hover {background:#fff url(../images/nav_sectional_process4_sel.gif) no-repeat; padding:0; margin:0; width:150px; height:27px; display:block}

#expNav {text-align:right; width:150px}
#expNav a.one {background:#fff url(../images/nav_sectional_exp1.gif) no-repeat; padding:0; margin:0; width:150px; height:28px; display:block}
#expNav a.one:hover {background:#fff url(../images/nav_sectional_exp1_sel.gif) no-repeat; padding:0; margin:0; width:150px; height:28px; display:block}
#expNav a.two {background:#fff url(../images/nav_sectional_exp2.gif) no-repeat; padding:0; margin:0; width:150px; height:27px; display:block}
#expNav a.two:hover {background:#fff url(../images/nav_sectional_exp2_sel.gif) no-repeat; padding:0; margin:0; width:150px; height:27px; display:block}
#expNav a.three {background:#fff url(../images/nav_sectional_exp3.gif) no-repeat; padding:0; margin:0; width:150px; height:28px; display:block}
#expNav a.three:hover {background:#fff url(../images/nav_sectional_exp3_sel.gif) no-repeat; padding:0; margin:0; width:150px; height:28px; display:block}
#expNav a.four {background:#fff url(../images/nav_sectional_exp4.gif) no-repeat; padding:0; margin:0; width:150px; height:27px; display:block}
#expNav a.four:hover {background:#fff url(../images/nav_sectional_exp4_sel.gif) no-repeat; padding:0; margin:0; width:150px; height:27px; display:block}


/* Headings
----------------------------------------------- */

h1 {font:170% Verdana, Arial, Helvetica, sans-serif; color:#42186B; margin:0; padding-bottom:15px}
h2 {font:120% Verdana, Arial, Helvetica, sans-serif; color:#42186B; margin:0; padding:10px 0 10px 0}
h3 {font:110%/140% Verdana, Arial, Helvetica, sans-serif; color:#42186B; margin:0; padding-bottom:10px}
h4 {font:bold 100%/130% Verdana, Arial, Helvetica, sans-serif; color:#42186B; margin:0; padding:5px 0 5px 0}
h5 {font:bold 90%/120% Verdana, Arial, Helvetica, sans-serif; color:#42186B; margin:0; padding:0 0 5px 0}

.postIt {font:150% Verdana, Arial, Helvetica, sans-serif; color:#42186B}

.process {color:#690}
.experiential {color:#D30088}
.skills {color:#26695B}
.indigo {color:#306}


/* Text
----------------------------------------------- */

p {font:80% Verdana, Arial, Helvetica, sans-serif; line-height:20px; margin:0 0 10px 0; padding:0; display:block}
.text, td {font:80% Verdana, Arial, Helvetica, sans-serif; line-height:20px}
.textsmall {font:70% Verdana, Arial, Helvetica, sans-serif}
.textquote {font:bold 70% Verdana, Arial, Helvetica, sans-serif; line-height:18px}
.textlarge {font:90% Verdana, Arial, Helvetica, sans-serif}
.footertext {font:70% Verdana, Arial, Helvetica, sans-serif; color:#999; float:left; text-align:left}

.grey {color:#999}


/* Search box
----------------------------------------------- */

#search {padding-top:10px}

.searchBox {border:1px solid #306; font:80% Verdana, Arial, Helvetica, sans-serif; display:block; float:left; background:#fff url(../images/bg_search.gif) top left no-repeat; padding:5px; width:148px; width/* */:/**/138px; width:/**/138px}

.goButton {padding-top:5px; float:right}


/* General layout
----------------------------------------------- */

.clearblock {clear:both}

#pageHolder {width:920px}
#pageHolder .pageLeft {width:40px; height:680px; float:left; background:#fff}
#pageHolder .pageRight {width:40px; height:680px; float:left; background:#fff}

#mainBody {width:840px; background:#fff; float:left}
#mainBody .mastheadLeft {text-align:left; float:left; padding:25px 0 0 20px}
#mainBody .mastheadRight {text-align:right; float:right; padding:60px 30px 0 0}

.leftCol {width:230px; float:left; text-align:right}
.mainCol {padding:15px 20px 0 20px; border-right:1px solid #ccc; float:left; text-align:left; width:400px; width/* */:/**/360px; width:/**/360px}
.rightCol {float:right; text-align:left; padding:13px 30px 0 29px; width:209px; width/* */:/**/150px; width:/**/150px}

.twoCol {padding:15px 20px 0 20px; border-right:1px solid #ccc; float:left; text-align:left; width:630px; width/* */:/**/590px; width:/**/590px}

.quoteStart {padding-top:40px; background:#fff url(../images/quotes_med_start.gif) top left no-repeat; font:bold 70% Verdana, Arial, Helvetica, sans-serif; line-height:18px}
.quoteEnd {margin-top:10px; height:50px; text-align:right}

.bulletPdf {background:url(../images/icon_pdf.gif) no-repeat; padding-left:25px; margin:4px 0 4px 0; display:block}
.bulletWord {background:url(../images/icon_word.gif) no-repeat; padding-left:25px; margin:4px 0 4px 0; display:block}
.bulletMedia {background:url(../images/icon_media.gif) no-repeat; padding-left:25px; margin:4px 0 4px 0; display:block}
.bulletCase {background:url(../images/icon_casestudy.gif) no-repeat; padding-left:20px; margin:4px 0 4px 0; display:block}

.ruler_black {margin:10px 0 10px 0; padding-bottom:5px; border-bottom:#000 1px solid}

#blogs {font:70% Verdana, Arial, Helvetica, sans-serif; line-height:18px}
#blogs ul {margin-left:0; padding-left:0; list-style-type:none; display:block}
#blogs li {padding-bottom:10px}


/* Forms
----------------------------------------------- */

form {margin:0}
.formLabel {font:bold 70% Verdana, Arial, Helvetica, sans-serif; margin-bottom:3px; padding:0; display:block}
.formPad {padding:10px; margin-bottom:2px; background-color:#F2EDF7}
.formField {border:1px solid #306; background:#fff; margin-top:4px; font:80% Verdana, Arial, Helvetica, sans-serif; width:280px; display:block}
.formArea {border:1px solid #306; background:#fff; margin-top:4px; font:80% Verdana, Arial, Helvetica, sans-serif; width:330px; display:block}
.formSend {border:#000 1px solid; background:#306; color:#fff; padding:2px; font:bold 90% Verdana, Arial, Helvetica, sans-serif}


/* Footer
----------------------------------------------- */

#footer {background:#fff url(../images/bg_footer.gif) top center no-repeat; text-align:left; padding:10px 0 0 290px; height:80px; clear:both; width:920px; width/* */:/**/630px; width:/**/630px}
#footer a {color:#999; text-decoration:underline; font-weight:normal}
#footer a:hover, a:active {color:#DD5228; text-decoration:underline; font-weight:normal}