/*
CITAC AFRICA LLP: WEB SITE 2008
-----------------------------------------------------
Designed and created by Jesson Yip. www.jessonyip.com
-----------------------------------------------------
*/


body {
	color			: #222222;
	font			: 62.5%/1.8em verdana, arial, sans-serif;
}

h2 {
	color			: #1e6bb3;
	font			: 2em/1.4em "trebuchet MS", verdana, arial, sans-serif;
	padding-bottom	: .6em;
}

h3 {
	color			: #1e6bb3;
	font			: 1.2em/1.4em "trebuchet MS", verdana, arial, sans-serif;
}

h4 {
	line-height		: 1.8em;
	padding-bottom	: .5em;
	text-transform	: uppercase;
}

p {
	padding-bottom	: 1.5em;
}

ul {
	list-style		: none;
}

a {
	color			: #bf6c20;
	text-decoration	: none;
}

a:hover {
	color			: #c4a30e;
}

.invisible {
	display			: none;
}

/* Main Layout */

html,
body {
	height			: 100%;
}

html {
	overflow-y		: scroll;
}

body {
	background		: #ffffff url("../media/site/bg.gif") 0 0 repeat-x;
	text-align		: center;
}

#wrapper {
	font-size		: 1.1666em;
	height			: 100%;
	margin			: 0 auto;
	position		: relative;
	text-align		: left;
	width			: 777px;
}

#left_column {
	background		: #ffffff url("../media/site/bg_left.gif") 0 0 no-repeat;
	float			: left;
	height			: 100%;
	padding			: 0 24px;
	position		: relative;
	width			: 264px;
}


/* Top Navigations: Language & Primary */

#language_nav,
#primary_nav {
	overflow		: hidden;
}

#language_nav {
	position		: absolute;
}

#language_nav li,
#primary_nav  li {
	background		: url("../media/site/nav_divide.gif") 100% 100% no-repeat;
	display			: block;
	float			: left;
	line-height		: 1.2em;
	margin-right	: 9px;
	overflow		: hidden;
	padding-right	: 10px;
}

#language_nav li {
	border-color	: #222222;
}

#language_nav li.last,
#primary_nav  li.last {
	background		: none;
	padding-right	: 0;
	margin-right	: 0;
}

#language_nav li a,
#language_nav li p,
#primary_nav  li a,
#primary_nav  li p {
	border-top		: 0;
	color			: #000000;
	display			: block;
	padding			: 18px 0 0 0;
}

#language_nav li p,
#primary_nav  li p,
#language_nav li a:hover,
#primary_nav  li a:hover {
	border-top		: 5px solid #1592C0;
	color			: #127AA0;
	padding			: 13px 0 0 0;
}

#language_nav li.active p,
#language_nav li a:hover {
	border-color	: #BBBBBB;
	color			: #777777;
}


/* Left Column */

#left_column #title h1 {
	overflow		: hidden;
}

#left_column #title h1 a {
	background		: url("../media/site/citac.gif") 0 0 no-repeat;
	display			: block;
	margin			: 50px 0 9px;
	height			: 68px;
	width			: 259px;
}

#left_column #title h1 span {
	display			: none;
}

#left_column div {
	padding-left	: 2px;
	padding-right	: 2px;
	margin-bottom	: 1.6em;
}

#left_column div div {
	margin-bottom	: 0;
	padding			: 0;
}

#left_column h4 {
	padding-bottom	: 0;
	margin-bottom	: 3px;
}

#left_column #service_nav {
	padding-left	: 0;
	padding-right	: 0;
}

#left_column #service_nav h4 {
	padding-left	: 3px;
	padding-right	: 3px;
}

#left_column #service_nav li a,
#left_column #service_nav li p {
	display			: block;
	height			: 44px;
	margin-top		: -1px;
	padding			: 0;
	width			: 264px;
}

#left_column #service_nav li.sc a,
#left_column #service_nav li.sc p  { background-image : url("../media/site/snav_en_consulting.gif");  }
#left_column #service_nav li.sr a,
#left_column #service_nav li.sr p  { background-image : url("../media/site/snav_en_reports.gif");     }
#left_column #service_nav li.st a,
#left_column #service_nav li.st p  { background-image : url("../media/site/snav_en_training.gif");    }
#left_column #service_nav li.sb a,
#left_column #service_nav li.sb p  { background-image : url("../media/site/snav_en_development.gif"); }
#left_column #service_nav li.sd a,
#left_column #service_nav li.sd p  { background-image : url("../media/site/snav_en_database.gif");    }

