/* YUI css reset*/
html{color:#000;background:#cecece;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
/* General*/
.leftMargin { margin-left:27px; margin-bottom:35px; }
.leftMarginGallery { margin-left:52px;width:800px }
.leftMarginGallery h1 {width:400px!important}
* { margin: 0; padding:0; }
body { font-family: Arial, Sans-Serif, Helvetica; font-size: 1em; color: #666666; background: #cecece url('../images/background.png') repeat-x; }
hr { border-top: 1px solid #CECECE; border-bottom: none; border-left: none; border-right: none; margin-left: 27px; margin-right: 27px; color: #fff; height: 0px; }
.logo { margin: 20px; margin-left: 27px; }
#header { width:988px; background: url('../imgs/bkgnd_shdw.png') repeat-y; margin:0px auto; }
.breaker { clear: both; }
/* Menu */
.menu { list-style: none; margin: 0 0 10px 27px; width: 940px; height: 0px; height: 18px; }
.menu li { display: inline;}
.menu li a { float: left; display: block; overflow: hidden; background:url('../imgs/site_navbar.gif') no-repeat left top; height: 0; padding-top: 17px; }
.menu li.m_services a { width: 107px; }
.menu li.m_gallery a { width: 106px; background-position: -107px 0; }
.menu li.m_casestudies a { width: 140px; background-position: -219px 0; }
.menu li.m_about a { width: 165px; background-position: -366px 0; }
.menu li.m_careers a { width: 140px; background-position: -640px 0; }
.menu li.m_contact a { width: 97px; background-position: -541px 0; }
.menu li.m_news a { width: 94px; background-position: -298px 0; }
.menu li.m_featuredproj a { width: 185px; background-position: -113px 0; }
.menu li.m_services a:hover { background-position: 0 -16px; }
.menu li.m_gallery a:hover { background-position: -107px -17px }
.menu li.m_casestudies a:hover { background-position: -219px -17px; }
.menu li.m_about a:hover { background-position: -366px -17px; }
.menu li.m_careers a:hover { background-position: -640px -17px;}
.menu li.m_contact a:hover{ background-position: -541px -17px; }
.menu li.m_featuredproj a:hover { background-position: -107px -17px; }
.menu li.m_news a:hover { background-position: -298px -17px; }
.menu li.m_services.selected a { background-position: 0 -33px; }
.menu li.m_gallery.selected a { background-position: -107px -36px }
.menu li.m_casestudies.selected a { background-position: -219px -34px; }
.menu li.m_about.selected a { background-position: -366px -34px; }
.menu li.m_careers.selected a { background-position: -640px -34px; }
.menu li.m_contact.selected a{ background-position: -541px -34px; }
.menu li.m_featuredproj.selected a { background-position: -113px -34px; }
.menu li.m_news.selected a { background-position: -298px -34px; }
/*Spanish version */
.menues { list-style: none; margin: 0 0 10px 27px; width: 940px; height: 0px; height: 18px; }
.menues li { display: inline;}
.menues li a { float: left; display: block; overflow: hidden; background:url('../imgs/site_navbar.gif') no-repeat left top; height: 0; padding-top: 17px; }
.menues li.m_services a { width: 107px; }
.menues li.m_gallery a { width: 106px; background-position: -107px 0; }
.menues li.m_casestudies a { width: 115px; background-position: -219px 0; }
.menues li.m_about a { width: 155px; background-position: -366px 0; }
.menues li.m_careers a { width: 140px; background-position: -640px 0; }
.menues li.m_contact a { width: 97px; background-position: -541px 0; }
.menues li.m_news a { width: 94px; background-position: -298px 0; }
.menues li.m_featuredproj a { width: 185px; background-position: -113px 0; }
.menues li.m_services a:hover { background-position: 0 -16px; }
.menues li.m_gallery a:hover { background-position: -107px -17px }
.menues li.m_casestudies a:hover { background-position: -219px -17px; }
.menues li.m_about a:hover { background-position: -366px -17px; }
.menues li.m_careers a:hover { background-position: -640px -17px;}
.menues li.m_contact a:hover{ background-position: -541px -17px; }
.menues li.m_featuredproj a:hover { background-position: -107px -17px; }
.menues li.m_news a:hover { background-position: -298px -17px; }
.menues li.m_services.selected a { background-position: 0 -33px; }
.menues li.m_gallery.selected a { background-position: -107px -36px }
.menues li.m_casestudies.selected a { background-position: -219px -34px; }
.menues li.m_about.selected a { background-position: -366px -34px; }
.menues li.m_careers.selected a { background-position: -640px -34px; }
.menues li.m_contact.selected a{ background-position: -541px -34px; }
.menues li.m_featuredproj.selected a { background-position: -113px -34px; }
.menues li.m_news.selected a { background-position: -298px -34px; }
/* french version */
.menufr { list-style: none; margin: 0 0 10px 27px; width: 940px; height: 0px; height: 18px; }
.menufr li { display: inline;}
.menufr li a { float: left; display: block; overflow: hidden; background:url('../imgs/site_navbar_fr.gif') no-repeat left top; height: 0; padding-top: 17px; }
.menufr li.m_services a { width: 99px; }
.menufr li.m_gallery a { width: 210px; background-position: -99px 0; }
.menufr li.m_casestudies a { width: 80px; background-position: -310px 0; }
.menufr li.m_about a { width: 198px; background-position: -390px 0; }
.menufr li.m_contact a { width: 195px; background-position: -585px 0; }
.menufr li.m_services a:hover { background-position: 0 -17px; }
.menufr li.m_gallery a:hover { background-position: -99px -17px; }
.menufr li.m_casestudies a:hover { background-position: -310px -17px; }
.menufr li.m_about a:hover { background-position: -390px -17px; }
.menufr li.m_contact a:hover { background-position: -585px -17px; }
.menufr li.m_featuredproj a:hover { background-position: -107px -17px; }
.menufr li.m_news a:hover { background-position: -298px -17px; }
.menufr li.m_services.selected a { background-position: 0 -34px; }
.menufr li.m_gallery.selected a { background-position: -99px -34px; }
.menufr li.m_casestudies.selected a { background-position: -310px -34px; }
.menufr li.m_about.selected a { background-position: -392px -34px; }
.menufr li.m_contact.selected a { background-position: -585px -34px; }
.menufr li.m_featuredproj.selected a { background-position: -113px -34px;}
.menufr li.m_news.selected a { background-position: -298px -34px; }
/* lang menu */
.site_logo { float: left; }
.lang_menu { float: right; margin-right: 20px; margin-top: 15px;}
.lang_menu li { display: inline; color: #999999; font-size: 0.8em; padding: 0 10px 0 19px; }
.lang_menu li a { color: #999999; text-decoration: none; }
.lang_menu li a.selected { color: #333333; }
.lang_menu li#en_gb { background: url('../imgs/en_gb.gif') no-repeat 0px 1px; }
.lang_menu li#es_es { background: url('../imgs/es_es.gif') no-repeat 0px 1px; }
.lang_menu li#fr_fr { background: url('../imgs/fr_fr.gif') no-repeat 0px 1px; }
/* Home */
.feature { margin: 20px 0px 0px 27px; }
.feature .main_feature { float: left;}
.feature .main_feature img { position: absolute }
.feature .main_feature .feature_text { position: absolute; margin: 238px 0 0 5px; }
.feature .main_feature h2#title_feature { color: #ffffff; font-size:15px; width: 690px; margin-top:8px; }
.feature .main_feature .feature_text p.sub_title { position: absolute; top: 25px; color: #999999; font-size: 1.2em; width: 600px; margin-bottom: 0px; line-height: 1em; }
.feature #sub_feature { margin-right: 27px; float: right;}
.breaker.fixed_height { height: 20px; font-size: 0.1em; }
#content .home h1, #content .home h2 { font-size: 14pt; margin: 0 0 0 0; width: 400px; line-height: 1em;}
#content .home h1 { color: #D71920; }
.home hr { margin: 0px 0px 15px 0px; }
.hide_me { left: -999px; position: absolute; }
#content h3 { font-size: 1.12em; font-weight: bold; margin: 1em 0 0.4em 0;}
body.featured_details #content h1 { margin-bottom: 15px; }
body.featured_details #content .description p { margin-top: 7px;}
div.featuredProjectsContainer { position: relative; float: right; display: inline; margin: 0px 27px 0 0; width: 405px; height: 287px; font-size: 0.9em; }
div.featuredProjectsContainer a { color: #e1282e; }
div.featuredProjectsContainer a.wp7, div.featuredProjectsContainer a.wp7:link , div.featuredProjectsContainer a.wp7:visited {text-indent: -9999px; background: url(../imgs/wp7logo.jpg) no-repeat; float:right; width:129px; height:18px; position:absolute; top:0px; right:0;}
div.featuredProjectsContainer p {width: 220px; position:absolute; bottom:-35px; right:0; text-align: right;}
body div#content div.featuredProjectsContainer p.featuredText { margin: 195px 0 0 0; padding: 0 10px 0 10px; }
body div#content div.featuredProjectsContainerfr p.featuredText { margin: 195px 0 0 0; padding: 0 10px 0 10px; }
body div#content div.featuredProjectsContaineres p.featuredText { margin: 185px 0 0 0; padding: 0 10px 0 10px; }
body div#content div.featuredProjectsContainer p.featuredLin { position: absolute; left: 0px; top: 260px; height: 30px; width: 219px; margin: 0px; }
body div#content div.featuredProjectsContainerfr p.featuredLin { position: absolute; left: 0px; top: 260px; height: 30px; width: 219px; margin: 0px; }
body div#content div.featuredProjectsContaineres p.featuredLin { position: absolute; left: 0px; top: 260px; height: 30px; width: 219px; margin: 0px; }
/* Content */
#content { font-size: 12px; width:988px; background: url('../imgs/bkgnd_shdw.png') repeat-y; margin: 0px auto; display:table; }
#content p { padding-bottom: 1.5em; line-height: 170%}
#content h1 { font-size: 2.1em; color:#666666; margin: 15px 0 5px 0; width: 910px; }
#content h1 span.highlight { color: #D71920; }
#content h2 { font-size: 1.7em; color:#666666; }
#content .leftText { float:left; width:510px; margin-left:27px; margin-bottom:40px; }
#content .rightText { float:right; width:403px; margin-right: 27px; }
#content .title { font-size: 2em; margin: 10px 0 5px 0; }
#content a.sitelink { color: #D71920; }
#content ul.portfolio li { display: inline; width: 308px; float: left; margin-right: 5px; margin-bottom: 15px;}
#content .portfolio h3 { margin:10px 0 0;}
#content .portfolio h3 p {}
#content ul.gallery{ margin-top: 10px;}
#content ul.gallery li { margin-left: 46px; margin-bottom: 50px; position:relative;}
#content ul.gallery p{ margin-bottom: 0px;margin-left: 7px;padding-bottom:0px}
.image_play_button{ position:absolute;top:210px;left:12px}
.div_video {display:none;width:828px;height:472px;background:url(../imgs/gallery/images_bg.jpg);padding-left:12px;padding-top:13px}
#content .gallery h3 { margin: 0 0;}
#content .gallery h3 p {}
#content .description { float: right; width: 275px; margin-right: 20px; }
#content .description.wider { width: 264px; margin-right: 30px; }
#content .full_img { float: left; width: 640px;}
#content .thumb_list a, #content #thumb_nails a, #content a.secondary { cursor: pointer; }
#content .thumb_list { margin-top: 30px; padding-bottom: 30px; }
#content .thumb_list li { margin-top: 2px; }
.case_study #content .casestudy .thumb_list { margin: 5px 15px 0 0; }
.case_study #content h2 { margin: 25px 0 0 0; font-size: 1.3em; color: #D71920; }
.case_studyNEMS #content .casestudy2 .thumb_list { margin: 5px 15px 0 0; }
.case_studyNEMS #content h2 { margin: 0px 0 0 0; font-size: 1.3em; color: #D71920; }
#content .return { padding-top: 30px; }
#content .leftMargin .leftMarginGallery p{width: 600px;}
#content .leftside { float: left; width: 570px; }
#content .leftside h2 { font-size: 1.4em; color: #D71920; margin-top: 15px; }
#content .leftside h2.spacer { margin-top: 35px; }
#content .rightside { float: right; margin-right: 60px; width: 230px; }
#content .rightside .right_box { margin-top: 15px; }
#content .rightside .right_box h3 { margin: 7px 0 3px 0; }
#content .rightside .right_box p { margin: 0 0 40px 0 }
/* services */
#content ul.services { margin-left: 10x; }
#content ul.services li { list-style: square outside url('../imgs/menu_bullet.png'); margin: 0 0 1.2em 40px; }
/* news */
#content .news ul.outlinks { margin-left: 15px; margin-bottom: 30px;}
#content .news ul li { margin: 4px 0; }
#content .news { float: left; width: 600px; }
#content .news_presskit { float: right; width: 250px; border: 1px solid #cecece; padding: 10px 15px 20px 15px;}
#content .news .news_item { margin: 15px 0 35px 0;}
#content .news p.listed_ps { margin-top: 12px; margin-bottom: 2px;}
#content li.list_spacer { padding-top: 8px; }
#content p.lead_in { margin-bottom: 25px; }
/* about us */
#content .aboutus { float: left; width: 600px; min-height: 500px; }
#content .about_bkgnd { min-height: 360px; }
/* #content .about_bkgnd { background: url('../imgs/bkgnd_about.jpg') no-repeat right top; margin-right: 27px; min-height: 360px; } */
#content .news_presskit.csr { margin-bottom: 20px; margin-right: 40px; }
#content .news_presskit.notsoright { margin-right: 40px; }
/* Contact Details */
#content #contact_details { margin-top: 20px; float: left; }
#content #contact_details h3 { margin: 0 0; width: 100px; float: left;}
#content #contact_details p { float: left; }
#content #contact_map { float: left; width: 550px; margin: 20px 30px 0 40px; }
#content .contact_details { margin-top: 20px; float: left; }
#content .contact_details h3 { margin: 0 0; width: 100px; float: left;}
#content .contact_details p { float: left; }
#content .contact_map { float: left; width: 550px; margin: 20px 30px 0 40px; }
/* Links */
#content p a { text-decoration:none; color: #D71921; }
#content p a:hover { text-decoration:underline; }
/* Footer */
#footer{ width: 988px; height: 45px; background: url('../imgs/bkgnd_footer.png') no-repeat center bottom; margin: 0px auto; }
#footer p { font-size: 0.6em; margin: 3px 27px 0 0; float: right;}
.clear{
clear:both;
font-size:0px;height:0px;
}
.float_right{
float:right;
}
.float_left{
float:left;
}
.ibc_logo{
float:left;
padding-right:15px;
}
.next{ display:block;width:50px;height:20px;float:left; background: url('../imgs/next.gif') no-repeat 0px 5px;margin-left:15px}
a.next:hover { background: url('../imgs/next_.gif') no-repeat 0px 5px;}
.previous{ display:block;width:70px;height:20px;float:left; background: url('../imgs/prev.gif') no-repeat 0px 5px;padding-right:15px}
a.previous:hover { background: url('../imgs/prev_.gif') no-repeat 0px 5px;}
.next_inactive{ display:block;width:50px;height:20px;float:left; background: url('../imgs/next_inactive.gif') no-repeat 0px 5px;margin-left:15px}
.previous_inactive{ display:block;width:70px;height:20px;float:left; background: url('../imgs/prev_inactive.gif') no-repeat 0px 5px;padding-right:15px}
.page1{display:block; width:20px;height:20px;float:left; background: url('../imgs/page_1.gif') no-repeat 0px 2px;}
.page2{display:block; width:20px;height:20px;float:left; background: url('../imgs/page_2.gif') no-repeat 0px 2px;}
.page1_selected{display:block; width:20px;height:20px;float:left; background: url('../imgs/page_1_.gif') no-repeat 0px 2px;}
.page2_selected{display:block; width:20px;height:20px;float:left; background: url('../imgs/page_2_.gif') no-repeat 0px 2px;}
.page_separator {height:21px;width:8px;border-left:solid 1px #f4f4f4 ;float:left}
.paginator{padding-left:687px;padding-bottom:10px}
.light_blue_optics{padding-top:27px;padding-left:14px;padding-bottom:10px; background: url('../imgs/light_blue_optix.jpg') no-repeat;width:403px;height:99px}
.red_label{color:#D71920}