/*

/*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}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*12 col fixed
---------------------------------------------- */
.container_12{margin-left:auto;margin-right:auto;width: 960px;}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{
	display: inline;float: left;position: relative;margin-left: 10px;margin-right: 10px;}
.alpha{margin-left:0;}.omega{margin-right:0;}
.grid_1{width:60px;}.grid_2{width:140px;}.grid_3{width:220px;}.grid_4{width:300px;}.grid_5{width:380px;}.grid_6{width:460px;}.grid_7{width:540px;}.grid_8{width:620px;}.grid_9{width:700px;}.grid_10{width:780px;}.grid_11{width:860px;}.grid_12{width:940px;}
.prefix_1{padding-left:80px;}.prefix_2{padding-left:160px;}.prefix_3{padding-left:240px;}.prefix_4{padding-left:320px;}.prefix_5{padding-left:400px;}.prefix_6{padding-left:480px;}.prefix_7{padding-left:560px;}.prefix_8{padding-left:640px;}.prefix_9{padding-left:720px;}.prefix_10{padding-left:800px;}.prefix_11{padding-left:880px;}
.suffix_1{padding-right:80px;}.suffix_2{padding-right:160px;}.suffix_3{padding-right:240px;}.suffix_4{padding-right:320px;}.suffix_5{padding-right:400px;}.suffix_6{padding-right:480px;}.suffix_7{padding-right:560px;}.suffix_8{padding-right:640px;}.suffix_9{padding-right:720px;}.suffix_10{padding-right:800px;}.suffix_11{padding-right:880px;}
.push_1{left:80px;}.push_2{left:160px;}.push_3{left:240px;}.push_4{left:320px;}.push_5{left:400px;}.push_6{left:480px;}.push_7{left:560px;}.push_8{left:640px;}.push_9{left:720px;}.push_10{left:800px;}.push_11{left:880px;}
.pull_1{left:-80px;}.pull_2{left:-160px;}.pull_3{left:-240px;}.pull_4{left:-320px;}.pull_5{left:-400px;}.pull_6{left:-480px;}.pull_7{left:-560px;}.pull_8{left:-640px;}.pull_9{left:-720px;}.pull_10{left:-800px;}.pull_11{left:-880px;}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
* html .clearfix{height:1%;}


/*Layout
---------------------------------------------- */

body {
	background:url(/assets/gfx/bg.gif) repeat-y center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.75em; /* =12px */
	line-height:1.5em;
	color:#707070;
	}

a {
	text-decoration:none;
	color:#F58220;
	}
a:hover, a:focus{text-decoration:underline;}
 
@font-face {
	font-family: Angelina;
	src: url('/fonts/angelina-webfont.eot');
	src: local('?'), url('/fonts/angelina-webfont.woff') format('woff'), url('/fonts/angelina-webfont.ttf') format('truetype'), url('/fonts/angelina-webfont.svg#webfont5kw6dRiA') format('svg');
	font-weight: normal;
	font-style: normal;
	}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height:1.2em; 
	margin-bottom:.3em; 
	font-weight:normal; 
	color:#374860;
	}
h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:2em;
	background:url(/assets/gfx/bg-internal.gif) no-repeat top left;
	line-height:75px;
	padding-left:20px;
	}
h1 em{
	font-family:'Angelina', Verdana, Geneva, sans-serif;
	color:#78b7df;
	font-size:1.88em;
	letter-spacing:1px;
	font-style:normal;
	padding-left:4px;
	}

#heading h1{
	line-height:130px; 
	padding-left:55px; 
	font-size:2.33em; 
	background:none;
	}
#heading h1 em{padding-left:10px;}
#content #heading .button{font-size:1em;padding:8px;}
#blank h1{margin-left:250px; margin-right:10px;}
h2, h3 {
	color:#78b7df;
	font-size:1.5em;
	}
h3{
	color:#617b9e;
	margin-bottom:1.8em;
	}
