@import url("reset.css");

/* File Download Icons */

a.file {background: url('../images/icon-file.gif') 0 0 no-repeat; padding-left: 20px;}
a.pdf {background: url('../images/icon-pdf.gif') 0 0 no-repeat; padding-left: 20px; }
a.doc {background: url('../images/icon-doc.gif') 0 0 no-repeat; padding-left: 20px;}


/************** Accessoires ***************/

body { font: 62.5%/1.8em Verdana,Tahoma,sans-serif; background-color: #181818; }

h1, h2, h3 { margin-bottom: 10px; }

h1 { font-size: 1.4em; text-transform: uppercase; font-weight: 100; color: #ff7f00; }
h2 { font-size: 1.2em; color: #000; }
h3 { font-size: 1.2em; color: #c31039; font-weight: 100; margin-bottom: 5px; text-transform: uppercase; }

h3 span { color: #000!important; text-transform: none; }
h1 span { color: #000!important;  }

hr { border-top: 1px solid #ccc; border-bottom: 0px; border-left: 0px; border-right: 0px; }

#p-about h1 { color: #ffbb00; }
#p-index h1 { color: #000; }
#p-services h1 { color: #C31039; } 
#p-services h1 a { color: #C31039; } 
#p-contact h1 { color: #ffbb00; }
#p-references h1 { color: #998b7d; }
#p-references h3 { color: #998b7d; }
#p-case_studies h3 { color: #FF7F00; }

/************** Main Tags ***************/

.left { float:left; }
.right{ float:right!important; }
.clear { display:block; clear: both; }

.rimage { float: right; clear: right; margin: 0 0 10px 10px; }
.limage { float: left; clear: left; margin: 0 10px 0 10px; }
.red { color: #C31039; }

/************** Lists       ***************/

ul { padding-left: 30px; margin-bottom: 10px; }
ul li { font-size: 1.2em; list-style: disc; }
ol { padding-left: 30px; margin-bottom: 10px; }
ol li { font-size: 1.2em; list-style: decimal; }

ul.referees { padding-left: 0px; }
ul.referees li { list-style: none; }

ul.qbdownload { padding-left: 0px; }
ul.qbdownload li { list-style: none; clear: both; padding-bottom: 10px; float: left; width: 410px; }
ul.qbdownload li p { font-size: 1.0em!important; }
ul.qbdownload li img { float: left; display: inline; margin-right: 20px; }

/************** Containers  ***************/

#container { margin: 33px auto 33px auto; width: 958px; overflow: hidden; background: url('../images/core/bg_slice.gif') 0 0 repeat-y;   }
#header{ width: 958px; float: left; height: 115px; background: url('../images/core/bg_header.gif') 0 0 no-repeat; position: relative; }
#header h1 { display: block; text-indent: -9999px; position: absolute; top: 28px; left: 29px; background: url('../images/core/header.gif') 0 0 no-repeat; width: 581px; height: 80px; }
#header p { display: block; text-indent: -9999px; position: absolute; top: 29px; right: 29px; background: url('../images/core/cta.gif') 0 0 no-repeat; width: 315px; height: 78px; }
		
#content { padding:  10px 28px 20px 28px; float: left; background: url('../images/core/bg_contentSlice.jpg') bottom left repeat-x; }

#content p { font-size: 1.2em; margin-bottom: 10px; }
 
#content a { color: #ff7f00; text-decoration: none; }
#content a:hover { text-decoration: underline; }

#primary { width: 419px; float: left; padding: 10px 6px 0 10px; }
#p-services #primary { width: 560px!important; }
#p-case_studies #primary { width: 560px!important; }
#p-references #primary { width: 560px!important; }

#secondary { width: 325px; float: left; background: url('../images/core/bg_secondaryRight.gif') top right repeat-y; padding: 10px 0 0 0; }

#p-case_studies #secondaryContent { background: url('../images/core/bg_secondaryHeadCs.gif') 0 0 no-repeat #ececed; }
#secondaryContent { width: 311px; float: left; background: url('../images/core/bg_secondaryHead.gif') 0 0 no-repeat #ececed; padding-top: 6px; padding-bottom: 30px; margin-bottom: 15px; position: relative; }

#secondaryContent h2 { width: 92px; background: url('../images/core/h2_services.gif') 45px 0 no-repeat; padding-left: 45px; display: block; float: left; clear: both; height: 15px;  }
#secondaryContent h2 a { text-indent: -9999px; width: 92px; height: 45px; display: block; float: left;  }

#p-case_studies #secondaryContent h2{ background: url('../images/core/h2_casestudies.gif') 45px 0 no-repeat; width: 137px; text-indent: -9999px; }

#secondaryFoot { position: absolute; width: 311px; height: 30px; bottom: 0; left: 0; background: url('../images/core/bg_secondaryFoot') 0 0 no-repeat; }

#brands { width: 263px; height: 107px; float: left; background: url('../images/core/bg_brands.gif') 0 0 no-repeat; padding: 20px 20px 20px 27px;  }
#brands h2 { width: 74px; float: left; background: url('../images/core/h2_brands.gif') 0 0 no-repeat!important; margin: 0 0 7px 0; padding: 0px; display: block; text-indent: -9999px; float: left; clear: both; height: 15px; }

#slideshow { width: 250px; height: 80px; float: left; text-align: center; }
#slideshow img { margin: 0 auto!important;  }

#primaryContent { width: 379px; padding: 0 20px 18px 20px; background: url('../images/core/bg_primaryHead.gif') 0 0 no-repeat #ececed; margin-bottom: 15px; position: relative; padding-top: 6px; }
#primaryContent h2 { width: 270px; background: url('../images/core/h2_videoResume.gif') 0 0 no-repeat; margin-left: 15px; margin-bottom: 20px; display: block; text-indent: -9999px; float: left; clear: both; height: 15px; }
#primaryFoot { position: absolute; width: 419px; height: 14px; bottom: 0px; left: 0px; background: url('../images/core/bg_primaryFoot.gif') 0 0 no-repeat; }

#tertiary { width: 140px; float: right; padding-top: 15px; color: #fff; line-height: 1.3em; }
#tertiary div { padding-top: 12px; }
#tertiary h3 { padding-left: 13px; margin-bottom: 4px; padding-top: 3px; color: #fff; font-weight: bold; }
#tertiary a { color: #fff; text-decoration: none; font-weight: bold; clear: both; display: block; }
#tertiary a:hover { text-decoration: underline; }
#tertiary p { }

#emailCta  { width: 124px; height: 65px; padding: 0 0 0 16px; float: left; background: url('../images/core/bg_tertiaryOrange.gif') -10px 0 no-repeat; }
#briefCta  { width: 124px; height: 65px; padding: 0 0 0 16px; float: left; background: url('../images/core/bg_tertiaryRed.gif') -10px 0 no-repeat; }
#linksCta  { width: 112px; height: 332px; padding: 0 12px 0 16px; float: left; background: url('../images/core/bg_tertiaryYellow.gif') -3px 0 no-repeat; }
#linksCta p { font-size: 0.9em; }
#linksCta h4 { font-size: 1.1em; }
#linksCta a  { font-size: 0.9em; padding-bottom: 4px; }

#footer{ width: 898px; height: 30px; float: left; background: url('../images/core/bg_footer.gif') 0 0 no-repeat; padding: 0 30px; color: #fff; }
#footer h3 { float: left; display: block; width: 94px; height: 13px; text-indent: -9999px; background: url('../images/core/h3_contact.gif') 0 0 no-repeat; margin-top: 7px; }
#footer p {  float: left; padding: 5px 5px 0 5px; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline;}
#footer img { float: left; }
#footer img.phone { margin-top: 1px; }
#footer img.mail { margin-top: 6px; }
#footer strong { padding-left: 5px; }

div.reference { padding-top: 10px; }
div.csSlide { float: left; width: 560px; clear: both; height: 800px; }
div.csSlide div.left { width: 520px; padding-right: 40px; }
div.caseStudy { width: 560px; float: left; position: relative; }
div.caseStudy h2 { border-bottom: 1px solid #ccc; padding-bottom: 8px; }

p.prevNext { position: absolute; top: 0px; right: 0px; display: block; }
p.prevNext  { text-transform: uppercase; }	

a.csprev { height: 22px; padding-left: 25px; padding-right: 5px; padding-top: 1px; background: url('../images/core/bg_prev.gif') 0 0 no-repeat; display: block; float: left; }
a.csnext { height: 22px; padding-right: 25px; padding-left: 5px; padding-top: 1px; background: url('../images/core/bg_next.gif') top right no-repeat; display: block; float: left; }

/************** Navigation  ***************/


div#navWrapper { float: left; padding-left: 28px; }
ul#nav{ height: 43px; float: left; display: block; padding-left: 0px; border-top: 4px solid #000; padding-top: 2px;  margin-bottom: 0px; }
#nav li { float: left; height: 43px; list-style: none; }
#nav li a { height: 43px; display: block; text-indent: -9999px; }

#nav li.home {  width: 149px; }
#nav li.about {  width: 152px; }
#nav li.services {  width: 150px; }
#nav li.case_studies {  width: 150px; }
#nav li.references {  width: 153px; }
#nav li.contact {  width: 147px; }

#nav li.home a { width: 149px; background-image: url('../images/core/Main_Nav_01.gif');  }
#nav li.about a { width: 152px; background-image: url('../images/core/Main_Nav_02.gif');  }
#nav li.services a { width: 150px; background-image: url('../images/core/Main_Nav_03.gif');  }
#nav li.case_studies a { width: 150px; background-image: url('../images/core/Main_Nav_04.gif');  }
#nav li.references a { width: 153px; background-image: url('../images/core/Main_Nav_05.gif');  }
#nav li.contact a { width: 147px; background-image: url('../images/core/Main_Nav_06.gif');  }

#nav li a:hover { background-position: 0 -43px; }

#p-index li.home a { background-position: 0 -87px; }
#p-about li.about a { background-position: 0 -86px; }
#p-services li.services a { background-position: 0 -86px; }
#p-case_studies li.case_studies a { background-position: 0 -86px; }
#p-references li.references a { background-position: 0 -86px; }
#p-contact li.contact a { background-position: 0 -86px; }

ul#secondaryNav { width: 311px; float: left; display: block; padding-left: 0px; margin-bottom: 0px; }
ul#secondaryNav li { width: 311px; height: 49px; display: block; float: left; list-style: none; }
ul#secondaryNav li.drc { height: 48px; overflow: hidden; }
ul#secondaryNav li a { width: 311px; height: 49px; display: block; float: left; text-indent: -9999px; }
ul#secondaryNav li a:hover { background-position: 0 -99px; }

body.smp ul#secondaryNav li.smp a { background-position: 0 -49px; }
body.bd ul#secondaryNav li.bd a { background-position: 0 -49px; }
body.drc ul#secondaryNav li.drc a { background-position: 0 -49px; }
body.ims ul#secondaryNav li.ims a { background-position: 0 -49px; }
body.ad ul#secondaryNav li.ad a { background-position: 0 -49px; }
body.dp ul#secondaryNav li.dp a { background-position: 0 -49px; }

ul#secondaryNav li.smp a { background-image: url('../images/core/nav_01.gif'); }
ul#secondaryNav li.bd a { background-image: url('../images/core/nav_02.gif'); }
ul#secondaryNav li.drc a { background-image: url('../images/core/nav_03.gif'); }
ul#secondaryNav li.ims a { background-image: url('../images/core/nav_04.gif'); }
ul#secondaryNav li.ad a { background-image: url('../images/core/nav_05.gif'); }
ul#secondaryNav li.dp a { background-image: url('../images/core/nav_06.gif'); }

ul#secondaryCSNav { width: 311px; float: left; display: block; padding-left: 0px; margin-bottom: 0px; }
ul#secondaryCSNav li { width: 311px; height: 49px; display: block; float: left; list-style: none; }
ul#secondaryCSNav li.drc { height: 48px; overflow: hidden; }
ul#secondaryCSNav li a { width: 311px; height: 49px; display: block; float: left; text-indent: -9999px; }
ul#secondaryCSNav li a:hover { background-position: 0 -99px; }
ul#secondaryCSNav li.smp a { background-image: url('../images/core/nav_01.gif'); }
ul#secondaryCSNav li.bd a { background-image: url('../images/core/nav_02.gif'); }
ul#secondaryCSNav li.drc a { background-image: url('../images/core/nav_03.gif'); }
ul#secondaryCSNav li.ims a { background-image: url('../images/core/nav_04.gif'); }
ul#secondaryCSNav li.ad a { background-image: url('../images/core/nav_05.gif'); }
ul#secondaryCSNav li.dp a { background-image: url('../images/core/nav_06.gif'); }

ul#secondaryCSNav li a.active { background-position: 0 -49px!important; }

/************** Form        ***************/

.form { margin-bottom: 15px; float: left; display: block; padding-left: 0px; }
.form li { margin-bottom: 5px; list-style: none; clear: both; } 
.form label  { display: inline-block; width: 200px; float: left; padding-bottom: 5px; }

form { display: block; float: left; }
fieldset { float: left; }
textarea { width: 400px; padding-left: 3px; padding-top: 3px; font-family: Verdana,Tahoma,sans-serif; font-size: 1.1em  }
input { width: 200px; font-family: Verdana,Tahoma,sans-serif; font-size: 0.9em; }
select { margin-top: 10px; font-size: 0.9em; }

span.attention {color: #ff0000; font-weight: bold;}

.baseform label.error { float: none; display: block; color: #ff0000; margin-left: 200px; width: auto; padding-top: 5px!important; padding-bottom: 0px!important; }

input.subres { width: 100px; font-size: 0.9em!important; float: right; margin-top: 10px; }