<STYLE id="compName" name="compName">/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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: 1px; margin: 0px; padding: 0px; color: #666; font: 62.5%/1.3em Verdana, Geneva, sans-serif; }

ol, ul { list-style: none; margin: 0px; padding: 0px; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

#contentWrapperNoM { margin-top: 230px; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

#contentArea ul li { list-style-type: square; margin-bottom: 5px; margin-left: 20px; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

#wrapper { width: 980px; }

#contentArea { margin-left: 300px; margin-top: 40px; padding-right: 0px; padding-left: 20px; }

#contentAreaGallery p a { color: #5193CF; text-decoration: none; }

#contentAreaGallery { margin-left: 300px; margin-top: 40px; padding-right: 0px; padding-left: 20px; }

#contentWrapper { margin-top: 230px; background: url(../images/m.jpg) no-repeat 300px bottom; }

#partners h3 a:hover { color: #666; }

#topPageWrapper { overflow: hidden; margin-top: 10px; }

#topNav { float: left; width: 350px; margin-top: 40px; }

#actualNav { float: right; width: 100px; margin-top: 50px; }

#actualNav li a { font-size: 1.2em; color: #4D8BC2; text-decoration: none; font-weight: bold; }

#actualNav ul li a:link { color: #4D8EC7; }

#actualNav ul li a:visited { color: #4D8EC7; }

#actualNav ul li a:hover { color: #C2DC3C; }

#actualNav ul li a:active { color: #669BD3; }

#actualNav ul li { margin-bottom: 12px; }

#rightFlashArea img { margin-left: 150px; }

#leftNav { float: left; width: 250px; margin-left: 30px; }

#leftNav li a { font-size: 1em; color: #4D8BC2; text-decoration: none; font-weight: bold; }

#leftNav ul li a:link { color: #4D8EC7; }

#leftNav ul li a:visited { color: #4D8EC7; }

#leftNav ul li a:hover { color: #C2DC3C; }

#leftNav ul li a:active { color: #669BD3; }

#leftNav ul li { margin-bottom: 12px; }

#footer { text-align: center; margin-top: 15px; font-size: .9em; }

#footer p a { font-size: 1.1em; line-height: 1.6em; color: #4D8EC7; text-decoration: none; }

#footer p a { font-size: 1.1em; line-height: 1.6em; color: #4D8EC7; text-decoration: none; }

#footer p a:visited { font-size: 1.1em; line-height: 1.6em; color: #4D8EC7; text-decoration: none; }

#footer p a:hover { font-size: 1.1em; line-height: 1.6em; color: #C2DC3C; text-decoration: none; }

#footer p a:active { font-size: 1.1em; line-height: 1.6em; color: #669BD3; text-decoration: none; }

p { line-height: 1.5em; margin-top: 0px; margin-bottom: 12px; font-size: 1.1em; }

h1 { font-size: 1.5em; color: #4D8EC7; }

h3 { font-size: 1.1em; margin: 0px; }

h2 { font-size: 1.2em; margin-bottom: 4px; margin-top: 4px; }

.clearBoth { clear: both; }

.bigger { font-size: 1.5em; font-weight: normal; color: #5193CF; margin-top: 10px; }

.blue { color: #5191D0; font-size: 1.3em; margin-bottom: 20px; }

#partners h3 a { text-decoration: none; color: #4D8EC7; }

#partners { background: #C2D82D; float: right; width: 150px; margin-left: 10px; padding: 10px; }

#partners h2 { font-size: 1.3em; color: #FFF; margin-bottom: 10px; }

#partners p { margin-bottom: 5px; }

#wrapperlogin { width: 980px; background-image: url(../images/bgLogin.jpg); background-repeat: no-repeat; background-position: left 15px; }

/*Wrappers*/

#wrapperAbout { width: 980px; background: #FFF url(../images/bgabout.jpg) no-repeat left 15px; }

#wrapperPartners { width: 980px; background: url(../images/bgpartners.JPG) no-repeat left 15px; }

#wrapperServices { width: 980px; background-image: url(../images/bgServices.jpg); background-repeat: no-repeat; background-position: left 15px; }

#contentArea a { color: #5D9ED6; text-decoration: none; }

#contentArea a:hover { color: #666; text-decoration: underline; }

#contactInfo { float: left; width: 410px; overflow: hidden; margin-right: 20px; }

#contactInfo label { display: block; width: 120px; float: left; text-align: right; margin-right: 10px; font-weight: bold; color: #4D8EC7; }

#contactInfo cfinput { width: 250px; }

#message cftextarea { width: 200px; }

#wrapperSimpleSolutions { width: 980px; background-image: url(../images/bgSimpleSolutions.jpg); background-repeat: no-repeat; background-position: left 15px; }

cfinput#submit { width: 112px; height: 30px; }

#wrapperinjection { width: 980px; background-image: url(../images/bginjection.jpg); background-repeat: no-repeat; background-position: left top; }

#wrapperPortfolio { width: 980px; background-image: url(../images/bg_portfolio.jpg); background-repeat: no-repeat; background-position: left 15px; }

#contentWrapperInjection { margin-top: 210px; background-repeat: no-repeat; background-position: 300px bottom; }

#wrapperSitemap { width: 980px; background-image: url(../images/bg_sitemap.jpg); background-repeat: no-repeat; background-position: left 15px; }

#wrappercaseStudies { width: 980px; background: url(../images/bgcaseStudies.jpg) no-repeat left 15px; }

.lft { float: right; margin-left: 15px; margin-top: 5px; margin-bottom: 5px; }

#wrapperContact { width: 980px; background-image: url(../images/bg_contact.jpg); background-repeat: no-repeat; background-position: left 15px; }

#partnersContact { background: #C2D82D; width: 210px; margin-left: 0px; padding: 10px; float: right; }

#partnersContact a { margin-top: 0px; margin-bottom: 5px; }

#partnersContact p { margin: 0px; }

/*Modal wondow*/

/* Z-index of #mask must lower than #boxes .window */  
#mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; }

#boxes .window { position:absolute; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px; }

#boxes #dialog { width:375px; height:203px; padding:10px; background-color:#ffffff; }

#boxes #dialog1 { width:375px; height:203px; }

#dialog1 .d-header { background:url(images/login-header.png) no-repeat 0 0 transparent; width:375px; height:150px; }

#dialog1 .d-header input { position:relative; top:60px; left:100px; border:3px solid #cccccc; height:22px; width:200px; font-size:15px; padding:5px; margin-top:4px; }

#dialog1 .d-blank { float:left; background:url(images/login-blank.png) no-repeat 0 0 transparent; width:267px; height:53px; }

#dialog1 .d-login { float:left; width:108px; height:53px; }

#boxes #dialog2 { background:url(images/notice.png) no-repeat 0 0 transparent; width:326px; height:229px; padding:50px 0 20px 25px; }

cfinput#login { width: 112px; height: 30px; }

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.imageRight { float: right; margin-left: 10px; }

.imageLeft { float: left; margin-right: 10px; }

cfInput#submit { background: url(../images/submit.jpg) no-repeat; height: 30px; width: 112px; border-width: 0px; border-style: none; }
