/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
height: 100%;
}
 
body {
font:small/1.5em Helvetica, Arial, Verdana, sans-serif;
color:#333;
background:#00437f url(../images/bg_body.jpg) no-repeat center 0;
}
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 a, h1 a:link, h1 a:visited, h1 a:hover { text-decoration:none; }
h2 a, h2 a:link, h2 a:visited, h2 a:hover { text-decoration:none; }
h3 a, h3 a:link, h3 a:visited, h3 a:hover { text-decoration:none; }
h4 a, h4 a:link, h4 a:visited, h4 a:hover { text-decoration:none; color:#0054a0; }
h5 a, h5 a:link, h5 a:visited, h5 a:hover { text-decoration:none; }
h6 a, h6 a:link, h6 a:visited, h6 a:hover { text-decoration:none; }
 
h1 {
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
font-size:2em;
padding:2px 0 6px 10px;
margin-bottom:25px;
color: #78bde8;
border-left:solid 8px #febb00;
}

h2 {
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
font-size:1.75em;
padding-bottom:20px;
color: #0054a0;
}
 
h3 {
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
font-size:1.5em;
padding-bottom:20px;
color:#7db4da;
}

h4 {
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
font-size:1.25em;
padding-bottom:20px;
color:#333;
}

.headlight {
margin:15px 0 15px 0;
padding:3px 5px 6px 10px;
color:#fff;
border-left:#febb00 16px solid;
background:#7ab3d8;
}

h4.headlight a {
color:#fff;
}

.headlight a:hover { text-decoration:underline;  }


h5 {
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
font-size:1.2em;
padding-top:10px;
padding-bottom:10px;
color:#666;
}

h6 {
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
font-size:1.1em;
padding-bottom:10px;
color:#666;
}


.subhead {
font-size:.85em;
color:#0054a0;
padding:0 0 0 20px;
background:url(../images/bg_subhead.gif) no-repeat 0 0;
}
 

/***** Common Formatting *****/

p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
}
 
ul, ol {
padding:0 0 1.25em 2.5em;
}

blockquote {
margin:0 0 0 0;
padding:.5em 1.25em .75em 1.25em;
}
 
dl, dt, dd {
margin:0;
padding:0;
}

small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
text-decoration:underline;
}

a {
color:#0054a0;
}

a:link {
color:#0054a0;
}

a:hover {
color:#7db4da;
}

 
/***** Forms *****/
 
form {
margin:0;
padding:0;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0;
padding:0;
border-collapse:collapse;
}
 
table tr td {
padding:4px 4px 4px 8px;
border-collapse:collapse;
border: 0px solid #000;
}

.cellborder {
position:relative;
margin:0 0 1.25em 0;
padding:0 0 0 12px;
background:url(../images/bg_menu.jpg) no-repeat -3px -10px;
}

.cellborder tbody {
}

.cellborder table {
padding:4px 4px 4px 8px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
}

.cellborder col.first {
background:#eee;
}

.cellborder col.second {
background:#fff;
}

.cellborder th {
color:#fff;
text-align:left;
background:#0054a0;
}

.cellborder th, 
.cellborder tr, 
.cellborder td {
padding:4px 4px 4px 8px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:0px solid #ccc;
vertical-align:top;
}


.cellborder02 {
position:relative;
margin:0 0 1.25em 0;
padding:0 0 0 0;
}

