html{font-size:100.01%;} 
body{
font-size:11px;
font-family:verdana,arial,sans-serif;
color:#ed1c24;
margin:0;
padding:0;
text-align:left;
background:#fff;
}
body#hp{
background:#ed1c24;
color:#fff;
}
a img, img{margin:0;padding:0;border:0;}
a{color:#ed1c24;outline:none;text-decoration:none;}
a:hover{text-decoration:underline !important;}
body#hp a{color:#fff;}
a:hover{text-decoration:none;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,table,td{margin:0;padding:0;}
table{font-size:1em;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
hr,.noScreen{display:none;}
.break{display:block;}
fieldset{padding:0;margin:0;border:0}
ul li{list-style-type:none}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
.imgBlock{
position:relative;
display:block;
overflow:hidden;
}
.imgSpan{
position:absolute;
left:0;
top:0;
display:block;
background-position:top left;
background-repeat:no-repeat;
}
a .imgSpan{
cursor:pointer;
}
#page{
width:968px;
/*margin:0px auto;*/
text-align:left;
position:relative;
}
#mainCol{
width:776px;
float:right;
position:relative;
line-height:1.3;
}
#mainColIn{
padding:28px 86px 50px 0;
}
h2#fireflyLogo{
width:97px;
height:45px;
top:10px;
left:13px;
}
body#hp h2#fireflyLogo span{
width:97px;
height:45px;
background:url(../gfx/firefly.gif) left top;
}
h2#fireflyLogo span{
width:97px;
height:45px;
background:url(../gfx/firefly.gif) left bottom;
}

/*MENU begin*/
#menu{
width:192px;
float:left;
margin:28px 0 0;
}
#menu li{
padding:0 0 0 27px;
}
#menu li a{
text-decoration:none !important;
width:88px;
padding:5px 0 5px 6px;
display:block;
}
* html #menu li a{
width:94px;
}
#menu li a:hover,#menu li li.act a{
font-weight:bold;
}
#menu li.act a{
background:#ed1c24;
color:#fff;
}

#menu ul{
padding:7px 0 8px;
}
#menu li li{
padding:0 0 0 17px;
}
#menu li li a{
width:146px;
padding:2px 0 1px 2px;
background:none !important;
color:#ed1c24 !important;
letter-spacing:-1px;
}
* html #menu li li a{
width:148px;
}

#menu li#itemNews{
padding:16px 0 0 33px;
}
#menu li#itemNews a,#menu li#itemNews a span{
width:46px;
height:46px;
}
body#hp #menu li#itemNews a span{
background:url(../gfx/news-star.gif) left top;
}
#menu li#itemNews a span{
background:url(../gfx/news-star.gif) left bottom;
}
#menu li#itemNews.act a span{
background:#fff url(../gfx/news-star-act.gif) left top !important;
}
#menu li#itemNews.act a{
background:#fff;
}
/*MENU end*/

body#hp h1{
width:458px;
height:172px;
}
body#hp h1 span{
width:458px;
height:172px;
background:url(../gfx/text-firefly-is-a-global.gif);
}

/*WHAT WE DO begin*/
h2#textFireflyHas{
width:531px;
height:194px;
margin:0 0 46px;
}
h2#textFireflyHas span{
width:531px;
height:194px;
background:url(../gfx/text-firefly-has.gif);
}
h2#textOurServices{
width:533px;
height:144px;
}
h2#textOurServices span{
width:533px;
height:144px;
background:url(../gfx/text-our-services.gif);
}
/*WHAT WE DO end*/

