/**********************************

CSS for Lowell Blake & Associates 

*********************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #41515d;
	padding: 0;
    margin: 0;
    text-align: center;
}
#outW {
    text-align: left;
	margin: 31px auto;
    width: 961px;
}

ul, li {
	float: left;
	list-style-type: none;
}

img {
	border: 0;
}

div, ul, li, img, span, p {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/******************************************************

Flow classes - these combine float and clear functions

*******************************************************/

.flow {
	float: left;
	clear: both;
}

.flowRight {
	float: right;
	clear: both;
}


/*******************************************************

Float and clear classes

*******************************************************/

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clear {
	clear: both;
}


/***************

Global styles

***************/

#header {
	width: 921px;
	height: 19px;
}

#header img {
	margin-left: 1px;
}

/*****************************

Wrappers & descendants

*****************************/

#contentWrapper { 
	width: 921px;
	height: 598px;
	background: url(../images/body_bg.jpg) top left no-repeat;
	float: left;
}

#bottomContentContainer a, #bottomContentContainerScrolling a {
	color: #41515d;
	text-decoration: underline;
}

#bottomContentContainer {
	width: 921px;
	height: 204px;
	margin-top: 30px;
	padding-top: 1px;
	background: url(../images/bottom_content_bg.png) top center no-repeat;
}

#bottomContentContainerScrolling {
	width: 820px;
	height: 184px;
	margin-top: 30px;
	margin-left: 50px;
    padding-right: 20px;
	background: url(../images/bottom_content_bg.png) top center no-repeat;
    padding-top: 20px;
}
#bottomContentContainerScrolling .scroll {
    margin-bottom: 10px;
	height: 164px;
}

#bottomContentContainer p {
	width: auto;
	margin: 0 82px;
    padding-bottom: 10px;
	font-size: .7em;
	color: #41515d;
}

#bottomContentContainer p.paragraphFirst {
	width: auto;
	margin: 25px 82px 10px 82px;
	font-size: .7em;
	color: #41515d;
}

#bottomContentContainer p.paragraphLast {
}

#bottomContentContainerScrolling p {
	width: auto;
	margin: 0 32px;
	font-size: .7em;
	color: #41515d;
    padding-bottom: 10px;
}

#bottomContentContainerScrolling p.paragraphFirst {
	width: auto;
	font-size: .7em;
	color: #41515d;
}

#bottomContentContainerScrolling p.paragraphLast {
	width: auto;
	margin: 0 32px;
	padding-bottom: 10px;
	font-size: .7em;
	color: #41515d;
}

#bottomContentContainerScrolling h2 {
	font-size: .8em;
	color: #41515d;
	margin: 0 32px;
	padding: 10px 0;
}

#bottomContentContainerScrolling h3 {
	font-size: .8em;
	color: #41515d;
	margin-left: 32px;
}

#bottomContentContainerScrolling ol {
	list-style-type: upper-roman;
    margin: 0;
}
#bottomContentContainerScrolling ol li {
    float: none;
}

#bottomContentContainerScrolling li {
	list-style-type: decimal;
	width: auto;
	margin: 10px 32px 10px 12px;
	font-size: .7em;
	color: #41515d;
}

#bottomContentContainer p img,
#bottomContentContainerScrolling p img {
	margin-left: 20px;
}
.picInset img {
    float: right;
    margin: 6px 22px 0 20px;
}
.picInset p.paragraphFirst {
    padding-top: 45px;
}

/***************

Page styles 

***************/


#home {} /* Page ID */

/********************

Top Content styles

********************/

#topContent {
	height: 280px;
	margin: 22px 20px 0 20px;
    width: 921px;
}

#topContent a {
	color: #41515d;
	text-decoration: underline;
}

.topBackground {
	width: auto;
}

.topText {
	width: 330px;
	font-size: .8em;
	color: #41515d;
	padding: 10px 85px 10px 0;
}

.topTextFirst {
	width: 330px;
	font-size: .8em;
	color: #41515d;
	padding: 40px 85px 0 0;
}

.topTextLast {
	width: 330px;
	font-size: .8em;
	color: #41515d;
	padding: 10px 85px 0 10px;
}

#background_id {
	background: url(../images/top_content_bg.jpg) top left no-repeat;
	height: 258px;
}

#whoTop {
	background: url(../images/who_bg.jpg) top left no-repeat;
	height: 258px;
}

#whatTop {
	background: url(../images/what_bg.jpg) top left no-repeat;
	height: 258px;
}