h4{
	font-size:1.09em; 
	color:#707070; 
	font-style:italic;
	}
h2 a{color:#78b7df;}

/* skip links */
.container_12{position:relative;}
.skiplinks{
	position:absolute;
	top:0;right:15px;
	}
.skiplinks a{color:#2a3b52;}
.skiplinks a:focus{color:#fff;}

/* branding */
h1#branding{background:none;}
h1#branding a{
	background:url(/assets/gfx/logo-edukawedowebstuff.gif) no-repeat 75px 0;
	display:block;
	text-indent:-999em;
	height:53px;
	margin:23px 0 20px 0;
}
img.print{display:none;}

/* content
----------------------------------------------- */
#content{margin-bottom:25px;}
#heading{
	background:url(/assets/gfx/bg-heading.gif) no-repeat top left;
	margin-bottom:40px;
	width:100%;
	}
#content.grid_9{
	padding:0 15px; 
	width:670px;
	}
#content.grid_9 h1{
	margin-left:-15px; 
	margin-right:-15px;
	}
#column{
	text-align:center;
	padding-top:20px;
	}
#blank #column{margin-top:-90px;}

.noted{
	color:#768dab;
	width:220px;
	background:url(/assets/gfx/bg-internal.gif) no-repeat -790px 0;
	text-indent:20px;
	position:relative;
	margin-top:35px;
	text-align:left;
	}
.arrow-up, .arrow-right{
	width:25px;
	height:47px;
	background:url(/assets/gfx/bg-internal.gif) no-repeat -764px -23px;
	}
.noted .arrow-up, .noted .arrow-right{
	position:absolute;
	left:140px;
	top:-33px;}
.arrow-right{
	width:46px;
	height:23px;
	background-position:-708px -48px;
	}
.noted .arrow-right{
	top:-5px;
	left:175px;
	}
#content .features .grid_4{margin:10px 25px 10px 10px;}

/* social */
a.posterous, a.facebooklink, a.twitterlink, a.aboutmelink{
	display:inline-block;
	width:40px;
	height:39px;
	margin-right:5px;
	background:url(/assets/gfx/social.gif) no-repeat 0 0;
	text-indent:-999em;
	overflow:hidden;
	}
a.facebooklink{background-position: -88px 0;}
a.twitterlink{background-position: -43px 0;}
a.aboutmelink{background-position: -131px 0;}

/* paragraphs, quotes and lists */
p {margin-bottom:1em;}


#heading p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	/*font-size:1.25em; 
	padding:10px 20px;*/
	font-size:1.35em;
	line-height:1.4;
	padding:10px 55px;
	text-align:center;
	}

p.ribbon, p.tool, p.owl{
	padding-left:45px; 
	min-height:59px; 
	background:url(/assets/gfx/doodles-home.png) no-repeat -118px -30px;
	}
p.tool{background-position: -118px -88px;}
p.owl{background-position:0 -132px;}
p.ribbon a, p.tool a, p.owl a{
	font-size: 0.92em;
}
ul, ol {
	padding-top:0;
}
#content ul, #content ol{
	list-style-type:disc;
	margin:10px 20px 20px 20px;
	}

#content .numbered{
	list-style:none;
	background:url(/assets/gfx/bg-gradients.gif) no-repeat 80px -122px; 
	padding-top:50px;
	}
ul.numbered li{margin:20px;}
.numbered li em{
	background:url(/assets/gfx/bg-internal.gif) no-repeat -702px 0; 
	color:#fff; 
	font-family:'Angelina', Verdana, Geneva, sans-serif;
	font-size:2.3em; 
	height:35px;
	line-height:35px;
	margin-right:20px;
	text-align:center;
	width:35px;
	display:block;
	float:left;
	}
