/*
1. reset
2. 960
3. jquery lightbox
4. layout


*/

/*----- 	1. 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}


/*----- 	2. 960 css -----*/
.container_12,.container_16{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;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px;
}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}


/*------ 	3. JQUERY LIGHTBOX ------*/
#jquery-overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px}
#jquery-lightbox{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative; background-color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; width:250px; height:250px; margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0}
#lightbox-nav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10}
#lightbox-container-image-box >#lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%; height:100%; display:block}
#lightbox-nav-btnPrev{left:0; float:left}
#lightbox-nav-btnNext{right:0; float:right}
#lightbox-container-image-data-box{font:11px Verdana,Helvetica,sans-serif; background-color:#e2e3e4; -moz-border-radius:5px; -webkit-border-radius:5px; margin:5px auto; line-height:1.4em; overflow:auto; width:100%; padding:10px}
#lightbox-container-image-data{padding:0 10px; color:#666}
#lightbox-container-image-data #lightbox-image-details{width:70%; float:left; text-align:left}
#lightbox-image-details-caption{font-weight:bold}
#lightbox-image-details-currentNumber{display:block; clear:left; padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px; float:right; padding-bottom:0.7em}


/* ------ 4. Layout CSS ------  */

body {
	font-size:0.69em; /* =11px */
	font-family:Verdana, Geneva, sans-serif;
	background:url(/images/gfx/bg.gif) #fbfafa top repeat-y;
	}

.clear{
	clear:left;
	}
iframe{margin-right:-50px;}
/* anchors
----------------------------------------------- */
a {
	text-decoration:none;
	} 
/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.64em; margin-bottom:.3em; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#667b9c;}
h1{
	font-size:1.64em;
	color:#63acda;
	}
.grid_9 h1{
	height:48px;
	padding:25px 30px 0 30px;
	margin-bottom:-12px;
	background:url(/images/gfx/bg-h1.gif) left top no-repeat;
	font-size:1.82em;
	color:#2a3b52;
	}
h2 {
	font-size:1.64em;
	color:#617b9e;
	}
.scrollable2 h2{
	font-size:1.27em;
	color:#63acda;
	}
h3{
	margin-top:.4em;
	font-size:1.18em;
	color:#617b9e;
	font-weight:bold;
	}
h3.tick{
	padding:2px 0 5px 20px;
	display:inline;
	background:url(/images/gfx/bullet-tick.gif) 0 4px no-repeat;
	}
#services h3{
	font-size:1.09em;
	color:#ff9933;
	font-weight:bold;
	}
h4{/*footer*/
	font-size:1.09em;
	color:#63acda;
	letter-spacing:0.05em;
	}
h6{/*section menu titles*/
	width:220px;
	height:32px;
	margin-bottom:0;
	background:url(/images/gfx/hd-section-whatwedo.gif) top no-repeat;
	}
h6 span{
	display:none;}
#about h6{
	background-image:url(/images/gfx/hd-section-about.gif);}
#contact h6{
	background-image:url(/images/gfx/hd-section-contact.gif);}
#support h6{
	background-image:url(/images/gfx/hd-section-support.gif);}

/* branding
----------------------------------------------- */
#branding {
	padding:23px 0 54px 80px;
	position:relative;
}
#branding img{
	font-size:38px;
	font-family:'Myriad Pro', Myriad, Sans-serif;
	color:#617B9E;
}
#promo{
	position:absolute;
	bottom:-9px;
	z-index:0;
	right:0;
}
#promo img{font-size:100%;}
/* services
----------------------------------------------- */
#services{
	height:249px;
	margin-bottom:39px;
	padding:0 12px;
	background:#E2E3E4 url(/images/gfx/bg-services.gif) top no-repeat;
	}
#services div.grid_3{
	width:207px;
	padding-top:30px;
	text-align:center;
	color:#898989;
	line-height:1.27em;
	}