#left_column #service_nav li.scf a,
#left_column #service_nav li.scf p { background-image : url("../media/site/snav_fr_consulting.gif");  }
#left_column #service_nav li.srf a,
#left_column #service_nav li.srf p { background-image : url("../media/site/snav_fr_reports.gif");     }
#left_column #service_nav li.stf a,
#left_column #service_nav li.stf p { background-image : url("../media/site/snav_fr_training.gif");    }
#left_column #service_nav li.sbf a,
#left_column #service_nav li.sbf p { background-image : url("../media/site/snav_fr_development.gif"); }
#left_column #service_nav li.sdf a,
#left_column #service_nav li.sdf p { background-image : url("../media/site/snav_fr_database.gif");    }

#left_column #service_nav li.sc  a:hover,
#left_column #service_nav li.sr  a:hover,
#left_column #service_nav li.st  a:hover,
#left_column #service_nav li.sb  a:hover,
#left_column #service_nav li.sd  a:hover,
#left_column #service_nav li.scf a:hover,
#left_column #service_nav li.srf a:hover,
#left_column #service_nav li.stf a:hover,
#left_column #service_nav li.sbf a:hover,
#left_column #service_nav li.sdf a:hover,
#left_column #service_nav li p {
	background-position	: 100% 0;
}

#left_column #service_nav span {
	display			: none;
}

#left_column #login form .field {
	height			: 14px;
	margin-bottom	: 5px;
	padding			: 2px;
	width			: 250px;
}

#left_column #login form #password,
#left_column #login form #password2 {
	float			: left;
	margin-right	: 5px;
	width			: 182px;
}

#left_column #login form .button {
	float			: left;
}

#left_column #login form label {
	display			: none;
}

#left_column #extra_nav li a,
#left_column #extra_nav li p {
	display			: block;
	height			: 40px;
	padding			: 0;
	width			: 258px;
}

#left_column #extra_nav li span {
	display			: none;
}

#left_column #extra_nav .ea a,
#left_column #extra_nav .ea p  { background-image : url("../media/site/enav_en_ara.gif");   }
#left_column #extra_nav .eg a,
#left_column #extra_nav .eg p  { background-image : url("../media/site/enav_en_global.gif");}

#left_column #extra_nav .eaf a,
#left_column #extra_nav .eaf p { background-image : url("../media/site/enav_fr_ara.gif");   }
#left_column #extra_nav .egf a,
#left_column #extra_nav .egf p { background-image : url("../media/site/enav_fr_global.gif");}

#left_column #extra_nav .ea  a:hover,
#left_column #extra_nav .eg  a:hover,
#left_column #extra_nav .eaf a:hover,
#left_column #extra_nav .egf a:hover,
#left_column #extra_nav li p {
	background-position	: 100% 0;
}


/* Main Column */

#main_column {
	padding			: 0 0 0 335px;
}

#main_column div {
	margin-bottom	: 1.6em;
}

#main_column div div {
	margin-bottom	: 0;
}

.mod_article ul,
.mod_article ol {
	margin-left		: 2.5em;
}

.mod_article ol > li {
	list-style		: upper-roman outside;
	padding-bottom	: 1.6em;
}

.mod_article ol li ul {
	margin-left		: 0;
}

.mod_article ol li ul li {
	list-style		: none;
	padding-bottom	: 0;
}

.mod_article ul li {
	list-style		: disc outside;
	padding-bottom	: 1.6em;
}

.mod_article ul li ul li {
	list-style		: circle outside;
	padding-bottom	: 1.6em;
}

#contact,
#contactez-nous {
	overflow		: hidden;
}

#contact #column1,
#contact #column2,
#contactez-nous #column1,
#contactez-nous #column2 {
	float			: left;
	width			: 49%;
}

.ce_image {
	float			: left;
	margin-bottom	: 1.6em !important;
	overflow		: hidden;
	position		: relative;
}

* html .ce_image {
	padding-top		: 1.6em;
}

