/*
PAGE HEADING STYLES
 - inlcudes large page 'title/desc', subnav buttons and links
 NOTE: overrides defaults in style.css
*/
#page-header-nav {
	width: 190px;
}

#page-header-nav-btns {
	width: 170px;
}


/*
PAGE HEADING SUBNAV
*/
div.page-subnav-links { margin: auto; width: 960px; height:  40px; text-align: left; }
div.page-subnav-links ul { margin-left: 63px; }
div.page-subnav-links ul li { float: left; margin-top: 16px; margin-right: 73px; height: 40px; margin-top: 2px; }
div.page-subnav-links ul li.page-subnav-selected {
	background: url(../images/page/about/about-subnav-selected.png) no-repeat center 25px;
}
div.page-subnav-links ul li a { float: left; font-size: 17px; font-family: Arial, Helvetica, sans-serif; color: #555555; font-weight: bold; }


/*
MAIN CONTENT LAYOUT
*/
#content-bottom {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

#page-content-container {
	margin: auto;
	width: 965px;
	text-align: left;
}

#page-content-left {
	float: left;
	height: 100%;
	width: 700px;
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 20px;
	margin-left: 10px;
}

#page-content-right {
	float: right;
	height: 100%;
	width: 200px;
}

#page-content-left h2, #page-content-left h3 { font-weight: bold; color: #5C5C5C; }

#page-content-left h2 { font-size: 20px; }

#page-content-left p {font-size: 14px; line-height: 20px; margin-bottom: 20px;}

#page-content-left a { text-decoration: none; color: #C55F13; }

#page-content-left a:hover { color: #8E450E; }


.blog-visible-break { 
	width: 100%; 
	top: 33px; 
	height: 3px; 
	background: url(../images/page/custom-hr.png) repeat-x; 
	margin:20px 0; 
	clear: both; 
	overflow: hidden;
}

#page-content-left ul,
#page-content-left ol, 
div.container.new-growing div.we-you ul,
div.container.new-growing div.we-you ol
{
	list-style-image: url(../images/page/list-bullet.gif);
	margin-left: 30px;
	margin-top: 15px;
	list-style-position: outside;
}

#page-content-left ul li,
#page-content-left ol li,
div.container.new-growing div.we-you ul li,
div.container.new-growing div.we-you ol li{
	line-height: 18px;
	margin-bottom: 19px;
	font-size:13px;
}


/*
SIDEBAR STYLES
*/
#sidebar-content-container {
	margin-left: -2px;
}

#sidebar-content-container ul {
	height: 300px;
	width: 165px;
	background: transparent url(../images/page/sidebar/blog-sidebar-nav-bg.png) no-repeat scroll 0 0;
	margin-top: -45px;
	padding-top: 30px;
	padding-left: 52px;
}

#sidebar-content-container ul li {
	line-height:15px;
	margin-bottom:15px;
	margin-top:15px;
	padding-top:7px;
	width:138px;
}

/* hack to reset line-height on leadership page */

#sidebar-content-container ul li.trigger {line-height: 30px; margin: 0; padding: 0;}

/* end hack */

#sidebar-content-container ul a {
	font-size: 13px;
	color: #252525;
	text-decoration: none;
}

#sidebar-content-container ul li.side-nav-selected {
	background: url(../images/page/sidebar/sidebar-selected-arrow.gif) no-repeat 0 7px;
	padding-left: 25px;
	margin-left: -25px;
}
#government-services-container { margin-left: 12px; margin-top: 15px; }


/*BLOG SIDEBAR*/
#blog-sidebar-content-container { position: relative; top: 0px; left: -10px; width: 220px; }
#content-bottom.blog-post-listing #blog-sidebar-content-container { top: -55px; }
div.individual-post #blog-sidebar-content-container { margin-top: -125px; }
#blog-sidebar-nav-container {
	background: url(../images/page/sidebar/blog-sidebar-nav-bg.png) no-repeat;
	padding-top: 35px;
}
#blog-sidebar-content-container ul { margin-left: 40px; margin-bottom: 30px; }
#blog-sidebar-content-container ul li ul { margin-left: 10px; margin-bottom: 0px; }
#blog-sidebar-content-container ul li { line-height: 30px; }
#blog-sidebar-content-container h2 {
	font-weight: bold;
	font-size: 15px;
	color: #787878;
	width: 130px;
	border-bottom: 1px solid #BCBCBC;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 15px;
}
#page-content-right #blog-sidebar-content-container a { text-decoration: none; color: #787878; font-size: 13px; }


