/* CSS Document */ body{background: #535353 url(../images/bg.gif) center repeat-y; color:#0F0F0F; font:15px/20px Arial, Helvetica, sans-serif; margin:0; padding:0;} div, ul, h1, h2, h3, li, p, img{margin:0; padding:0;} img { border:0;} .clrLeft { clear:left; } .clrRight { clear:right; } .clrBoth { clear:both; } .divoff { display:none; } .divon { display:block; } .lwr{text-transform:lowercase;} /* Top Nav - */ #topNav{ width:778px; height:47px; margin:auto; background:#0099FF url(../images/topblgrStrip.gif) top center repeat-x; position:relative; overflow:hidden;} #topNav ul { padding:0; margin:0; margin-top:15px; list-style-type:none; position:absolute; z-index:2; right:0; } #topNav ul li {background:url(../images/topnav-bor.gif) repeat-y 100% 0; padding:0 0px 0 0; margin:0; float:right; line-height:14px; } #topNav ul li.nobor {background:none; padding:0 0px 0 0; margin:0; float:right; line-height:14px;} #topNav ul li a {text-decoration:none; display:block; padding:0; margin:0; text-indent:-2000px;/*border-right:1px dotted #A6A3A3;*/ float:left; outline:none;} #topNav ul li a.home {background:url(../images/icon-hme.gif) no-repeat 0 50%; width:18px; /*border:1px solid #000;*/} #topNav ul li a.sitemap {background:url(../images/icon-sitemap.gif) no-repeat 50% 50%; width:26px; /*border:1px solid #000;*/} #topNav ul li a.message {background:url(../images/icon-message.gif) no-repeat 50% 50%; width:25px; /*border:1px solid #000;*/} /* TOP PANEL*/ #topPanel{width:778px; height:auto; position:relative; margin:0 auto; padding:0;} #topPanel img{width:158px; height:97px; z-index:1; padding:0; position:absolute; margin:-27px 0 0 10px;} /* MENU PANEL*/ #topPanel ul{display:block; width:732px; height:36px; position:absolute; top:0; right:0; margin:0px 0 0; padding:0 0 0 0; } #topPanel ul li{float:right; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; list-style:none;} #topPanel ul li a{height:49px; padding:0; color:#000; background: #a3cb72 url(../images/tab-green.jpg) repeat-x; text-decoration:none; text-align:center; margin:0; top:0px; left:0px; padding:10px 10px; text-transform:uppercase;} #topPanel ul li a:hover{height:38px; text-decoration:none; background:url(../images/img03.gif) repeat-x; color:#fff;} #topPanel ul li.active{ display:block; height:38px; background:url(../images/img03.gif) repeat-x; color:#fff; text-align:center; margin:0; padding:0 12px; text-transform:uppercase;} /* BANNER */ #banner{width:750px; height:200px; position:relative; padding:0; background:#2a5f7f url(../images/banner_bg.jpg); margin:85px auto auto auto;} #bannerImg{float:right; height:145px; margin:-100px auto 20px 500px; position:absolute; top:0; } #bannerHeader { position:absolute; width:auto; height:auto; margin:-12px auto 20px 10px; } #bannerHeader h1 { font:22px/24px 'Trebuchet MS', Arial, Helvetica, sans-serif ; color:#fff6d9; margin:0 0 15px 10px; font-weight:normal; display:block; background:#0153c1 url(../images/banner_bg.jpg); padding:5px; border:1px solid #008cdc; } #bannerContentBg{ width:450px; height:145px; background:url(../images/banner_cnt_bg.gif) left center no-repeat; margin:60px auto 20px 25px; position:absolute;} #bannerContent { font-size:11px; color:#FFF; position:absolute; width:400px; height:auto; margin:28px auto 20px 30px;} #bannerContent h1 { font-size:18px; color:#FFF; font-weight:normal; padding:5px 0;} #bannerContent ul {margin-left:10px;font:14px/14px Arial, Helvetica, sans-serif; font-weight:normal; list-style:none;} #bannerContent li { line-height:20px; background:url(../images/arrow_5.gif) left no-repeat; margin-left:10px; padding-left:15px; } #banner P.shdw{width:750px; height:17px; background:url(../images/banner_shadow.gif) left bottom repeat-x; padding-top:200px; } /* panel sets */ #panelwrapper { width:750px; background-color:#FFF; margin:20px auto auto auto;} #panelSet { float:left; width:245px; height:185px; background:#FFF; margin-right:5px;} #panelSet h2 { font:18px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; margin-left:15px; text-transform:uppercase; color:#fa6c1a;} #panel {width:240px; height:203px; background:url(../images/panelset1.gif) left top no-repeat; font-size:11x; } #panel h1 { margin-left:5px; padding:5px; font-weight:bold; font:12px/16px Georgia, "Times New Roman", Times, serif; color:#5c5c5c; padding-top:5px;} #panel P { margin-left:10px; padding:0 0 5px 5px; color:#717171; font-size:11px;} #panel a { font-size:11px; color:#CC0000; margin:11px 15px 10px 10px; float:right; text-decoration:none; background:url(../images/arrow_3.gif) right center no-repeat; padding-right:10px;} #panel a:hover { color:#0033FF; background:url(../images/arrow_3.gif) right center no-repeat;} #panel ul {margin-left:5px;font:11px/12px Arial, Helvetica, sans-serif; font-weight:normal; list-style:none;} #panel li { line-height:18px; /*list-style-image:url(../images/arrow_1.gif);*/ background:url(../images/arrow_1.gif) left no-repeat;margin-left:5px; padding-left:10px; color:#143c54; } #panelSet1 { float:left; width:245px; height:auto; background:#FFF; margin-right:5px;} #panelSet1 h2 { font:18px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; margin-left:15px; text-transform:uppercase; color:#fa6c1a;} #panelSet1 #panel {width:245px; height:185px; background:url(../images/panelset1.gif) left top no-repeat; font-size:11x; } #panelSet1 #panel h1 { margin-left:5px; font-weight:normal; font:12px/16px Georgia, "Times New Roman", Times, serif; color:#5c5c5c; padding-top:5px;} #panelSet1 #panel P { margin-left:5px; padding:0 0 5px 5px; color:#0067b1; font-size:11px; margin-top:-5px;} #panelSet1 #panel a { font-size:11px; color:#CC0000; margin:15px 15px 10px 10px; float:right; text-decoration:none; background:url(../images/arrow_3.gif) right center no-repeat; padding-right:10px;} #panelSet1 #panel a:hover { color:#0033FF; background:url(../images/arrow_3.gif) right center no-repeat;} #panelSet1 #panel ul {margin-left:5px;font:11px/12px Arial, Helvetica, sans-serif; font-weight:normal; list-style:none; margin-top:-5px;} #panelSet1 #panel li { line-height:18px; color:#143c54; background:url(../images/arrow_1.gif) left no-repeat; margin-left:5px; padding-left:10px; } #panelwrapper #panelCnt { width:750px; background-color:#FFF; margin:10px auto 10px auto;} #panelwrapper #panelCnt img { padding:5px 10px 0 10px;} #panelwrapper #panelCnt P {font:16px/16px Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:19px; text-align:justify; padding-right:15px; color:#4d5254; padding:0 5px; font-style:italic;} #panelwrapper #panelCnt span { font:bold 20px/14px Georgia, "Times New Roman", Times, serif; color:#FF3300; } p.dotline{background:url(../images/dot-line.gif) 0 0 repeat-x #fff; padding:0; margin:0 ; color:#000;} .capstext{ font:18px/24px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#5E9908; text-align:right; padding:5px; margin-top:-10px;} /*content */ #contentwrapper { width:750px; height:auto; margin:auto; font-size:12px; line-height:18px; color:#717171;} #contentSet { float:left; width:auto; margin-right:5px; text-align:justify;} #contentSet h2, #contentSet1 h2, #contentSet2 h2, #contentSet3 h2{ font:18px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; margin-left:15px; text-transform:uppercase; color:#fa6c1a; } #contentSet img { float:left; padding:10px 5px 5px 15px;} #para {width:380px; margin-bottom:15px; /*background:url(../images/menu_panels.gif) left top no-repeat;*/ } #para h1 { margin-left:10px; padding:5px; font-weight:bold; font-size:12px; color:#5c5c5c; padding-top:10px;} #para P { margin-left:10px; padding:10px 0 0px 5px; color:#717171; font-size:12px; line-height:18px;} #para a { font-size:11px; color:#CC0000; margin:0px 5px 5px 10px; float:right; text-decoration:none; background:url(../images/arrow_3.gif) right center no-repeat; padding-right:10px;} #contentSet1 { float:left; width:47%; margin-right:5px; text-align:justify; } #contentSet2 { float:right; width:47%; margin-right:5px; text-align:justify;} #para1 ul { list-style:none; margin:10px 20px;} #para1 ul li {font-size:12px; background:url(../images/arrow_2.gif) left 10% no-repeat; padding-left:10px; margin:10px;} #contentSet3 { width:90%; margin:auto; background:#FCFAF3; clear:right; margin-bottom:20px; border:5px solid #61ae80; padding:10px;} #contentSet3 #culImg { float:left; padding:0 10px; width:150px; margin-right:30px; margin-top:10px; } #contentSet3 ul { list-style:none; margin:5px 20px;} #contentSet3 li {font:14px/14px Helvetica ,Arial, Helvetica, sans-serif; list-style-image:url(../images/arrow_9.gif); padding-left:5px; padding-bottom:10px; line-height:20px; color:#006EA6; font-style:italic;} #paraRgt { float:right; width:50%; height:284px; background:#FCFAF3; border:1px solid #dcdac2;} #paraRgt ul { list-style:none; margin:10px 25px;} #paraRgt ul li {font:10px/14px Georgia, "Times New Roman", Times, serif; list-style-image:url(../images/arrow_7.gif); /* background:url(../images/arrow_7.gif) left 40% no-repeat;*/ padding-left:5px; margin:10px; line-height:20px; vertical-align:top; letter-spacing:0.05em; color:#535353;} #panelSetRgt { float:right; width:340px; background: url(../images/spotlight_tag_bg.gif) left top no-repeat; margin-top:50px; margin-right:5px; height:300px;} /* gb margin-top was 25px */ #panelSetRgt h1 { font-size:18px; font-weight:normal; margin-left:35px; margin-top:10px; color:#fa6c1a;} #panelSetRgt ul { margin:0;padding:0; margin-left:130px; margin-top:5px; line-height:18px; list-style:none;} #panelSetRgt ul li {font-size:12px; background:url(../images/arrow_6.gif) left 60% no-repeat; padding-left:15px; } #panelSetRgt a { font-size:11px; color:#FFF; margin:28px 35px 5px 10px; float:right; text-decoration:none; background:url(../images/arrow_2.gif) left center no-repeat; padding-left:10px;} #panelSetRgt p { text-align:center; padding-top:10px;} #contentRgt { float:right; width:340px; background: url(../images/dot-line.gif) left top repeat-y; margin-right:5px; height:174px;} #contentRgt h1 { font-size:18px; font-weight:normal; margin-left:35px; margin-top:10px; color:#fa6c1a;} #contentRgt ul { margin:0;padding:0; margin-left:130px; margin-top:5px; line-height:18px; list-style:none;} #contentRgt ul li {font-size:12px; background:url(../images/symbol2.gif) left center no-repeat; padding-left:20px;} #contentRgt a { font-size:11px; color:#FFF; margin:24px 35px 5px 10px; float:right; text-decoration:none; background:url(../images/arrow_2.gif) left center no-repeat; padding-left:10px;} /* Services */ #serviceBox1{ width:350px; height:62px; position:relative; margin:0px 0 10px 10px; background:url(../images/serv_icon1.gif) 0 0 no-repeat; border:1px solid #dcdac2;} #serviceBox1 h2{height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:16px/14px Georgia, "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;} #serviceBox1 p{height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; } #serviceBox1 a{text-decoration:none; display:block; height:62px; width:400px; *width:350px; } #serviceBox1 a:hover{text-decoration:none; background:url(../images/serv_arrow.gif) no-repeat 91% 60%;*background:url(../images/serv_arrow.gif) no-repeat 100% 60%;} #serviceBox1 #servArw1, #serviceBox2 #servArw2, #serviceBox3 #servArw3, #serviceBox4 #servArw4, #serviceBox5 #servArw5 { position:absolute; margin-left:340px; margin-top:20px; /*background:url(../images/serv_arrow.gif) no-repeat 90% 85%; */z-index:6; } #serviceBox2{ width:350px; height:62px; position:relative; margin:10px 0 10px 10px; background:url(../images/serv_icon2.gif) 0 0 no-repeat; border:1px solid #dcdac2;} #serviceBox2 h2{height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:16px/14px Georgia, "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;} #serviceBox2 p{height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; } #serviceBox2 a{text-decoration:none; display:block; height:62px;width:400px; *width:350px; } #serviceBox2 a:hover{text-decoration:none; background:url(../images/serv_arrow.gif) no-repeat 91% 60%; *background:url(../images/serv_arrow.gif) no-repeat 100% 60%;} #serviceBox3{ width:350px;height:62px; position:relative; margin:10px 0 10px 10px; background:url(../images/serv_icon3.gif) 0 0 no-repeat; border:1px solid #dcdac2;} #serviceBox3 h2{height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:16px/14px Georgia, "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;} #serviceBox3 p{height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; } #serviceBox3 a{text-decoration:none; display:block; height:62px;width:400px; *width:350px;} #serviceBox3 a:hover{text-decoration:none; background:url(../images/serv_arrow.gif) no-repeat 91% 60%;*background:url(../images/serv_arrow.gif) no-repeat 100% 60%;} #serviceBox4{ width:350px; height:62px; position:relative; margin:10px 0 10px 10px; background:url(../images/serv_icon4.gif) 0 0 no-repeat; border:1px solid #dcdac2;} #serviceBox4 h2{height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:16px/14px Georgia, "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;} #serviceBox4 p{height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; } #serviceBox4 a{text-decoration:none; display:block; height:62px;width:400px; *width:350px;} #serviceBox4 a:hover{text-decoration:none; background:url(../images/serv_arrow.gif) no-repeat 91% 60%;*background:url(../images/serv_arrow.gif) no-repeat 100% 60%;} /* project */ #prjBox{ float:left; width:200px; height:58px; border:#DDDDCA solid 7px; margin:0 10px 10px 10px;color:#878767;} #projectBox { border:3px solid #c3c3c3; height:58px; background:#fff; width:200px; margin:auto; } #layer1, #layer2, #layer3, #layer4, #layer5, #layer6, #layer7, #layer8, #layer9, #layer10, #layer11, #layer12 { position: absolute; visibility: hidden; top:300px; margin-left:300px; *margin-left:200px; height: auto; width: 420px; } #prj_content { background-color: #fff; border: 10px solid #a9a296; padding: 10px; font-size:11px; } #prj_content P { margin:0; padding:0; } #close { left:370px; width:20px; height:21px; position:absolute; } .prjLink { color:#f24c1a; } table.prjList { margin-left:-5px;} table.prjList td{ line-height:20px; padding-left:5px;} /* Capabilities */ #capBox{ float:left; width:45%; height:auto; border:#DDDDCA solid 0px; margin:0 20px 10px 10px;color:#555962; } #capBox h2 { font:18px/20px Georgia, "Times New Roman", Times, serif; font-weight:bold; margin-top:10px; color:#fa6c1a; Padding-bottom:5px; background:url(../images/dot-line-green.gif) left bottom repeat-x #fff; margin-bottom:5px; letter-spacing:-1px;} #capBox ul { margin-left:30px; margin-top:5px; line-height:18px; list-style:none; margin-bottom:20px;} #capBox ul li {font-size:12px; list-style-image:url(../images/arrow_8.gif); /* background:url(../images/arrow_8.gif) left 60% no-repeat;*/ list-style-position:outside;} /* Website Design Process page */ #webdesignBox{ float:left; width:94%; height:auto; border:#DDDDCA solid 0px; margin:0 20px 10px 10px;color:#555962; } #webdesignBox h2 { font:18px/20px Georgia, "Times New Roman", Times, serif; font-weight:bold; margin-top:10px; color:#fa6c1a; Padding-bottom:5px; background:url(../images/dot-line-green.gif) left bottom repeat-x #fff; margin-bottom:5px; letter-spacing:-1px;} #webdesignBox ul { margin-left:30px; margin-top:5px; line-height:18px; list-style:none; margin-bottom:20px;} #webdesignBox ul li {font-size:12px; font-weight:bold; list-style-image:url(../images/arrow_8.gif); /* background:url(../images/arrow_8.gif) left 60% no-repeat;*/ list-style-position:outside;} /* Partner */ #partnerBox{ float:left; width:95%; height:auto; border:#DDDDCA solid 0px; margin:0 20px 10px 10px;color:#555962; text-align:justify;} #partnerBox h2 { font:18px/20px Georgia, "Times New Roman", Times, serif; font-weight:bold; margin-top:10px; color:#fa6c1a; padding-bottom:5px; background:url(../images/dot-line-green.gif) left bottom repeat-x #fff; margin-bottom:5px; letter-spacing:-1px;} #partnerBox img { float:left; width:160px; padding-right:10px; padding-bottom:20px;} /* Team */ #teamBox{ float:left; width:95%; height:auto; border:#DDDDCA solid 0px; margin:0 20px 10px 10px;color:#555962; text-align:justify; } #teamBox h2 { font:18px/20px Georgia, "Times New Roman", Times, serif; font-weight:bold; margin-top:10px; color:#ce0002; padding-bottom:5px; background:url(../images/dot-line-green.gif) left bottom repeat-x #fff; margin-bottom:5px; letter-spacing:-1px;} #teamBox img { float:left; width:75px; padding:5px 10px;display:block;} #teamBox p { margin-bottom:8px;} #teamBox span{ font-weight:bold; color:#fa6c1a; font-style:italic;} #teamBox a { color:#4e6f36;} #teamBox strong {font:16px/10px Times, serif; font-weight:bold;} /* career */ #careerBox{ float:left; width:95%; height:auto; border:#DDDDCA solid 0px; margin:0 20px 10px 20px;color:#555962; text-align:justify; } #basic-accordian{ border:5px solid #EEE; padding:5px; width:550px; position:absolute; left:30%; margin-left:-75px; z-index:2; margin-top:128px; *margin-top:135px; } .accordion_headings{ padding:5px; background:#dd002d; color:#fff6d8; border:1px solid #FFF; cursor:pointer; font-weight:bold; } .accordion_headings:hover{ background:#0a2b43; } .accordion_child{ padding:5px 15px; background:#FCFAF3; font:13px/18px Arial, Helvetica, sans-serif; color:#4d5254; } .accordion_child ul { list-style:none; margin-left:30px;} .accordion_child li { list-style:none; list-style-image:url(../images/arrow_10.gif); list-style-position:outside; padding-bottom:5px;} .accordion_child ul ul { list-style:none; margin-left:30px; padding-top:3px;} .accordion_child li li { list-style:none; list-style-image:url(../images/arrow_11.gif); list-style-position:outside; padding-bottom:5px;} .header_highlight{ background:#0a2b43; } #jbcode { margin:10px; border:1px solid #dfd7bb; padding:10px; color:#333; font-size:1em; background:url(../images/icon-jbcode.gif) right top no-repeat; font-weight:bold; } #jbcode strong { color:#497c00;} /* Contact */ #contactBox{ float:left; width:45%; height:auto; border:#DDDDCA solid 0px; margin:0 20px 10px 10px;color:#555962; } #contactBox h2 { font:18px/20px Georgia, "Times New Roman", Times, serif; font-weight:bold; margin-top:10px; color:#b37e00; padding-bottom:5px; margin-bottom:5px; letter-spacing:-1px; background:url(../images/dot-line-red.gif) left bottom repeat-x #fff;} /* form elements */ form { padding: 10px; border: 1px solid #f2f2f2; background-color: #FAFAFA; } label { display:block; font-weight:bold; margin:5px 0; } input { padding: 2px; border:1px solid #eee; font: normal 1em Verdana, sans-serif; color:#777; } textarea { width:300px; padding:2px; font: normal 1em Verdana, sans-serif; border:1px solid #eee; height:100px; display:block; color:#777; } input.button { margin: 0; font: bold 1em Arial, Sans-serif; border: 1px solid #CCC; background: #FFF; padding: 2px 3px; color: #4284B0; } /* sitemap */ #sitemapBox{ width:45%; margin:auto; height:auto; border:#DDDDCA solid 0px; color:#555962; font:14px/16px Georgia, "Times New Roman", Times, serif; } #sitemapBox ul { list-style:none; margin-left:90px;} #sitemapBox li { list-style:none; list-style-image:url(../images/icon_hand.gif); } #sitemapBox li a { display:block; padding:5px; color:#053b9f;text-decoration:none; text-transform:uppercase;} #sitemapBox a:hover{text-decoration:underline; color:#ed553d;} #sitemapBox h2 { font:18px/20px Georgia, "Times New Roman", Times, serif; font-weight:bold; margin-top:10px; color:#fa6c1a; padding-bottom:5px; background:url(../images/dot-line-red.gif) left bottom repeat-x #fff; margin-bottom:5px; letter-spacing:-1px; width:170px;} /* FOOTER PANEL*/ #footerPanel{width:778px; height:65px; margin:auto; background:#0167b1 url(../images/footer_bg.gif) bottom repeat-x; color:#FFF; font-size:12px;} #footerbodyPanel{width:778px;height:30px; position:relative; margin:0 auto; padding:0;} #footerPanel ul{width:auto; display:block; position:absolute; right:10px; top:8px; list-style-type:none; } #footerPanel li{float:left; font:12px/15px Arial, Helvetica, sans-serif; font-weight:normal;} #footerPanel ul li a{padding:0 6px; color:#FFF; text-decoration:none;} #footerPanel ul li a:hover{text-decoration:underline;} #footerPanel ul li a.padl{padding:0 0 0 6px;} #footerPanel p.copyright{display:block; position:absolute; top:25px; right:15px; color:#FFF; /*color:#0067b1;*/ margin-top:5px; font-size:10px;} #footerPanel p.copyright a { color:#f07020;} #innertable td {font:14px/14px Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:18px; text-align:left; color:#4d5254;} #innertable td a{font:12px/12px Georgia, "Times New Roman", Times, serif; font-weight:normal; text-align:left; color:#4d5254;}