#services img{
	padding-bottom:15px;
	}
#services a.btn, .side a.btn, .productbox a.btn, .page a.btn{
	width:70px;
	padding:3px 25px 3px 10px;
	margin:10px 0 0 50px;
	border:1px solid #d7d7d7;
	display:block;
	background:url(/images/gfx/bg-btn-arrow.gif) #fff right no-repeat;
	color:#63acda;
	}
.page a.btn{
	margin-left:0;
	width:220px;}
.page a.medium{
	width:270px;}
.page a.long{
	width:320px;}

/* scrollable areas
----------------------------------------------- */
/*services*/
#services em.forward, #services em.backward{
	width:14px;
	height:18px;
	margin-top:123px;
	display:block;
	float:left;
	background: url(/images/gfx/bg-prev.gif) left no-repeat;
	cursor:pointer;
	}
#services em.forward{
	background-image:url(/images/gfx/bg-next.gif);
	}
div.scrollable, div.scrollable2, div.scrollimgs { /*root element for the scrollable. when scrolling occurs this element stays still. */
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 908px; 
    height:230px; 
	float:left;
	} 
div.scrollable div.items, div.scrollable2 div.items, div.scrollimgs div.items { /* root element for scrollable items. Must be absolutely positioned. should have large width to accomodate items.*/ 
    /* this cannot be too large */ 
    width:1590px; 
    position:absolute; 
}
em.disabled { /* disabled navigational button */
	visibility:hidden !important;		
}

/*description*/
.side{
	margin-left:60px;
	float:left;
	width:240px;
	}
.side div.content{
	margin-bottom:10px;
	}
.side a.btn{
	margin-left:60px;
	}
div.scrollable2, .scrollable2 div.items div{
    width: 240px; 
    height:300px; /*here you can adjust height of the scroll pannel*/
	}
div.scrollable2 div.items{
	width:1000px;
	}
.scrollable2 div.items div{
	margin-left:0;
	float:left;
	background:url(/images/gfx/bg-descriptions.gif) bottom no-repeat;
	}
.scrollable2 div.items div img{
	float:left;
	padding:10px;
	}
div.scrollable2 a.btn{
	clear:left;
	} 
.navi { /* navigator */
    width:90px; 
    height:20px; 
	margin:0 auto;
} 
.navi a { /* items inside navigator */
    width:9px; 
    height:8px; 
    float:left; 
    margin:3px; 
    background:url(/images/gfx/bg-navigator.gif) left no-repeat; 
    display:block; 
    font-size:1px; 
}  
.navi a:hover { 
      cursor:pointer;     
} 
.navi a.active { /* active state (current page state) */ 
    background-position:right;      
}

/* case study images */
.caseside, .people{
	width:275px;	
	padding-top:40px;
	margin-left:10px;
	}
html>/**/body .caseside,html>/**/body .people{float:left} /*applied to all modern browsers except ie7*/
div.scrollimgs, .scrollimgs div.items div{
    width: 272px; 
    height:265px; /*here you can adjust height of the scroll pannel*/
	}
div.scrollimgs div.items{
	width:1000px;
	}
.scrollimgs div.items a{
	display:block;
	border-width:1px 0;
	border-style:solid;
	border-color:#e2e3e4;
	width:274px;
	}

/* accordion for people & people content
----------------------------------------------- */
.people{
	width:240px;
	padding-top:70px;
	background:url(/images/gfx/bg-people.gif) top left no-repeat;
	}
/*list of i do.... stuff (triggers speech bubbles p)*/
.boss, .project, .security, .pretty, .nerdy, .support, .strategy, .data, .french{
	background:url(/images/gfx/people-idoboss.gif) left top no-repeat;
	height:32px;
	padding-bottom:14px;
	cursor:pointer;
	}
.client{
	background:url(/images/gfx/people-idoclient.gif) left top no-repeat;}