.numbered li strong{color:#78b7df; font-size:1.17em; font-weight:normal;}

/* people */
.people{width:240px; float:left; margin-top:77px;}
.people h5{
	padding:0 10px;
	line-height:33px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	background-color:#2a3b52;
	color:#fff;
	font-size:1.33em;
	text-align:right;
	cursor:pointer;
	margin-bottom:10px;
	}
.people h5.active{
	background-color:#4d6687;
	font-family:'Angelina', Verdana, Geneva, sans-serif;
	font-size:2.4em;
	}
.people p{
	width:240px;
	height:82px;
	background:url(/assets/gfx/people.gif) no-repeat 0 0;
	/*cursor:pointer;*/
	margin-bottom:0;
	}
.people p.nicolas{background-position: -240px 0;}
.people p.deb{background-position: -480px 0;}
.people p.tania{background-position: -720px 0;}
.people p.vanessa{background-position: -960px 0;}
.people p.karuru{background-position: 0 -82px;}
.people p.tim{background-position: -240px -82px;}
.people p.khoi{background-position: -480px -82px;}
.people p.renaud{background-position: -720px -82px;}
.people p.ashley{background-position: -960px -82px;}

.details{width:319px; float:left; margin-left:70px; /*margin-top:20px;*/}
.details div{
	border-bottom:3px solid #F58220;
	padding-bottom:10px;
	}
.details div h3{
	color:#FFFFFF;
	height:61px;
	margin-bottom:0;
	padding:60px 125px 0 10px;
	background:url(/assets/gfx/people.gif) no-repeat 0 -164px;
	font-size:1.17em;
	}
.details div h3 strong{
	color:#F58220;
	display:block;
	font-size:1.23em;
	font-weight:normal;
	margin-bottom:8px;
	}
.details div#nicolas h3{background-position: -319px -164px;}
.details div#deb h3{background-position: -638px -164px;}
.details div#tania h3{background-position: -957px -164px;}
.details div#vanessa h3{background-position: -1276px 0;}
.details div#karuru h3{background-position: 0 -286px;}
.details div#tim h3{background-position: -319px -286px;}
.details div#khoi h3{background-position: -638px -286px;}
.details div#renaud h3{background-position: -957px -286px;}
.details div#ashley h3{background-position: -1276px -121px;}

.rolebubble{
	background:url(/assets/gfx/people.gif) no-repeat -1293px -390px #e1e2e3;
	padding:15px 10px 10px 10px;
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	margin:0 9px;
	}

/* SEO */
/* SEO */
.seo_container{
	margin-top:80px;
}
.seo_container h3{
	text-align:center;
	padding:1em 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin-bottom:.5em;
	position:relative;
}
.seo_container h3 em{
	bottom: -45px;
	color: #374860;
	font-family: 'Angelina',Verdana,Geneva,sans-serif;
	font-size: 140%;
	font-style: normal;
	position: absolute;
	right: 280px;
}
#content .seo_container ol{margin-left:0;margin-right:0;background-position:460px -122px;}
.seo_container li{
	margin-bottom:1.5em;
	margin-left:10px;
	margin-right:10px;
	list-style:none;
	display:inline;
	float:left;
	position:relative;
	width:178px;
	padding:20px;
	min-height:110px;
	border:1px solid #E2E3E4;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.seo_container .alpha{margin-left:0}
.seo_container .omega{margin-right:0}
.seo_container .numbered em{margin-right:10px;background:none;color:#78B7DF;}


/* scrollable
----------------------------------------------- */
.scrollable{
	position:relative;
	overflow:hidden;
	width: 401px;
	height:305px;
	margin-left:29px;
	margin-top:-12px;
	z-index:1;	
	}
.scrollable .items {/* this cannot be too large */
	width:2000em;
	position:absolute;
}
.items div {
	float:left;
	font-size:0.92em;
	width:401px;
	text-align:center;
	}
.items img{
	border:1px solid #a2a2a2;
	margin-bottom:10px;
	}
.prev, .next{
	position:absolute;
	top:222px; 
	left:50px;
	cursor:pointer;
	color:#f58220;
	font-weight:bold;
	z-index:2	
	}
.next{left:390px;}
.prev.disabled, .next.disabled{
	color:#e2e3e4;
	cursor:default;
	}

/* menus
----------------------------------------------- */

#listMenuRoot{
	height:69px;width:940px;
	padding:0 20px;
	background:url(/assets/gfx/bg-menu.gif) 10px 0 no-repeat;
	font-size:1.08em;
	}
#listMenuRoot a:link, #listMenuRoot a:active, #listMenuRoot a:visited{
	display:block;
	float:left;
	padding:20px 25px 10px 25px;
	color:#fff;
	}
#listMenuRoot a:hover, #listMenuRoot a:focus{
	background-color:#374860;
	border-radius:0 0 7px 7px;
	-moz-border-radius:0 0 7px 7px;
	-webkit-border-radius:0 0 7px 7px;
	text-decoration:none;	
	}
