/* Browser Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* Body
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
  font-size: 70%;
  color: #666; 
  background:#42556f;
  font-family: Verdana, Arial, Helvetica,  sans-serif;
  margin:0;padding:0;
}


p           { margin: 0 0 1.5em; font-size:1em;}

a:focus, 
a:hover     { color: #ff2700;text-decoration: underline;}
a           { color: #de5747;text-decoration: none; }

a.pdf:link, a.pdf:visited, a.pdf:active {background: transparent url("../_img/elements/pdf.gif") no-repeat;padding-left:21px;padding-bottom:5px;}


ul          { list-style-type: disc; margin: 0 0 1.5em;}
ol          { list-style-type: decimal; margin: 0 0 1.5em;}

li {margin-left:25px;margin-bottom:.75em}


blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #212652; }

h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.1em;  font-weight: bold; margin-bottom: .25em; }
h4 { font-size: 1.1em; font-weight:bold;margin-bottom: .25em; margin-top:.5em; color:#2a2a2a }
h5 { font-size: 1em; font-weight: bold; margin-bottom: .25em;color:#2a2a2a  }
h6 { font-size: 1em; font-weight: bold;  margin-bottom: .25em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

h1.title { font-size: 2.4em;color:#ffffff;font-weight:bold; }
h4.testimonial {font-size:1.6em;color:#999;font-weight:normal;font-family:Caslon,Georgia,"Times New Roman",Times,serif;font-style:italic;line-height:1.4em;}
h5.testimonial {font-size:1.3em;color:#CCC;font-weight:normal;font-family:Caslon,Georgia,"Times New Roman",Times,serif;font-style:italic;}

/* Default Classes
-------------------------------------------------------------- */