.project{
	background:url(/Assets/images/gfx/people-idoproject.gif) left top no-repeat;}
.security{
	background:url(/images/gfx/people-idosecurity.gif) left top no-repeat;}
.pretty{
	background:url(/images/gfx/people-idopretty.gif) left top no-repeat;}
.nerdy{
	background:url(/images/gfx/people-idonerdy.gif) left top no-repeat;}
.support{
	background:url(/images/gfx/people-idosupport.gif) left top no-repeat;}
.strategy{
	background:url(/images/gfx/people-idostrategy.gif) left top no-repeat;}
.data{
	background:url(/images/gfx/people-idodata.gif) left top no-repeat;}
.french{
	background:url(/Assets/images/gfx/people-idofrench.gif) left top no-repeat;}
.people div.active{
	background-position:top right;
	}
/*list of speech bubbles with character (triggers content)*/
p.ashul, p.liv, p.deb, p.karuru, p.vanessa, p.tim, p.khoi, p.nicolas, p.ashley, p.renaud{
	height:82px;
	background:url(/images/gfx/people-ashul-speech.gif) no-repeat;
	cursor:pointer;	}
p.liv{background-image:url(/Assets/images/gfx/people-liv-speech.gif);}
p.deb{background-image:url(/images/gfx/people-deb-speech.gif);}
p.karuru{background-image:url(/images/gfx/people-karuru-speech.gif);}
p.vanessa{background-image:url(/images/gfx/people-vanessa-speech.gif);}
p.tim{background-image:url(/images/gfx/people-tim-speech.gif);}
p.khoi{background-image:url(/images/gfx/people-khoi-speech.gif);}
p.nicolas{background-image:url(/images/gfx/people-nicolas-speech.gif);}
p.ashley{background-image:url(/images/gfx/people-ashley-speech.gif);}
p.renaud{background-image:url(/Assets/images/gfx/people-renaud-speech.gif);}

/*people content*/

#ashul, #liv, #deb, #karuru, #vanessa, #tim, #khoi, #nicolas, #ashley, #renaud{
	padding-bottom:10px;
	border-bottom:3px solid #f58220;
	}
#ashul h2, #liv h2, #deb h2, #karuru h2, #vanessa h2, #tim h2, #khoi h2, #nicolas h2, #ashley h2, #renaud h2{
	height:61px;
	padding:60px 125px 0 10px;
	margin-bottom:0;
	background:url(/images/gfx/people-ashul.gif) left top no-repeat;
	color:#fff;
	font-size:1.18em;
	}
/*change character*/
#liv h2{ /*background img - use people-expandedtitle.psd*/
	background-image:url(/Assets/images/gfx/people-liv.gif);}
#deb h2{background-image:url(/images/gfx/people-deb.gif);}
#karuru h2{background-image:url(/images/gfx/people-karuru.gif);}
#vanessa h2{background-image:url(/images/gfx/people-vanessa.gif);}
#tim h2{background-image:url(/images/gfx/people-tim.gif);}
#khoi h2{background-image:url(/images/gfx/people-khoi.gif);}
#nicolas h2{background-image:url(/images/gfx/people-nicolas.gif);}
#ashley h2{background-image:url(/images/gfx/people-ashley.gif);}
#renaud h2{background-image:url(/Assets/images/gfx/people-renaud.gif);}
#ashul h2 strong, #liv h2 strong, #deb h2 strong, #karuru h2 strong, #vanessa h2 strong, #tim h2 strong, #khoi h2 strong, #nicolas h2 strong, #ashley h2 strong, #renaud h2 strong{
	display:block;
	color:#f58220;
	font-size:1.23em;
	font-weight:normal;
	}
