/*
Theme Name: Broadlex
Theme URI:  
Description: 
Author: fidiz
Author URI: fidiz.com 
version: 1.0
Tags: two-column, widget-ready , video-thumbnail-support
*/



/*-------------------------------------------------------------------------------------------*/
/* basics */
/*-------------------------------------------------------------------------------------------*/

* { margin:0; padding:0; }
html, body { height: 100%; }
body { background:#fff; font-family: 'Helvetica Neue',Helvetica, Arial, sans-serif; font-size: 14px; margin:0px;color:#666;  }
h1, h2, h3, h4,h5{ font-family: 'Helvetica Neue',Helvetica, Arial, sans-serif;}
h1 { font-size: 24px; }
h2 { font-size: 19px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5{ font-size:12px;}
h1, h2, h3{ margin-bottom:10px;}
img { border: none; padding:0; }
img a { border:none; }
img.left { float: left; border: none; padding: 6px 0 0 0; }
img.right { float: right; border: none; padding: 0 0 0 6px; }
code { font-family:"Courier New", Courier, monospace; }
.clear { clear:both }
.fl-left { float:left; }
.fl-right { float:right; }

/*-------------------------------------------------------------------------------------------*/
/* links s */
/*-------------------------------------------------------------------------------------------*/


a { color:#000; text-decoration:none; outline:none; }
a:hover { text-decoration: underline; }


/*-------------------------------------------------------------------------------------------*/
/* container */
/*-------------------------------------------------------------------------------------------*/


@font-face {
 font-family: 'Helvetica Neue';
 src: url('fonts/HelveticaNeueLTStd-Lt.otf');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Helvetica Neue';
 src: url('fonts/HelveticaNeueLTStd-Bd.otf');
 font-weight: bold;
 font-style: normal;
}


/*-------------------------------------------------------------------------------------------*/
/* container */
/*-------------------------------------------------------------------------------------------*/


.container { width: 940px; margin: 0 auto; position:relative; }

/*-------------------------------------------------------------------------------------------*/
/*  header */
/*-------------------------------------------------------------------------------------------*/

#header { padding:49px 0 41px; }
#header h1{ margin:0; float:left;}
#header h1 a { text-decoration: none; background:url(images/logo.png) no-repeat; display:block; text-indent:-9999999px; width:272px; height:61px; }
#header h1.logo a{ background:url(images/logo_alt.png) no-repeat;}
#header h1 a:hover { text-decoration: none; }
#header .fl-right{ font-size:14px; font-weight:bold; color:#c52e67; padding:10px 0; line-height:18px;}
#header .fl-right span{ color:#022761; margin-right:5px; float:left;}
#header .fl-right a{ color:#c52e67; margin:0; float:left;}
#header .fl-right strong{ background:url(images/slash.gif) no-repeat right 1px; padding-right:22px; font-weight:bold; float:left;}

/*-------------------------------------------------------------------------------------------*/
/* menu *.
/*-------------------------------------------------------------------------------------------*/
/*============ ESSENTIAL STYLES ===============*/


.menu-sub, .menu-sub * { margin:0; padding:0; list-style:none; }
.menu-sub { line-height:1.0; }
.menu-sub ul { position:absolute; top:-999em; width:160px; }
.menu-sub ul li { width:100%; }
.menu-sub li:hover { visibility:inherit; }
.menu-sub li { float:left; position:relative; }
.menu-sub a { display:block; position:relative; }
.menu-sub li:hover ul, .menu-sub li.sfHover ul { left:0; top:40px; z-index:99; }
ul.menu-sub li:hover li ul, ul.menu-sub li.sfHover li ul { top:-999em; }
ul.menu-sub li li:hover ul, ul.menu-sub li li.sfHover ul { left:160px; top:0; }
ul.menu-sub li li:hover li ul, ul.menu-sub li li.sfHover li ul { top:-999em; }
ul.menu-sub li li li:hover ul, ul.menu-sub li li li.sfHover ul { left:160px; top:0; }

/*============ MAIN ===============*/

#menu { float:right; width:590px}
#menu .menu-sub { float: right; clear:right; }
#menu .menu-sub li { background:url(images/menu_bg_left.gif) no-repeat left 0; padding-left:10px;}
#menu .menu-sub li:hover, #menu .menu-sub li.current-menu-item, #menu .menu-sub li.current-page-ancestor { background: url(images/menu_bg_left_over.gif) no-repeat left 0;}
#menu .menu-sub li.first_item{ background:#0f99ee;}
#menu .menu-sub li.first_item:hover, #menu .menu-sub li.current-menu-item.first_item , #menu .menu-sub li.current-page-ancestor.first_item { background:#c42e67;}
#menu .menu-sub li.first_item:hover a, #menu .menu-sub li.first_item.current-menu-item a, #menu .menu-sub li.first_item.current-page-ancestor a{ background-color:#c42e67;}
#menu .menu-sub li a { padding:7px 14px 0 4px; text-decoration:none; background:url(images/menu_bg_right.gif) no-repeat right 0 #0f99ee; color:#fff; font-size:13px; height:18px;font-family: 'Helvetica Neue',Helvetica, Arial, sans-serif; line-height:10px;}
#menu .menu-sub li a:hover,#menu .menu-sub li:hover a, #menu .menu-sub li.current-menu-item a, #menu .menu-sub li.current-page-ancestor a{ background:url(images/menu_bg_right_over.gif) no-repeat right 0 #c42e67;}
#menu .menu-sub li.last_item a{ background:#0f99ee;}
#menu .menu-sub li.last_item a:hover, #menu .menu-sub li.last_item:hover a, #menu .menu-sub li.last_item.current-menu-item a , #menu .menu-sub li.last_item.current-page-ancestor a{ background:#c42e67;}

/*============ SUB ===============*/

#sub-nav .menu-sub { float:	left; clear:left; }
#sub-nav .menu-sub li { background:#ccc; }
#sub-nav .menu-sub li a { padding:5px; text-decoration:none; }


/*============ arrows ===============*/

.menu-sub a.sf-with-ul { padding-right:36px; min-width:1px; }
.sf-sub-indicator { position:absolute; display:block; right:12px; top:17px; width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url(images/arrows-ffffff.png) no-repeat -10px -100px; }
a > .sf-sub-indicator { top:13px; background-position: 0 -100px; }
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; }
.menu-sub ul .sf-sub-indicator { background-position:  -10px 0; }
.menu-sub ul a > .sf-sub-indicator { background-position:  0 0; }
.menu-sub ul a:focus > .sf-sub-indicator, .menu-sub ul a:hover > .sf-sub-indicator, .menu-sub ul a:active > .sf-sub-indicator, .menu-sub ul li:hover > a > .sf-sub-indicator, .menu-sub ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }
.sf-shadow ul { padding: 0 8px 9px 0; }
.sf-shadow ul.sf-shadow-off { background: transparent; }

/*-------------------------------------------------------------------------------------------*/
/* content */
/*-------------------------------------------------------------------------------------------*/


#banner{ min-height:205px;}
#content { float:right; width:557px; padding:55px 0 30px;}
.post { margin:0; padding:0; line-height: 18px; }
.post h2 a { text-decoration: none; }
.post h2 a:hover { color: #777; text-decoration: none; }
.post ul { }
.post li { }
.postmetadata { clear: both; background:#F7F7F7; padding:6px; margin: 20px 0; }
.navigation { width:100%; float:left; margin:0; padding:0; overflow:hidden; }
.pagetitle{ font-size:24px; line-height:28px; margin-bottom:15px;}

#main_banner{ background:url(images/home_page_banner.jpg) no-repeat; height:379px; position:relative; margin-bottom:25px;}
#main_banner h2{ font-size:26px; color:#fff; float:left; width:335px; padding:14px 22px 0; height:74px; line-height:31px; }
#main_banner p{ font-size:14px; color:#fff; float:right; width:565px; padding:20px 8px 0;font-family: 'Helvetica Neue',Helvetica, Arial, sans-serif;}

#middle_wrap .middle_list{ float:left; width:312px; margin-right:2px;}
#middle_wrap .middle_list.systems{ width:309px; margin:0;}
#middle_wrap .middle_list.expertise{ width:314px;}
#middle_wrap .middle_list h2{ background:url(images/home_title_bg.png) no-repeat; padding:8px 0 0 5px; height:22px; font-size:18px; color:#fff; line-height:13px;}

#middle_wrap .middle_list.expertise h2{ background-position:0 -39px; padding-left:13px;}
#middle_wrap .middle_list.systems h2{ background-position:0 -77px; padding-left:13px;}
#middle_wrap .middle_list .middle_list_inner{ width:274px; padding-left:11px; font-size:14px; position:relative; min-height:140px;}
#middle_wrap .middle_list.relationships .middle_list_inner{ padding-left:5px;}
#middle_wrap .middle_list .middle_list_inner a{ font-size:12px; color:#c42e67; position:absolute; bottom:8px;font-family: 'Helvetica Neue',Helvetica, Arial, sans-serif; font-weight:bold;}
#middle_wrap .middle_list.expertise .middle_list_inner a{ color:#d54c83;}
#middle_wrap .middle_list.systems .middle_list_inner a{ color:#f373ac;}

#content.full{ width:800px;}
.executive{ height:167px; overflow:hidden; width:176px; float:left; border:1px solid #022a60; margin:0 29px 29px 0; position:relative;}
.executive.last{ margin-right:0;}
.executive a{ text-decoration:none;}
.executive.executive_alt{ margin-left:414px;}
.executive.executive_alt2{ margin-left:208px;}
.executive .roll_over{ position:absolute; bottom:0; background: url(images/roll_over_bg.png); opacity:0; color:#022a60; padding:10px 9px; width:158px;font-size:11px; }
.executive .roll_over strong{ font-size:14px;}
.executive_single h3{ color:#c62e67; font-size:16px; margin-bottom:5px;}
.executive_single img{ display:block; border:1px solid #022a60; margin-bottom:15px;}


/*-------------------------------------------------------------------------------------------*/
/* sidebar */
/*-------------------------------------------------------------------------------------------*/


#left_wraper{ position:relative; margin-bottom:30px; min-height:165px; width:380px; float:left;}
#left_wraper.left_wraper{ min-height:inherit; margin:0;}
#left_wrap{ width:396px; position:absolute; left:0; top:-138px; background:url(images/sidebar_bg.png) no-repeat;}
#left_wrap h2{ font-size:26px; color:#fff; padding:25px 0 0 25px; height:62px; margin:0;}
#left_wrap li{ list-style:none; height:36px; width:264px;}
#left_wrap li.page_item_1{ width:357px;}
#left_wrap li.page_item_2{ width:345px;}
#left_wrap li.page_item_3{ width:333px;}
#left_wrap li.page_item_4{ width:321px;}
#left_wrap li.page_item_5{ width:309px;}
#left_wrap li.page_item_6{ width:297px;}
#left_wrap li.page_item_7{ width:284px;}
#left_wrap li.page_item_8{ width:272px;}
#left_wrap li.current.page_item_1, #left_wrap li.page_item_1:hover{ background:url(images/sidebar_over_bg.png) no-repeat;}
#left_wrap li.current.page_item_2, #left_wrap li.page_item_2:hover{ background:url(images/sidebar_over_bg.png) 0 -36px no-repeat;}
#left_wrap li.current.page_item_3, #left_wrap li.page_item_3:hover{ background:url(images/sidebar_over_bg.png) 0 -72px no-repeat;}
#left_wrap li.current.page_item_4, #left_wrap li.page_item_4:hover{ background:url(images/sidebar_over_bg.png) 0 -108px no-repeat;}
#left_wrap li.current.page_item_5, #left_wrap li.page_item_5:hover{ background:url(images/sidebar_over_bg.png) 0 -144px no-repeat;}
#left_wrap li.current.page_item_6, #left_wrap li.page_item_6:hover{ background:url(images/sidebar_over_bg.png) 0 -180px no-repeat;}
#left_wrap li.current.page_item_7, #left_wrap li.page_item_7:hover{ background:url(images/sidebar_over_bg.png) 0 -216px no-repeat;}
#left_wrap li.current.page_item_8, #left_wrap li.page_item_8:hover{ background:url(images/sidebar_over_bg.png) 0 -252px no-repeat;}
#left_wrap li.current.page_item_9, #left_wrap li.page_item_9:hover{ background:url(images/sidebar_over_bg.png) 0 -288px no-repeat;}
#left_wrap li.current.page_item_10, #left_wrap li.page_item_10:hover{ background:url(images/sidebar_over_bg.png) 0 -324px no-repeat;}
#left_wrap li.current.page_item_11, #left_wrap li.page_item_11:hover{ background:url(images/sidebar_over_bg.png) 0 -360px no-repeat;}
#left_wrap li.current.page_item_12, #left_wrap li.page_item_12:hover{ background:url(images/sidebar_over_bg.png) 0 -396px no-repeat;}
#left_wrap li.current.page_item_13, #left_wrap li.page_item_13:hover{ background:url(images/sidebar_over_bg.png) 0 -432px no-repeat;}
#left_wrap li a{ color:rgba(255,255,255,0.3); padding:8px 10px 11px 57px; display: block; font-size:14px; text-decoration:none;}
#left_wrap li.current a,#left_wrap li a:hover, #left_wrap li:hover a{ color:#fff;}


.left_wrap{ float:left; width:297px; padding-top:210px;}
.left_wrap .executive{ height:84px; overflow:hidden; width:89px; float:left; border:1px solid #022a60; margin:0 10px 10px 0; position:relative; opacity:0.5;}
.left_wrap .executive:hover{ opacity:1;}
.left_wrap .executive.last{ margin-right:0;}
.left_wrap .executive .roll_over{ padding:2px; width:85px; font-size:9px;}
.left_wrap .executive .roll_over strong{font-size:10px;}


/*-------------------------------------------------------------------------------------------*/
/* comments */
/*-------------------------------------------------------------------------------------------*/


#respond { clear:both; }
#commentform { margin:0; padding:0; }
#comments a { margin:16px 0 0; float:none; position:absolute; right:0; top:0; }
#commentform label{ width:75px; display:inline-block;}
#commentform p #submit { margin:36px 0 0; cursor:pointer; float:right; }
#comment { width:98%; min-height:255px; padding:3px; }
#commentform a { text-decoration: none; }
#commentform p { position:relative; margin-bottom:18px; }
#commentform p .error { border:1px solid #ff4343; }
#commentform p label.error { color:#ff0000; margin-left:15px; border-color:#ff4343; padding:2px 5px; position:absolute; width:125px; }
#commentform h3 { margin:0; padding:0; }
h3.add-comment { font-size:30px; margin:35px 0 31px; }
.postbyauthor { color:#ddd; }
#submit { margin:5px 5px 0 0; }
ol.commentlist { list-style-type: none; margin:0; padding:0; }
ol.commentlist ul, .comment-content { overflow:hidden; }
ol.commentlist .avatar { float:right; margin:0 12px 0 0; }
ol.commentlist li { margin:10px 0; padding:30px; list-style-type:none; border:1px solid #dfdfdf; position:relative; }
ol.commentlist li p { margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 19px; line-height:22px; }
ol.commentlist .reply a { position:absolute; left:0; bottom:0; background:#f9f9f9; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-top:1px solid #e8e8e8; font-size:10px; text-transform:uppercase; padding:4px 5px; }
ol.commentlist .reply { margin-top:25px; }
#content.single-post .commentmetadata a { text-decoration:underline; font-style:italic; font-size:14px; }
cite { font-weight: bold; font-style: normal; font-size:20px; }
cite a { text-decoration: none; }
cite a:hover { text-decoration: none; }

/*-------------------------------------------------------------------------------------------*/
/* search */
/*-------------------------------------------------------------------------------------------*/

#searchform { padding:0; margin:14px 0; }
#searchform input#s { }

/*-------------------------------------------------------------------------------------------*/
/* misc */
/*-------------------------------------------------------------------------------------------*/

.entry p { padding:0 0 12px; }
.entry a{ font-weight:bold; color:#022a60;}
.entry ul, .entry ol{ margin:0 0 12px 40px;}
.entry ul li,.entry ol li{ margin-bottom:8px;}
.entry dl{ margin-bottom:18px;}
.entry dd{ margin-left:40px;}
.entry table{ margin-bottom:18px;}
.entry table th{ background:#ddd; padding:5px;}
.entry table td{ border:1px solid #ddd; padding:5px;}
.red{ color:#f00;}
blockquote { border-left:1px solid #A5ABAB; margin:15px; padding:0 12px 0 12px; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto;border:1px solid #ddd;padding: 4px;  }
img.alignright { padding: 4px; margin: 0 0 2px 8px; display: inline;border:1px solid #ddd;  }
img.alignleft { padding: 4px; margin: 0 8px 2px 0; display: inline; border:1px solid #ddd; }
.alignright { float: right; }
.alignleft { float: left }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
input[type='text'],input[type='email'], input[type='password'], textarea{ border:1px solid #ddd; padding:3px;}
input[type='submit']{ padding:5px;}
.wpcf7-form p{ padding-bottom:10px;}
.wpcf7-form p label{ display:block; margin-bottom:3px; font-weight:bold;}
.wpcf7-form div.wpcf7-response-output{ margin-left:0; margin-right:0; border:none;}
.wpcf7-form span.wpcf7-not-valid-tip{ border:none; display:none;}
.wpcf7-form div.wpcf7-response-output.wpcf7-mail-sent-ok{ position:absolute; top:0; margin:0; padding:0; font-size:18px;}
#contact .wpcf7{ padding-top:50px;}
/*-------------------------------------------------------------------------------------------*/
/* footer */
/*-------------------------------------------------------------------------------------------*/

#footer { width: 100%; clear:both; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.footer_sidebar{ padding:30px 0 15px; border-width:1px 0; border-style:solid; border-color:#666; margin-bottom:22px; overflow:hidden; clear:both;}
.content .footer_sidebar{ border-width:0;}
.footer_sidebar .foot_title{ font-size:16px; color:#fff; background:#0f99ee; padding:5px 4px; margin-bottom:20px; line-height:22px;}
.footer_sidebar .widget-container{ float:left; width:155px; margin-right:41px; margin-left:4px;}
.footer_sidebar .widget-container.last{ margin:0; width:139px; float:right;}
.footer_sidebar .widget-container p{ font-size:11px; color:#666; padding-bottom:13px;}
.footer_sidebar .widget-container p a{color:#666; font-weight:normal;}
.footer_sidebar .widget-container h2{ color:#c42e67; font-size:13px; margin-bottom:20px; font-weight:normal;}
.footer_links{ color:#0f99ee;}
.footer_links a{ color:#666; font-size:10px; padding-bottom:30px;}
.footer_links span{ color:#666;font-size:10px;}
/*-------------------------------------------------------------------------------------------*/
/* SLIDE SHOW */
/*-------------------------------------------------------------------------------------------*/

#footer_scroller{ height:239px; padding-top:30px; border-top:1px solid #666;}
#footer_scroller .scroll_title{ background:#022a60; color:#fff; margin-bottom:15px; overflow:hidden; height:30px; }
#footer_scroller .scroll_title h2{font-size:16px; float:left; width:858px; background:url(images/scroll_title_bg.gif) no-repeat right 0; padding:5px 18px 0 4px; margin:0; height:26px; line-height:22px;}
#footer_scroller .scroll_title a{ display:block; float:right; width:53px; color:#fff; font-weight:bold; padding:8px 0;font-family: 'Helvetica Neue',Helvetica, Arial, sans-serif;}
#footer_scroller li{ list-style:none; float:left; margin-right:18px;width: 221px; height: 185px;}
.jcarousel-direction-rtl { direction: rtl; }
.jcarousel-container-horizontal { width: 940px; padding:; }
.jcarousel-container-vertical { width: 221px; height: 185px; }
.jcarousel-clip { overflow: hidden; width:  940px; height: 185px;  }
.jcarousel-clip h3{ font-size:14px; color:#022a60; margin-top:12px;}
.jcarousel-clip h3 a{ color:#022a60;}
/**
 *  Horizontal Buttons
 */
.jcarousel-prev,.jcarousel-next{ background:url(images/scroll_nav.png) no-repeat; width:35px; height:36px; display:block; text-indent:-999999px; position:absolute; left:-20px; top:48px; z-index:100; cursor:pointer;}
.jcarousel-next{ left:auto; right:-20px; background-position:0 bottom;}