/* 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, dl, 
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td	{
	margin:0; padding:0; border:0; vertical-align:baseline; outline:none;
	font-weight:inherit; font-style:normal; font-family:inherit;
	text-align:left; text-decoration:none; 
}
body	{line-height:1; color:Black; background:White;}
table	{border-collapse:collapse; border-spacing:0;}
caption, th, td	{text-align:left; font-weight:normal;}
q { quotes: "" ""; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet
	{border:none;}
ul, ol, dir, menu	{list-style:none;}
sub, sup	{vertical-align:baseline;}
a	{color:inherit; cursor:default;}
del	{text-decoration:line-through;}



/* basic */

html	{overflow-y:scroll;}
body	{
	font-size:9pt; 
	font-family:"Arial CE", Arial, Helvetica, sans-serif; 
	line-height:1.5em;
}
ol	{list-style-type:decimal;}
pre, code	{font-family:monospace;}
strong, em	{font-weight:bold;}
h1, h2, h3, h4, h5, h6, caption, dt, th, legend	{font-weight:bold;}

.left	{text-align:left;}
.right	{text-align:right;}
.center	{text-align:center;}
.small	{font-size:90%;}
.big	{font-size:110%;}
.invisible	{visibility:hidden;}
.hidden	{display:none;}
.print	{display:none;}
.floatLeft	{float:left;}
.floatRight	{float:right;}
.reset	{display:block; clear:both; line-height:0; }
.reset hr	{display:inline; line-height:0; height:0; visibility:hidden;}
.inline	{display:inline;}
.holder	{position:relative;}
.fullWidth	{width:100%;}

hr	{display:none;}
ul li	{list-style:none;}




/* lightbox */
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#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; 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-size: 10px; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#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;}




/* cursors */

a[href],
button,
select,
input[type=submit],
input[type=button],
input[type=reset],
input[type=checkbox],
input[type=radio]
	{cursor:pointer;}




/* general typography */

body,
input,
select
	{font-size:8.5pt;}

h1	{font-size:2em; text-transform:uppercase;}
h2	{font-size:11pt;}

#breadCrumbNavigation	{font-size:8pt;}
#breadCrumbNavigation a:link,
#breadCrumbNavigation a:visited,
#documentFrame a:link,
#documentFrame a:visited
	{text-decoration:underline;}
#documentFrame h2 a:link,
#documentFrame h2 a:visited,
#documentFrame h3 a:link,
#documentFrame h3 a:visited
	{text-decoration:none;}
#documentFrame h2 a:hover,
#documentFrame h3 a:hover
	{text-decoration:underline;}

#menuMain a,
#menuSection a
	{font-weight:bold;}
#menuSection .L3_item a,
#menuSection .L3_folder a
	{font-weight:normal;}

.author	{text-align:right;}




/* vertical grid */

body	{line-height:20px;}

h1,
p,
ul,
ol,
dl,
table,
blockquote,
.textContent,
.block,
.block .block,
#contentFrame .marginBottom
	{margin-bottom:20px;}

.block p,
.block ul,
.block ol,
.block dl,
.block table,
.block blockquote,
#contentFrame .noBottom
	{margin-bottom:0;}




/* horizontal grid */

#pageTitle,
.textContent,
#menuMain,
#menuService
	{margin-left:30px;}

#pageTitle,
.textContent
	{margin-right:30px;}

.colLeft,
.colLeftHalf,
.colLeftDouble,
.colLeftTriple,
.col1of3,
.col2of3,
.col1of4,
.col2of4,
.col3of4
	{float:left;}

.colRight,
.colRightHalf,
.colRightDouble,
.col3of3,
.col4of4
	{float:right;}

.colLeft .textContent,
.colLeftDouble .textContent,
.colLeftTriple .textContent,
.col1of3,
.col2of3,
.col3of4
	{margin-right:0;}