div.rolebubble{
	padding-top:20px;
	margin:0 19px 5px 10px;
	background-image:url(/images/gfx/people-bg-rolebubble-top.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#e1e2e3
	}
div.rolebubble p{
	padding:0 10px;
	}
div.rolebubble a:link, div.rolebubble a:active, div.rolebubble a:visited{
	color:#707070;
	text-decoration:underline;
	}
div.rolebubble a:hover{
	color:#63acda;
	}
div.rolebubble span{
	height:8px;
	display:block;
	background:url(/images/gfx/people-bg-rolebubble-bottom.gif) top left no-repeat;
	}

/* boxes & content
----------------------------------------------- */

.content{
	margin-bottom:30px;
	color:#707070;
	line-height:1.64em;	
	overflow:hidden;
	}
* html .content{margin-left:-1px;}

.content a:link, .content a:active, .content a:visited{
	color:#63acda;
	}
.content a:hover{
	text-decoration:underline;
	text-decoration:underline;
	}
.process{
	padding-top:75px;
	margin-top:30px;
	background:url(/images/gfx/bg-process.gif) top left no-repeat;
	}
.process strong{
	padding-bottom:0.8em;
	display:block;
	line-height:normal;
	}
.noml{
	margin-left:0;
	}
.nomr{
	margin-right:0;
	}
.page{
	width:640px;
	margin-left:30px;
	}
.page p, .grid_8 p{
	padding:6px 0;}
img.left, div.left{
	margin:0 50px 0 25px;
	float:left;
	}
img.right, div.right{
	margin:0 0 25px 50px;
	float:right;
	}
.container_12 div.grid_5{
	margin:0 30px 0 20px;
	width:330px;
	}
/*social icons*/
a.twitter, a.facebook{
	width:70px;
	height:66px;
	margin:0 15px 0 0;
	display:block;
	float:left;
	background:url(/images/gfx/icons-social.gif) left top no-repeat;
	text-indent:-999px;
	}
a.facebook{
	background-position:right;
	}
/* tweets */
.footer_tweet .twitteritem{
	padding:5px 5px 5px 25px;
	margin:5px 0;
	background:url(/images/gfx/bg-twitteritem.gif) 2px 7px no-repeat #2b3c53;
	border:1px solid #13253d;
	}
.twitteritem a:link, .twitteritem a:active, .twitteritem a:visited, .footer_tweet a:link, .footer_tweet a:active, .footer_tweet a:visited{
	color:#63acda;
	}
.twitteritem a:first-child{
	color:#f58220;
	font-weight:bold;
	}

/*boxes for did you know*/
.box {
	background:url(/images/gfx/bg-box.gif) left;
	}
.box p{
	padding:5px 15px;
	color:#959595;	
	width:187px;
	}
.box span{
	height:10px;
	display:block;
	background:url(/images/gfx/bg-box-bottom.gif);
	}
.box span.didyouknow{
	height:32px;
	background-image:url(/images/gfx/bg-didyouknow.gif);
	}
	
/*boxes for what we do landing*/

.productbox{
	width:156px;
	margin:5px 2px 20px 2px;
	float:left;
	display:inline;
	background-image:url(/images/gfx/bg-productslistbox2.gif);
	color:#898989;
	text-align:center;
	}
.productbox span{
	height:11px;
	display:block;
	background:url(/images/gfx/bg-productslistbox.gif) top left no-repeat;
	}
.productbox span.bottom{
	background-position:bottom right;
	}
.productbox div.includes, .productbox div.covers{
	height:170px;
	padding:3px 10px;
	margin:10px 0 7px 0;
	border:1px solid #e2e3e4;
	background-color:#fafafa;
	text-align:left;
	}
.productbox div.covers{
	height:130px;}
.productbox div.includes a:link, .productbox div.covers a:link, .productbox div.includes a:active, .productbox div.covers a:active, .productbox div.includes a:visited, .productbox div.covers a:visited{
	color:#898989;
	}
.productbox div.includes a:hover, .productbox div.covers a:hover{
	text-decoration:underline;
	}
.productbox div.includes ul, .productbox div.covers ul{
	margin:0 0 0 7px; padding:0;
	}
.productbox div.includes li, .productbox div.covers li{
	background-image:url(/images/gfx/bullet-dotgrey.gif);
	}
.productbox div.includes strong, .productbox div.covers strong{
	font-weight:normal;
	color:#63acda;
	}
.productbox a.cms, .productbox a.ecart, .productbox a.evo, .productbox a.custom, .productbox a.desn, .productbox a.consult, .productbox a.sharep, .productbox a.maint, .productbox a.knowhow, .productbox a.workshops, .productbox a.downloads, .productbox a.mlog, .productbox a.elog, .productbox a.pay{
	padding-top:65px;
	margin:0 1px 5px 1px;
	color:#f58220;
	font-size:1.09em;
	font-weight:bold;
	background:url(/images/gfx/icons-whatwedo.jpg) 0 0 no-repeat #fff;
	text-align:center;
	text-decoration:none;
	line-height:normal;
	display:block;
	}
.productbox a.ecart{
	background-position:-154px 0}
	.productbox a.evo{background-position:-308px 0} 
	.productbox a.custom{background-position:-462px 0}
	.productbox a.desn{background-position:-616px 0}
	.productbox a.consult{background-position:-770px 0}
	.productbox a.sharep{background-position:-924px 0}
	.productbox a.maint{background-position:-1078px 0}
	
.productbox a.knowhow, .productbox a.workshops, .productbox a.downloads, .productbox a.mlog, .productbox a.elog, .productbox a.pay{
	background:url(/images/gfx/icons-support.gif) 0 0 no-repeat;	}
	.productbox a.workshops{background-position:-154px 0}
	.productbox a.downloads{background-position:-308px 0} 
	.productbox a.mlog{background-position:-462px 0}
	.productbox a.elog{background-position:-616px 0}
	.productbox a.pay{background-position:-770px 0}
.productbox a:link, .productbox a:hover, .productbox a:active, .productbox a:visited{
	color:#f58220;
	text-decoration:none;
	}
.productbox a.btn{
	width:70px;
	margin:15px 0 4px 24px;
	color:#63acda;
	}
	
/* process boxes */	
.process_box, .enews div{
	border:1px solid #e2e3e4;
	clear:both;
	padding:10px;
	margin-bottom:5px;
}
.process_box.accent{
	background-color:#FAFAFA;
}
.compare{clear:both;overflow:hidden;}
.compare_left, .compare_right{
	border:1px solid #e2e3e4;
	width:294px;
	float:left;
	padding:10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.compare_right{
	float:right;
	margin-left:5px;
}
/* client list landing
------------------------------------------------*/
#client-list td ul{
	margin-left:0;
}
#client-list,#client-list td,#client-list th{
	border-width:1px 0;
	border-color: #e2e3e4;
	border-style:solid;
	padding:0 0.4em 0.2em;
}
#client-list-services{width:30%}
#client-list th{text-align:left}

