@charset "utf-8"; 
/* CSS Document */
html, body#Body{background:#fff url(images/main_bg.jpg) top center repeat-x !important;  font-family:'arial' sans-serif !important}
#brighton_body{elemet:style}
#brighton_header{height:100px !important; background:transparent !important; padding:20px 0 0 0 !important}
#brighton_header #logo a {
    background: url(/Portals/57042/images/bluleadz-logo-small.png ) no-repeat top left;
    display:block;
    height:99px;
    width:315px;
}
#brighton_header #info h2 {
    margin-top:0 !important;
    text-align:right !important;
    color: #205DA4 !important;
    font-family: sans-serif !important;
}

h1, h2, h3{ font-weight:bold !important;  letter-spacing:-1px}

h1{ line-height:35px !important;  font-size:35px !important;  color:#f60 !important;  margin-bottom:10px !important;  text-shadow:1px 1px 1px #FFF,2px 2px 1px #fc6}

h2, #bb-container div.post h3.title a{ font-size:25px !important;  color:#000!important;  margin-bottom:5px !important;  text-shadow:1px 1px 1px #FFF,2px 2px 1px #aaa}

h3{ font-weight:bold !important;  font-size:20px !important;  margin-bottom:0px !important;  color:#000!important;  text-shadow:1px 1px 1px #FFF,2px 2px 1px #aaa}
p{ margin:0px 0px 15px 0px !important;  font-size:.9em;  line-height:1.6em !important;  color:#000}

.cta img{ margin-top:30px;  width:306px;  height:455px}

#brighton_menu div.NavHidden{ border:none !important}

/**** Main Menu ****/
#brighton_menu{background:transparent url('images/menu_bg.png') no-repeat bottom left !important; height:45px !important; padding:0px 10px 16px 10px !important}
#brighton_menu li{margin:0 !important}
#brighton_menu li a{    background:transparent !important;     height:45px !important;     padding:0 0 0 20px !important;     color:#000 !important;     font-size:14px !important}
#brighton_menu li a span{    background:transparent !important;     padding:10px 20px 12px 0 !important}

#brighton_menu li a:hover{background:url('images/left_menu.jpg') no-repeat bottom left !important}

#brighton_menu li a:hover span{background:url('images/right_menu.jpg') no-repeat bottom right!important}

#brighton_menu li a.selectedtab{    background:#fff url('images/left_menu.jpg') no-repeat bottom left !important;     font-weight:bolder !important;     padding:0 0 0 30px !important}

#brighton_menu li a.selectedtab span{    background:#fff url('images/right_menu.jpg') no-repeat bottom right!important;  padding:10px 30px 12px 0 !important}

/**** Sub Menu ****/
#brighton_sub-menu .haschildren{background:url(images/has_child.png) no-repeat center right !important}

/**** Content Block ****/
#brighton_container{    width:1000px !important}

#brighton_content{    width:950px !important;     padding:0 25px 25px;     background:transparent url('images/content_bg.png') repeat-y left !important}

/**** Top Area ****/
/**** Columns ****/
#brighton_content #brighton_col1 div.block div.pad, #brighton_content #brighton_col3 div.block div.pad, #brighton_three-column #brighton_col2 .pad{    padding:0 !important;       margin:0 !important;     background:transparent !important}

#brighton_content #brighton_col1 div.block div.pad h3, #centerColumn div.block div.pad h3, #brighton_content #brighton_col3 div.block div.pad h3{    border-bottom:10px solid #eee;     margin-bottom:10px !important}

.ContactFormWrapper{    background:#fc6 url('images/form_bg.jpg') repeat-x bottom;  padding:10px !important;  -moz-box-shadow:0 7px 10px -5px #000;  -webkit-box-shadow:0 7px 10px -5px #000;  box-shadow:0 7px 10px -5px #000}

/**** Two Column Area ****/
#brighton_two-column{ element:style}

/**** Three Column Area ****/
#brighton_three-column #brighton_col1, #brighton_three-column #brighton_col2, #brighton_three-column #brighton_col3{ width:306px !important;  margin-right:8px;  margin-left:8px}

#brighton_three-column #brighton_col1{ margin-left:0px !important}

#brighton_three-column #brighton_col2{ }

#brighton_three-column #brighton_col3{ margin-right:0px !important}

/**** mods ****/
.feedreader_box .ItemLink a{    font-size:1.1em;     font-weight:bold;     text-decoration:none}
.feedreader_box .ItemInfo span{    color:#888!important}

.feedreader_box .Item:hover, .feedreader_box .AltItem:hover{    background:#f4f4f4}

.FormSubmitButton {
  margin-top: 20px !important;
  padding: 13px 20px !important;
  background: #114582 url('images/button_bg.png') repeat-x top;
  color: #fff !important;
  text-shadow: 2px 2px 3px #000;
  width: auto !important;
  border: none;
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
  border-radius: 3px;

  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.28), inset 0 22px 0px 0px rgba(255,255,255,.2);
  box-shadow: 0 2px 10px rgba(0,0,0,.28), inset 0 22px 0px 0px rgba(255,255,255,.2);
}


.ContactFormWrapper .FormSubmitButton {
  width: 100% !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}


.FormSubmitButton:hover{ text-shadow:none;  text-decoration:none}

/**** Social Icons ****/
.icons42 a, .icons56 a{text-indent:-13000px; display:block; text-transform:capitalize; float:left}
.icons42 a:hover,
.icons56 a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: .7;
}
.icons42 .icon{height:42px; width:42px; margin-right:5px}
.icons56 .icon{height:56px; width:56px; margin-top:25px; margin-right:5px}
.icons42 .twitter{background:url('images/twitter42.png') no-repeat top left}
.icons42 .facebook{background:url('images/facebook42.png') no-repeat top left}
.icons42 .youtube{background:url('images/youtube42.png') no-repeat top left}
.icons42 .linkedin{background:url('images/linkedin42.png') no-repeat top left}
.icons42 .rss{background:url('images/rss42.png') no-repeat top left}
.icons42 .google{background:url('images/google42.png') no-repeat top left}
.icons56 {margin-bottom:20px;}
.icons56 .twitter{background:url('images/twitter.png') no-repeat top left}
.icons56 .facebook{background:url('images/facebook.png') no-repeat top left}
.icons56 .youtube{background:url('images/youtube.png') no-repeat top left}
.icons56 .linkedin{background:url('images/linkedin.png') no-repeat top left}
.icons56 .rss{background:url('images/rss.png') no-repeat top left}

.testimonial{    background:#f4f4f4 url('images/testimonial.png') no-repeat -10px -15px;  padding:20px}

/**** Featured Image ****/
.slideshow{    overflow:hidden;     z-index:0;     position:relative}
.slideshow img{    overflow:hidden;     position:relative;     z-index:0}

.slideshow .overlay{    padding:10px 10px;     background:url('images/overlay_bg.png') repeat;  display:block;  color:#fff;  position:absolute;  top:0px;  left:0px;  z-index:3;  width:286px;  /*height:349px; */ -webkit-transition:background 1s ease;  -moz-transition:background 4s ease;  -o-transition:background 4s ease;  transition:background 4s ease}

.slideshow .overlay p{ font-weight:bold}

.slideshow:hover .overlay{ display:none}

 /**** Main Slider ****/
#slider{background:transparent url('images/slider/slider_bg.jpg') no-repeat 730px 70px; width:946px; height:249px; overflow:hidden; position:relative; margin:0; border:2px solid #03034f}
#slider .slider_banner{background:url('images/slider/banner.png') no-repeat top left; display:block; width:140px; height:140px; position:absolute; top:-6px; left:-4px; z-index:500; text-indent:-13000px}
 
 
/* DEFAULT is for three panels in width, adjust as needed This only matters if JS is OFF, otherwise JS sets this. */ 
#mover{width:2880px; position:relative}

.slide{padding:25px 0px 40px 130px; width:815px; float:left; position:relative}

.slide h1{margin-top:0px; width:380px; position:relative; z-index:56}
.slide p{width:380px; margin-bottom:10px; position:relative; z-index:56}
.slide a.FormSubmitButton{margin:0px !important}
.slide img{position:absolute; top:0px; right:230px; z-index:0}
#slider-stopper{display:none}

/**** Blog ****/
#bb-container div.post div.submissions{ margin:0 0 10px 0 !important}

/**** Footer ****/
#brighton_footer{height:235px !important; padding:10px 20px 0 !important; background:transparent url(images/footer_bg.png) no-repeat top left !important; border-top:none !important}
#brighton_footer ul li .selectedtab{font-weight:bold}

.col-1{ width:306px !important;  margin-right:8px;  margin-left:8px; margin-top:25px;}
.col-2{ width:628px !important;  margin-right:8px;  margin-left:8px}
.col-3{ width:950px !important}

.left{float:left !important}
.first{margin-left:0px !important}
.last{margin-right:0px !important}
.NoContainerContentPane{min-height:44px}

/* works tabs */
#tabsWrapper ul.tabs{margin:0; padding:0; float:left; list-style:none; height:32px; /*--Set height of tabs--*/border-bottom:1px solid #999; border-left:1px solid #999; width:100% -webkit-border-radius:10px 10px 0 0; -khtml-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;}
#tabsWrapper ul.tabs li{float:left; margin:0; padding:0; height:31px; /*--Subtract 1px from the height of the unordered list--*/line-height:31px; /*--Vertically aligns the text within the tab--*/border:1px solid #999; border-left:none; margin-bottom:-1px; /*--Pull the list item down 1px--*/overflow:hidden; position:relative; background:#e0e0e0; -webkit-border-radius:10px 10px 0 0; -khtml-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;}
#tabsWrapper ul.tabs li a{text-decoration:none; color:#000; display:block; font-size:1.2em; padding:0 20px; border:1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/outline:none; text-shadow:1px 1px 1px #fff;}
#tabsWrapper ul.tabs li a:hover{background:#ccc}
html #tabsWrapper ul.tabs li.active{background:#fff; border-bottom:1px solid #fff;}
#tabsWrapper ul.tabs li.active a:hover {background:#fff; }

#tabsWrapper .tab_container{border-top:none; overflow:hidden; clear:both; float:left; width:100%; background:#fff}
#tabsWrapper .tab_content{padding:20px 0 0}

/* Nivo Slider Theme Ormin */
.nivoSlider{position:relative}
.nivoSlider img{position:absolute; top:0px; left:0px}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink{position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none}
/* The slices and boxes in the Slider */
.nivo-slice{display:block; position:absolute; z-index:5; height:100%}
.nivo-box{display:block; position:absolute; z-index:5}
/* Caption styles */
.nivo-caption{position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */width:100%; z-index:8}
.nivo-caption p{padding:5px; margin:0;  color:#fff}
.nivo-caption a{display:inline !important}
.nivo-html-caption{ display:none}
/* Direction nav styles (e.g. Next &Prev) */
.nivo-directionNav a{position:absolute; top:45%; z-index:9; cursor:pointer;         display:block; width:25px; height:42px; text-indent:-9999px}
.nivo-prevNav{left:0px;         background:url(images/works/arrows.png) no-repeat left top}
.nivo-nextNav{right:0px;         background:url(images/works/arrows.png) no-repeat right top}
/* Control nav styles (e.g. 1, 2, 3...) */
.nivo-controlNav{position:absolute; top:10px; left:10px}
.nivo-controlNav a{position:relative; z-index:9; cursor:pointer;         display:block;     width:10px;     height:10px;     background:url(images/works/bullets.png) no-repeat;  text-indent:-9999px; float:left; margin-right:5px}
.nivo-controlNav a.active{background-position:0 -10px}


/* Clearfix Solution */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}
 
.clearfix {
   display: inline-block;
}
 
html[xmlns] .clearfix {
   display: block;
}
 
* html .clearfix {
   height: 1%;
   overflow: visible;
}

.right {float:right;}
.left {float:left;}