/* 
////////////////////////
GLOBAL STYLES
////////////////////////
*/

/*
dark blue: #00457c
blue: #0078ae
light blue: #4daadf
orange: #fe9c36
*/


body { background: #fcfcfc url(../img/headerGradient.jpg) 0 0 repeat-x;  }

.shell { margin:0 auto; padding:0 10px; position:relative; width:902px; }
.head, .nav, .banner, .colors, .content, .footer { min-width: 922px; position:relative; width:100%;  }
.head { margin:30px 0 0; }
.nav { clear:both; }
.banner { background:#0078ae; border-top:1px #fff solid; clear:both; line-height:0; }
#home .banner { background:#0078ae url(../img/banner_blue.jpg) top center no-repeat; min-height:150px; }
#home .banner div div  { left:0; position:absolute; top:0; z-index:2; }
/* #blue_Beacon_Portal .banner, #terms_and_Conditions .banner, #sitemap .banner { background:#0078ae url(../img/banner_blue.jpg) top center no-repeat; height:50px; } */

.content { background:#fff; clear:both; padding:10px 0; }
.main { float:left; position:relative;  width:635px; }
.sidebar { float:right; width:240px}
.footer { background: #fcfcfc url(../img/footerGradient.jpg) 0 0 repeat-x; border-top:#bbb 1px solid; clear:both; min-height:50px; padding:20px 0; }

/* SUPER NAV */
.head .logo { float:left; }
.head ul { float:right; margin:10px 0 0; }
.head ul li { text-align:right;}

/* NAVIGATION */
.nav  { border-bottom:3px solid #00457c; margin:10px 0 0;}
#the_Firm .nav { border-bottom:3px solid #4daadf;}
#team .nav { border-bottom:3px solid #fe9c36;}
#services .nav { border-bottom:3px solid #666;}
#transactions .nav { border-bottom:3px solid #0078ae;}

.nav ul { text-align:center;}
.nav ul li { float:left; margin:0 0 -3px; width:16.66%;}

/* COLOR BAR */
.colors { background:#306396; clear:both; height:4px; line-height:0; margin:1px 0; overflow:hidden; }
.dkBlue, .blue, .orange, .grey, .ltBlue { border-right:1px solid #fff; float:left; height:4px; line-height:0; width:16.66%; }
.ltBlue { background:#4daadf; }
.orange { background:#fe9c36; }
.grey  { background:#666; }
.blue { background:#0078ae; }

/* SHADOW */
.shadow { background: url(../img/shadow.png) 0 1px repeat-x; display: block; height: 30px; left: 0; min-width: 922px; position: absolute; width: 100%; z-index: 10; }


/* 
////////////////////////
PAGE STYLES 
//////////////////////// 
*/


/* HOME STYLES */
.trends, .sideBlue { background:#eef7fc url(../img/ltBlue_gradient.jpg) 0 0 repeat-x; border-top:#eef7fc 1px solid; margin:0 0 2em; padding:1.6em 1.6em .8em;  }
.testimonials, .sideTan { background:#f9f8ed url(../img/ltTan_gradient.jpg) 0 0 repeat-x; border-top:#f9f8ed 1px solid; margin:0 0 2em; padding:1.6em 1.6em .8em;  }


/* MAIN BODY STYLES */
.breadcrumb { margin:0 0 1.5em; }
.imageRight { float: right; margin:0 0 10px 10px; }
.imageLeft { float: left; margin:0 10px 10px 0; }

.inpageNav { background:#f2f8fb; margin:0 0 3em; padding:10px; }
.inpageNav dl { float:left; width:53%; }
.inpageNav dl.list2 { float:right; width:45%; }
.inpageNav dt { float:left; width:42%; }
.inpageNav dd { float:left; margin:0 0 .5em; width:53%; }

.trans { margin: 0 0 1em; }
.trans li { /*background:#f4f4f4 url(../img/ltGrey_gradient.jpg) 0 0 repeat-x;*/ border-top:#ddd 1px solid; padding: 1em 0; position:relative; }
.trans li .logo1, .trans li .logo2, .trans li .logo3, .trans li .desc{ background:#fff; /*border-top:#eee 1px solid;*/ float:left; margin:0 10px 0 0; padding:10px 0; text-align:center; width:160px; }
.trans li .logo3 { width:330px; }
.trans li div.logo1, .trans li div.logo2,  .trans li div.logo3 { height:55px; }
.trans li.category {  border-top:none; margin:0;  padding: 1em 0 0; }
.trans li .desc{ float:right; margin:0; text-align:left; width:250px; }
.trans li.allCategory { padding:1em; }

#news .main ol li { padding:0 0 1.5em 0; }


/*.sectionRow {  margin:0 0 .5em;  }
.sectionMain { float:left; margin:-1.4em 0 0; width:60%; }
.sectionSide { float:right; width:35%; }*/

/* 
////////////////////////
SIDEBAR STYLES
//////////////////////// 
*/

/* SUBNAVIGATION STYLES */
.subnav li { border-top:#ccc 1px solid; margin:0; padding: 1.25em 0; }
.subnav { margin:1.25em 0 0;  }
.subnav li ul li{ border:none; padding:.5em 0 0 15px;  }

/* SITEMAP STYLES */
.main .subnav { border-top:none; margin:0 0 2em 1em;}
.main .subnav li { border-top:none; margin:0 0 0 2em; padding: .5em 0; }
.main .subnav li ul li{ padding:.25em 0 0 0;  }


/* 
////////////////////////
FORM STYLES
//////////////////////// 
*/
label { display:block; margin:0 0 .5em; }
input {  }
fieldset { margin:0 0 15px; }
input.hidden { display:none; }
input.submit { border:0; background:#00457c; color:#fff; padding:7px; font-size:1.3em; font-weight:bold; }
input.submit:hover { background:#fe9c36; cursor:pointer; }


/* 
////////////////////////
FOOTER STYLES
//////////////////////// 
*/
.footer .shell { position:relative;}
.footer span { position:absolute; right:0; top:0; }


/* 
////////////////////////
CLEARS
//////////////////////// 
*/
.head:after,
.nav ul:after,
.banner:after,
.content:after,
.sectionRow:after,
.inpageNav:after,
.trans li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; width: 100%; }