#honorTop {
	background: url(../images/honor_roll_bg.jpg) top left no-repeat;
	height: 258px;
}

#specialTop {
	background: url(../images/special_projects_bg.jpg) top left no-repeat;
	height: 258px;
}

#estateTop {
	background: url(../images/estate_planning_bg.jpg) top left no-repeat;
	height: 258px;
}

#investmentTop {
	background: url(../images/investment_bg.jpg) top left no-repeat;
	height: 258px;
}

#analyticalTop {
	background: url(../images/analytical_bg.jpg) top left no-repeat;
	height: 258px;
}

#nwoTop {
	background: url(../images/nwo_bg.jpg) top left no-repeat;
	height: 258px;
}

#contactTop {
	background: url(../images/google_map.jpg) top left no-repeat;
	height: 258px;
}


/*************************

Home page specific styles

*************************/

#homeImages {
	width: 100%;
}

li.homeImage {
	margin: 13px 0 0 27px;
} 

#firstImage {
	margin-left: 10px;
}

#lastImage {
	margin-right: 0;
}

/*******************************************

Background & Rollover Images for Home Page 

*******************************************/

.homeImage span { /* Hides text inside of home image a tags */
	display: none;
}

#homeImages li a {
	position: relative;
	top: 0;
	height: 0;
	overflow: hidden;
	padding: 0 0 230px 0;
	display: block;
	width: 194px;
}
#homeImages li a:hover {
	background-position: 0 -231px;
}

li a#philosophy {
	background: url(../images/home_image_1.jpg) top left no-repeat;
}

li a#team {
	background: url(../images/home_image_2.jpg) top left no-repeat;
}

li a#difference {
	background: url(../images/home_image_3.jpg) top left no-repeat;
}

li a#help {
	background: url(../images/home_image_4.jpg) top left no-repeat;
}

/*********************

Navigation styles

*********************/

/******************

Global navigation

******************/

#siteNav {
	width: auto;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	margin-right: 0;
}

#siteNav li {
	padding: 9px 0 0 13px;
}

#siteNav li a {
	color: #FFFFFF;
}

li#mainNavOn a {
	color: #abb7c1;
}
#siteNav li span.navdots {
    position: relative;
    top: -1px;
	color: #FFFFFF;
    padding: 0 15px 0 0;
}


/************************

Secondary Navigation

************************/

.secondaryNavContainer {
	width: 100%;
	height: 22px;
	overflow: hidden;
}

#secondaryNav {
	width: auto;
	background: #6c7c87;
	font-size: .8em;
	height: 23px;
	/*margin-left: 17px;*/
}

#secondaryNav li {
	width: auto;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
	width: 219px;
	padding-top: 4px;
}

#secondaryNav a {
	color: #FFFFFF;
}

#homeSecondaryNav {
	background: #6c7c87;
}

#secNavOn {
	padding-bottom: 0;
	background: url(../images/tab_bg.jpg) top left no-repeat;
}

li#secNavOn {
	 color: #771102;
	 padding-top: 4px;
	 padding-bottom: 3px;
	 border-right: 1px solid #6c7c87;
}

#secNavFirst {
	padding-bottom: 0;
	width: 240px;
}

li#secNavFirst {
	 padding-top: 4px;
	 padding-bottom: 3px;
	 width: 240px;
	 border-right: 1px solid #6c7c87;
}

#secNavFirstActive {
	padding-bottom: 0;
	background: url(../images/tab_first_bg.jpg) top left no-repeat!important;
	width: 240px;
}

li#secNavFirstActive {
	 color: #771102;
	 padding-top: 4px;
	 padding-bottom: 3px;
	 width: 240px;
	 border-right: 1px solid #6c7c87;
}

/*************************************

styles for LAST tab

only used on WHAT SETS US APART pages

************************************/

#secNavLast {
	padding-bottom: 0;
	width: 236px;
}

li#secNavLast {
	 padding-top: 4px;
	 padding-bottom: 3px;
	 width: 236px;
	 border-left: 1px solid #6c7c87;
}

#secNavLastActive {
	padding-bottom: 0;
	background: url(../images/tab_last_bg.jpg) top left no-repeat!important;
	width: 236px;
}

#secondaryNav li#secNavLastActive {
	 color: #771102;
	 padding-top: 5px;
	 padding-bottom: 3px;
	 padding-right: 20px;
	 width: 216px;
	 border-left: 1px solid #6c7c87;
}