.clientlist{
	border:1px solid #e2e3e4;
	float:left;
	padding:9px;
	margin:5px;
	width:290px;
	text-align:center;
	}
.clientlist img{
	border:1px solid #bcbdbd;
	}
.content div.clientlist ul{
	margin:0;}
.clientlist li{
	float:left;
	width:132px;
	text-align:left;
	background-image:url(/images/gfx/bullet-dotgrey.gif);
	}
.clientlist a.btn{
	clear:left;
	width:70px;
	margin-left:80px;
	text-decoration:none;
	}

/* paragraphs, quotes and lists
----------------------------------------------- */
.content ul{
	margin:0.5em 0 1em 2em;
	}
.content li{
	padding-left:10px;
	background:url(/images/gfx/bullet-dot.gif) left 7px no-repeat;
	}
ul.tick li, ul.cross li{
	padding-left:20px;
	background:url(/images/gfx/bullet-tick.gif) left 5px no-repeat;
	line-height:1.82em;
	}
ul.cross li{
	background-image:url(/images/gfx/icon-form-error.gif);
}

#sitemap-left li, #sitemap-right li{
	background:none;
	padding:0;
	font-size:1.27em;
	}
#sitemap-left li li, #sitemap-right li li{
	padding-left:10px;
	background:url(/images/gfx/bullet-dot.gif) left 7px no-repeat;
	font-size:0.79em;
	}
