/*
Theme Name: Fox Strategic
Author: inhaus/Paul Binns
Description: The FoxStrategic 2011 theme
Version: 0.1
Tags: 
*/

@charset "UTF-8";
/* CSS Document */

/* 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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color: #233340;
font-family: Arial;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* begin formatting */
a {
text-decoration: none;}


.clr {
clear: both;}

#wrapper {
margin: 0 auto;
width: 876px;
padding: 0 20px;
}

#header {

}

#header h1 {
margin-left: -9999px;}

#content {
overflow: hidden;
position: relative;
background-repeat: no-repeat;
width:100%;
}

.home #content {
background-image:url(img/home_bg.jpg);
}

#content_header {
width: 696px;
height: 201px;
}

.privacy #content_header {
height: 85px;
background-color: white;}

.overview #content_header, .values #content_header {
background-image: url(img/about_bg.jpg);
}

.parent-expertise #content_header {
background-image: url(img/experience_bg.jpg);
}

#left {
width: 696px;
float: left;}

#menu-nav-menu {
float: left;
height: 45px;
position: relative;
width: 696px;}


#menu-nav-menu li.but {
width: 174px;
height: 45px;
float: left;
}


/*
#menu-nav-menu li.careers {
background-image: url(img/button_bg_nor_final.png);
}
*/

/*
.hover, #menu-nav-menu li.but:hover{
background-image: url(img/button_bg.png);
}
*/
#menu-nav-menu a {
	position: absolute;
	z-index: 2;
}
#menu-nav-menu .button_nor {
	margin-top:-26px;
	position:absolute;
	z-index: 1;

}

#menu-nav-menu .button_roll {
	position:absolute;
	z-index: 1;
	margin-top:-26px;

}


/*
#menu-nav-menu li.current-menu-item, #menu-nav-menu li.current-post-ancestor, .single #menu-nav-menu li.people, #menu-nav-menu li.current-menu-ancestor {
background-image: url(img/current_menu_bg.png);
}
*/


.button, #menu-nav-menu li a {
color: #fff;
cursor: pointer;
overflow: hidden;
position: relative;
text-decoration: none;
}

#menu-nav-menu li a {
font-size: 11px;
font-weight: bold;
padding-top: 15px;
text-transform: uppercase;
margin-left: 10px;
text-align: left;
vertical-align: middle;
display: block;
}

#menu-nav-menu .sub-menu li a {
}

#menu-nav-menu ul.submenu li a:hover {
text-decoration: underline;
}

ul#menu-nav-menu li ul{
background-image: url(img/submenu-bg.png);
cursor: pointer;
float: left;
overflow: hidden;
width: 696px;
height: 40px;
position: absolute;
left: -999em;}

#menu-nav-menu li:hover ul {
left: 0px;
top: 45px;}

#menu-nav-menu .expertise ul li:hover {
top:45px;}

#menu-nav-menu ul a {
text-decoration: none;
color: #fff;
float: left;
padding: 15px;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;}

#menu-nav-menu ul a:hover {
text-decoration: underline;}

#rollover {
bottom: -140px;
left: 0px;
position: absolute;
width: 696px;}
    
.button_ro {
float: left;
overflow: hidden;
position: relative;
text-decoration: none;
width: 174px;
height: 200px;
bottom: 0px;
background-image: url(img/rollover_bg_nor.png);
color: #fff
}

.button_ro_final {
float: left;
overflow: hidden;
position: relative;
text-decoration: none;
width: 174px;
height: 200px;
bottom: 0px;
background-image: url(img/rollover_bg_nor_final.png);
color: #fff
}

.button_ro p, .button_ro_final p {
font-size: 11px;
}

.button_ro_final p {
padding-right: 10px;}

.button_ro_Over {
background-image: url(img/button_bg.png);
background-repeat: repeat;
color: white;
}



p.extra {
text-align: left;
font-size: 11px;}

.button_ro h3 {
display: block;
width: 174px;}

h2, h3, p {
text-align: left;
vertical-align: middle;
margin-left: 10px;
line-height: 20px;}

h2, h3 {
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
padding-top: 15px;
}

p {
padding-top: 5px;
line-height: 15px;
}

.button_ro p{
width: 150px;}

#sidebar {
float: right;
width: 180px;
height: 377px;
display: block;
margin-top: 45px; 
}

#sidebar p, #sidebar a {
color: #8a9299;
font-size: 12px;}


#sidebar .email a {
background: transparent url(img/email.png) no-repeat left center;
padding-left: 30px;}

#sidebar b {
font-weight: bold;}

#sidebar p.address, #sidebar p.mail, #sidebar p.email {
margin-top: 10px;}

#sidebar .mail b {
font-size: 10px;
}

#footer {
background-image: url(img/footer_bg.png);
height: 200px;
width: 696px;
clear: both;}