/*
PAGE SPECIFIC STYLES
*/


/*SERVICES OVERVIEW STYLES*/
#services-overview .row { margin-bottom: 40px; width: 700px; overflow: hidden; }
#services-overview .column { float: left; width: 325px; margin-right: 20px; }
#services-overview h3 { margin-top: 30px; }
#services-overview .column h3 { margin-top: 5px; }


/*SERVICES PROCESS STYLES */
#services-process h3 { margin-top: 20px; }
#services-process div.process h3 { margin-top: 0px; }
#services-process div.process { margin-top: 40px; }
#services-process div.process img { float: left; }
#services-process div.process div.process-col { float: left; }
#services-process div.process div.process-col ul { margin-left: 20px; }
#services-process-top-statement { margin-bottom: 20px; }
#services-process-bottom-statement { font-size: 16px; margin-bottom: 30px; }


/*SERVICES DIFFERENTIATORS STYLES */
#services-differentiators ul { margin-bottom: 40px; }


/*EXPERIENCE STYLES*/
#experience h2 { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #AAAAAA; }
#experience img { margin-bottom: 20px; }
#experience p { line-height: 25px; margin-bottom: 20px; width: 650px; overflow: hidden; }


/*CONTACT STYLES*/
#contact h2, #contact-consultation h2 { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #AAAAAA; }
#contact p, #contact-consultation p { margin-bottom: 20px; }
#contact div.address { float: left; line-height: 25px; margin-bottom: 30px; }
#contact div.address.right { margin-left: 180px; }


/*GOVERNMENT STYLES*/
#govt-overview p { margin-bottom: 20px; }
#govt-overview div.gov { float: left; margin-bottom: 50px; margin-right: 50px; }
#govt-overview div.gov.col1 { margin-left: 40px; }
#govt-overview div.gov.col3 { margin-right: 0px; }
#govt-overview div.gov img { margin-bottom: 15px; }
#govt-overview div.gov p { margin-bottom: 0px; width: 190px; text-align: center; margin-left: -20px; }
#govt-past-performance h3 { margin-top: 30px; }
#govt-past-performance p { font-size: 15px; }


/*404 STYLES*/
div.not-found #page-content-left h2 { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #AAAAAA; margin-top: 40px; }
div.not-found #page-content-left #not-found-message { font-size: 24px; margin-top: 0px; }
div.not-found #page-content-left div ul { list-style-image: none; margin-left: 0px; }
div.not-found #page-content-left div ul li ul { list-style-image: url(../images/page/list-bullet.gif); margin-left: 30px; }


/*SEARCH RESULT STYLES*/
#content #page-content-left #search-results div {
	margin-top: 20px;
	margin-bottom: 20px;
}


/* ABOUT STYLES */
body.about #sidebar-content-container ul { margin-top: -65px; }
#about-leadership, #about-overview, #about-careers { padding-bottom: 30px; }
body.about #page-content-left p { line-height: 25px; margin-bottom: 30px; }
body.about #page-content-left #about-careers ul {
	margin-bottom: 35px;
}
body.about #page-content-left #about-careers ul li {
	margin-left: -12px;
}
body.about #career-page h2 { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #AAAAAA; }
body.about #career-page ul { margin-top: -17px; padding-bottom: 10px; }
body.about #career-page ol { margin-top: -17px; padding-bottom: 10px; }
body.about #career-page ol li ul { margin-top: 10px; padding-bottom: 5px; }
body.about #career-page ul li ul { margin-top: 10px; padding-bottom: 0px; }
body.about #career-page p.list-subhead { margin-top: -20px; }


/* ABOUT LEADERSHIP STYLES */
body.about div.container.leadership #content-top {
	background: url(../images/page/about/about-leadership-subnav-bg.png) repeat-x;
	height: 346px;
}
body.about #sidebar-content-container ul { position: relative; left: -8px;}
div.container.leadership #sidebar-content-container ul li.trigger { line-height: 35px; }
div.container.leadership #sidebar-content-container ul li.side-nav-selected {
	background: url(../images/page/sidebar/sidebar-selected-arrow.gif) no-repeat 0 10px;
}

div.container.leadership #sidebar-content-container ul { margin-top: -310px;background: url(../images/page/sidebar/sidebar-small-nav-bg.png) no-repeat top left; }
div.container.leadership #page-subnav-container { height: 346px; width: 960px; margin: auto; }
#bio-image-container { margin: auto; width: 960px; height: 1px;}
#bio-image-subcontainer { position: relative; top: 70px; left: 410px; width: 380px; }
#page-subnav-container div.bio-image { width: 380px; height: 276px; }
#page-subnav-container div.bio-image div { width: 100%; height: 100%; }