#sitemap-left li ul, #sitemap-right li ul{
	margin:0.2em 0 0.5em 2em;
	}



/* Slide Panel for more case studies
----------------------------------------------- */
.grid_9 h1 strong.morecase{
	width:130px;
	padding-left:15px;
	float:right;
	overflow:hidden;
	background:url(/images/gfx/bg-morecase.gif) left no-repeat;
	font-size:0.55em;
	font-weight:normal;
	color:#617b9e;
	cursor:pointer;
	}
.grid_9 h1 strong.active{
	background:url(/images/gfx/bg-lesscase.gif) left no-repeat;
	}
#more-case-studies{
	padding-top:20px;
	margin-bottom:-12px;
	background:url(/images/gfx/bg-morecase-top.gif) top no-repeat #e2e3e4;
	overflow:hidden;
	}
#more-case-studies a:link, #more-case-studies a:active, #more-case-studies a:visited{
	color:#617b9e;
	}
#more-case-studies ul{
	padding:0 50px 20px 50px;
	margin:0;
	line-height:2.27em;
	background:url(/images/gfx/bg-morecase-bottom.gif) bottom no-repeat;
	overflow:hidden;
	}
* html #more-case-studies{height:1%}
#more-case-studies li{
	width:180px;
	padding-left:15px;
	float:left;
	background:url(/images/gfx/bullet-arrowblue.gif) left 8px no-repeat;
	
	}
/*#bottom{
	height:12px;
	clear:left;
	background:url(/images/gfx/bg-morecase-bottom.gif) bottom no-repeat;
	}*/

/* ToolTip
----------------------------------------------- */
#tooltip{
	display:none; /* initially hidden */
	width:165px;
	height:70px;
	padding:5px 7px 7px 9px;
	margin-top:10px;
	background:url(/images/gfx/bg-tooltip.gif) top no-repeat;
	font-size:10px;
	color:#707070;
	line-height:16px;
	}
.tooltip{
	display:none;
	padding:7px;
	width:180px;
	background-color:#f7f7f8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #cccccc;
	color:#707070;
	}
	
/* Iconize
----------------------------------------------- */
.page a[href$='.doc'], .page a[href$='.rtf'] {
	padding:2px 0 2px 20px;
	background:url(/images/gfx/icon-word.gif) no-repeat 0 2px;
}
.page a[href$='.xls'] {
	padding:2px 0 2px 20px;
	background:url(/images/gfx/icon-xcel.gif) no-repeat 0 2px;
}
.page a[href$='.pdf'] {
	padding:2px 0 2px 20px; 
	background:url(/images/gfx/icon-pdf.gif) no-repeat 0 1px;
}	

/* menus
----------------------------------------------- */
#listMenuRoot{
	height:68px;
	padding:0 20px;
	background:#2A3B52 url(/images/gfx/bg-menu.gif) top no-repeat;
	font-size:1.18em;
	}
#listMenuRoot a:link, #listMenuRoot a:active, #listMenuRoot a:visited{
	display:block;
	float:left;
	padding:20px 25px 10px 25px;
	color:#fff;
	}
#listMenuRoot a:hover{
	background-color:#374860;
	}
#listMenuRoot li{
	float:left;
	}
#listMenuRoot li#client-support-Main{
	float:right;
	}
#listMenuRoot li#client-support-Main a{
	padding:10px 25px 10px 25px;
	}	

#listMenuRoot li ul{
	display:none;
	}	


