/* [Layout Style] */

/***** Styles for the Blakely & Associates website - Suzanne Parr 11-19-08 *****/

/***** HTML Body style *****/

BODY { 
background: #f7f0e1;
padding:0;
margin:0;
text-align: center;
}

/***** Structural styles *****/

.template_border { BACKGROUND: transparent;
WIDTH: 920px; 
line-height: 1px; 
font-size: 1px;
border-style: solid; 
border-color:#5d504d; 
border-width: 1px 1px 1px 1px;
POSITION:relative; top:20px; left:0px;  
padding: 0px;
margin: 0 auto;
}

/********* container for middle section = left sidebar + white 'content' section **********/
.main { WIDTH: 920px;
padding: 0px; MARGIN: 0px;
POSITION:relative; top:0px; left:0px; 
}
.main_bl { BACKGROUND: #d9e2d6;  
}
.main_an { BACKGROUND: #f6e1b6; 
}
.main_cr { BACKGROUND: #dae1e2; 
}
.main_st { BACKGROUND: #e7e2ca; 
}
/********* tiny columns that pad left sidebar on both sides **********/
.column { WIDTH: 3px; padding: 0px; MARGIN: 0px; 
POSITION:relative; top:0px; left:0px; float: left; 
}
.column_bl { BACKGROUND: #d9e2d6; 
}
.column_st { BACKGROUND: #e7e2ca; 
}
.column_cr { BACKGROUND: #dae1e2; 
}
.column_an { BACKGROUND: #f6e1b6; 
}

/********* 1st column = left-hand coloured sidebar **********/
.sidebar { WIDTH: 180px;
padding: 0 3px;
margin: 0px; 
FONT: normal 12px Verdana, Arial, Helvetica, sans-serif; COLOR:#000010; TEXT-ALIGN: left;
POSITION:relative; 
top:0px; 
left:0px; 
float: left; 
}
.sidebar_bl { BACKGROUND: #d9e2d6; 
}
.sidebar_st { BACKGROUND: #e7e2ca; 
}
.sidebar_cr { BACKGROUND: #dae1e2; 
}
.sidebar_an { BACKGROUND: #f6e1b6; 
}

/********* container for content (2nd or 2nd AND 3rd columns) **********/
.content_wider { BACKGROUND: #ffffff; 
WIDTH: 740px; 
FONT: normal 12px Verdana,Arial,Helvetica,sans-serif; COLOR:#000010;
TEXT-ALIGN: left; 
margin: 0;
padding:0;
POSITION:relative;
float:left;
}
/********* container for content (2nd or 2nd AND 3rd columns) **********/
.content { BACKGROUND: #ffffff; 
xWIDTH: 734px; // erm 
FONT: normal 12px Verdana,Arial,Helvetica,sans-serif; COLOR:#000010;
TEXT-ALIGN: left; 
margin: 0;
padding:0;
POSITION:relative;
float:left;
}
/***** 2nd column for 2-column format ******/
.inside_content {
padding: 2px 20px 0px 20px; 
}
/***** 2nd column for thumbnail bar ******/
.inside_content_thumbs {
text-align:center;
padding: 0px 10px 0px 10px;
}
/***** 2nd column for meet the team thumbnail bar ******/
.inside_content_thumbs2 {
text-align:left;
padding: 0px 20px 0px 20px;
}
/***** 2nd column for (186-554-180) 3-column format ******/
.inside_left {
width: 554px;
margin:0; 
float:left; 
}
/***** 2nd column for (186-344-390) 3-column format ******/
.inside_left2 {
width: 344px;
margin:0; 
float:left; 
}
/***** 2nd column for (186-444-280) 3-column format ******/
.inside_left3 {
width: 444px;
margin:0; 
float:left; 
}
.inside_inside_left {
padding: 10px 20px 0px 20px; 
}
/***** 3rd column for (186-554-180) 3-column format ******/
.inside_right {
width: 180px;
margin:0;
padding: 0px 0px 0px 0px; 
float:left; 
}
/***** 3rd column for (186-344-390) 3-column format ******/
.inside_right2 {
width: 390px;
margin:0;
padding: 0px 0px 0px 0px;  
float:left; 
}
/***** 3rd column for (186-444-280) 3-column format ******/
.inside_right3 {
width: 280px;
margin:0; 
padding: 0px 0px 0px 0px; 
float:left; 
}
.inside_inside_right {
padding: 30px 10px 0px 10px; 
}


/********* div for centring text ***************************/
.centertext { 
text-align: center;
}