#listMenuRoot li{float:left;}
#listMenuRoot li#Home-1{margin-left:200px;}
li#About-6,li#Contact-7,li#Pay-invoice-8, li#Home-1{margin-top:40px;}
#listMenuRoot li#About-6 a, #listMenuRoot li#Contact-7 a, #listMenuRoot li#Pay-invoice-8 a, #listMenuRoot li#Home-1 a{	
	padding:5px 12px 0 12px;
	font-size:0.92em;
	color:#2a3b52;
	}
#listMenuRoot li#About-6 a:hover, #listMenuRoot li#Contact-7 a:hover, #listMenuRoot li#Pay-invoice-8 a:hover, #listMenuRoot li#Home-1 a:hover, #listMenuRoot li#About-6 a:focus, #listMenuRoot li#Contact-7 a:focus, #listMenuRoot li#Pay-invoice-8 a:focus, #listMenuRoot li#Home-1 a:focus{
	background:none;
	text-decoration:underline;
	}
#Web-design-4 a,#Web-content-management-3 a,#Web-consulting-5 a{
	background-color:#293A51
	}

/* footer
----------------------------------------------- */

#footer{
	background:url(/assets/gfx/bg-footer-mid.jpg) top repeat-y #2c3d54;
	padding-bottom:10px;
	color:#fff;
	}
.footer{
	clear:left;
	height:55px;
	background:url(/assets/gfx/bg-footer-top.jpg) top left no-repeat;
	}
#footer a{color:#7fbadf;}

#footer .grid_7, #twitter{padding-left:17px;}
#footer h2{
	padding:5px 0 0 15px;
	background:#f58220;
	-moz-border-radius:7px;
	border-radius:7px;
	-webkit-border-radius:7px;
	font-family:'Angelina', Verdana, Geneva, sans-serif;
	letter-spacing:1px;
	font-size:2.42em;
	color:#fff;
	}
.mailman, .arrow{position:absolute; z-index:2; background:url(/assets/gfx/doodles-home.png) no-repeat;}
.mailman{
	width:107px;
	height:120px;
	top:65px;
	left:-60px;
	background-position: 0 0;
	}
.arrow{
	width:43px;
	height:28px;
	top:180px;
	left:85px;
	background-position: -117px 0;}
	
/* twitter items*/
.twitteritem{
	background:#2B3C53 url(/assets/gfx/doodles-home.png) no-repeat 3px -212px;
	border:1px solid #13253D;
	margin:5px 0;
	padding:5px 5px 5px 25px;
	}
#footer .twitteritem a:first-child {
	color:#F58220;
	font-weight:bold;
	}

#site_info{
	min-height:24px;
	padding-top:23px;
	background:url(/assets/gfx/bg-footer-top.jpg) top right no-repeat #1d2c40;
	color:#374860;
	font-size:0.83em;
	text-align:center;
	}
