/**
 * Keystone.be
 *
 * @author  	DMA for Emakina+MGA (because we are always at least 10peeps to work on the same project)
 * @date		2009-11-17
 * @version 	0.1
 * @workaround 	using proprietary value, zoom:1 to refresh IE's layout drawing
 * @valid   	false
 */

/* reset */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}

/* general */
body {background:#000;font: 62.5%/1.5em Arial;}
a {text-decoration:none;color:#292425;}
p {font-size:1.3em;line-height:17px;color:#373635;}

/* sprite */
/* ico */
.ico, .news .section_right li, #pager li a, .bg1 #pager #item1, .bg2 #pager #item2, .bg3 #pager #item3, .bg4 #pager #item4,
.news .section_right input {background:url('../_img/sprite.png') no-repeat;}
/* ========== */
/* = layout = */
/* ========== */
#wrapper {position:relative;width: 1200px;height: 800px;margin:0 auto;}
/*slide show our specialism*/
.bg1 {background:url('../_img/bg_page/bg1.jpg') no-repeat;}
.bg2 {background:url('../_img/bg_page/bg2.jpg') no-repeat;}
.bg3 {background:url('../_img/bg_page/bg3.jpg') no-repeat;}
.bg4 {background:url('../_img/bg_page/bg4.jpg') no-repeat;}
/*slide show our what we do*/
#what_we_do .bg1 {background:url('../_img/bg_page/bg_what_1.jpg') no-repeat;}
#what_we_do .bg2 {background:url('../_img/bg_page/bg_what_2.jpg') no-repeat;}
#what_we_do .bg3 {background:url('../_img/bg_page/bg_what_3.jpg') no-repeat;}

.contact_form {background:url('../_img/bg_page/bg_contact.jpg') no-repeat;}
	.contact_form .content {padding:275px 0 0 25px;}	
	.section {float:left;}
	.contact_form .section_left {width:210px;padding:0 0 0 20px;}
	.contact_form .section_right {width:480px;padding:0 0 0 40px;}
.news {background:url('../_img/bg_page/bg_news.jpg') no-repeat;}
.news .content {padding:275px 0 0 25px;}
	.news .section_left {width:520px;padding:0 20px;}
	.news .section_right {width:170px;padding:0 0 0 40px;}
	.newsDocument {text-decoration:underline;}
	.newsDocument:hover {text-decoration:none;}
.facebook {background:url('../_img/bg_page/bg_facebook.jpg') no-repeat;}
.facebook .content {width:1000px;}
.credential {background:url('../_img/bg_page/bg_credential.jpg') no-repeat;}
	.credential .content {padding:260px 0 0 25px;}	
.credential_detail {background:url('../_img/bg_page/bg_credential_detail.jpg') no-repeat;}
	.credential_detail .content {padding:180px 0 0 25px;}
	.credential_detail .section_left {width:465px;padding:0 35px 0 0;}
	.credential_detail .section_right {width:145px;padding:0}
.header {width:113px;margin-left:50px;float:left;display:inline;}
.content {float:left;padding:300px 0 0 25px;/* position:relative; */width:850px;}
.footer {position:absolute;left:50px;top:390px;}
.slide .footer, .facebook .footer {top:465px;}
	
/* ========== */
/* = header = */
/* ========== */

	/* logo */
	.header p a {display:block;height:186px;width:113px;margin-bottom:28px;}
	.header p span {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
	
	/* menu */
	.header li {font-style: italic;border-bottom:1px dotted #6a6162;padding:3px 0 3px 10px;font-size:1.2em;}
	.contact .header li {border-bottom:1px dotted #264855;}
	.facebook .header li {border-bottom:1px dotted #aa6903;}
	.credential .header li {border-bottom:1px dotted #3c3a3a}
	.credential_detail .header li {border-bottom:1px dotted #924f02}
	.contact_form .header li {border-bottom:1px dotted #244653}
	.header li.selected a {color:#fff;}
	.header li.last {border-bottom:none;}
	.header li a:hover {color:#fff;}
	
	/* contact */
	.header a.contact {position:absolute;left:188px;top:28px;display:block;height:57px;width:92px;margin-bottom:0;}
	.header a.contact span {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}

/* =========== */
/* = content = */
/* =========== */

/* common */
.content h1 span {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;font: 1.5em/16px Arial;color:#fff;}
.ico_more, .ico_back {padding-left:20px;display:inline-block;line-height:15px;color:#282524;font-family:"Trebuchet MS";font-weight:bold;font-style:italic;font-size:1.2em;}
.ico_more {background-position:0 -90px;}
.ico_back {background-position:0 -120px;}
.ico_more:hover, .ico_back:hover {text-decoration:underline;}
.nav_internal {position:absolute;top:210px;left:508px;color:#fff;text-align:right;width:220px;}
.nav_internal_bottom {position:static;margin:20px 0 0 0;float:right;}
.nav_internal .ico_more {background:url(../_img/ico/ico_more.png) no-repeat 100% 0;padding-left:0;padding-right:20px;margin-left:20px;}
.nav_internal .ico_more {background:url}


.credential .nav_internal {left:614px;}
.credential .ico_more,.credential .nav_internal a {color:#7B7775}

/*slide show*/
.slide  .content h2 {font: 1.5em/16px Arial;color:#fff;}
.slide  .content h2 span {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;font: 1.5em/16px Arial;color:#fff;}
.slide  .content p, .facebook .content p {font: 1.5em/16px Arial;color:#d3cdc9;position:absolute;top:390px;text-shadow: 2px 2px 2px #2e0b00;}
#what_we_do .content p {color:#3d3d3d;text-shadow:none;}
	.content1, .content2, .content3, .content4 {display:none;} 
	.bg1 .content1, .bg2 .content2, .bg3 .content3, .bg4 .content4 {display:block;}
	
	/* pager */
	#pager {position:absolute;top:467px;}
	#pager ul {overflow:hidden;zoom:1;}
	#pager li {float:left;margin:0 4px 0 0;}
	#pager li a {display:block;float:left;height:18px;width:18px;background-position:0 -220px;color:#f7f7f5;line-height:18px;text-align:center;}
	.bg1 #pager #item1, .bg2 #pager #item2, .bg3 #pager #item3, .bg4 #pager #item4  {background-position:0 -240px;}
	/* controls */
	.controls {height:21px;margin-top:7px;}
	#speciolisms .controls {background: url('../_img/bg/bg_control.png') no-repeat;width:84px;padding:7px 0 0 7px;}
	#what_we_do .controls {background: url('../_img/bg/bg_control_small.png') no-repeat;width:62px;padding:7px 0 0 7px;}
	.controls a {line-height:21px;display: block;float:left;height:7px;}
	.controls #stop {width:5px;/* background: url('../_img/ico/ico_pause.png') no-repeat center; */padding:0 0 0 20px;}
	.controls #stop.ico {background-position:0 -30px;}
	#what_we_do .controls #stop, #what_we_do .controls #play {padding:0 0 0 10px;}
	.controls #play {width:5px;padding:0 0 0 20px;display:none;}
	.controls #play.ico {background-position:0 -20px;}
	.controls #prev {width:9px;padding:0 0 0 25px;}
	.controls #prev.ico {background-position:0 -10px;}
	#what_we_do .controls #prev {padding:0 0 0 15px;}
	.controls #next {width:9px;padding:0 0 0 9px;}
	.controls #next.ico {background-position:0 0;}
	
/* contact form */
h2, legend {color:#282523;font-style:italic;font-size:1.8em;padding:0 0 25px 0;font-family:"Trebuchet MS";}
address {font-size:1.3em;font-weight:normal;color:#282523;margin-top:35px;line-height:17px;}
legend {font-weight:bold;}
form p {padding-bottom:20px;color:#383837;}
form p.error {color:#9e2020;}
label {display:none;}
input, textarea {background:#000;border:none;margin-bottom:10px;color:#fff;padding:0 0 0 10px;width:190px;font-size:1.1em;font-family:Arial;}
input {padding:5px 0 5px 10px;}
textarea {overflow:auto;padding:10px;width:180px;}
.btn_submit {background-position:0 -185px;color:#282524;font-size:1.2em;font-weight:bold;font-style:italic;width:auto;padding:0 0 0 15px;height: 15px;line-height:15px;display:block;cursor:pointer;}
.hidden {position:absolute;text-indent:-9999px;}

/* news */
.post {background:url('../_img/bg/sep_post.png') repeat-x bottom;padding:20px 0 17px 0;}
.first_post {padding:0 0 17px 0;}
.post img {float:left;margin:3px 10px 0 0;}
.title {margin-bottom:15px;}
.title h2 {display:inline;}
.title span {color:#726c69;font-family:"Trebuchet MS";padding:0 0 0 10px;font-style:italic;font-size:1.2em;}
.text {margin-bottom:15px;}
.post p {margin-bottom:17px;overflow:hidden;zoom:1;}
.news .section_right form {margin-bottom:30px;position:relative;}
.news .section_right legend {padding:0 0 8px 0;}
.news .section_right input {background-position:0 -270px;width:119px;height:19px;color:#7b7775;padding:3px 0 0 10px;margin-bottom:0;}
.news .section_right form .submit_search {width:15px;height:15px;padding:0;position:absolute;margin:3px 0 0 3px;}
.news .section_right h2 {padding:0 0 15px 0;}
.news .section_right ul {margin-bottom:30px;}
.news .section_right li {background-position:0 -155px ;font-size:1.2em;}
.news .section_right a {color:#615e5c;padding:0 0 0 11px;}
.news .section_right a:hover {text-decoration:underline;}
.news .next {color:#615E5C;left:650px;}
.news_detail .post {background:none;}
.news_detail .body {max-height:445px;height: auto !important;height:445px;overflow:auto;margin-bottom:17px;padding:0 5px 0 0;}

/* facebook */
.people {overflow:hidden;zoom:1;margin-top: 170px;}
.people div {float:left;margin:0 25px 0 0;}
.people h2 {color:#e2d5cd;padding:0 0 8px 0;}
.people li {font-size:1.3em;}
.people a {color:#332b22;}
.people .pict {position:absolute;cursor:pointer;}
.people .pict span {position:absolute;left:0;top:0;height:100%;width:100%;}
.people .pict .color {display:none;}
.people .pict .nb {display:block;}
.people a:hover {color:#fae3c7;}
.people a:hover .nb {display:none;}
.people a:hover .color {display:block;}


#img1 .pict {top:15px;left:570px;}
#img1 .pict span {background: url('../_img/frame/frame1.png') no-repeat;width:132px;height:178px;}
#img2 .pict {top:137px;left:862px;}
#img2 .pict span {background: url('../_img/frame/frame2.png') no-repeat;width:98px;height:139px;}
	/* #img3 .pict {top:20px;left:432px;}
	#img3 .pict span {background: url('../_img/frame/frame3.png') no-repeat;width:42px;height:46px;} */
	/* #img4 .pict {top:143px;left:442px;}
	#img4 .pict span {background: url('../_img/frame/frame4.png') no-repeat;width:51px;height:59px;} */
#img5 .pict {top:160px;left:983px;}
#img5 .pict span {background: url('../_img/frame/frame5.png') no-repeat;width:87px;height:71px;}

	/* #img6 .pict {top:382px;left:1060px;}
	#img6 .pict span {background: url('../_img/frame/frame6.png') no-repeat;width:79px;height:65px;} */ 
#img7 .pict {top:200px;left:653px;}
#img7 .pict span {background: url('../_img/frame/frame7.png') no-repeat;width:78px;height:77px;}
#img8 .pict {top:180px;left:760px;}
#img8 .pict span {background: url('../_img/frame/frame8.png') no-repeat;width:91px;height:90px;}
#img9 .pict {top:25px;left:425px;}
#img9 .pict span {background: url('../_img/frame/frame9.png') no-repeat;width:96px;height:114px;}
	/* #img10 .pict {top:45px;left:888px;}
	#img10 .pict span {background: url('../_img/frame/frame10.png') no-repeat;width:52px;height:50px;} */

#img11 .pict {top:225px;left:565px;}
#img11 .pict span {background: url('../_img/frame/frame11.png') no-repeat;width:58px;height:75px;}
#img12 .pict {top:30px;left:1020px;}
#img12 .pict span {background: url('../_img/frame/frame12.png') no-repeat;width:77px;height:92px;}
	/* #img13 .pict {top:234px;left:952px;}
	#img13 .pict span {background: url('../_img/frame/frame13.png') no-repeat;width:41px;height:42px;} */
#img14 .pict {top:115px;left:1099px;}
#img14 .pict span {background: url('../_img/frame/frame14.png') no-repeat;width:70px;height:95px;}
#img15 .pict {top:280px;left:750px;}
#img15 .pict span {background: url('../_img/frame/frame15.png') no-repeat;width:103px;height:130px;}

#img16 .pict {top:150px;left:480px;}
#img16 .pict span {background: url('../_img/frame/frame16.png') no-repeat;width:80px;height:69px;}
#img17 .pict {top:220px;left:1065px;}
#img17 .pict span {background: url('../_img/frame/frame17.png') no-repeat;width:109px;height:146px;}
#img18 .pict {top:29px;left:725px;}
#img18 .pict span {background: url('../_img/frame/frame18.png') no-repeat;width:109px;height:146px;}
	/* #img19 .pict {top:40px;left:539px;}
	#img19 .pict span {background: url('../_img/frame/frame19.png') no-repeat;width:90px;height:90px;} */
	/* #img20 .pict {top:139px;left:547px;}
	#img20 .pict span {background: url('../_img/frame/frame20.png') no-repeat;width:90px;height:90px;} */

	/* #img21 .pict {top:180px;left:967px;}
	#img21 .pict span {background: url('../_img/frame/frame21.png') no-repeat;width:91px;height:90px;} */
#img22 .pict {top:295px;left:640px;}
#img22 .pict span {background: url('../_img/frame/frame22.png') no-repeat;width:90px;height:90px;} 
#img23 .pict {top:20px;left:855px;}
#img23 .pict span {background: url('../_img/frame/frame23.png') no-repeat;width:90px;height:90px;}
#img24 .pict {top:310px;left:870px;}
#img24 .pict span {background: url('../_img/frame/frame24.png') no-repeat;width:90px;height:90px;}
	/* #img25 .pict {top:236px;left:550px;}
	#img25 .pict span {background: url('../_img/frame/frame25.png') no-repeat;width:90px;height:90px;} */  

	/* #img26 .pict {top:167px;left:1075px;}
	#img26 .pict span {background: url('../_img/frame/frame26.png') no-repeat;width:90px;height:90px;} */
#img27 .pict {top:70px;left:950px;}
#img27 .pict span {background: url('../_img/frame/frame27.png') no-repeat;width:58px;height:75px;}
#img28 .pict {top:280px;left:975px;}
#img28 .pict span {background: url('../_img/frame/frame28.png') no-repeat;width:77px;height:92px;}
#img29 .pict {top:285px;left:505px;}
#img29 .pict span {background: url('../_img/frame/frame29.png') no-repeat;width:70px;height:95px;}

/* credentials */
.case {border-bottom:1px dotted #535050;overflow:hidden;zoom:1;padding:0 0 18px 0;width:625px;margin:0 0 18px 25px;}
.case img {float:left;margin:3px 0 0 0;}
.case div {float:left;width:500px;margin:0 0 0 35px;}
.case h2 {color:#d9d9d9;padding:0 0 10px 0;}
.case p {color:#7b7775;text-align:justify;margin-bottom:8px;font-size:1.1em;}
.case .more {color:#d9d9d9;}
/* credentials detail */
.credential_detail .section_left h2 {font-size:6.0em;line-height: 60px;color:#fff;padding:0 0 15px 0;text-shadow: 2px 2px 2px #2e0b00;filter:progid:DXImageTransform.Microsoft.Shadow(color=#2e0b00,direction=45);}
.credential_detail .intro {font-size:2.1em;font-weight:bold;font-style:italic;font-family:"Trebuchet MS";margin:0 0 10px 0;line-height:24px;text-align:left;}
.credential_detail h3, .credential_detail h4  {color:#d9d9d9;font-style:italic;margin-bottom:15px;}
.credential_detail h3 {font-size:1.8em;}
.credential_detail h4 {font-size:1.4em;margin-bottom:10px;}
.credential_detail p {font-size:1.1em;color:#423434;line-height:15px;margin-bottom:15px;text-align:justify;}
.credential_detail .body {max-height:318px;overflow:auto;margin-bottom:15px;padding:0 10px 0 0;}
.credential_detail .link_case a {text-decoration:underline;font-size:1.1em;}
.credential_link {text-decoration:none;color:#7B7775 !important;}
.credential_link_h2 {text-decoration:none;color:#D9D9D9 !important;}
.credential_body {font-size:12px;}

	/* sidebar */
	.credential_detail .section_right h2 {padding:20px 0 25px 20px;}
	.credential_detail .section_right ul {margin-bottom:20px;}
	.credential_detail .section_right li {font-style: italic;border-top:1px dotted #ce7500;padding:4px 10px 4px 20px;font-size:1.2em;}
	.credential_detail .section_right li a:hover {color:#fff;}
	
/* ========== */
/* = footer = */
/* ========== */
.footer h4 {padding:0 12px 5px 12px;border-bottom:1px dotted #b0acac;display:inline;color:#c8bebf;font-size:1.1em;color:#e5e0da;font-style:italic;font-weight:normal;}
.news .footer h4 {border-bottom:1px dotted #d0d0d0;}
#what_we_do .footer h4 {border-bottom:1px dotted#d5d2cc}
.facebook .footer h4 {border-bottom:1px dotted #e0ab64;}
.contact_form h4 {border-bottom:1px dotted #809aa4;}
.footer ul {margin:25px 0 0 15px;height:135px;width:90px;overflow:hidden;}
.footer li a {display:block;height:45px;}
.footer li a img {vertical-align:bottom;}