.ce_image h5 {
	color			: #ffffff;
	font			: 1.3333em/1.4em "trebuchet MS", verdana, arial, sans-serif;
	left			: 20px;
	position		: absolute;
	top				: 185px;
	width			: 220px;
}

.ce_image .image_container {
	border			: 1px solid #CCCCCC;
}

.ce_image .image_container img {
	vertical-align	: bottom;
}

#home .ce_image .image_container,
#accueil .ce_image .image_container,
#contact .ce_image .image_container,
#contactez-nous .ce_image .image_container {
	height			: 267px;
}




/* Content: News */

.mod_newslist {
	background		: url("../media/site/hr_ac.gif") 0 100% repeat-x;
	padding-bottom	: 18px;
}

.mod_newslist .block {
	background		: url("../media/site/hr.gif") 0 0 repeat-x;
	overflow		: hidden;
	padding			: 11px 0 11px;
}

.mod_newslist .block img {
	border			: 1px solid #CCCCCC;
	float			: left;
	line-height		: 1em;
	margin			: 0 10px 0 0;
	width			: 94px;
}

.mod_newslist .block a {
	border			: 1px solid #CCCCCC;
	display			: block;
	float			: left;
	margin			: 0 10px 11px 0;
}

.mod_newslist .block a:hover {
	border			: 1px solid #bf6c20;
}

.mod_newslist .block div h3 {
	padding-top		: 3px;
}

.mod_newslist .block div h3 a {
	border			: 0;
	float			: none;
	margin			: 0;
}

.mod_newslist .block div h3 a:hover {
	border			: 0;
}

.mod_newslist .block div {
	float			: left;
	padding			: 4px 0 0;
	width			: 336px;
}

.mod_newslist .block div p {
	padding-bottom	: 3px;
}

#news_link {
	display			: block;
}

#our-clients li,
#nos-clients li {
	list-style		: none;
	margin			: 0;
	padding			: 0;
}

#our-clients ul,
#nos-clients ul {
	overflow		: hidden;
	margin			: 0 0 1.6em 0;
}

#our-clients ul span,
#nos-clients ul span {
	color			: #777777;
}


/* Content: Clients & team accordians */

#main_column div .ce_accordion {
	margin-bottom	: .8em; !important;
}

.ce_accordion {
	background		: url("../media/site/hr_ac.gif") 0 100% repeat-x;
	overflow		: hidden;
	padding-bottom	: 18px;

}

.ce_accordion > h3 {
	background		: url("../media/site/hr.gif") 0 0 repeat-x;
	padding			: 12px 25px 10px 0;
}

.ce_accordion h3.accordion_header {
	padding			: 0;
}

.ce_accordion h3.accordion_header a:hover {
	background-position: 420px -182px;
	cursor			: pointer;
}

.ce_accordion h3.accordion_header a {
	background		: url("../media/site/ac_arrow.gif") 420px 18px no-repeat;
	display			: block;
	padding			: 12px 25px 10px 0;
}

.ce_accordion h3.active a {
	background-position: 420px -382px;
}

.ce_accordion h3.active a:hover {
	background-position: 420px -582px;
}

.ce_accordion > div > div {
	background		: url("../media/site/hr.gif") 0 0 repeat-x;
	overflow		: hidden;
	padding-top		: 15px;
}

.ce_accordion h2 {
	font-size		: 1.5em;
	padding-bottom	: 0;
}

.ce_accordion h4 {
	padding-bottom	: .8em;
}

.ce_accordion img {
	border			: 1px solid #CCCCCC;
	float			: left;
	height			: 150px;
	margin			: 0 10px 15px 0;
	width			: 100px;
}

.ce_accordion .even img {
	float			: right;
	margin			: 0 0 15px 10px;
}

.ce_accordion div div div {
	width			: 330px;
	float			: left;
}


.ce_hyperlink {
	padding-bottom	: 1.6em;
}

#archive .image_container {
	float			: right;
	margin-left		: 10px;
}

#archive .image_container img {
	border			: 1px solid #CCCCCC;
}


/* Content: Downloads */

#downloads .mod_login {
	display			: none;
}

#downloads .ce_download img {
	vertical-align	: bottom;
}


/* Content: Forms */

.mod_article form table td {
	padding			: 0 4px 4px 0;
}


/* Footer */

#footer {
	color			: #777777;
}