/***** Splash page (306-1-306-1-306) 5-column format - 3 img's separated by 2-1px columns *****/
.splash_content { BACKGROUND: #ffffff; 
WIDTH: 920px; 
TEXT-ALIGN: left; 
margin: 0;
padding:0;
POSITION:relative;
}

.splash_column135{ WIDTH: 306px; 
POSITION:relative; top:0px; left:0px;
padding:0;
margin:0;  
float: left;
cursor:hand; 
}
.splash_white
{
background:#ffffff;
}
.splash_back1
{
background:#e7e2ca;
}
.splash_back2
{
background:#dae1e2;
}
.splash_back3
{
background:#ead6ad;
}
.splash_column_white1{ WIDTH: 1px;
background:#ffffff; 
POSITION:relative; top:0px; left:0px;
padding:0;
margin:0;  
float: left; 
}
.splash_column_trans5{ WIDTH: 5px;
background:transparent; 
POSITION:relative; top:0px; left:0px;
padding:0;
margin:0;  
float: left;
}
.splash_arrow{ WIDTH: 20px;
background:transparent; 
POSITION:relative; top:0px; left:0px;
padding: 5px 0px 0px 0px; 
margin:0;  
float: left; 
}
.splash_text{ WIDTH: 271px;
background:transparent; 
POSITION:relative; top:0px; left:0px;
padding: 5px 0px 5px 0px; 
margin:0;  
float: left; 
}

/***** Creative Profile Page styles *****/

/***** 2nd column for (186-250-484) 3-column format ******/
.inside_left_profiles {
width: 250px;
xwidth: 250px;
padding:0;
margin:0; 
float:left; 
}
.inside_inside_left_pro {
padding: 0px 0px 0px 20px; 
}

/***** 3rd column for (186-250-484) 3-column format ******/
.inside_right_profiles {
width: 484px;
xwidth:484px;
margin:0;
padding:0; 
float:left; 
}

.list_sections
{
	list-style-type:none;
	margin-left: 0; 
	margin-top: 0;
	padding: 0;
}

.list_sections a
{text-decoration: none;
cursor: pointer; 
cursor: hand;
}

.profile_pic { BACKGROUND: #ffffff;
width:454px; 
height:320px;
border-style: solid; 
border-color:#c9d8dc; 
border-width: 1px 1px 1px 1px;
}

.profile_text { BACKGROUND: #cedce0;
overflow:scroll;
width:454px;
height:240px;
padding: 10px 5px 0px 10px;
}
#picture{
width:454px;
height:320px;
}
#video{
width:454px;
height:320px;
}

/***** clear left alignment that permits inline divs or columns ******/
.clear { clear: both; height: 0; font-size: 0;}
.clear­_left { clear: left; font-size:0;}

/***** Nav bar styles *****/

.nav_main1 { BACKGROUND: transparent; 
width: 301px; height: 22 px; min-height: 22px; 
padding: 0px; MARGIN: 0px;
BORDER-STYLE: solid; BORDER-COLOR:#ffffff; BORDER-WIDTH: 0px, 0px, 0px, 0px;
POSITION:absolute; top:0px; right:0px;
}
.nav_main { background:#7d6c67; 
width: 920px; height: 22px; min-height: 22px; 
padding: 0; MARGIN: 0;
border: 0px none;
POSITION:relative; top:0px; left:0px;
text-align:left;
}
.horizontalnav
{
background:transparent;
padding:0;
margin:0;
white-space:nowrap;
list-style-type:none;
}
.horizontalnav li {display:inline;}
.horizontalnav li a
{
padding:0em;
text-decoration:none;
float:left;
border:0px none;
}
.verticalnav
{
background:#transparent;
padding: 0; 
margin-top:25px;
margin-left:0px;
list-style-type:none;
}
.verticalnav li {display:block;}
.verticalnav li a
{
padding:0;
background:transparent;
text-decoration:none;
border:none;
}

.thumbs_tight
{
background:transparent;
padding:0;
margin:0;
white-space:nowrap;
list-style-type:none;
}
.thumbs_tight li {
display:inline;
padding:0px 0px 0px 0px;}
.thumbs_tight li a
{
padding:0;
text-decoration:none;
border:none;
}

.thumbs
{
background:transparent;
padding:0;
margin:0;
white-space:nowrap;
list-style-type:none;
}
.thumbs li {
display:inline;
padding:0px 6px 0px 0px;}
.thumbs li a
{
padding:0;
text-decoration:none;
border:none;
}



/***** list styles *****/