.colRight .textContent,
.colRightHalf .textContent,
.colRightDouble .textContent,
.col3of3 .textContent,
.col4of4 .textContent
	{margin-left:0;}

.colLeft,
.colRight,
.col1of3,
.col2of3,
.col3of3,
.col1of4,
.col2of4,
.col3of4,
.col4of4
	{width:230px;}

.colLeftHalf,
.colRightHalf
	{width:460px;}

.colLeftDouble,
.colRightDouble
	{width:460px;}

.colLeftTriple	{width:690px;}

/* table columns */
.colCode	{width: 60px;}
.colIcon	{width: 40px;}
.colDuration	{width: 100px;}
.colPrice	{width: 100px;}
.colTerm	{width: 100px;}




/* general layout */
body	{min-width:970px;}

#mainFrame	{
	width:970px;
	margin:10px auto;
	position:relative;
}

#headerFrame	{height:130px;}
#logoFrame	{position:absolute; top:2px; left:10px;}
#logoFrame img	{display:block;}
#menuTopLink	{position:absolute; top:50px; left:25px;} /* this link is hidden under the logo */

#footerFrame	{
	position:relative;
	height:30px;
	clear:both;
}
#copyright,
#menuService
	{position:absolute; bottom:5px;}
#copyright	{right:35px;}


#menuFrame	{
	width:950px;
	position:absolute;
	top:105px;
	left:10px;
}

#breadCrumbNavigation	{
	height:30px;
	line-height:30px;
	padding-left:40px;
}
#contentFrame	{padding:0 10px;}
#contentFrameBorder	{
	min-height:365px;
/*	overflow:hidden;*/
}
#page_index #contentFrameBorder,
#page_about_contact_contact #contentFrameBorder	{
	overflow:hidden;
}
#page_index #documentFrame, 
#page_about_contact_contact #documentFrame 
	{padding-bottom:10000px; margin-bottom:-10000px;}

.layout_withMenuSection #documentFrame	{float:right; width:720px;}
.layout_withMenuSection #menuSection	{float:right; width:230px;}

.layout_withMenuSection .colLeftHalf,
.layout_withMenuSection .colRightHalf
	{width:360px;}

#menuMain
	{margin-right:200px;}
#menuService	{left:10px;}
#menuMain,
#menuService	{
	margin-top:0; margin-bottom:0;
	overflow:hidden;
}
#menuMain ul,
#menuService ul
	{margin:0;}
#menuMain li,
#menuService li	{
	float:left;
	padding:0 20px 0 10px;
	margin-left:-10px;
}
#menuMain,
#menuService,
#copyright
	{white-space:nowrap; line-height:25px;}
#menuMain a,
#menuService a	{
	display:block;
	position:relative;
}

#menuSection ul li	{padding-left:0;}
#menuSection a	{
	display:block;
	padding-left:28px;
	margin:0 1px 1px 2px;
}
#menuSection .L2_link	{
	border:1px solid Black; border-right:none;
	height:17px; line-height:17px;
/*	margin:-4px 0 0 0;*/
}
#menuSection .L3_link	{
	height:19px; line-height:19px;
}
#menuSection .L2_active .L2_link,
#menuSection .L3_active a
	{margin-right:0; padding-right:1px;}

#searchFrame	{
	position:absolute; top:0; right:0;
	width:230px; height:25px;
}
#searchFrame input.query	{position:absolute; top:5px; left:27px; width:140px;}
#searchFrame input.button	{position:absolute; top:0; right:0;}


#pageTitle,
#menuSection
	{padding-top:30px;}

.iconLink	{white-space:nowrap;}
#contentFrame .iconLink a	{text-decoration:none;}
.icon,
.iconLink .iconLink_button
	{display:inline-block; height:16px; position:relative; margin-top:-2px; top:2px;} /* negative margin-top is neccessary for Firefox to keep the grid intact */
.iconLink .iconLink_label	{text-decoration:underline;}

