/*---------------*/
/* Reset Default */
body {
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#ffffff;
}
h1,h2,h3,h4,p,ul{
	margin:0;
	padding:0;
}

a:link,
a:visited {
	text-decoration:none;
	color:#000000;
}

a:hover {
	color:#0000CC;
}

a img {
	border:none;
}
/*---------------*/

#container {width:857px; margin-left:auto; margin-right:auto;}
#container #logo {float:left;}
#container #logo img {margin-top:40px;}
#container #mainNav {height:95px; float:right;}

/*---------------*/
/*Main Navigation*/
#mainNav #navBar {
	padding-top:70px;
}

#mainNav #navBar li {
	display:inline;
	list-style:none;
}

#mainNav #navBar a:link,
#mainNav #navBar a:visited {
	width:auto;
	padding:60px 10px 10px 10px;
	text-decoration:none;
	font-size:14px;
}

#mainNav #navBar a:hover {
	color:#0000CC;
}

#home #navHome a, #home #navHome a:hover,
#about #navAbout a, #about #navAbout a:hover,
#services #navServices a, #services #navServices a:hover,
#casestudies #navCase a, #casestudies #navCase a:hover,
#contact #navContact a, #contact #navContact a:hover {
	background:url('../images/nav-bg.png');
	color:#ffffff;
}
/*---------------*/

/*#container #banner {width:857px; height:75px; background:url('../images/banner-bg.png') center repeat-x; margin-left:auto; margin-right:auto; clear:both; padding-top:70px; padding-bottom:70px;}
#home*/ #container #banner {width:857px; height:214px; background:url('../images/banner-home.jpg') no-repeat; margin-left:auto; margin-right:auto; clear:both; padding:0 !important;}

/*#about #container #content {background:url('../images/africa-bg.jpg') center top no-repeat; min-height:707px;}
#services #container #content {background:url('../images/americas-bg.jpg') center top no-repeat; min-height:958px;}
#contact #container #content {background:url('../images/east-bg.jpg') center top no-repeat; min-height:561px;}*/

#container #content {width:857px; margin-left:auto; margin-right:auto;}
#container #content #contentLeft {width:510px; float:left; text-align:justify; background:url('../images/yellow-vertical.png') right 25px no-repeat;}
#container #content #contentLeft h1 {color:#737c79; font-size:18px; font-weight:normal; text-transform:uppercase; margin-left:40px; text-align:left;}
#container #content #contentLeft h2 {color:#737c79; font-size:14px; font-weight:normal; text-transform:uppercase; margin-left:40px; text-align:left;}
#container #content #contentLeft p {margin:0px 40px 25px 40px; line-height:22px;}
#container #content #contentLeft ul {margin-left:40px; margin-right:40px; line-height:22px; color:#0000CC}
#container #content #contentLeft li {margin-left:20px;}
#container #content #contentLeft span {color:#000000;}
#container #content #contentLeft table {margin-left:40px; margin-right:40px; line-height:18px;}
#container #content #contentLeft .small {font-size:10px;}

#container #content #contentLeft .content {text-align:left;}
#container #content #contentLeft .content p {margin:0px 40px 25px 12px; line-height:22px;}
#container #content #contentLeft .content h3 {width:400px; font-size:14px; font-weight:normal; color:#000000; /*background-color:#eceeed;*/}
#container #content #contentLeft .content h4 {color:#000000; font-weight:normal;}
#container #content #contentLeft .content ul {margin-bottom:5px; margin-left:0px; padding-left:8px; margin-right:40px; line-height:22px;}
#container #content #contentLeft .content li {margin-top:20px; font-size:14px; font:14px Arial, Helvetica, sans-serif; line-height:20px; color:#0000CC; list-style-type:none;}
#container #content #contentLeft .content li ul{padding-bottom:5px; list-style-type:none; border:2px solid #eceeed; background-color:#f4f6f5; width:394px; border-right:4px solid #eceeed; border-bottom:4px solid #eceeed;}
#container #content #contentLeft .content li ul li{font-size:12px; color:#FFD05D; margin-top:10px; margin-left:10px;}
#container #content #contentLeft .content li ul li ul{ margin-bottom:10px; width:350px; border:none;}
#container #content #contentLeft .content li ul li ul li{list-style-image:url('../images/arrow-bullet.png'); margin-left:15px; color:#000000; padding:2px 10px 0 2px;}

#container #content #contentLeft .linkedIn {margin-left:40px;}

#container #content #contentRight {width:347px; float:left; text-align:justify; line-height:16px; font-size:10px;}
#container #content #contentRight h3 {color:#737c79; font-size:14px; font-weight:normal; text-transform:uppercase; margin:25px 0 5px 40px;}
#services #container #content #contentRight ul {list-style:none; margin-left:40px; margin-right:40px;}
#services #container #content #contentRight li {margin-bottom:25px;}
#home #container #content #contentRight ul {margin-left:40px; margin-right:40px; line-height:18px; color:#0000CC}
#home #container #content #contentRight li {margin-left:20px;}
#container #content #contentRight .directions {font-size:13px; color:#0000CC;}