.cellborder02 table {
padding:4px 4px 4px 8px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.cellborder02 tr td {
padding:4px 4px 4px 8px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.cell_dark_blue {
color:#fff;
background:#0054a0;
}

.cell_light_blue {
color:#333;
background:#fff;
}

 
/***** Global Classes *****/
 
.clear          { clear:both; }
.float-left     { float:left; }
.float-right    { float:right; }
 
.text-left      { text-align:left; }
.text-right     { text-align:right; }
.text-center    { text-align:center; }
.text-justify   { text-align:justify; }
 
.bold           { font-weight:bold; }
.italic         { font-style:italic; }
.underline      { border-bottom:1px solid; }
.highlight      { background:#ffc; }
 
.wrap           { width:930px;margin:0 auto; }
 
.img-left       { float:left;margin:4px 10px 4px 0; }
.img-right      { float:right;margin:4px 0 4px 10px; }
 
.nopadding      { padding:0; }
.noindent       { margin-left:0;padding-left:0; }
.nobullet       { list-style:none;list-style-image:none; }
.nobullets      { padding-left:0; }
.nobullets li   { list-style:none;list-style-image:none; }

.padding_top    { padding-top:25px; }
.padding_right  { padding-right:25px; }
.padding_bottom { padding-bottom:25px; }
.padding_left   { padding-left:25px; }

.margin_top     { margin-top:25px; }
.margin_right   { margin-right:25px; }
.margin_bottom  { margin-bottom:25px; }
.margin_left    { margin-left:25px; }

.hide           { display:none; }

.lightblue         { color:#7db4da; }
.lightblue-10-bg   { background-color:#f1f7fb; }
.lightblue-30-bg   { background-color:#d7e8f3; }
.lightblue-50-bg   { background-color:#bcd9eb; }

.smaller        { font-size:.85em; }


/***** Wrapper *****/
 
.back-to-top {
position:relative;
margin:25px 0 25px 0;
padding:0;
font-size:.85em;
border-top:solid 1px #eee;
overflow:hidden;
}

.back-to-top a {
float:right;
position:relative;
padding:0 10px 0 25px;
color:#333;
text-decoration:none;
background:#eee url(../images/back_top_top.png) no-repeat 10px 50%;
}

.back-to-top a:hover {
color:#fff;
background:#7AB3D8 url(../images/back_top_top_white.png) no-repeat 10px 50%;
}


.frm_inside { height: 95%; }

#wrap {
position:relative;
padding:15px;
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto -18em auto;
width:900px;
text-align:left;
background:#fff url(../images/bg_header.png) no-repeat 0 0;
}

body.home #wrap {
padding:15px 0 15px 0;
width:930px;
}

#home {
position:relative;
left:20px;
width:194px;
height:72px;
background:url(../images/clarity_logo.png) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

#home a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

#home_inside {
position: relative;
left:20px;
width: 480px;
height: 72px;
background: url(../images/clarity_logo_inside.png) no-repeat 0 0;
text-indent: -9999px;
overflow:hidden;
}

#home_inside a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

#header {
position:relative;
width:100%;
height:80px;
margin-bottom:25px;
border-bottom:#ccc 1px solid;
}

body.home #header {
padding:0 15px 0 15px;
width:900px;
border-bottom:#ccc 0px solid;
}

#header a, 
#header a:link, 
#header a:hover {
color:#0054a0;
}

#intro {
position:relative;
padding:0 0 0 650px;
min-height: 295px;
height: auto !important;
height: 295px;
overflow:hidden;
background:url(../images/bg_navigation.jpg) no-repeat 0 0;
}

#letterbox {
position:relative;
padding:0;
min-height:215px;
height:auto !important;
height:215px;
overflow:hidden;
}

.fader {
position:relative;
padding:0;
min-height:215px;
height:auto !important;
height:215px;
overflow:hidden;
}

#letterbox-bg-01 {
position:absolute;
width:100%;
height:100%;
background:url(../images/bg_letterbox_01.jpg) no-repeat 0 0;
}

#letterbox-bg-02 {
position:absolute;
width:100%;
height:100%;
background:url(../images/bg_letterbox_02.jpg) no-repeat 0 0;
}

#letterbox-bg-03 {
position:absolute;
width:100%;
height:100%;
background:url(../images/bg_letterbox_03.jpg) no-repeat 0 0;
}

#letterbox-bg-04 {
position:absolute;
width:100%;
height:100%;
background:url(../images/bg_letterbox_04.jpg) no-repeat 0 0;
}

#letterbox-bg-05 {
position:absolute;
width:100%;
height:100%;
background:url(../images/bg_letterbox_05.jpg) no-repeat 0 0;
}

#content {
position:relative;
float:left;
padding:25px 50px 0 50px;
width:500px;
overflow:hidden;
}

#content ul {
list-style-type:square;
}

#content li {
padding-bottom:6px;
}

#client_login {
float:right;
margin-top:-20px;
}

#callouts {
position:relative;
margin:0 auto 0 auto;
padding:10px 10px 25px 10px;
width:880px;
border-top:#fff 0px solid;
background:#eee url(../images/bg_callouts.gif) no-repeat 0 bottom;
overflow:hidden;
}

