/**** Global Styles For Strategy ****/ * { padding:0; margin:0 } html { width:100%; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size:12px; } body { _position:relative; padding-left:10px; padding-bottom:20px } img { display:block; border:none } a { color:#000; text-decoration:underline } a:hover { text-decoration:none} a b { display:none } p { margin-bottom:10px; color:#000 } /*body #cont_right ul { margin:20px 20px 10px 65px; list-style:url(../images/bullet_orangeArrow.gif) } body #cont_right ul li {padding-bottom:5px }*/ #cont_right ul { margin:20px 20px 10px 65px; list-style:url(../images/bullet_orangeArrow.gif) } #cont_right ul li {padding-bottom:5px } h1 { padding:0 15px 15px 30px; font-family:Trebuchet MS; font-size:20px; color:#3467b1; font-weight:normal; } h2 { padding:5px 15px 15px 30px; font-family:Trebuchet MS; font-size:20px; color:#333; font-weight:normal;} h3 { font-size:12px; } h5 { font-size:12px; color:#3467b1;} h6 { font-size:12px; padding:5px 15px 15px 30px; color:#000; font-weight:bold;} img.right { float:right;} img.left { float:left;} a.www { font-family:Tahoma; font-size:12px; color:#336699; font-weight:bold;} /**** Main Blocks ****/ #header { position:absolute; top:0px; width:891px; height:125px; /* border:1px solid red */ } #content { position:relative; padding-bottom:2px; overflow:hidden; _overflow:visible; width:883px; margin-top:124px; /*border:1px solid red */ } #cont_left { float:left; width:294px; /*border:1px solid green; */} #cont_right { float:right; width:587px; background:url(../images/h1_bg.png) 0 58px repeat-x; /* border:1px solid yellow */ } #footer { clear:both; overflow:hidden; _overflow:visible; height:33px; width:883px; font-size:11px; line-height:33px; /*border:1px solid red */ } #footer p { margin-bottom:0} #f_left { float:left; width:294px; height:33px; background-color:#bdd1ec; /* border:1px solid green; */} #f_left p { color:#255087; padding-left:20px } #f_right { float:right; width:587px; height:33px; background-color:#e1e7ed; /* border:1px solid yellow */ } #f_right p { color:#000; text-align:right; padding-right:20px } /**** Header ****/ #header a { display:block; } #header a.main_logo { background:url(../images/header_logo.gif) left top no-repeat; width:273px; height:75px; } #header a.main_logo_en { background:url(../images/header_logo_en.gif) left top no-repeat; width:273px; height:75px; } #home #header a.main_logo { cursor:default;} #home #header a.main_logo_en { cursor:default;} #header a.header_nav { color:#FFF; float:left; padding-top:6px; margin-right:2px; height:41px; font-family:Trebuchet MS; font-size:13px; text-transform:uppercase; text-decoration:none; font-weight:bold; padding-left:177px; /*border:1px solid green; */} #header a.corporate { width:117px; background:url(../images/headerNav_earth.gif) 2px 2px no-repeat #5182c1} #header a.ecommerce { width:118px; background:url(../images/headerNav_card.gif) 2px 2px no-repeat #248e97} #header a.CUT { width:155px; background:url(../images/headerNav_CUT.gif) 2px 2px no-repeat #e9c246; padding-left:135px !important; } #header p.ysp { position:absolute; left:270px; top:23px; font-family:Arial; font-size:18px; font-style:italic; /*font-weight:bold; */color:#ccc;} /****top Nav****/ p.topNav { float:right; margin-top:15px; margin-right:7px; _margin-right:4px; background:url(../images/topNav_bg.png) left top repeat-x;} p.topNav b { display:block; width:6px; height:36px;} p.topNav b.left { float:left; background:url(../images/topNav_left.png) left top no-repeat;} p.topNav b.right { float:left; background:url(../images/topNav_right.png) left top no-repeat;} p.topNav a { position:relative; float:left; margin-right:5px; padding:11px 16px 0 16px; height:25px; background:url(../images/topNav_aLeft.png) left top no-repeat; text-decoration:none; font-size:12px; font-weight:bold; color:#666;} p.topNav a:hover { background:url(../images/topNav_aLeft_ov.png) left top no-repeat; text-decoration:none;} p.topNav a b { position:absolute; top:0; right:0; width:4px; height:36px; background:url(../images/topNav_aRight.png) right top no-repeat;} p.topNav a:hover b { background:url(../images/topNav_aRight_ov.png) right top no-repeat;} a.projectArea {} p.topNav a.language { margin-right:0; padding:12px 10px 0 8px; font-size:14px; color:#002a7a; font-weight:normal;} a.language img { float:left; margin:-4px 8px 0 0;} /**** LEFT COLUMN ****/ /****** MENU ******/ #menu { position:relative; padding:15px 0 20px 0; margin-bottom:2px; background:url(../images/leftNav_backRepeat.png) top left repeat-y; } #menu ul { _position:relative;/**/ list-style-type:none; width:294px; background:url(../images/leftNav_back.jpg) top left no-repeat;} * html #menu ul { margin-left:-16px; ma\rgin-left:0;} #menu li { _position:relative;/**/} #menu ul ul { background:url(../images/submenu_back.png); border:1px solid #dde6f3; width:150px; } #menu ul ul li { position:relative; /*_height:28px; min-height:28px;*/} #menu ul ul li.first { /*margin-left:-1px;*/ } #menu ul ul li.first a { /*text-indent: 14px;*/ } #menu a { position:relative; display:block; padding:3px 0 3px 19px; font-size:16px; text-transform:none; text-decoration:none; font-weight:bold; /*text-indent: 19px; line-height:28px; height:28px;*/} /* get rid of the table */ #menu table { position:absolute; border-collapse:collapse; top:0; left:474px; /* z-index:100; font-size:1em;*/} #menu li.selected table { position:relative; border-collapse:collapse; top:3px; left:-19px;/* z-index:100; font-size:1em;*/margin-bottom:-3px;} /* style the links */ #menu ul li a.main { font-family:Trebuchet MS, Tahoma, Helvetica, sans-serif; color:#5f5f5f; font-size:16px; /*text-indent:19px;*/} #menu ul ul a { padding-right:10px; padding-bottom:6px; font-family:Tahoma, Helvetica, sans-serif; font-weight:normal; color:#5f5f5f; font-size:12px; text-decoration:none /*text-indent: 19px;*/ text-decoration:underline;} #menu ul ul a:hover { background:url(../images/menu_hover.png) top right repeat-y; _background:#dce5f1; text-decoration:none } #menu ul li a.main:hover, #menu ul li:hover a.main { background:url(../images/menu_hover.png) top left repeat-y; _background:url(../images/menu_selected.gif) left top repeat-y #dce5f1;} #menu ul li.selected a { background:url(../images/menu_hover.png) top right repeat-y; _background:url(../images/menu_selected.gif) left top repeat-y #dce5f1;} #menu ul li.selected a:hover { _color:#000; _background:url(../images/menu_selected.gif) left top repeat-y #dce5f1;} /* hack for IE5.5 */ * html #menu a { /*background:#69bb43; */ width:273px; w\idth:273px;} * html #menu ul ul a { width:150px;} /* style the link hover */ * html #menu a:hover {/*color:#fff;*/ background:#69bb43;} /* hide the sub levels and give them a positon absolute so that they take up no room */ #menu ul ul { visibility:hidden; position:absolute; top:28; right:0; /*left:295px;*/ z-index:1000;} /* make the second level visible when hover on first level list OR link */ #menu ul li:hover ul, #menu ul li.sub ul , #menu ul a:hover ul { visibility:visible;} /**** SUB MENU on the subpages ****/ #menu ul li.selected ul { visibility:visible; position:relative; padding:8px 0 16px 0; width:280px; background:url(../images/bg_white_50.png); _background:none; _background-color:#f0f3f6; z-index:100;} #menu ul li.selected a { color:#000;} #menu ul li.selected ul li { margin:0; padding:4px 0; height:auto; min-height:10px; /float:left; width:280px; } #menu ul li.selected ul a { _width:251px; padding:0 6px 0 27px; height:auto; background:url(../images/bul_nav.png) 15px 5px no-repeat; _background:url(../images/bul_nav.gif) 15px 7px no-repeat; color:#666; /*text-indent:27px; */line-height:normal;} #menu ul li.selected ul a:hover { text-decoration:none; _background:none; _color:#5f5f5f; _background:url(../images/bul_nav.gif) 15px 7px no-repeat; } #menu ul li.selected ul li.selected a { color:#000; font-weight:bold; text-decoration:none; cursor:default;} #menu ul li.selected ul li.selected a:hover { _color:#000;} #menu ul li.selected ul { border:0; border-left:8px solid #bcc3c9;} /**** NEWS *****/ #news { background:url(../images/block_backGreen.jpg) left top repeat-y; _height:10px; overflow:hidden; _overflow:visible;} #news p { padding:20px; font-size:11px; line-height:19px; color:#5f5f5f; } #news p span { padding-top:15px; font-size:11px; line-height:19px; display:block } #news h3 { display:block; padding-left:20px; font-size:20px; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #7ca78f; line-height:30px; color:#7ca78f; background:url(../images/blockHead_backGreen.jpg) top left repeat-y;} body #news a.headLink { text-decoration:none } #block { background:url(../images/block_backGreen.jpg) left top repeat-y; _height:10px; overflow:hidden; _overflow:visible;} #block p { padding:20px; font-size:11px; line-height:19px; color:#5f5f5f; } #block h3 { display:block; padding-left:20px; font-size:20px; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #7ca78f; line-height:30px; color:#7ca78f; background:url(../images/blockHead_backGreen.jpg) top left repeat-y;} a.banner { width:294px; height:185px; display:block; background:url(../images/banner_nn.gif) no-repeat } a.banner_en { width:294px; height:185px; display:block; background:url(../images/banner_nn_en.gif) no-repeat } a.banner_offer { width:100%; height:130px; display:block; background:url(../images/banner_offer.gif) center no-repeat; margin:auto 15px } /**** Right Column ****/ div.fadeBack_grey { position:relative; padding:15px; background:url(../images/fadeBack_grey.jpg) left bottom repeat-x; line-height:21px;} div.fadeBack_grey b { position:absolute; width:6px; height:6px; overflow:hidden; } div.fadeBack_grey b.botL { bottom:0; left:0; background:url(../images/fGrey_botL.gif) left top no-repeat;} div.fadeBack_grey b.botR { bottom:0; right:0; background:url(../images/fGrey_botR.gif) left top no-repeat;} #cont_right div.fadeBack_grey p { margin:0 0 10px 0;} #cont_right div#pageTitle { height:40px; margin-bottom:20px; font-size:20px; padding:28px 0 0 30px; text-transform:uppercase; font-family:Trebuchet MS; background:url(../images/pageTitle_background.jpg) top left no-repeat } #cont_right p { margin:0 15px 10px 30px;} #cont_right h3 { margin:0 15px 10px 30px;} #cont_right p img.right { margin:2px 0 10px 10px;} #cont_right img:first-child { } #home #cont_right img:first-child { margin-bottom:0px; } /*IE6 hack*/ #cont_right img {_margin-bottom: expression(previousSibling == null ? '20px' : '0'); } #home #cont_right img {_margin-bottom: expression(previousSibling == null ? '0' : '0'); } /**/ /*** Portfolio ***/ .client { position:relative; clear:both; margin-bottom:30px; _height:10px; overflow:hidden; _overflow:visible;} .client a.www { float:right; margin-top:6px;} .client p { margin:0; padding:0; float:left; width:156px;} .client div { float:right; margin:0; padding:12px 30px; /**/width:325px; _width:285px; background:#f7f7f7;} .client a, .client span { font-weight:bold;} /*body #cont_right .client ul { padding:10px 0 2px 0; margin-left:20px; list-style:none;}*/ body#portf #cont_right .client ul { padding:2px 0; margin-left:15px; list-style:none;} .client ul li { padding-bottom:8px;} /***** Opinions *****/ p.signature { text-align:right; font-style:italic; padding-right:20px; color:#666666 } p.signature a { color:#666666 } .date { color:#666666 } /**** LINKS ****/ .links { position:relative; margin:5px 0; padding:15px 20px 15px 0; border:1px solid #cfd5d8;} .links b { position:absolute; width:6px; height:6px; overflow:hidden; } .links b.topL { top:-1px; _top:0; left:-1px; background:url(../images/links_topL.gif) left top no-repeat;} .links b.topR { top:-1px; _top:0; right:-1px; _right:0; background:url(../images/links_topR.gif) left top no-repeat;} .links b.botL { bottom:-1px; left:-1px; _bottom:0; _left:0; background:url(../images/links_botL.gif) left top no-repeat;} .links b.botR { bottom:-1px; right:-1px; _bottom:0; _right:0; background:url(../images/links_botR.gif) left top no-repeat;} .links ul { list-style:none; } .links ul li { padding:2px 15px;} .links ul a { position:relative; display:block; font-size:11px; color:#666;} .links ul a span { color:#999;} .links ul img.left { margin-right:8px;} .links ul li.title { white-space:nowrap; font-weight:bold; } /*** Links for Right Side ***/ #cont_right .links { margin-left:30px; width:200px; } #cont_right .links ul { list-style:none; list-style:url(); list-style-type:none; margin:0 5px 0 5px; } #cont_right .links li a { padding-left:23px; line-height:20px } #cont_right .links li a.ie { background:url(../images/icon_ie.png) left bottom no-repeat } #cont_right .links li a.pdf { background:url(../images/icon_pdf.gif) left bottom no-repeat } #cont_right .links li a.word { background:url(../images/icon_word.gif) left bottom no-repeat } #cont_right .links li a.zip { background:url(../images/icon_zip.gif) left bottom no-repeat } /*** Technologies ***/ .technologies { margin:0 15px 10px 15px; padding-right:5px; _height:10px; background:url(../images/technologies_sep.png) right top repeat-y; _background:url(../images/technologies_sepIeR.png) right top repeat-y; overflow:hidden; _overflow:visible;} .content { _height:10px; background:url(../images/technologies_topBg.png) left top repeat-x; border-top:1px solid #c6ccd2; overflow:hidden; _overflow:visible;} .technologies .content div { float:left; padding-top:8px; width:270px; /*background:url(../images/technologies_sep.png) left top repeat-y;*/} .technologies .content div.last { clear:both;} .technologies h2 { margin-top:10px; padding:14px 15px 15px 100px; _height:50px; font-family:Trebuchet MS; font-size:18px; color:#3467b1; font-weight:normal; text-transform:uppercase;} .technologies h2.windowsSolutions { background:url(../images/technologies_windowsSol.png) left top no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/technologies_windowsSol.png',sizingMethod='crop');} .technologies h2.crossPlatformSystem { background:url(../images/technologies_crossPlatform.png) left top no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/technologies_crossPlatform.png',sizingMethod='crop');} .technologies h2.unixSolutions { background:url(../images/technologies_unixSolutions.png) left top no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/technologies_unixSolutions.png',sizingMethod='crop');} .technologies h2.clientSystems { background:url(../images/technologies_clientSystems.png) left top no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/technologies_clientSystems.png',sizingMethod='crop');} body#technologies #cont_right .sep1 ul { margin:-2px 20px 0px 27px } .technologies div.sep1 { float:none; padding:0; width:100%; _height:10px; background:url(../images/technologies_sep.png) left top repeat-y; _background:url(../images/technologies_sepIe.png) left top no-repeat; overflow:hidden; _overflow:visible;} .technologies div.sep2 { float:none; padding:0 0 20px 0; width:100%; _height:10px; background:url(../images/technologies_sep.png) 270px 0 repeat-y; _background:url(../images/technologies_sepIe.png) 270px 0 no-repeat; overflow:hidden; _overflow:visible;} /**** Contacts ***/ div.fieldset { margin:15px 15px 10px 30px; } div.fieldset strong { margin:15px 0; display:block} div.fieldset b { font-style:normal} div.fieldset input, div.fieldset select { width:200px; margin-bottom:5px; display:block } div.fieldset textarea { width:400px; margin-bottom:5px; display:block } div.fieldset input.but { width:auto; margin-top:10px }