/* Fix the width of the body */
body {
max-width:960px;
margin:auto;
background:#f5f5f5;
margin-top:45px; margin-bottom:30px;
font-family: Arial, Helvetica, sans-serif; font-size:90%; color:#222;}
#wrapper { width:100%;border:1px solid #ddd;float:left;margin-bottom:20px; 
          -moz-box-shadow:    0px 3px 7px 2px #ccc;
          -webkit-box-shadow: 0px 3px 7px 2px #ccc;
           box-shadow:        0px 3px 7px 2px #ccc;
	  background-color:#fff;  }
/* Wrapper */
.row {
width:100%;
margin-left:auto;margin-right:auto;
background-color:#FFF;
}

/* Column margins */
.col_12, /* full width */
.col_9, /* 3/4 width */
.col_8, /* 2/3 width */
.col_6, /* half width */
.col_4, /* 1/3 width */
.col_3 /* 1/4 width */
{
display: block;
float: left;
}

/* First and Last */
.first {
margin-left:0;
}

.last {
margin-right:0;
}

/* Column widths taking into account the margins */
.col_12 {width:100%; float:left;}
.col_9 {max-width:640px; float:left;}
.col_8 {max-width:720px; float:left;}
.col_6 {width:50%; float:left;}
.col_4 {width:240px; float:left;}
.col_3 {width:320px; float:left;}

/* Bridge Consultancy CSS */
#logo { height:10px; }
#logo-cont {  background-color:#FFF;height:40px;}
#logo-div { z-index:20; border-bottom:1px;height:40px;}
#logo-div img { position:relative;top:-62px;left:20px; z-index:20;}
#logo-phone { float:right;position:relative;top:-30px;left:-20px; }

/* top navigation menu */
.topMenu {float:right;min-width:51%;height:0px;z-index:20; }
.topMenu ul { list-style:none; margin:0;padding:0;z-index:20;background-color:transparent;position:relative;top:-28px;right:-1px;height:61px;
            border-bottom:1px solid #cccccc; border-left:1px solid #cccccc;
 /*         border-bottom-left-radius: 8px; */
           -moz-box-shadow:    -0px 10px 7px -7px #ccc;
           -webkit-box-shadow: -0px 10px 7px -7px #ccc;
            box-shadow:        -0px 10px 7px -7px #ccc; }
.topMenu ul li {float:left;display:inline-block;margin-bottom:0;width:97px;background-color:#fff;height:20px;
                border-right:1px solid #ddd;border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; padding-top:30px;padding-bottom:10px;}
.topMenu ul li a {font-size:13px;display:block;text-align:center;color:#60787f; }
/* .topmenu ul li:active1 { background-color:#fff; }  */
.topMenu a { text-decoration:none;background-image: none !important; }
.topMenu ul li a:hover {color:#333;text-decoration:none;}
/* .topMenu ul li.active a {  } */


#top-box { background-image:url('images/dots.gif'); }

/* Home Page */
#home-image { background-color:#FFF;margin:0px;padding:0px;height:412px; }
#home-image img { max-width:100%; }
#welcome { width:100%; }
#welcome-h1 { font-size:140%;color:#60787f;padding-left:8%;margin-bottom:10px;margin-top:20px; }
#welcome-h1 span { font-family:arial black, arial ,helvetic, sans-serif;color:#b4d333; }
#welcome-text { padding-left:17%;padding-right:17%;font-size:130%;color:#60787f;margin-top:0px;margin-bottom:20px; }
#welcome-text span { font-family:arial black,arial,helvetica, sans-serif;color:#87a2a3; }

/* What we do  */
#viacom-t-logo img { display:block;margin-left:auto;margin-right:auto;padding:10px;padding-bottom:5px; }
#whatwedo-testimonial { float:right;width:210px;position:relative;top:-290px;right:130px;height:41px; }
#whatwedo-testimonial img {  
          -moz-box-shadow:    3px 3px 7px 0px #ccc;
          -webkit-box-shadow: 3px 3px 7px 0px #ccc;
           box-shadow:        3px 3px 7px 0px #ccc; }
#whatwedo { margin-bottom:10px; }
#whatwedo-text { padding-left:19%;padding-right:19%;font-size:130%;color:#60787f;margin-top:30px;margin-bottom:10px;text-justify:inter-word;text-align:justify; }
#whatwedo-text span { font-family:arial black,arial,helvetica, sans-serif;color:#87a2a3; }
.whatwedo-h1 { float:left;font-size:140%;color:#60787f;margin-bottom:0px;padding-left:7%;font-family:arial black,arial,helvetica, sans-serif; margin-top:10px;}
.whatwedo-h1 span { font-family:arial black, arial ,helvetic, sans-serif;color:#b4d333; }
#our-services { clear:both;float:left; margin-top:0px;}
#services-intro { clear:both;float:left;font-size:100%;color:#333;margin-left:17%;line-height:1.3;margin-right:10% }
#services-intro p { margin-bottom:10px; }
#services { float:left; margin-left:17%; width:45%;margin-bottom:30px;}
#services h2 { font-size:130%;color:#60787f;margin-bottom:10px;margin-top:10px; }
#services p { line-height:1.3;  }
#services span { color:#b4d333; font-size:130%;}
#services hr { background-color:#60787f;}
#starcom-t-logo img { display:block;margin-left:auto;margin-right:auto;padding:10px;padding-bottom:5px; }
#starcom-testimonial { float:left;margin-left:13px;}
#starcom-testimonial p { padding:10px; }
#wwd-t-name { color:#fff;padding-left:5px;padding-bottom:10px;background-color:#60787f;padding-top:10px }
#starcom-t-name { color:#fff;padding-left:10px;padding-bottom:10px;background-color:#60787f;padding-top:10px }
#our-approach { float:left;width:100%;padding-top:10px;margin-bottom:30px; }
#our-approach img { clear:both;float:left;margin-left:20%;margin-bottom:10px; 
          -moz-box-shadow:    5px 5px 5px 0px #aaa;
          -webkit-box-shadow: 5px 5px 5px 0px #aaa;
           box-shadow:        5px 5px 5px 0px #aaa; }
#our-approach ul { float:left;margin-left:17%; width:70%;padding-left:0;}
#our-approach h2 { font-size:130%;color:#60787f;margin-bottom:10px;margin-top:10px; }
#our-approach li { color:#b4d333; }
#our-approach p { color:#333;line-height:1.3; }

/* Who we are */
#whoweare-testimonial { float:right;width:200px;position:relative;top:-290px;right:140px;height:41px; }
#whoweare-testimonial img {  
          -moz-box-shadow:    3px 3px 7px 0px #ccc;
          -webkit-box-shadow: 3px 3px 7px 0px #ccc;
           box-shadow:        3px 3px 7px 0px #ccc; }
#whoweare-text { padding-left:18%;padding-right:20%;font-size:130%;color:#60787f;margin-top:0px;margin-bottom:20px;text-justify:inter-word;text-align:justify; }
#whoweare-text span { font-family:arial black,arial,helvetica, sans-serif;color:#87a2a3; }
#whoweare-h1 { float:left;font-size:140%;color:#60787f;margin-top:20px;padding-left:9%;font-family:arial black,arial,helvetica, sans-serif; }
#whoweare-h1 span { font-family:arial black, arial ,helvetic, sans-serif;color:#b4d333; }
#whoweare-h1 p { font-family: Arial, Helvetica, sans-serif; margin:0; }
#caroline { float:right;margin-top:20px;margin-right:9%; }
#caroline img { width:360px;padding-right:20px }
#caroline-cv { float:left;padding-left:50px;width:400px;color:#333;padding-top:50px;padding-bottom:20px;line-height:1.5;font-size:100%;}

.outer-box { clear:both;float:left;border:1px solid #ccc;width:250px;margin-left:10%;padding:20px;margin-bottom:20px; margin-top:20px;background-color:#fff;
          -moz-box-shadow: 3px 3px 7px 0px #ccc;
          -webkit-box-shadow: 3px 3px 7px 0px #ccc;
           box-shadow: 3px 3px 7px 0px #ccc; }
#cs-testimonial { border:1px solid #ccc;height:100%; }
#cs-t-logo { padding:10px; text-align:center;}

#dotted-bar { clear:both;width:90%; height:2px;font-size:1pt;border-top:1px dotted #333;margin-left:5%; margin-right:5%; }
#dotted-bar2 { clear:both;width:90%; height:2px;font-size:1pt;border-top:1px dotted #333;margin-left:5%; margin-right:5%; }
#cs-testimonial p { clear:both;padding-left:15px;padding-right:15px;color:#636363;font-size:90%;padding-top:12px;padding-bottom:12px; }
#double-line { border-top:1px dotted #333;height:2px; }
#double-line2 { border-bottom:1px dotted #333; }
#trainers-left { float:left;width:400px;margin-left:50px; }
#portfolio p { margin-top:10px; }
#portfolio { clear:both;float:left;font-size:100%;color:#333;margin-left:60px;line-height:1.3; }
#portfolio ul { margin-left:20px;margin-top:10px; }
#portfolio li { color:#b4d333;padding-bottom:10px;  }
#portfolio span { color:#333; }
#trainers-right { float:right;width:450px;margin-right:20px;margin-top:20px; margin-bottom:20px; }
.trainer { clear:left;float:left;width:45px; margin-top:5px;margin-right:10px;}
.trainer-copy h2 { font-size:130%;color:#60787f;margin-bottom:0px;font-weight:bold; margin-top:10px;}
.trainer-copy { float:left;width:360px;margin-left:10px;font-size:90%; color:#636363; }
.trainer-copy2 { display:inline; }
#toggleText9 ol { padding-left:20px; }
.more { color:#5f9615;font-weight:bold;padding-bottom:10px;display:none; }
a { text-decoration:none;}

/* Our Clients */
#ourclients-image img { text-decoration:none;border:0px;height:371px;padding:0;margin:0;}
#ourclients-testimonial { float:right;width:200px;position:relative;top:-320px;left:1;right:140px;height:0px; }
#ourclients-testimonial img {  
          -moz-box-shadow:    3px 3px 7px 0px #ccc;
          -webkit-box-shadow: 3px 3px 7px 0px #ccc;
           box-shadow:        3px 3px 7px 0px #ccc; }
#ourclients-h1 { font-size:140%;color:#60787f;padding-left:8%;margin-bottom:10px; padding-top:20px;}
#ourclients-h1 span { font-family:arial black, arial ,helvetic, sans-serif;color:#b4d333; }
#clients-text { padding-left:20%;padding-right:20%;font-size:130%;color:#60787f;margin-top:90px;margin-bottom:20px;text-justify:inter-word;text-align:justify; }
#client-test-h1 { font-size:140%;color:#60787f;padding-left:8%;margin-bottom:20px; padding-top:20px;clear:both;}
#client-test-h1 span { font-family:arial black, arial ,helvetic, sans-serif;color:#b4d333; }
#speech-bubbles { float:right;position:relative;top:-83px;Height:20px;left:-80px; background-color:transparent;}
#testimonial-box { background-color:#f5f5f5;width:83%;margin-left:8.3%;border:7px solid #ccc; border-radius: 8px;margin-bottom:10px;min-height:150px;display:none;
          -moz-box-shadow: inset 4px 4px 5px 0px #aaa;
          -webkit-box-shadow: inset 4px 4px 5px 0px #aaa;
           box-shadow: inset 4px 4px 5px 0px #aaa;  }
#fade-testimonials { }
#left-quotes { float:left;padding:10px;padding-top:16px;padding-right:0px; }
#left-quotes img { height:25px; }
#testimonial-text { padding-top:25px;padding-left:45px;padding-right:40px; /* color:#36a1ae; */ font-size:130%;padding-bottom:10px;line-height:1.2 }
#right-quotes { display:inline;height:25px;margin-top:-10px;padding:0;position:relative;top:5px;left:5px; }
.nobreak { white-space:nowrap; }
.client { font-size:90%;color:#60787f;font-weight:bold; margin-left:45px;;padding-bottom:10px;}
.manager { font-weight:normal; }
.class { color:#b4d333;font-family:arial black,helvetica,sans-serif;   }
#name { color:#fff;padding-left:10px;padding-bottom:10px;background-color:#60787f;padding-top:10px }
#clients-intro { clear:both;float:left;font-size:100%;color:#333;margin-left:17%;line-height:1.3;margin-right:28%; }
#read-more { float:right;position:relative;top:-35px;left:1;right:100px;font-size:90%; color:#5f9615; font-weight:bold; display:none;}
#read-more a { color:#5f9615; }  #read-more a:hover { color:#666; }
#close-more { float:right;position:relative;top:-20px;left:1;right:30px;font-size:90%; color:#5f9615; font-weight:bold; display:none;}
#close-more a { color:#5f9615; }  #close-more a:hover { color:#666; }

#more-testimonial { background-color:#f5f5f5;width:83%;margin-left:8.3%;border:7px solid #ccc; border-radius: 8px;margin-bottom:10px;color:#36a1ae;display:block;
          -moz-box-shadow: inset 4px 4px 5px 0px #aaa;
          -webkit-box-shadow: inset 4px 4px 5px 0px #aaa;
           box-shadow: inset 4px 4px 5px 0px #aaa;  
 }

/* Talk to us */
#talktous-image img { text-decoration:none;border:0px;}
#talktous-testimonial { float:right; width:200px;position:relative;top:-290px;right:120px;height:51px; }
#talktous-testimonial img {  
          -moz-box-shadow: 3px 3px 7px 0px #ccc;
          -webkit-box-shadow: 3px 3px 7px 0px #ccc;
           box-shadow: 3px 3px 7px 0px #ccc; }
#bridge-mail { float:left;width:400px; margin-left:75px;}
.mail-img { float:left;width:80px;padding-left:0px; border:0;text-decoration:none;}
#mail-img img { float:left;width:60px; }
#address { float:left;width:200px;font-size:130%;color:#60787f;margin-top:0px;padding-top:5px; }
#at { float:left; width:450px;font-size:130%;color:#60787f;margin-top:0px; }
#at a { color:#60787f;margin-top:40px;text-decoration:none; }
#at img { text-decoration:none;border:0px; }
#at a:hover { color:#333; }
#hello { padding-top:5px; }
#in { float:left;width:450px;font-size:130%;color:#60787f;margin-top:20px; }
#in-link { float:left;padding-top:5px;text-decoration:none; }
#in a { color:#60787f;text-decoration:none; }
#in img { text-decoration:none;border:0px; }
#in a:hover { color:#333;text-decoration:none; }
#telephone { float:left;clear:left;width:390px; margin-left:75px;}
#mail-img2 { float:left;width:48px;padding-left:0px;padding-top:20px; }
#numbers { float:left;width:200px;padding-left:30px;;font-size:130%;color:#60787f;margin-top:25px; }

/* Bottom of page */
#blue-bar { width:86%;height:10px;margin-left:7%;background-color:#d2dcdc;background-repeat:no-repeat; }
#middle-bar { width:100%; padding-top:10px; }
#mediacom { float:left;width:295px; }
#mediacom img { padding-left:45px; }
#ipad { float:left;width:310px }
#ipad img { padding-left:49px; }
#sky { float:left; }
#sky img { padding-left:45px; }
#footer {  }
#skyline p { float:right;width:340px;background-image:url('images/skyline.gif');background-repeat:no-repeat;height:70px;position:relative;top:6px;padding:0;margin:0; } 
#footer-bar { float:left;width:100%; min-height:70px; background-color:#84a0a5;}
#email {float:left;min-width:220px;height:40px;padding-top:10px;font-size:80%;color:white;text-align:left;padding-left:60px; }
#email p { margin:0;padding-top:2px; }
#envelope { padding-left:3px; }
#email a { color:white;text-decoration:none;}  #email a:hover { text-decoration:underline; }
#copy { float:left;min-width:280px;padding-left:60px;height:40px;padding-top:10px;font-size:80%;color:white;text-align:left; }
#copy p { margin:0;padding-top:2px; }
#copy a { color:white;text-decoration:none; } #copy a:hover { color:white;text-decoration:underline; }