/* ------------------------------------------------------------
CSS Reset
------------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0; 
} 
table { 
	border-collapse:collapse;
	border-spacing:0; 
} 
fieldset,img {
	border:0; 
} 
address,caption,cite,code,dfn,th,var { 
	font-style:normal;
	font-weight:normal;
} 
ol,ul { 
	list-style:none; 
}
 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight: bold; 
} 
q:before,q:after {
	content:'';
} 
abbr,acronym { 
	border:0; 
} 
/* ------------------------------------------------------------
Defult setting
------------------------------------------------------------ */
body {
	background: #FFF url(../images/bg_body.gif) top left repeat-x;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: x-small;
	color: #666;
}
a, a:link, a:visited, a:active {
	color: #5f5f5f;
	text-decoration: none;
}
a:hover {
	color: #f08b1d;
	text-decoration: none;
}
p, address {
	font-size: 1.2em;
	line-height: 1.4;
	margin-bottom: 16px;
}
img {
	border: none;
}
div.hr {
  background: transparent url(../images/dot_h.gif) top left repeat-x;
  height: 15px;
}
div.hr hr {
  display: none;
}
/* ------------------------------------------------------------
Structure
------------------------------------------------------------ */
#container {
	width: 938px;
	margin: 0 auto;
	text-align: left;
}
#header {
	background: transparent url(../images/bubble_pointer.gif) 62px bottom no-repeat;
	width: 938px;
	height: 144px;
	position: relative;
}
body.home-page #header {
	background: transparent url(../images/bubble_pointer_home.gif) 62px bottom no-repeat;
}
#content, 
#sidebar {
	float: left;
	display: inline;
}
#content-cap {
	background: transparent url(../images/bubble_top_dots.gif) top left no-repeat;
	width: 650px;
	height: 17px;
}
body.contact-us-page #content-cap { background-image: url(../images/bubble_top.gif); }
#content {
	background: #fcfbed url(../images/bubble_bottom.gif) bottom left no-repeat;
	width: 650px;
	margin: 0 28px 0 0;
}
body.home-page #content {
	background-image: none;
	width: 658px;
	margin: 0 20px 0 0;
}
#sidebar {
	width: 260px;
	margin-top: 13px;
}
body.home-page #sidebar {
	margin-top: 0;
}
#content #left-column,
#content #main-content {
	float: left;
	display: inline;
}
#content #left-column {
	background: transparent url(../images/dot_v.gif) top right repeat-y;
	width: 170px;
	padding: 14px 0;
}
#content #left-column div.first-menu,
#content #left-column div.second-menu {
	padding: 0 10px 0 25px;
}
#content #left-column div.second-menu {
	background: transparent url(../images/dot_h.gif) top left repeat-x;
	margin-top: 15px;
	padding-top: 15px;
}
#content #main-content {
	width: 365px;
	padding: 10px 40px 0 70px;
}
body.bio-page #content #main-content { 
	background-image: none;
	padding-left: 40px;
	width: 395px;
}
body.site-map-page #content #main-content {
	padding: 10px 20px 0 60px;
	width: 395px;
}
#main-content div.left-col,
#main-content div.right-col {
	float: left;
	display: inline;
	width: 197px;
}
#main-content div.right-col {
	margin: 0;
}
/* ------------------------------------------------------------
Header
------------------------------------------------------------ */
#header h1 {
	text-indent: -9999px;
}
#header h1 a {
	/*background: transparent url(../images/logo_flintblake.gif) top left no-repeat;*/
	background: transparent url(../images/logo_flint-blake-feil.gif) top left no-repeat;
	width: 264px;
	height: 58px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: 39px;
	left: 4px;
}
#header p {
	position: absolute;
	top: 130px;
	right: 7px;
	margin: 0;
}
#header p {
	font-size: 1.2em;
}
#header p span {
	color: #6caddf;
	font-weight: bold;
}
/* ------------------------------------------------------------
Menu
------------------------------------------------------------ */
#menu {
	width: 247px;
	height: 117px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
}
#menu li {
	float: left;
	display: inline;
}
#menu li a {
	background-color: transparent;
	background-image: url(../images/menu.jpg);
	background-repeat: no-repeat;
	width: 119px;
	height: 60px;/*117px*/
	display: block;
	font-size: 12px;
	padding-top: 57px;
}
#menu li.menu4 a {
	padding-right: 7px;
}
#menu li a:link, 
#menu li a:visited, 
#menu li a:active,
#menu li a:hover {
	color: #fff;
}
#menu li.menu1 a  { background-position: 0 0;  }
#menu li.menu2 a  { background-position: -119px 0; }
<!--#menu li.menu3 a  { background-position: -238px 0; }
-->
#menu li.menu4 a  { background-position: -357px 0;
	color: #434343;
}
#menu li.menu1 a:hover  { background-position: 0 -117px; }
#menu li.menu2 a:hover  { background-position: -119px -117px; }
<!--#menu li.menu3 a:hover  { background-position: -238px -117px; }
-->
#menu li.menu4 a:hover  { background-position: -357px -117px;
	color: #fff;
}
body.what-we-do-page #menu li.menu1 a,
/*body.who-we-help-page #menu li.menu2 a,  
body.what-we-think-page #menu li.menu3 a,*/
body.who-we-are-page #menu li.menu4 a  {  
	height: 40px;/*117px*/
	padding-top: 77px;
}
/* ------------------------------------------------------------
Content Left Column
------------------------------------------------------------ */
#content #left-column h3 {
	font-size: 1.4em;
	font-weight: normal;
	color: #3f3f3f;
	margin-bottom: 10px;
}
#content #left-column ul li {
	font-size: 1.2em;
	margin-bottom: 10px;
}
#content #left-column ul li.active-li a{
	color: #8C8C8C;
	font-style: italic;
}
/* ------------------------------------------------------------
Main Content
------------------------------------------------------------ */
/* puzzle icons */
#content .puzzle-hexagon  { background: transparent url(../images/icon_puzzle_hexagon.jpg) 18px 10px no-repeat; }
#content .puzzle-triangle { background: transparent url(../images/icon_puzzle_triangle.jpg) 18px 10px no-repeat; }
#content .puzzle-square   { background: transparent url(../images/icon_puzzle_square.jpg) 18px 10px no-repeat; }
#content .puzzle-circle   { background: transparent url(../images/icon_puzzle_circle.jpg) 18px 10px no-repeat; }
#content .puzzle-plus   { background: transparent url(../images/icon_puzzle_plus.jpg) 18px 10px no-repeat; }
#content .puzzle-star   { background: transparent url(../images/icon_puzzle_star.jpg) 18px 10px no-repeat; }
#main-content h2 {
	color: #3f3f3f;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 16px;
}
#main-content h3 {
	color: #3f3f3f;
	font-size: 1.2em;
	font-weight: normal;
}
#main-content ul {
	margin: 0 0 16px 16px;
}
#main-content ul li {
	list-style-type: disc;
	font-size: 1.2em;
}
#main-content strong {
	color: #3f3f3f;
}
#main-content ul.article-list {
	margin: 0 0 16px;
}
#main-content ul.article-list li {
	list-style-type: none;
	margin-bottom: 16px;
}
#main-content ul.margin-bottom-list li {
	margin: 0 0 16px;
}
/* site map list */
#main-content ul.site-map-list  {
	margin-top: 15px;
}
#main-content ul.site-map-list li {
	list-style-type: none;
}
#main-content ul.site-map-list li a {
	font-size: 12px;
}
#main-content ul.site-map-list ul ul{
	margin-left: 0;
}
#main-content ul.site-map-list span {
	margin-left: 16px;
	margin-bottom: 3px;
}
#main-content ul.site-map-list ul.bullet-list {
	margin-left: 32px;
}
#main-content ul.site-map-list ul.bullet-list li {
	list-style-type: disc;
	margin-bottom: 3px;
}
#main-content ul.site-map-list li a,
#main-content ul.site-map-list li a:visited,
#main-content ul.site-map-list li a:active {
	color: #666;
}
#main-content ul.site-map-list li a:hover {
	color: #f08b1d;
}
#main-content p span a:link, 
#main-content p span a:visited, 
#main-content p span a:active,
#main-content ul.article-list li a:link, 
#main-content ul.article-list li a:visited, 
#main-content ul.article-list li a:active {
	color: #6caddf;
}
#main-content p span a:hover,
#main-content ul.article-list li a:hover {
	color: #f08b1d;
}
#main-content p.blue-link a:link, 
#main-content p.blue-link a:visited, 
#main-content p.blue-link a:active {
	color: #6caddf;
}
#main-content p.blue-link a:hover {
	color: #f08b1d;
}
/* breadcrumb */ 
#main-content ul.breadcrumb {
	margin: 0 0 20px 0;
}
#main-content ul.breadcrumb li {
	float: left;
	width: auto;
	display: inline;
	border-left: 1px solid #8c8c8c;
	margin: 0 5px 0 0;
	padding: 0 0 0 5px;
	color: #8c8c8c;
	list-style-type: none;
}
#main-content ul.breadcrumb li.first-li {
	padding-left: 0;
	border: none;
}
/* Bio page */
body.bio-page #main-content h2 {
	font-weight: bold;
	margin: 20px 0 0;
}
body.bio-page #main-content img {
	float: left;
	margin: 0 12px 12px 0;
}
/* Assessment Box */
#main-content ul.assessment-box {
	background: transparent url(../images/box_assessment.png) top left no-repeat;
	width: 334px;/*378px*/
	height: 560px;
	padding: 0 22px;
	margin: 0;
}
#main-content ul.assessment-box li {
	list-style-type: none;
	display: block;
}
#main-content ul.assessment-box li.list1 { height: 122px; }
#main-content ul.assessment-box li.list2 { height: 155px; }
#main-content ul.assessment-box li.list3 { height: 135px; }
#main-content ul.assessment-box li.list4 { height: 135px; }
#main-content ul.assessment-box h3 {
	height: 23px;/*35px*/
	font-size: 11px;
	display: block;
	padding-top: 12px;
}
#main-content ul.assessment-box li p {
	font-size: 11px;
	margin: 12px 0 0;
}
#main-content ul.assessment-box a:link, 
#main-content ul.assessment-box a:visited, 
#main-content ul.assessment-box a:active {
	color: #3f3f3f;
}
#main-content ul.assessment-box a:hover {
	color: #f08b1d;
}
/* ------------------------------------------------------------
Home
------------------------------------------------------------ */
#splash {
	background: #f9f7df url(../images/bubble_bottom_home.gif) bottom left no-repeat;
	width: 749px;
	margin-bottom: 22px;
}
#splash h2,
#splash h3 {
	font: normal 2.6em/1.3 Times, serif;
	color: #8c8c8c;
}
#splash h2 {
	background: transparent url(../images/bubble_top_home.gif) top left no-repeat;
	padding: 30px 0 0 60px;
}
#splash h3 {
	background: transparent url(../images/icon_puzzle1.jpg) top left no-repeat;
	padding: 0 0 20px 57px;
	margin-left: 175px;
	color: #3f3f3f;
}
body.home-page #content h2 {
	background: transparent url(../images/box_home.jpg) top left no-repeat;
	/*width: 658px;*/
	height: 42px;
	font-size: 1.6em;
	font-weight: normal;
	color: #3f3f3f;
	padding: 0 0 0 30px;
	line-height: 2.5;
}
body.home-page #content h3 {
	font-size: 1.17em;
}
body.home-page #content {
	background: transparent url(../images/box_home.jpg) bottom left no-repeat;
}
body.home-page #content ul li {
	float: left;
	display: block;
	width: 285px; /*217px*/
	padding: 24px 12px 0 30px;
	min-height:175px;
	height:auto !important;
	height:175px;
}
body.home-page #content ul li p {
	margin: 0;
	line-height: 1.5;
}
body.home-page #content ul li a:link, 
body.home-page #content ul li a:visited, 
body.home-page #content ul li a:active {
	color: #f08b1d;
	font-size: 1.2em;
}
body.home-page #content ul li a:hover {
	color: #8c8c8c;
}
body.home-page #content-first {
	width: 658px; 
    margin: 0 20px 20px 0;
    display: inline;
    float: left;
}
body.home-page #content-first h2 {
    height: 42px; 
    font-size: 2.6em; 
    font-weight: normal;
    color: #4D4D4D;
    padding: 0 40px 0 30px; 
    line-height: 1.3;
    width: 658px;
    font-family: Times, "Times New Roman", Cambria, "Hoefler Text", "Liberation Serif", "serif";
}
body.home-page #content-first ul {
    float: left;
    display: block;
    padding: 4px 40px 0 20px;
    margin: 0 0 16px 12px;
}
body.home-page #content-first p {
    float: left;
    display: block;
    padding: 0 40px 0 20px;
    margin: 0 0 16px 12px;
    font-size: 1.2em;
}
body.home-page #content-first ul li {
	color: #3f3f3f;
	font-size: 1.2em;
	font-weight: normal;
    list-style-type: disc;
    margin: 0 0 2px 16px
}
body.home-page #content-first a, a:link, a:visited, a:active {
	color: #6caddf;
	text-decoration: none;
}
body.home-page #content-first a:hover {
	color: #f08b1d;
	text-decoration: none;
}
/* ------------------------------------------------------------
Sidebar
------------------------------------------------------------ */
/* dark box */
#sidebar div.dark-box {
	background: transparent url(../images/box_black.jpg) bottom left no-repeat;
}
#sidebar div.dark-box h3,
#sidebar div.dark-box h4 {
	font: normal 1.7em/1 Times, serif;
}
#sidebar div.dark-box h3 {
	background: transparent url(../images/box_black.jpg) top left no-repeat;
	color: #6caddf;
	padding: 25px 30px 5px;
}
#sidebar div.dark-box h4,
#sidebar div.dark-box p {
	padding: 0 30px;
}
#sidebar div.dark-box h4 {
	color: #f08b1d;
}
#sidebar div.dark-box p {
	color: #fff;
	font-size: 1.2em;
	padding-bottom: 30px;
}
#sidebar div.dark-box p strong {
	color: #e2d561;
	font-weight: normal;
	font-size: 1.2em;
}
#sidebar div.dark-box a {
	color: #e2d561;
}
#sidebar div.dark-box hr {
	border: none;
	color: #979157;
	background-color: #979157;
	width: 77%;
	height: 2px;
	margin: 10px auto;
	text-align: center;
}
/* service box */
#sidebar div.service-box {
	margin: 0 0 14px;
}
#sidebar div.service-box h3 {
	font-size: 1.4em;
	color: #3f3f3f;
	font-weight: normal;
	margin: 0 0 10px 0;
}
#sidebar div.service-box ul {
	background: transparent url(../images/box_service.jpg) top left no-repeat;
	width: 240px;/*260px*/
	height: 45px;
	padding-left: 20px;
}
#sidebar div.service-box li {
	float: left;
	display: inline;
	width: auto;
	padding: 0 22px 0 0;
	margin: 12px 0 0 22px;
	border-right: 1px solid #3f3f3f;
}
#sidebar div.service-box li.last-li {
	border: none;
	margin-right: 0;
}
#sidebar div.service-box li a {
	font-size: 1.2em;
	display: inline;
}
#sidebar div.service-box li a:link, 
#sidebar div.service-box li a:visited, 
#sidebar div.service-box li a:active {
	color: #3f3f3f;
}
#sidebar div.service-box li a:hover {
	color: #f08b1d;
}
/* articles box */
#sidebar div.article-box h3 {
	font-size: 1.4em;
	color: #3f3f3f;
	font-weight: normal;
	margin: 0 0 10px 0;
}
#sidebar div.article-box ul li {
	background: transparent url(../images/icon_square_bullet.gif) 0 3px no-repeat;
	padding-left: 18px;
	font-size: 1.2em;
	margin-bottom: 12px;
}
#sidebar div.article-box a:link, 
#sidebar div.article-box a:visited, 
#sidebar div.article-box a:active {
	color: #f08b1d;
}
#sidebar div.article-box a:hover {
	color: #8c8c8c;
}
/* ------------------------------------------------------------
Footer
------------------------------------------------------------ */
#footer {
	width: 938px;
	clear: both;
	margin: 40px auto 20px;
	text-align: left;
}
#footer p {
	font-size: 1em;
	color: #b2b2b2;
	margin-right: 10px;
}
#footer p a,
#fonter p a:visited,
#fonter p a:active {
	color: #b2b2b2;
	text-decoration: none;
}
#footer p a:hover {
	color: #f08b1d;
	text-decoration: none;
}
/* ------------------------------------------------------------
Misc
------------------------------------------------------------ */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac ¥*/
	.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix {height: 1%;}
.clearAll {
	clear: both;
}