#callouts h4 {
padding-bottom:10px;
color:#0054a0;
font-size:1.5em;
text-decoration:none;
}

#callouts p {
padding:0;
}

#callout01 {
position:relative;
float:left;
padding:20px 120px 20px 20px;
width:160px;
font-size:.85em;
background:url(../images/bg_callout01.gif) no-repeat right 0;
}

#callout02 {
position:relative;
float:left;
padding:20px 120px 20px 20px;
width:150px;
font-size:.85em;
background:url(../images/bg_callout02.gif) no-repeat right 0;
}

#callout03 {
position:relative;
float:left;
padding:20px 100px 20px 20px;
width:150px;
font-size:.85em;
background:url(../images/bg_callout03.png) no-repeat right 0;
}

.toc {
position:relative;
margin:0 0 25px 0;
padding:1.5em 1.25em .5em 1.5em;
border-top:#0054a0 10px solid;
border-bottom:#eee 1px solid;
background:#fbfbfb url(../images/bg_blend.png) repeat-x 0 0;
overflow:hidden;
}

.toc_title {
position:relative;
display:block;
margin-left:-5px;
padding:5px 0 40px 55px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
font-size:1.25em;
background:url(../images/bg_toc_head04.gif) no-repeat 0 0;
}

.boxfade {
position:relative;
margin:1.25em;
padding:1.5em 1.5em 1.25em 2em;
background:#fff url(../images/bg_blockquote.gif) repeat-x 0 0;
overflow:hidden;
}

.list_column1 {
position:relative;
float:left;
padding-right:25px;
width:200px;
}

.list_column2 {
position:relative;
float:left;
width:200px;
}

.icon_arrow {
position:relative;
padding:10px 0 10px 25px;
background:url(../images/icon_info.png) no-repeat 0 .85em;
}

.icon_speak {
position:relative;
padding:10px 0 10px 25px;
background:url(../images/icon_speak.gif) no-repeat 0 50%;
}

.icon_magnify {
position:relative;
padding:10px 0 10px 25px;
background:url(../images/icon_magnify.gif) no-repeat 0 1em;
}

#footer_wrap {
position:relative;
margin:0 auto 0 auto;
padding-top:25px;
width:930px;
background:#fff url(../images/bg_footer_top.gif) no-repeat 0 top;
}

#footer {
position:relative;
margin:0 auto 0 auto;
width:65em;
height:20em;
text-align:center;
font-size:.85em;
background:#fff;
overflow:hidden;
}

#footer p {
clear:both;
position:relative;
padding-top:25px;
}

.push {
clear:both;
position:relative;
height:20em;
}

.footerlinks {
position:relative;
float:left;
margin-right:15px;
padding-left:40px;
height:12.6em;
list-style:none;
text-align:left;
text-transform:lowercase;
color:#333;
background:url(../images/bg_linklist.gif) repeat-y left 0;
}

.footerlinks:first-child {
background:none;
}

.footerlinks a { color:#999; }

.footerlinks a:hover { text-decoration:none; }

.read_more {
position:relative;
display:block;
padding:0 0 10px 25px;
background:url(../images/icon_read_more.gif) no-repeat 0 50%;
}



/* ---------------------------------------------------------------------------

=news section

--------------------------------------------------------------------------- */

.news_date {
color:#666;
}

.news_tags {
margin:0 0 15px 0;
padding:0 0 5px 0;
color:#ccc;
border-bottom:#ccc 1px dotted;
}


/* ---------------------------------------------------------------------------

=resume request form

--------------------------------------------------------------------------- */

.resume-form {

}

.resume-form dt {
clear:both;
width:40%;
float:left;
padding-right:5px;
text-align:right;
}

.resume-form dd {
float:left;
width:50%;
margin:0 0 0.25em 0.25em;
}


/* ---------------------------------------------------------------------------

=navigation

--------------------------------------------------------------------------- */

#navigation_home {
position:absolute;
top:0;
right:40px;
margin:0;
padding:0;
z-index:20;
}

#navigation_home #nav {
margin:0 0 0 0;
padding:10px 0 0 30px;
width:200px;
border-top:none;
border-left:none;
color:#fff;
background:none;
}

#navigation_inside {
position:relative;
float:left;
margin:0;
padding:0 0 0 15px;
background:url(../images/bg_menu.jpg) no-repeat 0 -10px;
overflow:hidden;
}