#container #content #contentRight span {color:#000000;}
#container #content #contentRight img {margin-left:45px;}
#container #content #contentRight p {margin:0px 40px 25px 40px; line-height:18px;}

#container #content #contentRight .linkedIn img{margin-left:40px;}

#container #content {width:857px; margin-left:auto; margin-right:auto;}
#container #content #contentWide {}
#container #content #contentWide h1 {color:#737c79; font-size:18px; font-weight:normal; text-transform:uppercase; margin-left:40px; text-align:left;}
#container #content #contentWide h2 {color:#737c79; font-size:14px; font-weight:normal; text-transform:uppercase; margin-left:40px; text-align:left;}
#container #content #contentWide h3 {margin-top:10px; font-size:14px; font-weight:normal; color:#000000;}
#container #content #contentWide p {margin:0px 40px 25px 40px; line-height:22px;}
#container #content #contentWide .title {display:block; margin-top:10px; font-size:14px; color:#737C79; font-weight:bold;}
#container #content #contentWide .ct-chart {float:right;}
#container #content #contentWide ul {margin:0 30px 20px 65px; color:#0000CC; line-height:22px; overflow:hidden;}
#container #content #contentWide ul.nofloat {margin-left:80px; margin-bottom:10px;}
#container #content #contentWide ul.nobullets {list-style-type:none;}
#container #content #contentWide li {width:300px; margin:5px 20px; float:left;}
#container #content #contentWide ul.nofloat li {width:Auto; float:none;}
#container #content #contentWide ul.nofloat li ul {margin-left:20px;}
#container #content #contentWide ul.nofloat li ul li {list-style-image:url('../images/arrow-bullet.png'); margin-left:20px;}
#container #content #contentWide span {color:#000000;}
#container #content #contentWide table {margin-left:40px; margin-right:40px; padding:0; border-collapse:collapse; line-height:18px; padding-bottom:5px; border:2px solid #eceeed; background-color:#f4f6f5; border-right:4px solid #eceeed; border-bottom:4px solid #eceeed;}
#container #content #contentWide table td {padding-top:20px; vertical-align:top; border-bottom:1px solid #eceeed;}
#container #content #contentWide table td.logo {width:210px; padding:20px;}
#container #content #contentWide table td.logo h3 {display:block; font-size:16px; font-weight:bold; color:#0000CC;}
#container #content #contentWide table td.logo .desc {display:block; font-style:italic;}
#container #content #contentWide table td.logo img {margin-top:20px; padding:10px; background-color:#ffffff; border:1px solid #eceeed;}
#container #content #contentWide table td.label {padding:20px; font-size:14px; color:#737C79; font-weight:bold;}
#container #content #contentWide table td p {margin:0;}
#container #content #contentWide table td ul {margin-left:30px; margin-right:0;}
#container #content #contentWide table td ul li {width:auto; float:none; list-style-image:url('../images/arrow-bullet.png'); margin-left:20px;}
#container #content #contentWide table td ul li ul li {list-style-type:disc; list-style-image:none;}
#container #content #contentWide .small {font-size:10px;}

#container #content #contentWide .casestudies table td {border-bottom:none;}

#footer {text-align:center; padding-top:40px; clear:both; position:relative;}
#footer h4 {color:#0000CC; font:bold 18px Arial, Helvetica, sans-serif; letter-spacing:0.5px;}

/*---------------*/
/*   Accordian   */
#accordian .header {cursor:pointer; padding-top:10px; padding-bottom:5px;}
#accordian .header:hover {background-color:#f3f5f4;}
#accordian .header:hover  h2{color:#0000CC !important;}
#accordian .header h3 {color:#737c79; margin-left:52px; font-weight:normal; font-size:12px;}

#accordian .selected h2{color:#0000CC !important;}

#accordian .content {margin-left:40px;}
#about #content #accordian .content {text-align:justify;}
/*---------------*/

<!--[if lte IE 6]>
	#accordian .content {display:block !important;}
<![endif]-->

/*---------------*/
/*  Fading Text  */
#bannerText {
    position:relative;
	width:300px;
    height:50px;
	margin-left:auto;
	margin-right:auto;
	margin-top:6px;
}

#bannerText IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#bannerText IMG.active {
    z-index:10;
    opacity:1.0;
}

#bannerText IMG.last-active {
    z-index:9;
}
/*---------------*/

#logobee {margin-top:25px; font-size:8px; letter-spacing:1px;}
#logobee a {color:#a9b6b2;}
#logobee a:hover {color:#0000CC;}