.secNavSpacer {
	width: 1px!important;
	height: 12px;
	margin: 3px 0 0 0;
}

.secNavBorder {
	border-right: 1px solid #566672!important;
}

.secNavFirst {}

/**************************

Special Projects

**************************/

/**************************

Special Projects content 

**************************/

#specialProjectsContentContainer {
	width: auto;
	display: block;
	margin: 0 73px 0 58px;
    height: 198px;
}

#specialProjectsContentContainer p {
	padding-top: 37px;
    margin-bottom: 0;
}
#specialProjectsContentContainer p {
    padding-top: 0;
}
#specialProjectsContentContainer img.floatRight {
    float: right;
    margin-top: 50px;
	margin-left: 20px;
}


/***************************

Special Projects navigation

***************************/

/*
#specialProjectsNav, #specialProjetcsNav li, #specialProjetcsNav li a, #specialProjetcsNav h3, #specialProjectsNav h3 a {
	padding: 0;
	margin: 0;
}
*/

#specialProjectsNav {
    position: relative;
    top: 8px;
    float: left;
	list-style-type: none;
	background: url(../images/special_projects_nav_bg.gif) top left no-repeat;
	width: 230px;
	height: 198px;
	margin-right: 40px;
	padding-top: 2px;
}

#specialProjectsNav li {
	float: none;
	width: 230px;
	color: #771102;
	font-size: .7em;
	padding: 8px 0;
	margin: 0;
	margin-left: 11px;
    height: 15px;
}

#specialProjectsNav li a {
	color: #41515d;
	text-decoration: none;
}

#specialProjectsNav li a:hover {
	text-decoration: underline;
}


/****************

Footer styles

****************/

#footerContainer {
	width: 100%;
	height: 50px;
	margin-top: 3px;
	margin-left: 8px;
    padding-bottom: 31px;
}

#footerContent li {
	width: auto;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: .65em;
	margin-right: 5px;
}

.footerText a {
	color: #FFFFFF;
}

.bottomContentInnerWrap {
    padding-top: 15px;
    width: 757px;
    margin: 0 82px;
}
#bottomContentContainer .bottomContentInnerWrap p {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#doc_who #topContent {
    width: auto;
}
.topContentTxtW {
    float: right;
    width: 346px;
    height: 173px;
    border: 1px solid #a4a3a8;
    border-width: 1px 0 1px 0;
    padding: 10px 0;
    margin: 32px 36px 0 0;

	font-size: .8em;
	color: #41515d;
}
.topContentTxtW p {
	padding: 0 0 10px 0;
}

p.teamlist {
    float: left;
	width: 170px;
    font-weight: bold;
    font-size: 90%;
	padding: 0;
}


.newsletters {
    color: #41515d;
}
.newsletters h4 {
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.newsletters .nitem {
    float: none;
    padding: 0.3em 0;
    font-size: 11px;
}

/** custom CSS for "SIGN IN" login box with overlay *//*{{{*/
#bxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
    z-index: 99;
}
#bxLightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
.login {
    display: none;
}
#bxLightbox .login {
    display: block;
	position: relative;
	width: 300px;
	height: 110px;
	margin: 0 auto;
    line-height: 19px;
    text-align: left;
    padding: 0;
    font-weight: bold;
    font-size: 11px;
    color: #41515d;
}
#bxLightbox .login form {
    margin: 2em 7px;
}
#bxLightbox .login form input#pw {
    width: 200px;
    padding: 2px 5px;
}
#bxLightbox .login .submit {
    text-align: right;
    width: 216px;
}
#bxLightbox .logincontent {
    padding: 5px 25px;
	background-color: #e3e3e3;
}
#bxLightbox .logincornerstop,
#bxLightbox .logincornersbot {
    height: 10px;
    overflow: hidden;
    background: transparent url(/images/login-corners-n.png) no-repeat 0 0;
}
#bxLightbox .logincornersbot {
    background: transparent url(/images/login-corners-s.png) no-repeat 0 0;
}
/** **//*}}}*/

#sitemap {
    padding: 40px 0 40px 82px;
    background: #d4d4d4;
    height: 281px;
}
#sitemap ul {
    float: none;
    list-style-type: disc;
    padding-left: 2em;
}
#sitemap li {
    float: none;
    list-style-type: disc;
	color: #41515d;
}
#sitemap li a {
	color: #41515d;
	text-decoration: underline;
	font-size: .7em;
}
#bottomContentContainer td {
    font-size: 0.7em;
    color: #41515d;
}