@import url("reset.css");

/* -------- Potentiate css ---------- **/
/* ----------------- by SJJ ---------------- */


* { font-family: Arial, Verdana, Tahoma, sans-serif; line-height: 100%;}
body {background-color: #b9e4e6; padding-top: 0px; color: #ffffff;}

hr { text-align: right; width: 100%; height: 1px; color: #d4dee8; border: none;  margin: 15px 0px;} /* For Internet Explorer */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #d4dee8; border: none; margin: 15px 0px;} /* For Gecko-based browsers */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #d4dee8; border: 0px solid #d4dee8; margin: 15px 0px;} /* For Opera and Gecko-based browsers */

#wrapper {width: 960px; height: 550px; padding: 0px; margin-left: auto; margin-right: auto; overflow: hidden;  background-color: #4d4d4d; margin-top: 80px;  background-position: top left; background-repeat: no-repeat;  margin-bottom: 10px;}



/* ------ Left Col -----*/
#leftcol {width: 225px; margin-right: 20px; float: left;}
#leftcol a.logo {width: 225px; height: 225px; background: url(../img/logo.gif) top left no-repeat; display: block; text-indent: -9999px; margin-bottom: 20px;}
#leftcol a.logo img {display: none;} 

#leftcol ul {margin-left: 15px; width: 165px; border-top: 1px solid #ffffff;}
#leftcol ul li {border-bottom: 1px solid #ffffff; padding: 5px 5px;}
#leftcol ul li a {color: #ffffff; text-decoration: none; font-weight: normal; font-size: 80%;}
#leftcol ul li a: hover {color: #cccccc;}
#leftcol ul li.active {background: url(../img/bg/menu-active.png) top left repeat;}
#leftcol ul li.active a {font-weight: bold;}
#leftcol ul li ul {border: 0px; width: auto; margin-top: 5px; height: 1%; margin-left: 0px;}
#leftcol ul li ul li {border: 0px; padding: 0px; margin: 0px; background: url(../img/icons/bullet.gif) left 5px no-repeat; padding-left: 15px; height: 1%; margin-bottom: 2px;}
#leftcol ul li ul li a {font-weight: normal!important; line-height: 120%; display: block;}
#leftcol ul li ul li.active {background: url(../img/icons/bullet.gif) left 5px no-repeat!important;}
#leftcol ul li ul li.active a {font-weight: bold!important;}

#leftcol #flash {width: 225px; height: 225px; background: url(../img/logo.gif) top left no-repeat; margin-bottom: 20px;}
#leftcol #flash img {display: none;}

/* ------ Centre Col -----*/
#centrecol {width: 510px; margin-right: 0px; float: left; margin-top: 120px;}
#centrecol h1 {color: #ffffff; font-weight: bold; font-size: 250%; margin-bottom: 7px;}
#centrecol p {width: 250px; margin-bottom: 15px; font-size: 75%; line-height: 115%;}

#centrecol ul.quotelist {width: 250px; }
#centrecol ul.quotelist li { margin-bottom: 10px; }
#centrecol ul.quotelist li h2 {font-weight: bold; margin-bottom: 1px; background-color: #4d4d4d;}
#centrecol ul.quotelist li a {color: #ffffff; text-decoration: none; display: block; background: url(../img/icons/arrow-inactive.gif) top right no-repeat; padding-right: 45px; font-size: 75%; line-height: 115%; }
#centrecol ul.quotelist li a:hover {background-image: url(../img/icons/arrow.gif);}
#centrecol ul.quotelist li a:hover h2 {text-decoration: underline;}
#centrecol ul.quotelist li.active a {background-image: url(../img/icons/arrow.gif);}

#centrecol ul.form { background-color: #6a6a6a; padding: 10px; width: 230px;}
#centrecol ul.form li {margin-bottom: 3px; overflow: hidden; height: 1%; font-size: 75%; }
#centrecol ul.form li label {color: #ffffff; width: auto; margin-right: 10px;  float: left;}
#centrecol ul.form li input {width: 125px; border: 1px solid #ffffff; float: right; background-color: #6a6a6a;  color: #ffffff; padding: 1px 2px; }
#centrecol ul.form li.full label {width: auto;  margin-bottom: 2px;}
#centrecol ul.form li.full textarea { height: 80px; width: 224px; border: 1px solid #ffffff; background-color: #6a6a6a; color: #ffffff; padding: 1px 2px; font-size: 100%;}
#centrecol ul.form li.button input {width: auto; background-color: #d9d9d9; border: none; color: #6a6a6a; font-weight: bold;}
#centrecol ul.form li span {float: left; margin-right: 5px; font-weight: bold; color: #74cace; }

/* ------ Right Col -----*/
#rightcol {width: 180px; float: left; margin-top: 140px;} 
#rightcol h2 {color: #ffffff; font-size: 120%; margin-bottom: 10px; }
#rightcol h3 {color: #ffffff; font-size: 80%; margin-bottom: 2px; }
#rightcol a, #rightcol a:visited  {color: #ffffff; text-decoration: underline;}
#rightcol a:hover {color: #ffffff; text-decoration: none;}
#rightcol ul {margin-bottom: 10px;}
#rightcol ul li {font-size: 75%; margin-bottom: 7px;}

#rightcol ol {margin-bottom: 10px; margin-left: 17px; }
#rightcol ol li {font-size: 75%; margin-bottom: 2px; list-style-type: decimal; list-style-position: outside;}

#rightcol p {margin-bottom: 10px; font-size: 75%; line-height: 115%;}
#rightcol a.print {background: url(../img/icons/print.gif) bottom left no-repeat; padding-left: 20px; font-size: 75%; padding-top: 10px; margin-top: 20px; display: block; color: #ffffff; text-decoration: none;}
#rightcol a:hover.print {text-decoration: underline;}

#rightcol blockquote.old {padding-left: 12px; background: url(../img/icons/open-quote.gif) top left no-repeat; margin-top: 25px;}
#rightcol blockquote {margin-left: -20px; padding-left: 32px; padding-top: 2px; background: url(../img/icons/open-quote-with-arrow.gif) top left no-repeat; margin-top: 25px;}
#rightcol blockquote p { background: url(../img/icons/close-quote.gif) bottom right no-repeat;}

#rightcol img { margin-top: 30px; margin-bottom: 20px;}

/*---- footer -----*/
#footer {clear: both; width: 960px;  padding: 0px; margin-left: auto; margin-right: auto; overflow: hidden; margin-bottom: 40px; color: #4d4d4d; font-size: 75%; text-align: right; line-height: 150%; }
#footer a {text-decoration: underline; color: #4d4d4d;}
#footer a:hover {text-decoration: none; color: #7d7d7d;}

/* ------ background images -----*/
div.home {background-image: url(../img/bg/home.jpg);}
div.executive-coaching {background-image: url(../img/bg/executive-coaching.jpg);}
div.culture-and-change {background-image: url(../img/bg/culture-and-change.jpg);}
div.leadership-development {background-image: url(../img/bg/leadership-development.jpg);}
div.managing-performance {background-image: url(../img/bg/managing-performance.jpg);}