/*APPROACH begin*/
.approachBox{
padding:47px 0 0 92px;
}
.approachBox h2#textDefine{
width:242px;
height:63px;
}
.approachBox h2#textDefine span{
width:242px;
height:63px;
background:url(../gfx/text-define.gif);
}
.approachBox h2#textDesign{
width:248px;
height:78px;
}
.approachBox h2#textDesign span{
width:248px;
height:78px;
background:url(../gfx/text-design.gif);
}
.approachBox h2#textDeploy{
width:262px;
height:79px;
}
.approachBox h2#textDeploy span{
width:262px;
height:79px;
background:url(../gfx/text-deploy.gif);
}
.approachText{
width:300px;
float:right;
}
.approachText h3{
font-size:14px;
font-weight:bold;
}
.padT41{
padding-top:41px !important;
}
.padT21{
padding-top:21px !important;
}
/*APPROACH end*/

/*REFERENCES begin*/
h1#textFireflyHasExp{
width:556px;
height:137px;
margin:0 0 25px;
}
h1#textFireflyHasExp span{
width:556px;
height:137px;
background:url(../gfx/text-firefly-has-experience.gif);
}
.boxRefs{
width:230px;
float:left;
font-size:14px;
padding:0 0 30px;
line-height:1.5;
}
.boxRefs h3{
font-size:14px;
font-weight:bold;
}
/*REFERENCES end*/

/*PORTFOLIO begin*/
.portfolioBox h2{
font-weight:normal;
font-size:24px;
padding:11px 0 7px;
}
.portfolioImg{
width:690px;
min-height: 390px;
_height: 390px; 
background: url(loading.gif) center no-repeat;
position:relative;
/*overflow:hidden;*/
}
.arrowLeft{
width:60px;
height:100px;
position:absolute;
top:13px;
left:13px;
text-indent:-9999px;
display: none;
}
.arrowLeft span{
width:60px;
height:100px;
background:url(../gfx/arrow-left.png);
cursor:pointer;
}
* html .arrowLeft span{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/arrow-left.png', sizingMethod='image');
}
.arrowRight{
width:60px;
height:100px;
position:absolute;
bottom:13px;
right:-60px;
text-indent:-9999px;
}
.arrowRight span{
width:60px;
height:100px;
background:url(../gfx/arrow-right.png);
cursor:pointer;
}
* html .arrowRight span{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/arrow-right.png', sizingMethod='image');
}
/*PORTFOLIO end*/

/*KEY PEOPLE begin*/
.keyPeople{
margin:0 0 30px;
}
.keyPeopleImg{
width:100px;
float:left;
}
.keyPeopleImg img{
margin:0 0 7px;
}
.keyPeopleText{
width:588px;
float:left;
}
.keyPeopleText h2{
font-size:14px;
font-weight:bold !important;
}
.keyPeopleText h2 span{
font-size:12px;
font-weight:normal !important;
}
.keyPeopleText p{
padding:0 0 7px;
}
/*KEY PEOPLE end*/

/*PUBLICATIONS begin*/
table.tabPublications{
font-size:9px;
letter-spacing:-1px;
}
table.tabPublications th{
font-weight:normal;
text-align:left;
vertical-align:top;
padding:0 0 12px;
}
table.tabPublications td{
width:116px;
vertical-align:top;
padding:0 0 2px;
}
table.tabPublications td img{
border:1px solid #a4a2a2;
}
.marT10{
margin-top:10px;
}
/*PUBLICATIONS end*/

/*AWARDS begin*/
table.tabAwards{
font-size:9px;
letter-spacing:-1px;
}
table.tabAwards th{
font-weight:normal;
text-align:left;
vertical-align:top;
padding:0 0 15px;
}
table.tabAwards td img{
border:1px solid #a4a2a2;
}
table.tabAwards td{
width:146px;
vertical-align:top;
padding:0 0 2px;
}
/*AWARDS end*/

/*CONTACTS begin*/
.contacts{
font-size:22px;
line-height:1.3;
}
.contacts p{
padding:22px 0 0;
}
/*CONTACTS end*/

/*NEWS begin*/
.newsBox{
margin:0 0 25px;
}
.newsBox h2{
font-size:24px;
font-weight:normal;
padding:0 0 6px;
}
.newsBox p{
padding:0 0 12px;
}
* html .newsBox img.fl{
margin:0 -3px;
}
/*NEWS end*/