ul
{
	list-style-type: disc;
	list-style-position: outside;
	line-height: 2em;
	margin-left: 0;
	margin-top: 5;
	padding-left: 15;
	text-indent: 0;
}
.list_nobullet
{
	list-style-type:none;
	margin-left: 10; 
	margin-top: 0;
	padding: 0;
}
.list_nobullet li {
display:block;
}
/***** client logos - 'inline' unordered lists - 4 logos across ***** SP 02-18-09 *****/
.list_logos
{
  list-style-type:none;
  margin: 0 -5px;  
  padding: 0;
}
.list_logos li {
  display: inline;
  padding: 0;
  margin: 0;
}


.bold_list li
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 2em;
color: #323244;
}

.small_list li
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 2em;
color: #323244;
}



/***** header styles - titlebar & page name banner *****/

.titlebar { BACKGROUND: transparent; 
height: 110px; min-height:110px; width:920px;
padding: 0px; MARGIN: 0px
}
.pagename {
height: 24 px; min-height: 24px; width: 920px;
border:0px none; margin: 0;
padding: 0; 
text-align: left; 
COLOR:#2c2a28; 
font: bold 13px Verdana, Arial, Helvetica, sans-serif; 
}
.pagename_bl {
background:#bfc6bd;
background-image:url('UserFiles/Image/ba_blakely_topbar.gif'); 
background-repeat:repeat-x;
background-attachment:scroll;
}
.pagename_an { background: #e0cda6; 
background-image:url('UserFiles/Image/ba_analytics_topbar.gif'); 
background-repeat:repeat-x;
background-attachment:scroll;
}
.pagename_cr { BACKGROUND: #b9c9cb;
background-image:url('UserFiles/Image/ba_creative_topbar.gif'); 
background-repeat:repeat-x;
background-attachment:scroll;
}
.pagename_st { BACKGROUND: #cec9b3; 
background-image:url('UserFiles/Image/ba_strategy_topbar.gif'); 
background-repeat:repeat-x;
background-attachment:scroll;
}
.inside_pagename {
padding: 4px 0px 0px 20px;
}

/***** sidebar styles *****/

.belowsidenav { 
BACKGROUND: transparent; 
WIDTH: 180px; 
PADDING-RIGHT: 10px; 
PADDING-LEFT: 10px; 
PADDING-TOP: 10px; 
PADDING-BOTTOM: 8px; 
MARGIN: 0px;
POSITION:relative; 
float:left;
}

/***** content text styles *****/