#nav {
position:relative;
width:250px;
margin:0 0 0 0;
padding:10px 0 0 30px;
list-style:none;
font:16px/1.5em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
text-transform:lowercase;
color:#333;
border-top:#0054a0 16px solid;
border-left:#999 1px solid;
background:url(../images/bg_navigation.png) no-repeat 0 bottom;
overflow:hidden;
}

#nav li {
position:relative;
list-style:none;
margin:0;
padding:0 0 4px 0;
}

#nav li a {
position:relative;
display: block;
padding-bottom:8px;
text-decoration: none;
color:#0054a0;
}

#nav li a:hover { 
color:#7db4da;
}

#navigation_home #nav li {
position:relative;
list-style:none;
margin:0;
padding:0 0 4px 0;
}

#navigation_home #nav li a {
position:relative;
display: block;
padding-bottom:8px;
text-decoration: none;
color:#fff;
}

#navigation_home #nav li a:hover { 
color:#66ccff;
}

#nav_what,
#nav_about,
#nav_news,
#nav_opportunities {
background: url(../images/bg_nav.gif) repeat-x 0 bottom;
}

#nav_contact {
background: none;
}


/* Second Level Nav */

#nav .subnav {
position:relative;
margin:0 0 0 10px;
padding:0 0 0 0;
font:.75em/1em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}

#nav .subnav {
padding-bottom:10px;
}

#nav .subnav li {
position:relative;
list-style:none;
margin:0;
}

#nav .subnav li a {
position:relative;
display: block;
padding-bottom:1px;
text-decoration: none;
color:#7db4da;
background:none;
}

#nav .subnav li a:hover {
text-decoration: underline;
}


/* Third Level Nav */

#nav .subnav .thirdnav {
position:relative;
margin:5px 0 0 0;
padding:0 0 0 0;
}

#nav .subnav .thirdnav {
padding-bottom:5px;
}

#nav .subnav .thirdnav li {
position:relative;
list-style:none;
margin:0;
padding-left:15px;
}

#nav .subnav .thirdnav li a {
position:relative;
display: block;
padding-bottom:1px;
text-decoration: none;
color:#999;
}

#nav .subnav .thirdnav li a:hover {
text-decoration: underline;
}


/* here states */

body.What_We_Do a[class='nav_what'],
body.What_We_Do_01 a[class='nav_consulting'], 
body.What_We_Do_02 a[class='nav_industries'],
body.What_We_Do_03 a[class='nav_engagement'],

body.About_Us a[class='nav_about'],
body.About_Us_01 a[class='nav_stories'],
body.About_Us_02 a[class='nav_skills'],
body.About_Us_03 a[class='nav_team'],

body.News a[class='nav_news'],
body.News_01 a[class='nav_events'],
body.News_02 a[class='nav_blogs'],

body.Current_Opportunities a[class='nav_opportunities'],

body.Contact_Us a[class='nav_contact'],
body.Contact_Us_01 a[class='nav_resume'],
body.Contact_Us_02 a[class='nav_request'] {

padding-left:14px;
background:url(../images/icon_nav.gif) no-repeat 0 30%;
}


/* grid classes */

.admin_grid { width: 550px; border:0; }

.admin_grid, .admin_grid td, .admin_grid th {
border: 0;
background: url(../images/bg_nav.gif) repeat-x 0 bottom;
}

.grid_rowover {
background: #eee;
cursor: pointer;
}

.grid_basic td, .grid_alt td, .grid_rowover td {
padding: 8px;
color: #0054a0;
}  

/* admin forms */ 

.admin_ul {
margin-top:-25px;
margin-bottom:-15px;
}

.admin_ul li {
margin-top:-15px;
}

.admin_form table {
width: 550px;
border: 0;
}
  
.admin_form input, .admin_form textarea, .admin_form select {
border: 1px solid #999;
padding: 5px;
font-size: 14px;
background: #fff;
font-weight: bold;
color: #0054a0;
width: 300px;
}
 
.admin_form textarea { font-weight: normal; }

dl { width:550px; }
 
dl, dt { margin:0; padding:0; }
 
dd { margin:0; padding:0 0 15px 0; }

dl h5 { padding:0; }
 
.admin_form input.admin_button {
width: 100px;
padding: 2px;
font-size: 12px;  
}