body {
	background: #fff url(../images/top-fade.jpg) repeat-x;
	font-family: verdana;
	font-size: 80%;
	color: #FFFFFF;
	text-align: center;
	padding: 0;
	margin: 0; 
}

p, span, img, h1, h2, h3, h4, h5 {	border: 0; padding: 0; margin: 0; }

a { color: #E71FEE; text-decoration: none; cursor: pointer; }
a:hover, a:active, a:focus { text-decoration: underline; }

sup { font-size: 0.7em; }

div#home, div#about, div#group, div#info, div#careers, div#news, div#press, div#contact { float: left; background: #fff url(../images/main-fade.jpg) repeat-x; width: 100%; text-align: center; padding: 0; margin: 0; display: block; min-height: 550px; }
div#home { background: #fff url(../images/top-fade.jpg) repeat-x; }
div.container { width: 750px;	margin: 0 auto; margin-top: 0px;	padding: 0;	position: relative; background-color: transparent; display: block; text-align: left; }

div.content { float: left; display: block; margin-top: 0px; width: 750px; background: transparent; }
div.content p { color: #5C5F60; font-size: 0.8em; line-height: 1.4em; padding: 10px 20px; }
div.content ul { color: #5c5f60; font-size: 0.8em; line-height: 1.4em; }
img.homelogo {	margin-top: 15px; margin-bottom: 65px; }
img.flag_en {	position: absolute; top: 75px; right: 30px; }
img.flag_fr {	position: absolute; top: 75px; right: 0px; }
img.logo { margin-top: 15px; width: 127px; }

/*menu*/
#home .menu { background: url(../images/menu-bkg.gif) 0px 0px no-repeat scroll; position: absolute; right: 0; top: 96px; }
#about .menu { background: url(../images/menu-about.gif) 0px 0px no-repeat scroll; position: absolute; right: 0; top: 38px; }
#group .menu { background: url(../images/menu-group.gif) 0px 0px no-repeat scroll; position: absolute; right: 0; top: 38px; }
#info .menu { background: url(../images/menu-info.gif) 0px 0px no-repeat scroll; position: absolute; right: 0; top: 38px; }
#careers .menu { background: url(../images/menu-careers.gif) 0px 0px no-repeat scroll; position: absolute; right: 0; top: 38px; }
#news .menu { background: url(../images/menu-news.gif) 0px 0px no-repeat scroll; position: absolute; right: 0; top: 38px; }
#press .menu { background: url(../images/menu-press.gif) 0px 0px no-repeat scroll; position: absolute; right: 0; top: 38px; }
#contact .menu { background: url(../images/menu-contact.gif) 0px 0px no-repeat scroll; position: absolute; right: 0; top: 38px; }
.menu { float:right; margin-top: 0px; margin-bottom:0px; width: 537px; height: 20px;  overflow: hidden; }
.menu ul  { margin: 0px; padding: 0px; list-style-type: none; position: relative;}
.menu ul li  { margin: 0px; padding: 0px; list-style-type: none; position: absolute; }
.menu ul li a { top: 0px; display: block ; text-indent: -5555px ; }

.menu .about  { left:   0px; top: 0px; width: 75px; height: 20px; }
.menu .about a {width: 75px; height: 20px; }
.menu .about a:hover {background: url(../images/menu-about-over.gif) 0px 0px no-repeat scroll; }

.menu .group  { left: 77px; top: 0px; width: 75px; height: 20px; }
.menu .group a {width: 75px; height: 20px; }
.menu .group a:hover {background: url(../images/menu-group-over.gif) 0px 0px no-repeat scroll; }

.menu .info  { left: 154px; top: 0px; width: 75px; height: 20px; }
.menu .info a {width: 75px; height: 20px; }
.menu .info a:hover {background: url(../images/menu-info-over.gif) 0px 0px no-repeat scroll; }

.menu .careers  { left: 231px; top: 0px; width: 75px; height: 20px; }
.menu .careers a {width: 75px; height: 20px; }
.menu .careers a:hover {background: url(../images/menu-careers-over.gif) 0px 0px no-repeat scroll; }

.menu .news  { left: 308px; top: 0px; width: 75px; height: 20px; }
.menu .news a {width: 75px; height: 20px; }
.menu .news a:hover {background: url(../images/menu-news-over.gif) 0px 0px no-repeat scroll; }

.menu .press  { left: 385px; top: 0px; width: 75px; height: 20px; }
.menu .press a {width: 75px; height: 20px; }
.menu .press a:hover {background: url(../images/menu-press-over.gif) 0px 0px no-repeat scroll; }

.menu .contact  { left: 462px; top: 0px; width: 75px; height: 20px; }
.menu .contact a {width: 75px; height: 20px; }
.menu .contact a:hover {background: url(../images/menu-contact-over.gif) 0px 0px no-repeat scroll; }
/* end menu */

/* icon menu */
.footicons { float: left; margin-top: 20px; margin-bottom:20px; width: 750px; height: 54px;  overflow: visible; background: url(../images/footer-icons.jpg) 0px 0px no-repeat scroll; }
.footicons ul  { margin: 0px; padding: 0px; list-style-type: none; position: relative;}
.footicons ul li  { margin: 0px; padding: 0px; list-style-type: none; position: absolute; }
.footicons ul li a { top: 0px; display: block ; text-indent: -5555px ; }

.footicons .iconhome  { left:   0px; top: 0px; width: 42px; height: 54px; }
.footicons .iconhome a { width: 42px; height: 54px; }

.footicons .iconup  { left:   662px; top: 0px; width: 42px; height: 54px; }
.footicons .iconup a { width: 42px; height: 54px; }

.footicons .icondown  { left:   705px; top: 0px; width: 42px; height: 54px; }
.footicons .icondown a { width: 42px; height: 54px; }

#home .footicons { background: url(../images/footer-icons-home.jpg) 0px 0px no-repeat scroll; }
#contact .footicons { background: url(../images/footer-icons-contact.jpg) 0px 0px no-repeat scroll; }
/* end icon menu */

/* heading styles */
h1 { }
h2 { text-align: left; color: #214182; font-weight: normal; font-size: 1.3em; margin: 27px 0 5px 0; padding: 0; }
h3 { text-align: left; color: #214182; font-weight: normal; font-size: 1.3em; margin: 15px 0px 5px 5px; padding: 0;}
h4 { text-align: left; color: #5C5F60; font-size: 1.1em; font-weight: normal; margin: 4px; border-bottom: 1px solid #dadada;}
h5 { text-align: left; color: #5C5F60; font-size: 1.0em; font-weight: normal; margin: 4px; border-bottom: 1px solid #dadada; }

#about .container .content h2 { text-indent: -5555px; margin: 27px 0 0 0; padding: 0; background: url(../images/title-about.jpg) no-repeat; width: 750px; height: 38px; }
#group .container .content h2 { text-indent: -5555px; margin: 27px 0 0 0; padding: 0; background: url(../images/title-group.jpg) no-repeat; width: 750px; height: 38px; }
#info .container .content h2 { text-indent: -5555px; margin: 27px 0 0 0; padding: 0; background: url(../images/title-info.jpg) no-repeat; width: 750px; height: 38px; }
#careers .container .content h2 { text-indent: -5555px; margin: 27px 0 0 0; padding: 0; background: url(../images/title-careers.jpg) no-repeat; width: 750px; height: 38px; }
#news .container .content h2 { text-indent: -5555px; margin: 27px 0 0 0; padding: 0; background: url(../images/title-news.jpg) no-repeat; width: 750px; height: 38px; }
#press .container .content h2 { text-indent: -5555px; margin: 27px 0 0 0; padding: 0; background: url(../images/title-press.jpg) no-repeat; width: 750px; height: 38px; }
#contact .container .content h2 { text-indent: -5555px; margin: 27px 0 0 0; padding: 0; background: url(../images/title-contact.jpg) no-repeat; width: 750px; height: 38px; }


/* home styles */
div#home div.content { float: left; display: block; margin-top: 0px; width: 750px; background: transparent url(../images/image-home.jpg) 0 0 no-repeat; }
div#home div.content p { text-indent: -55555px; background: transparent url(../images/intro-txt.png) 288px 0px no-repeat; height: 374px; }
/* end home */

/*about styles */
.aboutcircle { float: left; margin-top: 20px; margin-bottom:20px; width: 308px; height: 308px;  overflow: hidden; background: url(../images/about-circle.png) 0px 0px no-repeat scroll; }
.aboutcircle ul  { margin: 0px; padding: 0px; list-style-type: none; position: relative;}
.aboutcircle ul li  { margin: 0px; padding: 0px; list-style-type: none; position: absolute; cursor: pointer; }
.aboutcircle ul li a { top: 0px; display: block ; text-indent: -5555px ; }

.aboutcircle .conceive  {
	left: 82px;
	top: 13px;
	width: 140px;
	height: 35px;
}
.aboutcircle .conceive a { width: 140px; height: 35px;}

.aboutcircle .create  {
	left: 262px;
	top: 93px;
	width: 35px;
	height: 118px;
}
.aboutcircle .create a { width:35px; height: 118px; }

.aboutcircle .activate  {
	left: 86px;
	top: 259px;
	width: 131px;
	height: 36px;
}
.aboutcircle .activate a { width: 131px; height: 36px; }

.aboutcircle .evaluate  {
	left: 8px;
	top: 84px;
	width: 37px;
	height: 146px;
}
.aboutcircle .evaluate a { width: 37px; height: 146px; }

#conceive, #create, #activate, #evaluate { width: 330px; float: right; }
/* end about */

/* the group */
td { }
td.agency { vertical-align: top; padding: 0; background: url(../images/agency-fade.jpg) repeat-x #fff; }
td.agency p {  padding: 5px 5px; font-size: 1em; }
/* end the group */

/* The Group Styles - NEW */
div#agency-container { width: 636px; margin: 1em auto 1em auto; }
ul#agency-list { list-style: none; margin: 3em 0 1em 0; padding: 0 0 10px 0; clear: both; overflow: auto; }
li.agency-logo { float: left; margin: 3px; border-bottom: 1px solid #CCCCCC; padding-bottom: 6px; }
li.agency-logo img:hover { cursor: pointer; cursor: hand; }
div.agency-content { display: none; clear: both; overflow: auto; }
div.agency-content div.agency-copy { float: left; width: 372px; }
div.agency-content div.agency-copy p { padding: 0; margin: 0; }
div.agency-content div.agency-copy p.agency-name { padding: 0.5em 0 0.5em 0; color: #E720EE; font-size: 1.8em; }
div.agency-content a.agency-website { display: block; float: right; width: 246px; text-align: right; }
div.agency-content a.agency-website p { padding: 0.5em 0 0.5em 0; margin: 0; font-size: 1.8em; }
div.agency-content a.agency-website img { border: 1px solid #CCCCCC; }

/* corporate info */
div#corpmenu { margin-top: 25px; border-top: #DADADA solid 1px; border-right: #DADADA solid 1px; border-bottom: 0px; border-left: #DADADA solid 1px; width: 164px; float: left; }
div#corpmenu ul { margin: 0px; padding: 0px; list-style-type: none; }
div#corpmenu ul li {	margin: 0px; padding: 0px; list-style-type: none; overflow: hidden; }
div#corpmenu ul li a { margin: 0; display: block; padding: 8px 9px 7px 10px; border-bottom: 1px dotted #dadada; background: url(../images/corp-fade.jpg) repeat-x;}
div#corpmenu ul li.csr a { border-bottom: 1px solid #dadada; background: url(../images/csr-fade.jpg) repeat-x;}
div#history, div#vision, div#customerservice, div#awards, div#biogs, div#csr { margin-top: 25px; width: 537px; float: right; display: none; }
div#history { display: block; }
div#history h3 { text-indent: -5555px; margin: 0px; padding: 0; background: url(../images/title-history.jpg) no-repeat; width: 431px; height: 27px; }
div#vision h3 { text-indent: -5555px; margin: 0px; padding: 0; background: url(../images/title-vision.jpg) no-repeat; width: 431px; height: 27px; }
div#customerservice h3 { text-indent: -5555px; margin: 0px; padding: 0; background: url(../images/title-customer-service.jpg) no-repeat; width: 431px; height: 27px; }
div#awards h3 { text-indent: -5555px; margin: 0px; padding: 0; background: url(../images/title-awards.jpg) no-repeat; width: 431px; height: 27px; }
div#biogs h3 { text-indent: -5555px; margin: 0px; padding: 0; background: url(../images/title-biogs.jpg) no-repeat; width: 431px; height: 27px; }
div#csr h3 { text-indent: -5555px; margin: 0px; padding: 0; background: url(../images/title-csr.jpg) no-repeat; width: 431px; height: 27px; }

/* end corporate info */

/* careers styles */
div#careers div.content { float: left; display: block; margin-top: 0px; width: 750px; background: transparent url(../images/image-careers.jpg) 0px 85px no-repeat; height: 400px; min-height: 400px;}
div#careers div.content table { margin-left: 300px; margin-top: 25px;}
divcareers div.content th { font-weight: normal; }
divcareers div.content td { font-weight: bold; }
/* end careers */

/* news styles */
div#newsmenu { margin-top: 25px; border-top: 0px; border-right: #DADADA solid 1px; border-bottom: 0px; border-left: 0px; float: left; padding-right: 15px; width: 150px; min-height: 400px; }
div#newsmenu ul { margin: 0px; padding: 0px; list-style-type: none; }
div#newsmenu ul li {	margin: 0px; padding: 0px; list-style-type: none; }
div#newsmenu ul li a { display: block; padding: 8px 9px 7px 10px; border-bottom: 1px dotted #dadada; }
div.newscontent { float: right; width: 550px; }

#news .container .content h3 a { background: url(../images/plus.gif) no-repeat 0 0; padding-left: 30px; }
#news .container .content h3 a:hover, #news .container .content h3 a:active, #news .container .content h3 a:focus { background: url(../images/minus.gif) no-repeat 0 0; padding-left: 30px; }
div#newsmenu2 { margin-top: 25px; border-top: 0px; border-right: #DADADA solid 1px; border-bottom: 0px; border-left: 0px; float: left; padding-right: 15px; width: 150px; min-height: 400px; }
div#newsmenu2 ul { max-height: 300px; overflow-y: auto; overflow-x: hidden; margin: 0px; padding: 0px; list-style-type: none; }
div#newsmenu2 ul li {	width: 80%; margin: 0px; padding: 0px; list-style-type: none; }
div#newsmenu2 ul li a { display: block; padding: 8px 9px 7px 10px; border-bottom: 1px dotted #dadada; }
/* end news */

/*press styles */
#press .container .content h3 a { background: url(../images/plus.gif) no-repeat 0 0; padding-left: 30px; }
#press .container .content h3 a:hover, #press .container .content h3 a:active, #press .container .content h3 a:focus { background: url(../images/minus.gif) no-repeat 0 0; padding-left: 30px; }
/* end press */

/* Newsletter styles */
/*#newsletter .container .content .introtxt {color: #00BBE8; font-weight: bold; font-size: 12px; line-height: 17px; }*/
#newsletter .container .content img.leftpic { float:left; border: 1px solid #00BBE8; margin: 5px 5px 5px 0px; padding: 0; }
#newsletter .container .content img.rightpic { float:right; border: 1px solid #00BBE8; margin: 5px 0px 5px 5px; padding: 0;}
/* end Newsletter styles */

li ul li {font-size: 1.2em; }

/*join the cote */
img.jvote { position: absolute; top: 450px; left: 40px; }
img.monline { position: absolute; top: 540px; left: 40px; }

/*calendar styles*/
#home .calendarLeftcol {float: left; width: 330px; margin:0; padding:0;}
#home .calendarRightcol {float: right; width: 420px; margin:0; padding:0;}
#home .colorBox {height: 124px; padding: 20px 5px 10px 10px; margin:0;}
#home .colorBox1 {height: 124px;  padding: 20px 10px 10px 10px; margin:0;}
#home .colorBox a {color:#ffffff; font-weight:bold; text-decoration:underline;}
#home .colorBox a:hover {color:#000000; font-weight:bold; text-decoration:underline;}
/*#home .colorBox a:visited {color:#ffffff; font-weight:bold; text-decoration:underline;}*/
#home .colorBox p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF;}
#home .colorBoxWhite {height: 74px; background: #ffffff; padding: 20px 10px 10px 10px; margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000;}
#home .colorBoxWhite a {color:#f1645d; font-weight:bold; text-decoration:underline;}
#home .colorBoxWhite a:hover {color:#000000; font-weight:bold; text-decoration:underline;}
#archive {width:100%; height:54px; background-image: url(../images/calendar/archive_fade.jpg); background-repeat:no-repeat; background-position: bottom; float:left; margin-bottom:20px;}

.Green 		{background: #75b749;}
.Blue  		{background: #25aae1;}
.Purple		{background: #662d91;}
.DeepPink	{background: #ee2b7b;}
.Brown	    {background: #a87b50;}
.BlueViolet {background: #9b5ba4;}
.DarkGreen  {background: #006225;}
.DarkBlue   {background: #013a81;}
.Salmon     {background: #b07660;}
.SandyBrown {background: #d06f1a;}
.Black      {background: #000000;}
.Teal       {background: #006a71;}
.RoyalBlue  {background: #0076c0;}

#archive #navigation {
   margin: 0 0 20px 0;
   padding: 0;
   list-style-type: none;
   background:transparent url(../image_bkg.jpg) no-repeat left top;
   clear:both;
   width:750px;
   height:54px;
}

#archive #navigation li {
   float:left;
   list-style:none;
}

#archive #navigation li {
   display: block;
   width: 54px;
   height:54px;
   margin-right:4px;
   text-indent:-9000px;
   cursor:pointer;
}

#archive #nav1 {
	background:transparent url(../images/calendar/dec08_thumb_grey.jpg) no-repeat left top;
}

#archive #nav2 {
	background:transparent url(../images/calendar/jan_thumb_grey.jpg) no-repeat left top;
}

#archive #nav3 {
	background:transparent url(../images/calendar/feb_thumb_grey.jpg) no-repeat left top;
}

#archive #nav4 {
	background:transparent url(../images/calendar/mar_thumb_grey.jpg) no-repeat left top;
}

#archive #nav5 {
	background:transparent url(../images/calendar/apr_thumb_grey.jpg) no-repeat left top;
}

#archive #nav6 {
	background:transparent url(../images/calendar/may_thumb_grey.jpg) no-repeat left top;
}

#archive #nav7 {
	background:transparent url(../images/calendar/june_thumb_grey.jpg) no-repeat left top;
}

#archive #nav8 {
	background:transparent url(../images/calendar/july_thumb_grey.jpg) no-repeat left top;
}

#archive #nav9 {
	background:transparent url(../images/calendar/aug_thumb_grey.jpg) no-repeat left top;
}

#archive #nav10 {
	background:transparent url(../images/calendar/sept_thumb_grey.jpg) no-repeat left top;
}

#archive #nav11 {
	background:transparent url(../images/calendar/oct_thumb_grey.jpg) no-repeat left top;
}

#archive #nav12 {
	background:transparent url(../images/calendar/nov_thumb_grey.jpg) no-repeat left top;
}

#archive #nav13 {
	background:transparent url(../images/calendar/dec09_thumb_grey.jpg) no-repeat left top;
}

#archive #navigation li.inactive {
   background: none; cursor:default;
}

#logosContainer {width:100%; height:80px; float:left;}

.logos {width:120px; height:80px; margin-right:5px; float:left;}

#eventsCalendar {height:30px; margin-top:20px; background-color:#CCCCCC;}

#eventsCalendar p {color:#FFFFFF; text-decoration: none; cursor:pointer;}