/* section menus
----------------------------------------------- */
.section {
	background:url(/images/gfx/bg-section-top.gif) 0 0 no-repeat ;
	padding-top:16px;
	}

.section a:link, .section a:active, .section a:visited{
	color:#707070;
	}
.section ul {
	padding:15px 13px;
	margin-bottom:15px;
	background:url(/images/gfx/bg-section-bottom.gif) bottom no-repeat #e2e3e4;
	color:#707070;
	line-height:1.45em;
	}
.section li{
	padding:5px 0 5px 33px;
	background:url(/images/gfx/icon-general.gif) 0 8px no-repeat;
	border-bottom:1px solid #cbcccd;
	}
.section li.active strong a{
	color:#f58220;
	}
.section li ul{
	display:none;
	margin:7px 0 0 -33px;
	padding: 0 0 0 33px;
	border-top:1px solid #cbcccd;
	background:none;
	font-size:1.09em;
	}
.section li li{
	padding:8px 0 8px 17px;
	background:none;
	border:0;
	}
.section li li.active{
	background:url(/images/gfx/bullet-arrowblue.gif) left no-repeat;
	}
.section li li.active a{
	color:#63acda;
	}
.section strong{
	font-size:1.18em;
	font-weight:normal;
	}
.section li.active{
	background-position:right 8px;
	}
.section li.active ul{
	display:block;
	}
.section li.active strong{
	color:#f58220;
	}
/*change the icon for each menu item*/
.section li#Content-management-system{
	background-image:url(/images/gfx/icon-cms.gif);
	}
.section li#shopping-cart{
	background-image:url(/images/gfx/icon-cart.gif);
	}
.section li#custom-application{
	background-image:url(/images/gfx/icon-appdev.gif);
	}
.section li#web-consulting{
	background-image:url(/images/gfx/icon-consulting.gif);
	}
.section li#web-design{
	background-image:url(/images/gfx/icon-design.gif);
	}
.section li#maintenance{
	background-image:url(/images/gfx/icon-maintenance.gif);
	}
.section li#evo{
	background-image:url(/images/gfx/icon-evo.gif);
	}
.section li#history{
	background-image:url(/images/gfx/icon-history.gif);
	}
.section li#edukas-people{
	background-image:url(/images/gfx/icon-people.gif);
	}
.section li#company-skills{
	background-image:url(/images/gfx/icon-skills.gif);
	}
.section li#News{
	background-image:url(/images/gfx/icon-news.gif);
	}
.section li#email-us{
	background-image:url(/images/gfx/icon-email.gif);
	}
.section li#visit-us{
	background-image:url(/images/gfx/icon-visit.gif);
	}
.section li#eduka-know-how{
	background-image:url(/images/gfx/icon-knowhow.gif);
	}
.section li#maintenance-log{
	background-image:url(/images/gfx/icon-maintenancelog.gif);
	}
.section li#error-log{
	background-image:url(/images/gfx/icon-errorlog.gif);
	}
.section li#client-downloads{
	background-image:url(/images/gfx/icon-downloads.gif);
	}
.section li#pay-invoice-online{
	background-image:url(/images/gfx/icon-invoice.gif);
	}
.section li#sharepoint{
	background-image:url(/images/gfx/icon-sharepoint.gif);
	}
.section li#web-workshops{
	background-image:url(/images/gfx/icon-workshops.gif);
	}
.section li#values{
	background-image:url(/images/gfx/icon-values.gif);
	}


/* breadcrumb menu
----------------------------------------------- */
.breadcrumbs{
	margin:12px 0 20px 0;
	text-align:right;
	color:#898989;
	}


/* forms
----------------------------------------------- */
form {
	overflow:hidden;
}
fieldset {
	margin-top:10px;
}

