* { margin: 0; }

body { text-align: center; background: #f0f0f0; font: 62.5% Arial, Verdana, sans-serif; }

img { border: 0; }
a img {border: 0;}

div.clear { height: 0; line-height: 0px; clear: both; }
.float-left    { float: left; }
.float-right   { float: right; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

.orange { color: #ff5104; }
.grey { color: #989898; padding: 0 5px; }
.divide { padding: 0 8px; }

/***** Wrapper *****/

#container { width: 100%; height: 100%; background:   url("../images/bg.jpg") repeat-x #fff; }
#subcontainer { width: 100%; height: 100%; background: url("../images/sub_bg.jpg") repeat-x #fff; }
#subcontainer_darkGreen {width: 100%; height: 100%; background: url("../images/bgs/sub_bg.jpg") repeat-x #fff; }
#subcontainer_darkGreen {width: 100%; height: 100%; background: url("../images/bgs/lightblue_bg.jpg") repeat-x #fff; }

 

#wrapper { margin: 0 auto; width: 950px; text-align: left; }

#header { width: 950px; height: 96px; position: relative; }

#logo { height: 75px; position: absolute; top: 15px; left: 0; z-index: 0; }

#contact { left: 0; text-align: right; top: 0; width: 945px; height: 34px; padding: 15px 0 0 0; position: absolute; font-size: 1.6em; font-weight: bold; letter-spacing: 0.08em; }
#contact a { color: #ff5104; }

#utilities { left: 0; top: 50px; position: absolute; width: 945px; height: 26px; font-size: 1.1em; color: #4c4c4c; text-align: right; }

#utilities a { color: #4c4c4c; }

/***** Main Navigation *****/
#main_nav { left: 0; top: 75px; position: absolute; height: 21px; text-align: center; font: "Arial Narrow"; font-size: 1.3em; font-weight: bold; z-index: 0; }
#main_nav ul { float: right; }
#main_nav ul li { list-style: none; float: left; padding-top: 2px; }

.first { width: 138px; height: 19px; background: url("../images/main_nav/first.jpg") no-repeat 50% 0%; }
.first a:link, .first a:visited { color: #fff; }
.first a:hover { text-decoration: none; color: #cbe6ff; }

.second { width: 146px; height: 19px; background: url("../images/main_nav/second.jpg") no-repeat 50% 0%; }
.second a:link, .second a:visited { color: #fff; }
.second a:hover { text-decoration: none; color: #fee5d5; }

.third { width: 157px; height: 19px; background: url("../images/main_nav/third.jpg") no-repeat 50% 0%; }
.third a:link, .third a:visited { color: #fff; }
.third a:hover { text-decoration: none; color: #cfefec; }

.fourth { width: 135px; height: 19px; background: url("../images/main_nav/fourth.jpg") no-repeat 50% 0%; }
.fourth a:link, .fourth a:visited { color: #fff; }
.fourth a:hover { text-decoration: none; color: #fcf4cf; }

.fifth { width: 173px; height: 19px; background: url("../images/main_nav/fifth.jpg") no-repeat 50% 0%; }
.fifth a:link, .fifth a:visited { color: #fff; }
.fifth a:hover { text-decoration: none; color: #d5e9fc; }

.sixth { width: 87px; height: 19px; background: url("../images/main_nav/sixth.jpg") no-repeat 50% 0%; }
.sixth a:link, .sixth a:visited { color: #fff; }
.sixth a:hover { text-decoration: none; color: #fddcf9; }

/***** Flash and content areas *****/

#flashreplacedcontent { width: 950px; height: 224px; border: 1px solid #f0f0f0; border-width: 1px 0 1px 0;}
#flashreplacedcontent h1{ color:#fff;}
#flashreplacedcontent  li { list-style:none outside none;}
#flashreplacedcontent  select {
    border: 1px solid #AEAEAE;
    color: #44494C;
    font: 12px Arial,Helvetica,sans-serif;
    padding: 2px;
}
#flashreplacedcontent  label {
    color: #0A5C99;
    display: block;
    font: bold 12px Arial,Helvetica,sans-serif;
    padding: 0 0 5px;
}

#flashcontent { width: 950px; height: 224px; border: 1px solid #f0f0f0; border-width: 1px 0 1px 0; background: url("../images/flash_placeholder.jpg") no-repeat; }
#insidebanner { width: 950px; height: 225px; border: 1px solid #f0f0f0; border-width: 0 0 1px 0; }
#sub_banner { width: 950px; height: 100px; border: 1px solid #f0f0f0; border-width: 0 0 1px 0; }

#content { width: 100%; line-height: 1.6em; padding: 12px 0; }

#insidecontent { float: left; width: 100%; padding-bottom: 20px; }
#contentcolumn { margin-right: 250px; }
#contentcolumn ul {list-style-type: disc; line-height: 1.7em; color: #464646; margin: 0 0 20px 0; padding: 0 0 0 30px; font-size:1.2em;}
#contentcolumn li{list-style-type: disc;}

#contentcolumn a, a:link, a:hover, a:visited { color: #b05700; }

/***** RHS *****/

#rightcolumn { float: left; width: 216px; margin-left: -216px; padding: 15px 0 0 0; }
.subnavHeader { background: url(../images/subnav/header.gif) no-repeat top; width: 216px; height: 15px; }
.subnavWrapper { margin: 0 0 15px 0; padding: 0 10px 15px 15px; width: 191px; background: url(../images/subnav/wrapper.gif) no-repeat 0% 100%; }
.subnavWrapper ul { margin: 0; padding: 0; list-style: none; text-align: left; }
.subnavWrapper li { padding-left: 25px; list-style: none; font-size: 1.2em; line-height: 2.0em; color: #6f6f6f; background: url("../images/subnav/bullet.gif") no-repeat 0% 50%; letter-spacing: 0.06em; }
.subnavWrapper a, a:link, a:hover, a:visited { color: #6f6f6f; }



.contactBox { width: 216px; height: 240px; background: url("../images/contact_box.gif") no-repeat; position:relative; }
.contactBoxText { position: absolute; top: 40px; left: 15px; }
.contactBoxText p { margin: 0; padding: 0 0 5px 0; color: #b05700; font-size: 1.1em; line-height: 14px; }
.call { width: 100px; height: 38px; padding-top: 4px; background: url("../images/call_me_back_btn.gif") no-repeat; position: absolute; right: -3px; bottom: -28px; }
.contactBoxText a, .contactBoxText a:link, .contactBoxText a:hover, .contactBoxText a:visited, .call a  { color: #fff; text-transform: uppercase; padding-left: 7px; font-size: 1.2em;  }
.contactBoxText input { font-size: 1.1em; color: #afafaf; width: 170px; margin-top: 5px; padding: 2px 5px; border: 1px solid #b05700; }
.contactBoxText a.mail {color: #B05700; text-decoration: none; text-transform: none; padding-left: 0; font-size: 11px;}
.contactBoxText a.mail:hover {text-decoration: underline;}

/***** Home panels *****/
#first_panel { width: 236px; height: 227px; background: url("../images/home/first_panel.gif") no-repeat; float: left; }
#first_panel ul { padding: 86px /*24px*/20px 0 14px; }
#first_panel li { padding: 0 0 30px 25px; list-style: none; background: url("../images/home/training_list.gif") no-repeat 0% 0%; }
#first_panel a { color: #1e5995; font-size: 1.4em; }

.last { padding: 0 0 0 25px; }

#second_panel { width: 239px; height: 227px; background: url("../images/home/second_panel.gif") no-repeat; float: left;  }
#second_panel ul { padding: 86px /*24px*/20px 0 14px; }
#second_panel li { padding: 0 0 22px 25px; list-style: none; background: url("../images/home/consultancy_list.gif") no-repeat 0% 0%; }
#second_panel a { color: #fcbb10; font-size: 1.4em; }

#third_panel { width: 239px; height: 227px; background: url("../images/home/third_panel.gif") no-repeat; float: left;  }
#third_panel ul { padding: 86px /*44px*/20px 0 14px; }
#third_panel li { padding: 0 0 30px 25px; list-style: none; background: url("../images/home/consumer_list.gif") no-repeat 0% 0%; }
#third_panel a { color: #807f7f; font-size: 1.4em; }

#fourth_panel { width: 236px; height: 227px; background: url("../images/home/fourth_panel.gif") no-repeat; float: left;  }
#fourth_panel p { padding: 83px 5px 15px 25px; color: #807f7f; font-size: 1.2em; line-height: 2.4em; }
.dash { color: #e88800; }
#fourth_panel a { color: #e88800; }

/***** Export Consultancy panels *****/

.panel .level001_heading{font-size:16px; font-weight:bold; text-align:center; padding: 20px 10px 10px 0; line-height: 18px; color:#FFF;}
.panel .level001_heading a, .panel .level001_heading a:hover {font-size:16.5px!important; line-height: 18px; padding: 0px; color:#FFF!important; background-image: none; text-decoration: none;}

.panel p { padding: 0 10px 0 10px; font-size: 1.2em;} 
.panel .text { height: 137px; padding: 10px 10px 10px 10px; font-size: 1.2em; line-height: 1.4em;}
.panel a { color: #ffba00!important; line-height: 3.0em; padding: 0 0 0 25px; margin: 0 0 0 10px; list-style: none; background: url("../images/panels/link.gif") no-repeat 0% 0%; font-size: 1.2em;}

/* DIFFERENT PANEL COLOURS */
.darkBlue_panel_1 {width: 236px; height: 227px; background: url("../images/panels/darkBlue/first_panel.gif") no-repeat; float: left;}
.darkBlue_panel_2 {width: 240px; height: 227px; background: url("../images/panels/darkBlue/second_panel.gif") no-repeat; float: left;}
.darkBlue_panel_3 {width: 240px; height: 227px; background: url("../images/panels/darkBlue/third_panel.gif") no-repeat; float: left;}
.darkBlue_panel_4 {width: 234px; height: 227px; background: url("../images/panels/darkBlue/fourth_panel.gif") no-repeat; float: left;}

.orange_panel_1 {width: 236px; height: 227px; background: url("../images/panels/orange/first_panel.gif") no-repeat; float: left;}
.orange_panel_2 {width: 240px; height: 227px; background: url("../images/panels/orange/second_panel.gif") no-repeat; float: left;}
.orange_panel_3 {width: 240px; height: 227px; background: url("../images/panels/orange/third_panel.gif") no-repeat; float: left;}
.orange_panel_4 {width: 234px; height: 227px; background: url("../images/panels/orange/fourth_panel.gif") no-repeat; float: left;}

.darkGreen_panel_1 {width: 236px; height: 227px; background: url("../images/panels/darkGreen/first_panel.gif") no-repeat; float: left;}
.darkGreen_panel_2 {width: 240px; height: 227px; background: url("../images/panels/darkGreen/second_panel.gif") no-repeat; float: left;}
.darkGreen_panel_3 {width: 240px; height: 227px; background: url("../images/panels/darkGreen/third_panel.gif") no-repeat; float: left;}
.darkGreen_panel_4 {width: 234px; height: 227px; background: url("../images/panels/darkGreen/fourth_panel.gif") no-repeat; float: left;}

.yellow_panel_1 {width: 236px; height: 227px; background: url("../images/panels/yellow/first_panel.gif") no-repeat; float: left;}
.yellow_panel_2 {width: 240px; height: 227px; background: url("../images/panels/yellow/second_panel.gif") no-repeat; float: left;}
.yellow_panel_3 {width: 240px; height: 227px; background: url("../images/panels/yellow/third_panel.gif") no-repeat; float: left;}
.yellow_panel_4 {width: 234px; height: 227px; background: url("../images/panels/yellow/fourth_panel.gif") no-repeat; float: left;}

.lightBlue_panel_1 {width: 236px; height: 227px; background: url("../images/panels/lightBlue/first_panel.gif") no-repeat; float: left;}
.lightBlue_panel_2 {width: 240px; height: 227px; background: url("../images/panels/lightBlue/second_panel.gif") no-repeat; float: left;}
.lightBlue_panel_3 {width: 240px; height: 227px; background: url("../images/panels/lightBlue/third_panel.gif") no-repeat; float: left;}
.lightBlue_panel_4 {width: 234px; height: 227px; background: url("../images/panels/lightBlue/fourth_panel.gif") no-repeat; float: left;}

.pink_panel_1 {width: 236px; height: 227px; background: url("../images/panels/pink/first_panel.gif") no-repeat; float: left;}
.pink_panel_2 {width: 240px; height: 227px; background: url("../images/panels/pink/second_panel.gif") no-repeat; float: left;}
.pink_panel_3 {width: 240px; height: 227px; background: url("../images/panels/pink/third_panel.gif") no-repeat; float: left;}
.pink_panel_4 {width: 234px; height: 227px; background: url("../images/panels/pink/fourth_panel.gif") no-repeat; float: left;}

p { padding:0 0 1.25em 0; color: #464646; font-size: 1.2em; line-height: 1.6em; }

h1 { margin: 0 0 20px 0; padding: 15px 0 25px 0; font-size: 2.4em; text-transform: uppercase; color: #4b9df0; font-weight: bold; border-bottom: 1px solid #f0f0f0; }
h2 { padding: 15px 0; color: #b05700; font-size: 1.4em; }
h3 { padding: 0 0 12px 0; color: #ef9500; font-size: 1.3em; }

/***** Contact Us Form *****/
.contact_form { float: right; font-family: Arial, Verdana, sans-serif; font-size: 1.2em; margin: 0; padding: 0; }
.contact_form br { clear:left; }
.required { color: #FF0000; margin: 0 5px 0 0; }
.contact_form label { display: block; float: left; width: 90px; padding: 0; margin: 5px 0 0; text-align: right; }
.contact_form input, .contact_form textarea, .contact_form select { width:auto; margin: 5px 30px 0 10px; padding: 2px; }
.contact_form textarea { overflow: auto; padding: 2px; }

.contact_form input.addButton { border: none; width: 78px; height: 32px; text-transform: uppercase; vertical-align: middle; text-align: center; cursor: pointer; background: url("../images/submitBtn.gif") no-repeat top left; color: #fff; }
.contact_form input.addButton:hover { text-decoration: underline; }
.contact_form input.addButton:active { text-decoration: none; }

/* Login forms */
.login_form {font-family: Arial, Verdana, sans-serif; font-size: 1.2em; margin: 0; padding: 0;}
.login_form label {display: block; vertical-align:top; float: left; width: 120px;}
.login_form text {width: 200px; }
.login_form ol {list-style: none; }
.login_form li {padding: 0 0 10px 0;}
.login_form span { color: #FF0000; margin: 0 5px 0 0; }

.login_form input.addButton { border: none; width: 78px; height: 32px; text-transform: uppercase; vertical-align: middle; text-align: center; cursor: pointer; background: url("../images/submitBtn.gif") no-repeat top left; color: #fff; }
.login_form input.addButton:hover { text-decoration: underline; }
.login_form input.addButton:active { text-decoration: none; }

/***** News *****/
.news_item { width: 700px; padding: 0; }
.newswrapper { float: left; width: 100%; margin-bottom: 20px; }
.newscolumn { margin-left: 120px; }
.news_img { float: left; margin-left: -700px; margin-bottom: 20px; }
.news_img img { width: 90px; height: 72px; border: 6px solid #ffe878; }
.news_heading { color: #ef9500; font-size: 1.5em; font-weight: bold; margin: 0; padding: 0; }
.date { margin: 0 15px 0 0; padding: 0; width: 120px; color: #ef9500; font-style: italic; font-weight: normal; float: right; font-size: 0.75em; letter-spacing: 0.1em; text-transform: none; text-align: right; }

/***** Testimonials *****/
.open_quote { color: #3584D5; font-size: 14px; padding: 0 5px 0 10px; }
.end_quote { color: #3584D5; font-size: 14px; padding: 0 10px 0 5px; }


/*-- Sitemap */
.sitemaptitle { color: #b05700; font-weight: bold;}
.sitemap_divide {padding: 0 3px 0 3px;}

/***** Footer *****/
.footer { width: 100%; height: 215px; background: #f0f0f0; background-repeat: repeat-y; clear: left;}
.footer a { color: #b1b1b1; }
.footer p {padding: 17px 0 0; color: #b1b1b1; font-size: 1.0em; text-align: left;}
.footerTxt { width: 950px; margin: 0 auto; }
.bottom_logos { margin-top: 0px; padding: 10px 10px; border: 2px solid #f8f7f7; border-width: 1px 0; }
.footer_logos { margin-left: 100px; }
.continuum_credit { float: right; margin-top: 17px; height: 20px; padding: 0 0 5px 22px; background: url("../images/logos/continuum-logo.gif") no-repeat; color: #b1b1b1; }