p {FONT: normal 12px Tahoma,Verdana,Arial,Helvetica,sans-serif; COLOR:#000010;
TEXT-ALIGN: left;}
h1 { FONT: bold 16px Verdana,Arial,Helvetica,sans-serif; COLOR:#0054a6;}
.holiday_font{ FONT: bold 16px Verdana,Arial,Helvetica,sans-serif; COLOR:#bc3302;} 
h2 { FONT: bold 14px Verdana,Arial,Helvetica,sans-serif; COLOR:#0054a6;}
h3 { FONT: bold 13px Verdana,Arial,Helvetica,sans-serif; COLOR:#000010 ;}
li {FONT: normal 12px Verdana, arial, helvetica, sans-serif; COLOR: #000010;}
.quote { BACKGROUND: #f0ebea; margin:0; padding: 6px 6px 8px 6px; }
.quote_font {FONT: bold 11px verdana, arial, helvetica, sans-serif; COLOR: #434359;} 
.credit_font {FONT: normal 10px verdana, arial, helvetica, sans-serif; COLOR: #292938;}
.bold_text {FONT: bold 12px verdana, arial, helvetica, sans-serif; COLOR: #323244;}
.grey_bold_big { FONT: bold 14px Verdana,Arial,Helvetica,sans-serif; COLOR:#323244;}
.body_font {FONT: normal 12px Verdana,Arial,Helvetica,sans-serif; COLOR:#000010;}
.italic_text {FONT: italic 12px Verdana,Arial,Helvetica,sans-serif; COLOR:#000010;}
.navy_small {FONT: normal 11px verdana, arial, helvetica, sans-serif; COLOR: #000010;}
.navy_small_bold {FONT: bold 11px verdana, arial, helvetica, sans-serif; COLOR: #323244;}
.bold_small {FONT: bold 11px verdana, arial, helvetica, sans-serif; COLOR: #323244;}
.bold_tiny {FONT: bold 10px verdana, arial, helvetica, sans-serif; COLOR: #323244;}
.aqua_text { FONT: bold 12px Verdana,Arial,Helvetica,sans-serif; COLOR:#0054a6;}
.aqua_big { FONT: bold 13px Verdana,Arial,Helvetica,sans-serif; COLOR:#0054a6;}
.splash_text { FONT: normal 12px Verdana,Arial,Helvetica,sans-serif; COLOR:#8b7873; line-height:18px;}
.impact_text { FONT: bold 24px Georgia,Arial,Helvetica,sans-serif; COLOR:#bbc2ba; line-height:20px;}
.bold_fine {FONT: bold 9px Verdana, Arial, Helvetica, sans-serif; COLOR: #4c4845;}
.logo_text {FONT: bold 14px verdana, arial, helvetica, sans-serif; COLOR: #323244;}
.mission_text{FONT: bold 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff;}



/***** main content link styles *****/
.main a:link { COLOR: #000010; TEXT-DECORATION: underline
}
.main a:hover { COLOR: #000010; TEXT-DECORATION: underline
}
.main a:active { COLOR: #000010; TEXT-DECORATION: underline
}
.main a:visited { COLOR: #000010; TEXT-DECORATION: underline
}

.bold_text a:link { COLOR: #323244; TEXT-DECORATION: underline
}
.bold_text a:hover { COLOR: #323244; TEXT-DECORATION: underline
}
.bold_text a:active { COLOR: #323244; TEXT-DECORATION: underline
}
.bold_text a:visited { COLOR: #323244; TEXT-DECORATION: underline
}

.inside_mission_home a:link { TEXT-DECORATION: none;
}
.inside_mission_home a:hover { TEXT-DECORATION: none;
}
.inside_mission_home a:active { TEXT-DECORATION: none;
}
.inside_mission_home a:visited { TEXT-DECORATION: none;
}

/***** image styles *****/

.no_border IMG, img.no_border { border:none;}

.thumbs IMG { border: none;
}
.twopixels IMG { border: 2px solid #e3d6d2;
}
.onepixel IMG { border: 1px solid #999999;
}


.content_lite IMG { border: 3px solid #e3d6d2;
filter:alpha(opacity=86);-moz-opacity:.86;opacity:.86;
}


/***** coloured lines & spacers *****/

.brownline2 {
BACKGROUND: #97827d; 
} 
.brownline1 {
BACKGROUND: #8b7873; 
}
.transline {
BACKGROUND: transparent;
width:180px;
float:left;
}
.whiteline { BACKGROUND: #ffffff; 
}
.line_1px{
font-size: 0px;
height: 1px; min-height: 1px; width: 920px; 
padding: 0; 
margin: 0;
}
.line_2px{
font-size: 0px;
height:2px; min-height: 2px; width: 920px;  
padding: 0; 
margin: 0;
}
.line_3px{
font-size: 0px;
height:3px; min-height: 3px; width: 920px;  
padding: 0; 
margin: 0;
}
.column_2px{
width:2px; 
padding: 0; 
margin: 0;
BACKGROUND: #f6e1b6; 

}


/***** right aligned div styles *****/

.view {
text-align:right;
}

/***** footer styles *****/
 
.mission {
BACKGROUND: #8cb5ba;
FONT: bold 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff; 
height: 20px; min-height: 20px; width:920px;
xPOSITION:relative; left:0px; top:0px; 
color:#ffffff; text-align: left;
padding: 0; margin: 0;
border: 0px none; 
}
.inside_mission {
padding: 2px 20px 0px 0px;
text-align: right; 
}
.inside_mission_home {
padding: 2px 130px 0px 130px;
text-align: left;
}

.footer { BACKGROUND: #ffffff; 
height: 40px; min-height: 40px; width:920px;
POSITION:relative; left:0px; top:0px;
FONT: bold 9px Verdana, Arial, Helvetica, sans-serif; COLOR: #4c4845; text-align: center;
padding: 0; margin: 0; 
}
.inside_footer { 
padding: 10px 15px 20px 10px; 




}
.admin_login {
  float: left;
}

.webmail_login {
color:#4c4845; 
float: right;
margin: 0;
border: 0px none; 
font: bold 9px Verdana,Arial,Helvetica,sans-serif;
}
.fineline { BACKGROUND: transparent; 
height: 60px; min-height: 60px; width:920px;
POSITION:relative; left:0px; top:24px;
padding: 0; margin: 0; 
}

/***** display or hide styles *******/
.visible
{display:block;}

.invisible
{display:none;}


/******** newsticker ********* Sue Parr - 11/18/08 ****/

.newsfont1 a {text-decoration:none;}
.newsfont1 a:link {color: #332a27;}
.newsfont1 a:visited {color: #332a27;}
.newsfont1 a:hover {color: #ffffff; background-color:#5c8c92;}
.newsfont1 {font-size:11px; color: #332a27; font-weight:bold; font-family:Verdana,Arial,Helvetica;
}