#site_info a, #site_info strong {
	padding:0 10px;
	font-weight:normal;
	color:#374860;
	}
#site_info a:hover {
	color:#63acda;
	}

/* forms
----------------------------------------------- */
form {
	overflow:hidden;
}

#content input.button, a.button{
	cursor:pointer;
	background:url(/assets/gfx/bg-gradients.gif) repeat-x 0 -40px #669fc2;
	padding:10px 10px 9px;
	border:1px solid #4e7e9d;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-moz-box-shadow: 3px 3px 5px #cccccc;
	font-size:1.17em;
	color:#fff;
	}
a.green{
	background:url(/assets/gfx/bg-gradients.gif) repeat-x 0 -82px;
	border-color:#408b3a;
	}
a.pdf{margin-left:480px;display:inline-block;}		
fieldset textarea{font-family:Verdana, Geneva, sans-serif; font-size:1em;height:60px;}
#content fieldset ul, #content fieldset ol{list-style-type:none; margin:0;}
legend{}

/*quote*/
#content fieldset{background:url(/assets/gfx/bg-quoteform.gif) repeat-y -666px 0; width:666px;}
#content fieldset h2, #content h2#legend{height:64px; background:url(/assets/gfx/bg-quoteform.gif) no-repeat 0 0; line-height:57px; padding-left:20px;} #content h2#legend{margin-bottom:0; width:646px;}
#content fieldset h2 em{background:url(/assets/gfx/bg-internal.gif) no-repeat -702px 8px; color:#fff; font-family:'Angelina', Verdana, Geneva, sans-serif; font-size:1.94em; height:43px; width:35px; display:inline-block; text-align:center;}

#content fieldset li{margin:0 36px 25px 36px; float:left; width:260px; position:relative;}
#content fieldset li label {margin-bottom:3px; display:block;}
#content fieldset li input, #content fieldset li select, #content fieldset li textarea {width:95%; padding:7px 3px;}
#content fieldset li input[type=text], #content fieldset li select, #content fieldset li textarea{border:1px solid #cccccc;}
#content fieldset li input[type=text]:focus, #content fieldset li select:focus, #content fieldset li textarea:focus{background-color:#f4fbff; border:1px solid #78b7df;}
#content fieldset li.checkbox label, #content fieldset li li label, #content fieldset li span label{display:inline;}
#content fieldset li.checkbox input, #content fieldset input[type=radio], #content fieldset input[type=checkbox]{width:auto;}
#content fieldset li select#cboCCExpiryMonth {width:45%; margin-right:2%} #content fieldset li select#cboCCExpiryYear{width:45%; margin-left:3%;}
#content fieldset li.long, #content .payments li:first-child{width:590px;}
#content fieldset li ul, #content fieldset span#requestAQuote1_rblPurpose{
	background-color:#f7f7f7;
	border:1px solid #cccccc;
	padding:10px 10px 10px 0;
	overflow:auto;
	}
#content fieldset li span{display:block;/*padding-left:10px*/}
#content fieldset li li{/*margin:0 10px;*/margin:0 0 0 8px;width:280px}
#content fieldset li li em{/*font-size:0.83em;*/font-size:0.79em}
#content fieldset .actions, .payments li.action, #content .action{background:url(/assets/gfx/bg-quoteform.gif) no-repeat -1332px 0; height:46px; clear:left; padding:10px 20px;}
#content fieldset .actions{padding:10px 20px 8px 20px;}
.actions .grid_2{text-align:right;}
#content .quote .button{-moz-box-shadow:3px 3px 5px #ddd; background-position:0 -82px; background-color:#4e972c;/*GREY-background-position:0 0;background-color:#e2e0e1;*/border:1px solid #ababab;color:#fff;padding-bottom:9px;}
#content .quote #requestAQuote1_spnBack{font-size:85%}
#content .quote .finish.button{background-position:0 -82px;background-color:#4e972c;color:#fff;}
#content .quote .pdf.button{background:url(/assets/gfx/bg-pdfbutton.gif) top right no-repeat;text-indent:30px;}
#content #QuoteForm_btnSend{margin:23px 20px -53px;float:right;}
#content label[for="QuoteForm_rptForm_ctl05_5"]{float:right;width:230px;}
#content .enquiry fieldset{background:none; width:auto;}
#content .enquiry fieldset li{margin:0 0 25px;width:100%;}