#bio-image-container div.bio-image.david { display: block; }
#bio-image-container div.bio-image.david div {
	background: url(../images/page/about/david-tortorelli.png) no-repeat;
}
#bio-image-container div.bio-image.hamilton { display: none; }
#bio-image-container div.bio-image.hamilton div {
	background: url(../images/page/about/hamilton-beazley.png) no-repeat;
}
#bio-image-container div.bio-image.stephanie { display: none; }
#bio-image-container div.bio-image.stephanie div {
	background: url(../images/page/about/stephanie-hay.png) no-repeat;
}

div.container.leadership #about-quote { width: 500px; clear: left; margin-top: 85px; }
div.container.leadership #about-quote img { width: 32px; float: left; }

#page-subnav-container.david #david-quote { display: block; }
#page-subnav-container.hamilton #david-quote,
#page-subnav-container.stephanie #david-quote { display: none; }
#page-subnav-container.hamilton #hamilton-quote { display: block; }
#page-subnav-container.david #hamilton-quote,
#page-subnav-container.stephanie #hamilton-quote { display: none; }
#page-subnav-container.stephanie #stephanie-quote { display: block; }
#page-subnav-container.hamilton #stephanie-quote,
#page-subnav-container.david #stephanie-quote { display: none; }

div.container.leadership #about-quote div.middle {
	width: 415px;
	float: left;
	text-align: left;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
}
div.container.leadership #about-quote div.middle h2 {
	font-family: Georgia;
	font-size: 20px;
	font-style: italic;
	color: #C16F32;
	line-height: 29px;
}
div.container.leadership #about-quote img.right { margin-top: 85px; margin-left: 5px; }
#page-subnav-container.stephanie #about-quote img.right { margin-top: 110px; }

div.container.leadership #page-subnav-title-container {
	clear: left;
	width: 960px;
	height: 56px;
	margin: auto;
	margin-top: 250px;
	text-align: left;
	overflow: hidden;
}
div.container.leadership #page-subnav-title {
	margin: 0;
	height: 56px;
	width: 384px;
	text-align: center;
	background: url(../images/page/about/page-subnav-title.png) no-repeat;
	padding-top: 35px;
}
div.container.leadership #page-subnav-title h2 { font-size: 14px; color: #5C5C5C; font-weight: bold; }

div.container.leadership #page-subnav-title h2.david { display: block; }
div.container.leadership #page-subnav-title h2.hamilton,
div.container.leadership #page-subnav-title h2.stephanie { display: none; }

div.container.leadership #page-content-left { width: 720px; }
div.container.leadership #about-leadership .hilite { color: #C55F13; }
div.container.leadership div.bio.david { display: block; }
div.container.leadership div.bio.hamilton,
div.container.leadership div.bio.stephanie { display: none; }


/* NEW AND GROWING BUSINESS STYLES */

div.container.new-growing #content-top {height: 330px; background:  url(../images/page/about/about-leadership-subnav-bg.png) repeat-x;} 
div.container.new-growing #content-bottom {border-top: 1px solid #d96e26;}
img.plant-illustration {position: relative; top: -240px}
p.illustration {height: 260px;}