.dataTable th,
.dataTable td
	{padding:0 5px;}

dd,
.indented,
.bigDot,
.dots p,
dl.dots dt,
dl.bigDots dt,
#documentFrame ul li
	{padding-left:20px;}

blockquote	{padding:10px;}
.quoteLeft	{padding-left:20px;}
.quoteRight	{padding-right:20px;}

.comment	{border-top:1px solid Black; padding-top:19px; }
.comment_line	{display:block;}

.screencast	{position:relative; height:660px;}
.screencastFrame	{position:absolute; top:-30px; left:-30px; border:5px solid #ccc;}

.box	{overflow:hidden;}
.boxContent	{padding:10px;} 
.boxImageLeft,
.boxLogoLeft
	{float:left; width:180px;}
.boxImageLeft img,
.boxLogoLeft img
	{display:block; margin:auto;}
.boxLogo	{margin:10px 10px 0 10px; padding:5px 0; min-height:30px;}
.boxLogoLeft	{margin-right: 0; padding-top:10px;}
.boxContent	{padding:10px;}
.boxContentRight	{float:right; width:450px; padding:6px 10px 10px 0;}

.promoBox	{float:left; width:229px; margin:0 1px 1px 0;}
.promoBoxImage img	{display:block;}
.promoBoxContent	{min-height:140px; padding:0 10px 0 0;}
.promoBoxContent h2	{padding-top:20px;}
.promoBoxDescription	{padding-right:10px;}


/* page specific layout */

#page_index #contentFrame	{min-height:395px;} 
#page_index #visualFrame	{position:absolute; top:130px; left:9px; z-index:10;}
#page_index #breadCrumbNavigation	{display:none;}
#page_index .columns	{margin-top:-70px; padding-top:70px;}
#page_index .colRight	{margin-top:-40px;}
#page_index .colLeftTriple .textContent	{margin-right:30px;}

#page_index #hpBoxes	{position:absolute; bottom:30px; left:0;}
#page_index .hpBox	{
	float:left;
	width:229px;
	height:165px;
	margin-right:1px;
}
#page_index .hpBox h2	{padding:20px 10px 0 40px; position:relative; top:-10px;}
#page_index .hpBox h2 .overlay	{position:absolute; height:20px; width:170px;}
#page_index .hpBox .hpBoxDescription	{padding:0 10px 0 40px;}

#page_index .newsItem	{text-indent:20px;}
#page_index .newsItem a	{text-indent:0;}

#promoList	{overflow:hidden; position:relative; top:0; left:30px; width:690px;}



/*




#page_references_index #references	{width:690px;}

#page_references_index img	{display:block;}
#page_references_index .boxContent	{min-height:140px; padding:0 10px 0 0;}
#page_references_index .boxContent h2	{padding-top:20px;}
#page_references_index .boxDescription	{padding-right:10px;}
*/
/*
#page_references_index .box	{width:199px; float:left; margin-right:31px; height:219px; margin-bottom:21px;}
#page_references_index .boxImage	{margin:10px 10px 0 10px; padding:10px 15px;}
#page_references_index .boxContent	{padding:10px 10px 0 10px;}
*/
#page_about_index #imageCustomerTechnologyMethodologyPeople	{min-height:210px; position:relative; top:-30px; margin-bottom:-10px;}
#page_about_index #aboutManagement	{position:relative; top:0px; }
#page_about_index #aboutManagement h3,
#page_about_index #aboutManagement dd
	{margin-bottom:20px;}

#page_sitemap ul	{margin-bottom:0;}
#page_sitemap ul ul	{margin-left:20px;}






/* general colors */
/*
   text blue: #002f38
*/