/*payment*/
.clientEmail, .result{display:none;}
#content .payments li.action{margin:0; width:626px; text-align:right;}
#content .payments input.button{width:auto;}
#content ol.paid{padding-top:20px;}
#content ol.paid span{padding:0 0 2px 0; font-weight:bold;}
#content div.paymentpaid{border-bottom:1px solid #cccccc;}
/*errors and notifications*/
.error, .warning{
	background-color:#fcd1d1;
	color:#7c5f5f !important;
	border:1px solid #efc0c0;
	font-size:0.92em;
	padding:3px;
	font-style:italic;
	}
.edukaform .error{
	border:0 none;
}	
.error{
	height:1.5em;
	margin-top:2px;
	position:absolute;
	top:49px;
	left:0;
	}
textarea + .error{
	top:94px;
}
.success{
	padding:10px;
	background-color:#e5f9b6;
	border:1px solid #9dc343;
	-moz-border-radius:7px 7px 0 0;
	border-radius:7px 7px 0 0;
	-webkit-border-radius:7px 7px 0 0;
	}
.tooltip {
	display:none;
	background-color:#fcf8d2;
	font-size:0.92em;
	border:1px solid #efebc6;
	padding:3px;
	height:1.5em;
	font-style:italic;
}

/* pagination*/
#content fieldset .pagination li{
	float:left;
	width:61px;
	padding: 0 6px;
	text-align:center;
	font-size:0.83em;
	line-height:0.9em;
	margin:11px 0 0 0;
	border-top:2px solid #dfdede;
	}
.pagination li:first-child{padding-left:0;}.pagination li:last-child{padding-right:0;}
.pagination em{
	background:url(/assets/gfx/bg-internal.gif) no-repeat -738px -24px;
	font-family:'Angelina', Verdana, Geneva, sans-serif;
	font-size:2.2em;
	display:block;
	height:22px;
	width:22px;
	line-height:26px;
	font-style:normal;
	margin:-11px 0 3px 19px;
	}
.pagination .active{color:#78b7df;}
.pagination .active em{background-position:-738px 0; color:#fff;}

/*footer form*/
#footer fieldset li{margin:7px 0; position:relative;}
#footer fieldset input, #footer fieldset select, #footer fieldset textarea {
	width:245px;
	padding:5px;
	border:none;
	-moz-border-radius:7px;
	border-radius:7px;
	-webkit-border-radius:7px;
	color:#fff;
	background:url(/assets/gfx/bg-forms.gif) repeat-x 0 0 #455871;
}
input:-webkit-autofill {color: #000 !important;}
#footer fieldset input:focus, #footer fieldset input.active, #footer fieldset select:focus, #footer fieldset select.active, #footer fieldset textarea:focus, #footer fieldset textarea.active{
	background:url(/assets/gfx/bg-forms.gif) repeat-x 0 -79px #617b9e;	
}  
#footer fieldset textarea{height:60px;}
#footer fieldset input.button{
	width:auto;
	padding: 5px 20px;
	text-align:center;
	text-transform:uppercase;
	background:url(/assets/gfx/bg-forms.gif) repeat-x 0 -166px #6881a4;
	}
#footer fieldset li span{
	position:absolute;
	width:17px;
	height:20px;
	top:5px;
	left:-17px;
	background:url(/assets/gfx/doodles-home.png) no-repeat -187px 0;
	overflow:hidden;
	text-indent:22px;
	}