body { font-size:1em; color:#38678e;; }
h1,h2,h3,h4 { font-family:"DIN", Arial; color:#4d8fc5; }
h2 { font-weight:600; margin-bottom:.5em; }
h3 { line-height:1.2em; }
p { color:#38678e; font-weight:300; }
p, .quote { font-family:"Helvetica-Neue", Helvetica, Arial, sans-serif; }
li { list-style:none; color:#38678e; margin-bottom: 1em; }
#body { width:980px; margin:0 auto; }
#content { width:920px; margin:0 auto; padding-bottom:20px; border-bottom:1px solid #d6d8da; }
#content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#header { width:100%; height:200px; background:url("../images/headerbg.jpg") no-repeat top; }
#header .logo { float:left; margin:29px 0 0 41px; width:200px; height:140px; background:url("../images/bea-logo.gif") no-repeat top; }

/* NAVIGATION */
#navigation { float:right; margin-top:123px; padding-right:33px; }
#navigation li { float:left; }
#navigation li a { display:block; padding:1em 1em; margin:0 .2em; background:url("../images/corner.gif") no-repeat top right #dcdcdc; }
#navigation a { text-decoration:none; text-transform:uppercase; letter-spacing:.07em; color:#707070; background-color:#dcdcdc; }
#navigation a.selected, #navigation a.selected:hover { color:#fff; background-color:#a0a0a0; }
#navigation a:hover { color:#fff; background-color:#bebebe; cursor:pointer; }

#main_content { clear:left; float:left; width:595px; margin-bottom:150px; }
#main_content ul li { list-style-type:disc; }

#secondary_content { float:right; width:300px; }

/* HOME PAGE CATEGORIES */
#categories:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#categories { background:#f4f4f4; padding:12px; }
a.category { width:278px; height:250px; display:block; background:#e3e6e8; border:1px solid #d6d8da; text-decoration:none; }
.category h4 { text-transform:capitalize; font-weight:600; padding:15px 15px 0 15px; margin-bottom:.7em; }
#categories .name { font-family:"DIN", Arial, sans-serif; font-size:1.3em; text-transform:capitalize; font-weight:600; padding:15px 15px 0 15px; margin-bottom:.7em; }
.category span { color:#4d8fc5; line-height:1.8em; display:block; padding:0 15px; }
a.category:hover { background:#5693c5; border:1px solid #407097; }
a.category:hover h4, a.category:hover span { color:#e4ecf3; }
#attract, #engage { float:left; }
#convert, #sustain { float:right; }
#engage , #sustain { margin:10px 0 0; }

/* HOME PAGE QUOTE */
.quote { background:#d9e3ec none repeat scroll 0 0; border:1px solid #bdccd9; padding:15px;}
.quote h5 { color:#0C497F; font-size:1.2em; line-height:1.8em; margin-bottom:0em; }
a { color:#38678e; }
a:hover { color:#4d8fc5; text-decoration:none; }

.quote, .learn, #case_study, #articles, #news { margin-bottom:20px; }

/* LEARN MORE */
.learn { background:#fbfbfb; border:1px solid #f1f1f1; padding:15px; }
.learn a { background:url('../images/info.png') no-repeat top left; padding:7px 42px; }

/* CASE STUDY side column */
#case_study { border:1px solid #f1f1f1; padding:15px; }
#case_study img { float:right; }
#case_study .details { float:left; }
#case_study .details span { display:block; margin:0 auto; text-transform:uppercase; color:#203b51; font-size:.9em; margin-bottom:.5em; width:199px; }
#case_study .details p { width:199px; display:block; margin:0 auto; font-size:.9em; margin-bottom:.8em; }
#case_study:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#main_content .case_study p { width:180px; }

/* ARTICLES side column */
#articles { border:1px solid #f1f1f1; padding:15px; }
#articles a { display:block; margin-bottom:8px; }

/* NEWS side column */
#news { border:1px solid #f1f1f1; padding:15px; }
#news a { display:block; margin-bottom:8px; }

#articles h3, #news h3 { margin-bottom:.5em; }

/* CASE STUDY PAGE */
.case_study { float:left; width:275px; height:250px; margin-right:20px; }
.case_study h4 { margin-bottom:.5em; }
.case_study img { float:right; padding-right:25px; }

/* HOME PAGE CONTACT FORM */
.contact { background:#fbfbfb; border:1px solid #f1f1f1; padding:15px; }
.contact span { display:block; margin:10px 0 5px; color:#4787ba; }
.contact input { width:260px; height:25px; font-size:.9em; color:#38678e; padding-left:5px; background:#fff; border:1px solid #dcdcdc; }
.contact textarea { width:255px; height:160px; font-size:.9em; color:#38678e; background:#fff; border:1px solid #dcdcdc; }
.contact #submit { width:100px; height:30px; font-size:1.1em; color:#fbfbfb; background:#4d8fc5 none repeat scroll 0 0; border:none; -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; }
.contact #submit:hover { cursor:pointer; }

.contact a { background:url('../images/mail.png') no-repeat top left; padding:5px 0 2px 42px; }

/* EXPERIENCE PAGE */
.biographies { margin-bottom:0; padding-top:30px; border-top:1px solid #d6d8da; }
.biographies .details { float:right; width:471px; margin:.3em 0 .2em 0; }
.biographies .details h3 { margin:0; }
.biographies img { float:left; border:1px solid #f1f1f1; padding:5px; margin-bottom:10px; }
.biographies ul { clear:both; margin-top:15px; }
.biographies ul li { list-style-type:disc; }
.biographies .article_list { clear:both; padding:10px; background:#fbfbfb; }
.biographies .article_list .article { padding-bottom:10px; }

/* ARTICLES PAGE */
#articles_page .article { margin-bottom:20px; }
#articles_page h3 { font-size:1.2em; margin:.3em 0 0 0; }
#articles_page h4 { display:inline; font-size:1em; }
#articles_page span { color:#666; }

/* ARTICLES SPECIFIC */
.article_full h3 { margin-bottom:.6em; }
.article_full h4 { margin-bottom:.4em; }
.article_full .details { margin-bottom:25px; }

/* NEWS PAGE */
#news_page .news { margin-bottom:20px; }
#news_page h3 { font-size:1.2em; margin:.3em 0 0 0; }
#news_page h4 { display:inline; font-size:1em; }
#news_page span { color:#666; }

/* NEWS SPECIFIC */
.news_full h3 { margin-bottom:.6em; }
.news_full h4 { margin-bottom:.4em; }
.news_full .details { margin-bottom:25px; }

/* FOOTER */
#footer { clear:both; width:100%; margin:20px 35px; font-size:.9em; }
#footer a { padding:0px 1.5px 0px 15px; }
#footer span { padding:5px; }

/* STYLE SWITCH */

#styles { border:1px solid #ccc; width:120px; padding:10px; }

/* CONTACT FORMS */
label { float:left; text-align:right; background:#fff; }
input { border:1px solid #dcdcdc; }

    
#videos{height: 193px;padding-left: 6px;}
#videos .video{float:left;width:290px; margin-top: -19px;}
#videos .video.middle{margin:-19px 20px 0 20px;}
#videos .video.last{margin-top:-19px;}