@charset "utf-8";
/* CSS Document */

.handheld, .print { display: none; }

/* Modified HTML tags */
body { background: #999 url(../images/bg_body.gif) top center repeat-y; margin:0; font: normal 13px Arial, Helvetica, sans-serif; color: #666; }
a { color: #3d61a0; text-decoration: none; font: normal 13px Arial, Helvetica, sans-serif;}
a:hover { text-decoration: underline; }
form { margin:0; padding:0; }
li { background: url(../images/bullet.gif) top left no-repeat; padding-left: 11px; margin: 0 0 4px 0; list-style: none; }
blockquote { border: 1px solid #CCC; background-color: #363636; margin:0 0 30px 0; padding: 15px 25px; color: #FFF;}
blockquote.white { border: 1px solid #CCC; background-color: #EEE; margin:0 0 60px 0; padding: 15px 25px; color: #333;}
cite { font: normal 11px Arial, Helvetica, sans-serif; color: #666; }

li.fix { margin:0 0 4px 0 !important; padding:0 0 0 11px !important; }

/* Simple Styles */
.skip { display: none; }
.clear { clear: both; }
.noborder { border: none !important; }
.label { font: normal 11px Arial, Helvetica, sans-serif; color: #333; text-align: right; }
.hr { background: url(../images/dots.gif) top left repeat-x; height: 1px; }
a.linkedin { background: url(../images/in.gif) top left no-repeat; padding-left: 20px; line-height: 18px; }
.tableborder { border: 1px solid #ccc; }

/* Architecture */
#container { width: 956px; height: 100%; margin: 0 auto; background: #FFF url(../images/bg_container.gif) top left repeat-y; position: relative; padding-bottom: 214px;}
html, body { 
    height: 100%; 
} 
#container { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%;  
} 
#pageimage { width: 954px; height: 120px; margin: 0 auto; background-color: #333; }

#twocolumn, #threecolumn { width: 956px; margin: 0 0 15px 0; }
#onecolumn { width: 956px; margin: 0; }
#onecolumn #breadcrumbs { float: left; width: 928px; margin-left: 1px; height: 26px; padding: 16px 0 0 23px; font: normal 10px Arial, Helvetica, sans-serif; color: #666; background-color: #FFF;}
#twocolumn #breadcrumbs { float: left; width: 609px; margin-left: 1px; height: 26px; padding: 16px 0 0 23px; font: normal 10px Arial, Helvetica, sans-serif; color: #666; }
#breadcrumbs a { color: #3366cc; text-decoration: underline; font-size: 10px; }

#twocolumn #bodycopy { float: left; width: 563px; margin-left: 1px; padding:0 20px 0 23px; }
#bodycopy h1 { font: bold 18px Arial, sans-serif; color: #336699; margin:10px 0 18px 10px; padding:0; display: block; }
#bodycopy h2 { font: normal 16px Arial, sans-serif; color: #336699; margin:10px 0 15px 10px; padding:0; line-height: 1.4em !important;}
#bodycopy h3 { font: bold 13px Arial, sans-serif; color: #000; margin:0 0 3px 10px; padding:0; }
h4 { font: bold 14px Arial, sans-serif; color: #336699; margin:0 0 10px; padding:0; }
#bodycopy ul { list-style: none; }
#bodycopy p { font: normal 13px Arial, Helvetica, sans-serif; color: #666; margin: 0 0 15px 10px; padding:0; line-height: 18px; }
#twocolumn #rightsidebar { float: right; width: 270px; padding: 60px 33px 0 19px; }
#bodycopy li { color: #666; font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; }
#bodycopy li strong { color: #336699; font-size: 12px; }

#rightsidebar h2 { font: normal 16px Arial, sans-serif; color: #2c7fd0;margin:0 0 8px; padding:0; }
#rightsidebar h3 { font: bold 12px Arial, sans-serif; color: #2c7fd0;margin:0 0 3px; padding:0; }
#rightsidebar p { font: normal 12px Arial, Helvetica, sans-serif; color: #333; line-height: 18px; margin: 0 0 15px 5px; padding:0; }
#rightsidebar input { font-size: 11px; margin: 4px 0px 4px 2px; border: 1px solid #666; color: #000; }
#rightsidebar ul, #rightsidemenu ol { margin: 10px; padding:0; }
.tableborder p { margin:0 0 10px; padding:0; }

h2.hangquote { font: bold 16px Arial, sans-serif; color: #2c7fd0;}
h2.hangquote:first-letter { margin-left: -7px; }

div.hr { margin: 20px 0 30px; }

#onecolumn #bodycopy { width: 898px; margin: 0 auto; padding:0 33px 0 23px; background-color: #FFF; }
#onecolumn #rightsidebar, #onecolumn #leftsidebar { display: none; }

.examiner { width: 558px; background: url(../images/examiner-middle.jpg) top left repeat-y; }
.examinerhead { text-align: right; height: 22px; padding: 33px 45px 0 0; background: url(../images/examiner-top.jpg) top left no-repeat;  }
.examinerhead p { font: normal 10px Arial, Helvetica, sans-serif !important; color: #333; }
.examinerbody { width: 508px; padding: 0 25px 5px; }
.examinerbody p { margin:0 0 1em !important; font: normal 13px "Times New Roman", Times, serif !important;  }
.examinerbody h2 { margin:0 0 12px !important; font: bold 24px "Times New Roman", Times, serif !important; color: #333 !important; padding:0;}
.casestudyhead { text-align: left; height: 67px; padding: 0 0 0 132px; background: url(../images/casestudy-top.jpg) top left no-repeat; line-height: 80px; }
.casestudyhead span { font: bold 18px "Arial Narrow", Tahoma, Arial, Helvetica, sans-serif !important; color: #333; }
.closewindow { margin: 0; float: right; }

#numberlinks { height: 24px; width: 944px; background: url(../images/feature-bar.jpg) top right no-repeat; padding: 6px; text-align: right; }
#numberlinks a { margin: 0 4px; }

/* Header CSS */
#header { background-color: #3d61a0; text-align: right; width: 956px; height: 73px; position: relative; }
#logo { float: left; height: 73px; width: 282px; margin:0; padding:0; text-align: left; }
#logo h1 { height: 73px; width: 282px; margin:0; padding:0; font-size: 1em; text-indent: -9999px; background: url(../images/logo-falcon-software.gif) top left no-repeat;}
#logo h1 a { height: 73px; width: 282px; margin:0; padding:0; display: block; text-decoration: none; }
/*#subnav { float: right; width: 452px; padding-right: 10px; }
#subnav ul { margin: 0; padding: 6px 0 ; list-style: none;}
#subnav ul li { margin: 0; padding: 0; display: inline; background: none; }
#subnav ul li a { text-decoration: none; font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #d5e0fe; border-right: 1px solid #6387c3; margin: 0; padding: 0 10px 0 6px; }
#subnav ul li a:hover { color: #b3d63d; }
#subnav ul li a.last { border-right: 0; padding: 0 23px 0 6px;}*/
#experts { float: left; width: 654px; padding: 22px 10px 0 0; text-align: right; }
#experts h2 { margin: 5px 6px 0 0; padding: 0; height: 26px; width: 254px; text-indent: -9999px; background: url(../images/strategy-design-technology.gif) top right no-repeat; text-align: left;}

/* Primary Navigation */
#menucontainer { position: relative; background: url(../images/bg_menu.gif) top left repeat-x; width: 956px; height: 23px; z-index: 1000; }

#blueline { width: 956px; height: 5px; background: url(../images/bg_underline.gif) top left repeat-x; }
#menuDiv1 { position:absolute; left:0px;  top:23px; width:414px; height:206px; visibility: hidden; background-color: #7187ae; border: 3px solid #97addb; }
#menuDiv2 { position:absolute; left:149px; top:23px; width:414px; height:206px; visibility: hidden; background-color: #7187ae; border: 3px solid #97addb; }
#menuDiv3 { position:absolute; left:250px; top:23px; width:414px; height:206px; visibility: hidden; background-color: #7187ae; border: 3px solid #97addb; }
#menuDiv4 { position:absolute; left:326px; top:23px; width:414px; height:206px; visibility: hidden; background-color: #7187ae; border: 3px solid #97addb; }
/*#menuDiv5 { position:absolute; left:427px; top:23px; width:414px; height:176px; visibility: hidden; background-color: #7187ae; border: 3px solid #97addb; }
#menuDiv6 { position:absolute; left:572px; top:23px; width:414px; height:176px; visibility: hidden; background-color: #7187ae; border: 3px solid #97addb; }*/
#menuDiv7 { position:absolute; left:536px; top:23px; width:414px; height:206px; visibility: hidden; background-color: #7187ae; border: 3px solid #97addb; }

/* Dropdown Navigation */
.leftsidemenu { float: left; width: 152px; height: 166px; color: #EEE; padding: 12px 12px 28px; background: url(../images/bg_dropdown_left.gif) top left repeat; }
.leftsidemenu ol { margin:0; padding:0; list-style: none; }
.leftsidemenu li { margin:0; padding:0; margin:0 0 6px; background: none; }
.leftsidemenu a { color: #FFF; font: normal 12px Arial, Helvetica, sans-serif; line-height: 1.25em !important; }
.rightsidemenu { float: left; width: 217px; height: 166px; padding: 12px 10px 28px; background: url(../images/bg_dropdown_right.gif) top left repeat; border-left: 1px solid #7f91b4; font-size: 11px; }
.rightsidemenu p { margin:0 0 10px; padding:0; color: #EEE;}
.rightsidemenu a { font-size: 11px; color: #FFF; }
.rightsidemenu strong { color: #ccff66;}
p.integrate { width: 166px; height: 23px; margin:15px auto; background: url(../images/integrating-strategy-design.gif) top left no-repeat; }

.smallnav { margin:0; padding:0; }
.smallnav li { font: normal 9px Verdana, Arial, Helvetica, sans-serif; color: #ccc; margin: 0 0 4px 2px !important; }
.smallnav a { font: bold 9px Verdana, Arial, Helvetica, sans-serif; color: #fff; }

/* Index Page CSS */
#showflash { width: 956px; height: 277px; background-color: #1E1E1E; }
#separator { background-color: #c7c5c5; height: 6px; width: 100%; margin-bottom: 20px; }

#latestnews { width: 349px; /* border: 1px solid #7b91b9; background-color: #f3f2f2;*/  margin: 0 0 0 6px; padding: 4px 4px 12px 4px; float: left; }
#latestnews h2 { width: 329px; margin:0; padding:7px 10px; /*background-color: #bfbfbf;*/ border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #CCC; border-bottom: 1px solid #FFF; font: bold 11px Arial, Helvetica, sans-serif; color: #333; }
#latestnews p { width: 230px; padding: 10px 7px 14px 110px; margin:0; font: bold 11px Arial, Helvetica, sans-serif; color: #669900; }
#latestnews a { clear:left; display: block; font-weight: normal; margin-top: 2px; }

#indextabs { text-align: left; width: 560px; /*border: 1px solid #7b91b9;*/ background-color: #fff; margin: 0 0 0 14px; padding: 4px; float: left;  } 
#tab_1 { float: left; width: 160px; border-right: 1px solid #FFF; }
#tab_2 { float: left; width: 170px; border-right: 1px solid #FFF; }
#tab_3 { float: left; width: 168px; }
ul.green { width: 200px; list-style: none; margin: 0px 20px 20px 0;  }
#swapthree input, #swapthree textarea, #swapthree select { font-size: 11px; border: 1px solid #8f9fd1; }
#swapone, #swaptwo, #swapthree  { padding: 13px 21px; }
#swapone p, #swaptwo p { margin:0 0 15px; padding:0; font: normal 13px Arial, Helvetica, sans-serif; color: #666 !important; line-height: 1.45em; }
#swapthree p { margin:0 0 11px; padding:0;}
.div_1, .div_2, .div_3 { display: inline; color: #636161; }
.tabs_on, .tabs_off, .tabs_offnot, .tabs_onnot { padding: 7px 10px; cursor: pointer; }
.tabs_on { border: 1px solid #CCC; border-bottom: 1px solid #FFF; }
.tabs_on a, .tabs_on a:hover { color: #333; font: bold 11px Arial, Helvetica, sans-serif; }
.tabs_on a:hover, .tabs_off a:hover { text-decoration: underline; }
.tabs_off { border-bottom: 1px solid #CCC; }
.tabs_off a, .tabs_off a:hover { color: #999; font: bold 11px Arial, Helvetica, sans-serif; }

.imgright { float: right; margin: 0 0 15px 20px; }
.imgleft { float: left; margin: 0 20px 15px 0; }
.imgleft2 { float: left; margin: 0 0px 15px 0; }

#historyflash { width: 898px; height: 206px; background: url(../images/bg_history.gif) top left repeat-x; }

#indexCMSlogos { width: 956px; padding-top: 12px; text-align: center; position: relative; }

/* Footer CSS */
#footer { background: #FFF url(../images/bg_footer.gif) top left repeat-y; padding-top: 30px; position: absolute; bottom: 0px;}
#footernav { padding:10px; width: 914px; text-align: center; border: 1px solid #7b91b9; margin:0 auto 10px auto; font: 11px Arial, Helvetica, sans-serif; color: #666;}
#footernav ul { list-style: none; margin:0 0 15px 0; padding:0; }
#footernav li { display: inline; background: none; margin:0; padding:0; }
#footernav a { padding: 0 8px 0 6px; border-right: 1px solid #999; text-decoration: underline; }
#footernav table { margin: 0 auto; width: 448px; }
#bottombanner { width: 956px; height: 76px; background-color: #3d61a0; color: #FFF; text-align: center; position: relative; }
#bottombanner p { padding-top: 24px; }
#bottombanner a, #bottombanner a:hover { color: #FFF; }
#BBB { width: 60px; height: 60px; position: absolute; bottom:8px; left: 8px;}
#emblem { width: 936px; height: 76px; background: url(../images/logo_established.gif) right no-repeat; }
#emblem a { text-decoration: underline; }

/* Form CSS */
#bodycopy fieldset { width: 440px; border: none; margin: 0 auto; background: url(../images/bg_fieldset.gif) bottom left no-repeat; padding-bottom: 30px; }
#bodycopy fieldset legend { font-size: 10px; color: #6a6a6a; padding: 0 0 8px 28px; }
#bodycopy label { display: block; float: left; width: 150px; padding: 3px 0; margin: 5px 0 0; text-align: right; font-size: 11px; }
#bodycopy input, #bodycopy form textarea, #bodycopy form select { width:auto; margin:5px 0 0 10px; border: 1px solid #c4cdd1; }
#bodycopy form select { font-size: 11px; color: #333; padding: 5px; }
#bodycopy input#reset { margin-left:0px; }
#bodycopy textarea { overflow: auto; }
#bodycopy .required{ font-weight:bold; }
#bodycopy form br { clear:left; }
#bodycopy form span { color: #ff9955; }

.formwrapper { width: 250px; margin: 0 20px 20px 15px; }
.formwrapper fieldset { border: none; padding: 24px 0 0 2px; }
.formwrapper label { display: block; clear: right; font: bold 11px Arial, Helvetica, sans-serif; color: #333; }
.formwrapper span { font: normal 10px Arial, Helvetica, sans-serif; color: #333; display: block; height: 2em; }
.formwrapper .input { width: 200px; }

#bodycopy fieldset.hr { border: 1px solid #ccc; height: 180px; margin: 0 30px; width: 92%; }
#bodycopy fieldset.hr legend { font: bold 11px Arial, Helvetica, sans-serif; padding: 0 3px 2px 3px; }
#bodycopy fieldset.hr label { display: block; float: left; width: 80px; padding: 3px 0; margin: 5px 0 0; text-align: right; font-size: 11px; }
#bodycopy fieldset.hr input { font-size: 11px; color: #333; }
#bodycopy fieldset.hr input.button { border: 1px double #666;  }

p.top { padding-bottom: 30px !important; border-bottom: 1px dashed #ccc; }
p.one { width: 75%; text-align: justify; }
p.underline { padding-bottom: 30px !important; border-bottom: 1px dashed #CCC; }
table.references { line-height: 120%; }
table.references span { line-height: 130%; }
td.underline { border-bottom: 1px dashed #CCC; }
td.grid { border-bottom: 1px dashed #CCC; border-right: 1px dashed #CCC; }

.boxed { width: 96%; border: 1px solid #CCC; padding: 10px; }



.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 120%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
 
.white_content {
    display: none;
    position: absolute;
    top: 20%;
    left: 23%;
    width: 586px;
    height: 70%;
    padding: 0px;
    border: 2px solid #ccc;
    background-color: white;
    z-index:1002;
    overflow: hidden;
}

/* For secure area */
#securetable td { width: 295px; height: 108px; padding: 49px 65px 0 16px; }
#securetable td p { font: normal 13px Arial, Helvetica, sans-serif; color: #666; line-height: 16px; margin:0 0 13px; padding:0; }
#securetable td a:link, #securetable td a:visited { font: bold 13px Arial, Helvetica, sans-serif; color: #336699; text-decoration: underline; }
#securetable td a:hover, #securetable td a:active, { font: bold 13px Arial, Helvetica, sans-serif; color: #000; text-decoration: underline; }
#secureinvoice { background: url(../images/bg-secure-projects.jpg) no-repeat left top; }
#securefeedback { background: url(../images/bg-secure-feedback.jpg) no-repeat left top; }
#securehistory { background: url(../images/bg-secure-review.jpg) no-repeat left top; }
#securenewcase { background: url(../images/bg-secure-submit.jpg) no-repeat left top; }

.callout { background-color: #ecf3f7; border: 1px solid #d7dfe7; margin: 24px 0; padding: 13px 10px; }
.callout li { line-height: 18px; width: 92%; }