fieldset label {
	width:100px;
	display:block;
	float:left;
	margin:4px 0;
}
fieldset input, fieldset textarea, fieldset select {
	width:189px;
	margin:4px 0;
	padding:3px 2px;
	border:1px solid #d7d7d7;
	color:#2a3b52;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
}
fieldset select{
	width:195px;
	}
form p.notice {
	font-weight:bold;
}
input.button{
	width:100px;
	background-color:#fff;
	color:#58a6d7;
	cursor:pointer;
	margin-left:100px;
	}
.content fieldset li{
	background:none;
	clear:left;
}

.box fieldset input, .box ol, .box table{
	width:190px;
	}
.box ol li{
	padding-left:10px;
	padding-bottom:0;
	border:none;}
.box input.button{
	margin-left:0;}
.box input[type="checkbox"]{
	width:15px;
	}
input#cmSubscribe_btnDetails, input#cmSubscribe_btnUnSubscribe, input#cmSubscribe_btnBack{
	margin-left:5px;}

select#cboCCExpiryMonth, select#cboCCExpiryYear{
	width:97px;
}
#footer input, #footer textarea, #footer select{
	background-color:#2b3c53;
	border:1px solid #13253d;
	color:#fff;
	}
#footer input.button{
	width:100px;
	color:#58a6d7;
	text-transform:uppercase;
	cursor:pointer;
	}

span.error, span.correct{
	padding-left:20px;
	margin-left:5px;
	background:url(/images/gfx/icon-form-error.gif) left no-repeat;
	color:#ae302a;
	}
span.correct{
	margin-left:9px;
	background:url(/images/gfx/icon-form-tick.gif) left no-repeat;
	}
.warning{
	background-color:#FFF0A5;
	border:1px solid #fed22f;
	color:#363636;
	padding:15px 10px;
}
.success{
	background-color:#D4FFCF;
	border:1px solid #53AA4A;
	color:#363636;
	padding:15px 10px;
}

/* footer and site information
----------------------------------------------- */

#footer{
	background:#2A3A51 url(/images/gfx/bg-footer-mid.jpg) top repeat-y;
	clear:left;
	}
.footer{
	clear:left;
	height:55px;
	background:url(/images/gfx/bg-footer-top.jpg) top no-repeat;
	}
.footer_form, .footer_tweet{
	margin-top:-10px;
	padding-left:20px;
	line-height:1.64em;
	color:#fbfbfb;
	}
.footer_links{
	margin:-25px 0 0 60px;
	}
/*footer link lists*/
.links{
	width:170px;
	margin-right:5px;
	padding-bottom:20px;
	float:left;
	}
.links li{
	padding-left:17px;
	line-height:1.64em;
	background:url(/images/gfx/bullet-arrow.jpg) left 5px no-repeat;
	}
.links a:link, .links a:active, .links a:visited{
	color:#fbfbfb;
	}
.links a:hover{
	color:#63acda;
	}

#footer h2{
	width:363px;
	height:45px;
	padding-bottom:0.91em;
	background:url(/images/gfx/hd-lookingforstuff.gif) no-repeat;
	}
#footer h2.like, #footer h2.tweet{
	width:226px;
	background:url(/images/gfx/hd-likethestuffwedo.gif) no-repeat;
	}
#footer h2.tweet{
	background:url(/images/gfx/hd-doyoutweetstuff.gif) no-repeat;}
#footer h2.work{
	width:316px;
	background:url(/images/gfx/hd-recentwork.gif) no-repeat;
	}
#footer h2 span{
	display:none;
	}
	
#site_info{
	height:24px;
	padding-top:23px;
	background:#1D2C40 url(/images/gfx/bg-siteinfo.gif) top no-repeat;
	color:#374860;
	text-align:center;
	}
#site_info a, #site_info strong {
	padding:0 10px;
	font-weight:normal;
	color:#374860;
	}
#site_info a:hover {
	color:#63acda;
	}
.content a.tel{
	color:#707070;
	text-decoration:none;
	cursor:text;
}