.footer_block {
width: 174px;
float:left;}

#footer h3 {
display: block;
float: left;
text-transform: none;
color: #8A9299;
cursor: pointer;
font-size: 10px;
}

#footer h3:hover {
color: white;}

#footer .terms h3  {
margin-left: 35px;}

#footer .link h3  {
margin-left: 20px;}

.copyright {
float: right;
margin-right: 10px;}


#page_bottom {
height: 10px;
position: absolute;
bottom: 0px;}

#menu-about-submenu, #menu-about-submenu a, #menu-expertise-submenu, #menu-expertise-submenu a {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #939598;
}

.sub_nav_but{
float: left;
padding: 0px 15px 10px 0px;
text-decoration: none;}


#menu-about-submenu .current-menu-item a, #menu-expertise-submenu .current-menu-item a {
color: #0092B9;
}

#menu-about-submenu .current-menu-item a:hover, #menu-expertise-submenu .current-menu-item a:hover {
text-decoration: none;}

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




#about #left {
height: 100%;}

#content_box {
background-color: white;
width: 696px;
display: block;}

.content_left{
float: left;
width: 480px;
display: block;
padding: 20px;
color: #555658;
}



.content_right, .single .content_right {
height: 200px;
background-repeat: no-repeat;
background-position: 0px 45px;
background-image: url(img/sidebar_border_short.jpg);
float: left;
width: 150px;
padding-right: 20px;
padding-top: 28px;
font-size: 12px;
line-height: 14px;
color: #939598;}


.content_right h2 {
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
padding-bottom: 10px;
}

.content_right h2, .content_right p {
margin-left: 20px;}

#content_box h1 p, #content_box h4 {
clear: left;
font-weight: bold;
}

#content_box h1 p {
	margin-bottom:20px;
}

#content_box h4 {
	margin-bottom:5px;
}

#content_box h1 p {
font-size: 25px;
margin-left: 0px;
}

#content_box h4 {
font-size: 14px;}

.content_text {
width: 440px;
float: left;
font-size: 12px;
padding-bottom: 20px;
padding-right: 15px;
margin-left: 0px;
line-height: 15px;
letter-spacing: 0.2px;
}

.content_text a {
}

.values_text, .values_list, .people_text {
width: 440px;
float: left;
font-size: 12px;
line-height: 15px;
margin-left: 0px;
margin-bottom: 5px;
letter-spacing: 0.2px;}



.values_list li {
list-style: disc;
margin-left: 15px;}

#experience h4 {
float: left;}

.service_first, .service_first li {
font-size: 14px;
list-style: square;
}

.service_first li {
margin-left: 40px;}

.indent {
margin-left: 40px;}

.indent li {
padding-left: 5px;}

.definition{
font-family: serif;
font-size: 12px;
float: left;
margin-left: 30px;
width:300px;}

.definition b {
font-weight: bold;
font-style: italic;
font-size: 13px;}

.definition p {
float: left;
margin-left: 0px;
font-family: sans-serif;
}

#people .content_left, .single .content_left {
                    	width: 440px;
                    }

#people .content_right, .single .content_right {
height: 400px;
background-repeat: no-repeat;
background-position: 0px 68px;
background-image: url(img/sidebar_border_long.jpg);
padding-left: 20px;
padding-bottom: 0px;
padding-right: 0px;
padding-top: 70px;
width: 180px;}


.people_face {
width: 155;
float: left;
padding-top: 50px;}

.people_text {
width: 290px;
float: left;
margin-left: 20px;}

.people_text h2 {
font-size: 18px;
font-weight: bold;
text-transform: none;
padding-top: 50px;}

.people_text h3 {
font-size: 16px;
font-weight: normal;
padding:5px 0;
text-transform: none;}

.people_text p {
margin-top: 5px;}

.people_list {
width: 200px;
float: left;
}

.person img {
float: left;}

.person {
float: left;
margin-bottom: 15px;
}

.person h2, .person h3 {
float: left;
font-size: 12px;
text-transform: none;
padding: 0px;}

.person h2 {
width: 140px;
color: black;
margin-left: 10px;}

.person h3 {
line-height: 10px;
padding-top: 0px;
font-size: 10px;
width: 120px;
float: left;
font-style: normal;
font-weight: normal;}

.person a {
color: black;}

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

.careers #content {
background-image: url(img/careers_bg.jpg)}

.careers .content_left h1 {
text-transform: none;}

.privacy .content_left h5 {
font-weight: bold;}

.privacy .content_left h6 {
font-weight: bold;
font-size: 14px;}

.privacy .content_left p {
font-size: 12px;
margin-bottom: 5px;}

.privacy .content_left ul {
font-size: 12px;
list-style: disc;
margin-left: 20px;
margin-bottom: 10px;}

.privacy .content_left li {
line-height: 20px;}