body	{background:#c0d0db;}

body,
a
	{color:#002f38;}

del, del a	{color:#aaa;}


#mainFrame	{background:url(images/bgr_body.gif) repeat-y;}
#mainFrame-d1	{background:url(images/bgr_header.gif) no-repeat 0 0;}
#mainFrame-d2	{background:url(images/bgr_footer.gif) no-repeat 0 100%;}

.layout_withMenuSection #contentFrame	{background:url(images/bgr_content.gif) no-repeat 0 0;}

#menuFrame a,
#footerFrame,
#footerFrame a
	{color:#fff;}

#menuMain .active a,
#menuService .active a
	{color:#f90;}

a:link:hover,
a:visited:hover,
#menuMain a:hover,
#menuMain .active a:hover,
#menuService a:hover,
#menuService .active a:hover
	{color:#f50;}

#menuSection ul li	{background-image:none;}
#menuSection a.L2_link	{
	border-color:#dedfe0;
	background-color:#eee;
	background-image:none;
}

blockquote,
.highlight
	{background:#eef8fe url(images/bgr_vblock.gif) repeat-x;}

.LNG_cs .quoteLeft	{background:url(images/cs/quote_left.gif) no-repeat 0 7px;}
.LNG_cs .quoteRight	{background:url(images/cs/quote_right.gif) no-repeat 100% 100%;}

.dataTable thead th	{background:#eee; border-bottom:2px solid #fff;}
.dataTable tbody tr:hover th,
.dataTable tbody tr:hover td
	{background:#eee;}

.dots p,
dl.dots dt,
#documentFrame ul li
	{background:url(images/dot_navy.gif) no-repeat 10px 0.8em;}

.bigDot,
dl.bigDots dt,
#documentFrame ul.bigDots li
	{background:url(images/icon-square.gif) no-repeat 0 0;}

.boxLogo	{background:#fff;}




/* buttons */

.button_more img,
.button_link img
	{visibility:hidden;}
.button_more .iconLink_button,
.button_link .iconLink_button
	{background-repeat:no-repeat; background-position:0 2px;}
.button_more a:hover .iconLink_button,
.button_link a:hover .iconLink_button
	{background-position:0 -28px; } 

.button_more .iconLink_button {background-image:url(images/sprites-arrows.gif);}
.button_link .iconLink_button {background-image:url(images/sprites-links.gif);}




/* menu arrows */

#menuSection .L2_active .L2_link,
#menuSection .L3_active a
	{background: #fff url(images/sprites-arrows.gif) no-repeat; }

#menuSection .L2_unfold .L2_link,
#menuSection .L3_unfold .L3_link
	{background: #fff url(images/sprites-arrows.gif) no-repeat; }

#menuSection .L2_active .L2_link	{background-position: 10px -1px;}

#menuSection .L2_unfold .L2_link	{background-position:10px -122px;}
#menuSection .L2_unfold .L2_link:hover	{background-position: 10px -152px; }

#menuSection .L2_active .L2_link:hover,
#menuSection .L3_active a:hover
	{background-position: 10px -31px;}

#menuSection .L3_active a	{background-position: 10px 0;}
#menuSection .L3_active a:hover	{background-position: 10px -30px;}




/* page specific colors */

#page_index #mainFrame-d1	{background:url(images/bgr_header_hp.gif) no-repeat 0 0;}
#page_index #contentFrame	{background:url(images/bgr_content_hp.gif) no-repeat 0 0;}
#page_index .newsItem	{background:url(images/icon-square.gif) no-repeat 0 0;}

#page_references_index .boxImage	{background:#fff;}

#page_about_contact_contact #documentFrame	{background:url(images/bgr_colRight.gif) repeat-y 100% 100%;}	



.phoneBox,
.mailBox
	{font-weight:bold;}
.phoneBox,
.mailBox
	{padding-left:35px; height:20px; line-height:20px;}
.phoneBox	{background:url(images/phone-small.gif) no-repeat 0 0;}
.mailBox	{background:url(images/envelope-small.gif) no-repeat 0 0;}

.imageLeft	{float:left; position:relative; top:5px; margin-right:20px; margin-bottom:10px;}
.imageRight	{float:right; position:relative; top:5px; margin-left:20px; margin-bottom:10px;}

/* forms */
.field label	{width:100px; display:inline-block;}
.field label.double	{width:200px;}

#fieldGroup1 label	{width:100px;}
#fieldGroup2 label	{width:70px;}


.buttonBar	{background:#eee;}
.buttonBar	{padding:10px 10px 10px 110px;}

.boxImageRight	{float:right; margin-left:20px;}
.boxImageRight img	{display:block;}

#sectionPromo	{overflow:hidden;}
#sectionPromo .boxImageRight	{margin-left:0;}

.field label	{vertical-align:top; text-align:right;}
.field label	{margin-right:10px;}

#page_services_training_registration_registration #comment	{width:415px;}
#sectionPromo .boxContent	{width:180px; float:left;}

/*#page_about_contact_contact #contactMap	{position:relative; top:-40px; left:-100px; margin-bottom:-1px;}*/
#page_about_contact_contact #contactMap	{position:relative; margin-bottom:-1px;}
#page_about_contact_contact #contactMap img	{position:absolute; top:-50px; left:-100px;}


.col100	{width:100px;}


.LNG_cs #hpBox_development .overlay	{background:url(images/cs/hp_development.gif);}
.LNG_cs #hpBox_consulting .overlay	{background:url(images/cs/hp_consulting.gif);}
.LNG_cs #hpBox_training .overlay	{background:url(images/cs/hp_training.gif);}

.LNG_en #hpBox_development .overlay	{background:url(images/en/hp_development.gif);}
.LNG_en #hpBox_consulting .overlay	{background:url(images/en/hp_consulting.gif);}
.LNG_en #hpBox_training .overlay	{background:url(images/en/hp_training.gif);}


#documentFrame .actionLink a	{text-decoration:none; font-weight:bold; font-size:1.2em;}

.actionLink a	{display:inline-block; height:40px; line-height:40px; padding-left:20px; padding-right:10px; margin-right:10px; position:relative;}
.actionLink a span	{display:block; position:absolute; top:0; right:-10px; height:40px; width:10px;}

.actionLink a	{color:#09700B; background:url(images/actionButton-left.gif) no-repeat 0% 50%;}
.actionLink a span	{background:url(images/actionButton-right.gif) no-repeat 100% 50%;}
.actionLink a:hover	{color:#fff; background:url(images/actionButton-left-active.gif) no-repeat 0% 50%;}
.actionLink a:hover span	{background:url(images/actionButton-right-active.gif) no-repeat 100% 50%;}




.entry	{margin-bottom:20px;}
.entry p	{margin-bottom:0;}

.section_blog .textContent table,
.section_blog .textContent th,
.section_blog .textContent td
	{border:1px solid #ccc;}
.section_blog .textContent table
	{margin-bottom:20px;}
.section_blog .textContent th,
.section_blog .textContent td
	{padding:3px 5px;}
.section_blog .textContent h3	{font-size:11pt;}

.example	{padding:10px 30px; margin:-10px 0 30px 30px;}
.example	{background:#def;}

.equation	{padding:0 19px; line-height:38px; margin:0 0 20px 30px; position:relative; top:-10px;}
.equation	{background:#ffe; border:1px solid #ccc;}
.equation	{font-size:12pt; font-weight:bold;}

.green	{background:#afb;}
.blue	{background:#abf;}
.yellow	{background:#ffa;}
.red	{background:#c00; color:#fff;}


.comment	{border-color:#eee;}


.section_blog #contentFrame	{font-size:9pt;}
.section_blog img.size-full,
.section_blog img.size-medium
	{border:1px solid #ccc;}

.facebook	{position:relative; top:2px;}

.layout_screencast h1	{display:none;}

.subsection_certifications .textContent	{margin-right:0;}
.certificateBox	{width:200px; height:220px; float:left; margin-right:30px;}

.boxLogo	{text-align:center;}