h2.hugetext {font-size: 50px; font-weight: bold;font-family: 'News Gothic', Arial, sans-serif; color: #555555; text-align: center; margin-top: -40px; margin-bottom: 40px;}
div.we-you {border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; padding: 30px 0 30px 0; margin-bottom: 20px}
div.we-you h3 {font-size: 36px; font-style: italic; font-weight: bold; color: #555555;}
div.we {float: right; width:470px;}
div.you {width: 470px; float: left;}

div.container.new-growing p {padding-bottom: 40px;font-size: 18px;}

div.container.new-growing div.we-you ul li {font-size: 18px; color: #555;}

div#clients ul {margin-bottom: 50px; list-style-position:inside;}

div#packages h3 {font-size: 24px; font-weight: normal; margin-bottom: 10px; padding-bottom: 15px; border-bottom:1px solid #ccc;}

div#packages h3 span {display: block; float: left; text-indent: -9999px; width: 53px; height: 77px; margin-top: -40px;}
div#packages h3 span.one {background: url(../images/page/new-growing/package1.png) no-repeat;}
div#packages h3 span.two {background: url(../images/page/new-growing/package2.png) no-repeat;}
div#packages h3 span.three {background: url(../images/page/new-growing/package3.png) no-repeat;}
div#packages h3 span.four {background: url(../images/page/new-growing/package4.png) no-repeat;}

div#packages p.investment {text-align: right; font-size: 18px; font-weight: bold; font-style: italic; margin-bottom: 40px; padding:15px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

#new-growing-callouts a {display: block; width: 186px; height: 128px; text-indent: -9999px; margin-top: 40px; margin-left: 12px; }
#new-growing-callouts a#working {background: url(../images/page/new-growing/working.png) no-repeat;}
#new-growing-callouts a#process {background: url(../images/page/new-growing/our-process.png) no-repeat;}

/* BLOG STYLES */
#blog h2.pagetitle { font-size: 26px; margin-bottom: 20px; border-bottom: 1px solid #CCCCCC; padding-bottom: 5px; }
#blog div.post-header {
	border-bottom: 1px solid #AAAAAA;
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#blog div.blog-author-pic {float: left; margin-right: 20px; }
#blog h2.post-title { font-size: 22px; line-height: 28px; }
#blog h2.post-title a { color: #555555; font-family: Arial, Helvetica, sans-serif; }
#blog p.post-data {float:right; font-family:Georgia; width:600px; }
#blog div.post-content {
	border-bottom: 1px solid #AAAAAA;
	padding-bottom: 20px;
	margin-bottom: 70px;
}
#blog div.post-content p { margin-bottom: 20px; }
#blog div.navigation {
	margin-top: -20px;
	margin-bottom: 20px;
	width: 250px;
	overflow: hidden;
}
#blog div.navigation .alignleft { float: left; margin-right: 30px; }
#blog div.navigation .alignright { float: left; }

body #content-top.individual-post {
	background: url(../images/page/blog-subnav-bg.png) repeat-x;
	height: 154px;
}
#blog.individual-post { margin-left: 18px; }
#blog.individual-post div.post-header { position: absolute; margin-top: -146px; width: 705px; padding-bottom: 14px; }
#blog.individual-post h2.post-title { margin-top: 8px; margin-bottom: 53px; height: 55px; }
#blog.individual-post h2.post-title a { font-weight: normal; font-family: 'News Gothic', Arial, Helvetica, sans-serif; font-size: 26px; }
#blog.individual-post p.post-data { font-size: 11px; width:490px; }
#blog.individual-post div.post-content { padding-top: 15px; padding-bottom: 30px; margin-bottom: 40px; }
#blog.individual-post div.post-content p { line-height: 25px; }

#blog div.post-comments h3 { font-size: 18px; margin-bottom: -10px; }
#blog div.post-comments h3 em { font-weight: normal; font-family: Georgia; }
#blog div.post-comments ul { list-style-image: none; margin-left: 0px; }
#blog div.post-comments li.comment { border-top: 1px solid #AAAAAA; margin-bottom: 0px; margin-top: 0px; padding-top: 15px; padding-bottom: 15px; overflow: hidden; }
#blog div.post-comments li.comment.alt { background-color: #EAEAEA; }
#blog div.post-comments li.comment div.left { float: left; padding-left: 20px; }
#blog div.post-comments li.comment div.left h4 { font-size: 16px; font-weight: normal; width: 115px; }
#blog div.post-comments li.comment div.left em { font-size: 13px; }
#blog div.post-comments li.comment div.right {
	float: left;
	margin-left: 40px;
	width: 480px;
	font-family: Georgia;
	font-size: 13px;
	margin-bottom: 5px;
}
 
#blog div.post-comments li.comment div.quote-left {
	float: left;
	background: url(../images/page/comment-left-quotation-mark.png) no-repeat;
	width: 22px;
	height: 22px;
}

#blog div.post-comments li.comment div.comment-text {
	float: left;
	width: 420px;
	margin-left: 10px;
}

#blog div.post-comments li.comment div.quote-right {
	float: right;
	clear: left;
	background: url(../images/page/comment-right-quotation-mark.png) no-repeat;
	width: 22px;
	height: 22px;
}

#blog #comment-response { margin-top: 30px; }
#blog #comment-response h3 { margin-bottom: 3px; } 
#blog #comment-response input {
	margin-bottom: 10px;
	margin-right: 10px;
	height: 25px;
	padding: 3px;
	font-size: 15px;
}
#blog #comment-response #submit {
	margin-bottom: 0px;
	margin-right: 0px;
	height: 31px;
	padding: 0px;
	padding-left: 8px;
	font-size: 13px;
}
#blog #comment-response textarea { margin-bottom: 10px; }