.small      { font-size: .775em; margin-bottom: 1.875em; line-height: 1.5em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #333; }
.dark {color:#2a2a2a;}
.right {float:right;}
.left {float:left;}
.center {text-align:center;}


/* Images
-------------------------------------------------------------- */
img {margin:0;padding:0;}
img.floatleft {float:left;}
img.border {padding:4px;border:1px solid #e0e0e0;}



/* Container
-------------------------------------------------------------- */
#container {text-align: center;width: 100%;background: #fff url('../_img/elements/bms-confetti.png') no-repeat top right;}


/* Header
-------------------------------------------------------------- */

#header {text-align: center;width: 100%;}
#header-wrapper {width:950px;height:115px;margin:auto;}

h1#logo a {display:block;float:left;width:220px;height:70px;background:url('../_img/elements/bms-logo.png') no-repeat 0 0;text-indent:-9999px;overflow:hidden;margin-top:35px;}
/*h1#logo a:hover {background-position:0 -55px;}*/
h1#logo a {text-decoration:none;}

#topnav {position:absolute;float:right;width:725px;height:52px;background: url('../_img/topnav/navbg.png') no-repeat;margin-top:50px;right:0;padding-top:7px;}

.topnav {width: 510px;height: 30px;background: url('../_img/topnav/topnav-bms.png') no-repeat;position:relative;margin:auto;top:5px;float:right;padding-right:70px;}
.topnav li {display: inline;}
.topnav li a:link, .topnav li a:visited {position: absolute;top:5px;height: 30px;text-indent: -9000px;overflow: hidden;z-index: 10;}
	
.topnav .home a:link, .topnav .home a:visited {left: 0; width: 60px;}
.topnav .home a:hover, .topnav .home a:focus {background: url('../_img/topnav/topnav-bms.png') no-repeat 0px -30px;}
.topnav .home a:active {background: url('../_img/topnav/topnav-bms.png') no-repeat -30px -60px;}
.current-home .home a:link, .current-home .home a:visited {background: url('../_img/topnav/topnav-bms.png') no-repeat 0px -60px; cursor: default;}
.topnav-home, .topnav-home-click {position: absolute; top: 0; left: 0px; width: 60px; height: 30px; background: url('../_img/topnav/topnav-bms.png') no-repeat 0px -30px;}
.topnav-home-click {background: url('../_img/topnav/topnav-bms.png') no-repeat 0px -60px;}

.topnav .about a:link, .topnav .about a:visited {left: 60px; width: 85px;}
.topnav .about a:hover, .topnav .about a:focus {background: url('../_img/topnav/topnav-bms.png') no-repeat -60px -30px;}
.topnav .about a:active {background: url('../_img/topnav/topnav-bms.png') no-repeat -60px -60px;}
.current-about .about a:link, .current-about .about a:visited {background: url('../_img/topnav/topnav-bms.png') no-repeat -60px -60px; cursor: default;}
.topnav-about, .topnav-about-click {position: absolute; top: 0; left: 60px; width: 85px; height: 30px; background: url('../_img/topnav/topnav-bms.png') no-repeat -60px -30px;}
.topnav-about-click {background: url('../_img/topnav/topnav-bms.png') no-repeat -60px -60px;}

.topnav .solutions a:link, .topnav .solutions a:visited {left: 145px; width: 84px;}
.topnav .solutions a:hover, .topnav .solutions a:focus {background: url('../_img/topnav/topnav-bms.png') no-repeat -145px -30px;}
.topnav .solutions a:active {background: url('../_img/topnav/topnav-bms.png') no-repeat -145px -60px;}
.current-solutions .solutions a:link, .current-solutions .solutions a:visited {background: url('../_img/topnav/topnav-bms.png') no-repeat -145px -60px; cursor: default;}
.topnav-solutions, .topnav-solutions-click {position: absolute; top: 0; left: 145px; width: 84px; height: 30px; background: url('../_img/topnav/topnav-bms.png') no-repeat -145px -30px;}
.topnav-solutions-click {background: url('../_img/topnav/topnav-bms.png') no-repeat -145px -60px;}

.topnav .careers a:link, .topnav .careers a:visited {left: 228px; width: 75px;}
.topnav .careers a:hover, .topnav .careers a:focus {background: url('../_img/topnav/topnav-bms.png') no-repeat -228px -30px;}
.topnav .careers a:active {background: url('../_img/topnav/topnav-bms.png') no-repeat -228px -60px;}
.current-careers .careers a:link, .current-careers .careers a:visited {background: url('../_img/topnav/topnav-bms.png') no-repeat -228px -60px; cursor: default;}
.topnav-careers, .topnav-careers-click {position: absolute; top: 0; left: 228px; width: 75px; height: 30px; background: url('../_img/topnav/topnav-bms.png') no-repeat -228px -30px;}
.topnav-careers-click {background: url('../_img/topnav/topnav-bms.png') no-repeat -228px -60px;}

.topnav .contact a:link, .topnav .contact a:visited {left: 308px; width: 99px;}
.topnav .contact a:hover, .topnav .contact a:focus {background: url('../_img/topnav/topnav-bms.png') no-repeat -308px -30px;}
.topnav .contact a:active {background: url('../_img/topnav/topnav-bms.png') no-repeat -308px -60px;}
.current-contact .contact a:link, .current-contact .contact a:visited {background: url('../_img/topnav/topnav-bms.png') no-repeat -308px -60px; cursor: default;}
.topnav-contact, .topnav-contact-click {position: absolute; top: 0; left: 308px; width: 99px; height: 30px; background: url('../_img/topnav/topnav-bms.png') no-repeat -308px -30px;}
.topnav-contact-click {background: url('../_img/topnav/topnav-bms.png') no-repeat -308px -60px;}


/* Content
-------------------------------------------------------------- */

#heading {background: url('../_img/elements/video-bg.png') repeat-x; width:100%;border-top:1px solid #2c3543;height:85px;}
#headingcontent {width:935px;padding:35px 0 0 10px;margin:auto;text-align:left;}


#content {text-align:left;width:950px;margin: 25px auto;min-height:350px;padding-bottom:25px;}

#video {background: url('../_img/elements/video-bg.png') repeat-x; width:100%;border-top:1px solid #2c3543;padding:25px 0;}
#videocontent {width:920px;padding:15px;margin:auto;border:1px solid #4d5a70;}
#videoplayer {float:left;width:640px;}

#videonav {float:left;width:260px;margin-left:20px;text-align:left;}
#videonav p {font-size:1em;color:#fff;}
#videonav h1 {font-size:1.2em;color:#fff;font-weight:bold;margin-bottom:.5em;}
#videonav h1 span {color:#cc3333;}
#videonav a {color:#ffd56d;}


div.twocolleft {float:left;width:465px;padding-right:20px;}
div.twocolright {float:left;width:465px;}
div.onecolcentre {width:475px;margin:0 auto;}

div.homerounded {width:950px;margin-bottom:25px;background:#fff url('../_img/home/rounded-btm.jpg') no-repeat bottom;min-height:15`5px;}
div.homerounded h3 {text-align:center;color:#212652;font-size:16px;font-weight:normal;margin-top:10px;}
div.homerounded h3 span {font-weight:bold;}
div.homerounded p {padding:5px 15px;}
div.rounded-top {width:950px;background:url('../_img/home/rounded-top.jpg') no-repeat top;}

div.rounded-col1 {width:307px;float:left;text-align:center}
div.rounded-col2 {width:336px;float:left;}
div.rounded-col3 {width:307px;float:left;}


div.partners {float:left;width:650px;}
div.partnersShuffle { height: 65px; width: 610px; }

div.homefeature {width:290px;float:left;margin-left:10px;}
div.homefeature h5 {color:#2a2a2a;margin-bottom:5px;}
div.homefeature .tn {float:left; padding:0 10px 10px 0;}
div.homefeature p {padding:0;margin:0;}

div.management {clear:both;margin-top:10px;margin-bottom:15px;}
div.profilepic {float:left;width:95px;}
div.profilepic img {border:1px solid #999;}
div.profile {float:left;width:285px;}
div.profile h4 {margin-top:0;margin-bottom:0;}
div.profile h5 {font-weight:normal;}

.nav {float:left;width:150px;margin-right:10px;margin-top:40px;}
.main {float:left;width:550px;margin-right:10px;}
.secondary {float:left;width:230px;margin-right:10px;margin-top:40px;}
.wide {float:left;width:790px;margin-right:10px;overflow:hidden;}
.split {float:left;width:380px;margin-right:15px;}

.last { margin-right: 0; margin-bottom:0;}


/* Sidenav menu
-------------------------------------------------------------- */

#sidemenu {padding: 0;margin-bottom:10px;width: 150px;background:#fff;}
#sidemenu ul {margin: 0;padding: 5px 0 0 0;list-style-type: none;background: url('../_img/elements/sidenav-div.gif') no-repeat top;}
#sidemenu li {margin:0;padding:0;background: url('../_img/elements/sidenav-div.gif') no-repeat bottom;}
#sidemenu li a,#sidemenu li a:link,#sidemenu li a:visited { display: block; padding:4px 0 6px 6px;margin-left:6px; font-weight: bold;font-size:1em; text-decoration: none;color: #e35748;width: 144px;}
#sidemenu li a:hover { color: #CCC;}



.servicesprovided {color:#1d3351;margin-top:15px;margin-bottom:15px;}
.servicesprovided h5 {font-weight:bold;text-transform:uppercase;margin:0;}
.servicesprovided ul {margin: 0;padding: 0;list-style-type: none;}
.servicesprovided li {margin:0;padding:0;}



/* tables
-------------------------------------------------------------- */
table.partners  {width:550px;margin-top:20px;}
table.partners td {vertical-align:top;padding-bottom:15px;}
table.partners td.logos {width:180px;padding-right:15px;}


/* Case Study Galleries
-------------------------------------------------------------- */

.galleria{list-style:none;width:200px;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div {position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span {width:400px} /* MSIE bug */

.caption{font-style:italic;color:#999;}
.csgallery {width:230px;}
.csgallery li{width:68px;height:50px;border:1px solid #666;margin: 0 2px 2px 0;background:#ffff;}
.csgallery li div{left:240px}
	
.csgallery li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
#main_image {margin-bottom:40px;width:550px;background:#FFF;}
#main_image img {margin-bottom:5px;}
	
.gallerynav {padding-top:15px;clear:both;font:80% arial,sans-serif;letter-spacing:3px;text-transform:uppercase;}

div.cs {float:left;width:230px;padding:10px;border:#CCC 1px solid;margin: 0 10px 10px 0;font-size:.9em;background:#fff;}


/* Case Study Lightbox
-------------------------------------------------------------- */

.gallery-images {visibility:hidden;}


.csfeature {position:relative;width:230px;height:230px;}
.csfeature img {position:relative;}
.csfeature .cscaption h3 {margin-bottom:0.25em;margin-top:0.25em;}
.csfeature .cscaption p {margin-bottom:0.5em;margin-left:0.25em;}
.csfeature .cscaption {position:absolute;width:220px;bottom:0;left:0;padding:5px;color:#FFFFFF;background:#2a2a2a;opacity: 0.7;-moz-opacity: 0.7;filter: alpha(opacity=70);}
.csfeature a {display:block;color:#ffd56d;font-weight:bold;}
.csfeature a:hover {color:#fff;text-decoration:none;}



/* BLOG
-------------------------------------------------------------- */







/* Footer
-------------------------------------------------------------- */

#footer {width:100%;float:left;background:#42556f;margin-top:5px;}
#footer-wrapper {width:950px;margin:0 auto;text-align:left;color:#fff;padding:0px 0 25px 0;font-size:.9em;}

.footercontact {width:350px;float:left;}
.footernav {width:600px;float:left;text-align:right;}

.footernav li {display: inline;list-style:none;margin-left:10px;}

#footer a:focus, 
#footer a:hover     { color: #ccc;text-decoration: underline;}
#footer a           { color: #93abca;text-decoration: none; }


/* Forms
-------------------------------------------------------------- */

label {font-size:.9em;text-transform:uppercase;color:#fff;}
.BasicInput {font-size:11px;padding:3px; border:1px solid #2a2a2a;background:#fff}

/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Text fields */
input.text, input.title   {margin:0;font-size:1.1em;}
input.text, input.title   { border:1px solid #000; background:#CCC; padding:3px;margin: 0 5px 5px 0; }
input.text:focus,
input.title:focus         { border:1px solid #000; background:#fff; }
input.title               { font-size:1.5em; }

.long {width:520px;}
.regular {width:200px;}
.mid {width:120px;}
.short {width:75px;}

input.checkbox             {margin-top:8px; }

/* Textareas */
textarea            { margin: 0; }
textarea            { border:1px solid #999; background:#FFF; padding:2px; }
textarea:focus      { border:1px solid #666; background:#eee; }


/* Select fields */
select              { border:1px solid #999; background:#FFF;padding:2px;font-size:1.1em;}
select:focus        { border:1px solid #666; background:#fff; }


/* Success, error & notice boxes for messages and errors. */

.error  {color:#990000;font-weight:bold;} 
/* .error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }*/
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

.required {color:#990000;}

.buttons a, .buttons button{ display:block; float:left; margin:0 5px 0 0; background-color:#4d6082; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-family:verdana, helvetica, arial, sans-serif font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#FFFFFF; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ } 
.buttons button{ width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ } 
.buttons button[type]{ padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ } 
*:first-child+html button[type]{ padding:4px 10px 3px 7px; /* IE7 */ } 
.buttons button img, .buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }

button:hover, .buttons a:hover{ background-color:#26344d; border:1px solid #ffffff; color:#ffffff; } 
.buttons a:active{ background-color:#4d6082; border:1px solid #26344d; color:#fff; }



/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }