/* CSS Document */ @font-face { font-family: Arial; src: url('http://www.quantsys.com/ARIAL.TTF'); } /*@font-face { font-family: Arial; font-weight: bold; src: url('Delicious-Bold.otf'); }*/ * { margin:0; padding:0px; } body{background:#FFFFFF url(images/footer_bg.gif) bottom repeat-x; font-family:Arial;} a:hover{text-decoration:none;} a img { border:0; } img {vertical-align:top;} ul { list-style:none;} .left { float:left;} .right {float:right;} .clear { clear:both;} html, input, textarea{font-family:Georgia, tahoma;font-size:11px;line-height:17px;color:#868686;} input, select { vertical-align:middle; font-weight:normal;} strong {font-size:12px; color:#444444;} a {color:#3d6f92; font-size:11px; text-decoration:none} .content{padding-left:10px;} .content ul{padding-left:8px;} /*main layout */ .h_logo{ height:92px; width:100%;} #header_tall {background:url(images/header_tall.gif) top repeat-x; border:0px #003300 solid;} #main { margin:0 auto;} #header .left {padding:26px 0 0 0;} #header .right {padding:46px 11px 0 0;} #header .right a {color:#868686; font-family:arial; font-size:12px; background:url(images/RSS.gif) no-repeat top right; padding:0 29px 2px 0;} #menu {background:url(images/menu_tall.gif) top repeat-x; height:65px; margin-top:4px;} #menu .rightbg {background:url(images/menu_right.gif) top right no-repeat;} #menu .leftbg {background:url(images/menu_left.gif) top left no-repeat; width:100%; height:65px;} #menu .padding {padding:9px 0;} #menu li {float:left; background:url(images/menu_libg.gif) top right repeat-y; font-size:12px; text-align:center; display:block; padding:0 22px 0 22px;} #menu li a {color:#919191; text-decoration:none; font-weight:normal; font-size:12px; display:block; padding:8px 0 5px 0;} #menu li span{ display:block; padding:8px 0 5px 0;} #menu li a:hover {color:#000000; text-decoration:underline;} #menu li span {color:#000000; text-decoration:underline;} #menu .last {background:none;} #subMenu {border:0px #000000 solid; width:100%; height:20px;} #subMenu .subMenuTextFirst{float:left; padding-left:8px; padding-right:20px; border-right:1px #999999 dotted} #subMenu .subMenuTextAll{float:left; padding-left:8px; padding-right:20px; border-right:0px #999999 dotted} #subMenu .subMenuText{float:left; padding-left:20px; padding-right:20px; border-right:1px #999999 dotted} #subMenu .subMenuTextLast{float:left; padding-left:20px; padding-right:20px;} .selected{color:#FF9900; font-weight:bold} #subMenu a{color:#919191; text-decoration:none; font-weight:normal; font-size:11px; display:block} #subMenu a:hover{color:#000000; text-decoration:underline} /*********************************************** HOME ************************************************/ #header .content { height:244px; background:url(images/header_bg_02.gif) top no-repeat; color:#ffffff;} #header .content .text {padding:2px 0 33px 2px;} #header .content a img {float:right;} /*****************************************************************************************************/ /********************************************** ABOUT-US *********************************************/ #pheader .pcontent { height:158px; background:url(images/aboutus.gif) top no-repeat; color:#ffffff;} #pheader .pcontent .text {padding:2px 0 33px 2px;} #pheader .pcontent a img {float:right;} /*****************************************************************************************************/ /********************************************** NETWORK-SOLUTIONS ************************************/ #nheader .ncontent { height:158px; background:url(images/networksolutions_bg.gif) top no-repeat; color:#ffffff;} #nheader .ncontent .text {padding:2px 0 33px 2px;} #nheader .ncontent a img {float:right;} /*****************************************************************************************************/ /********************************************** BUSINESS-SOLUTIONS ************************************/ #bheader .bcontent { height:158px; background:url(images/business-solutions_bg.gif) top no-repeat; color:#ffffff;} #bheader .bcontent .text {padding:2px 0 33px 2px;} #bheader .bcontent a img {float:right;} /*****************************************************************************************************/ /********************************************** TECHNOLOGY ************************************/ #theader .tcontent { height:158px; background:url(images/networksolutions_bg.gif) top no-repeat; color:#ffffff;} #theader .tcontent .text {padding:2px 0 33px 2px;} #theader .tcontent a img {float:right;} /*****************************************************************************************************/ /********************************************** INVESTORS ************************************/ #iheader .icontent { height:158px; background:url(images/networksolutions_bg.gif) top no-repeat; color:#ffffff;} #iheader .icontent .text {padding:2px 0 33px 2px;} #iheader .icontent a img {float:right;} /*****************************************************************************************************/ /********************************************** CYBER SECURITY **************************************/ #csheader .cscontent { height:158px; background:url(images/web-developments_bg.gif) top no-repeat; color:#ffffff;} #csheader .cscontent .text {padding:2px 0 33px 2px;} #csheader .cscontent a img {float:right;} /*****************************************************************************************************/ /********************************************** CCONTACTS *******************************************/ #cheader .ccontent { height:158px; background:url(images/contacts_bg.jpg) top no-repeat; color:#ffffff;} #cheader .ccontent .text {padding:2px 0 33px 2px;} #cheader .ccontent a img {float:right;} /*****************************************************************************************************/ /********************************************** qsysHome *******************************************/ #qheader .qcontent { height:158px; background:url(images/collage.jpg) top no-repeat; color:#ffffff;} #qheader .qcontent .text {padding:2px 0 33px 2px;} #qheader .qcontent a img {float:right;} /*****************************************************************************************************/ #middle { width:100%;} #footer .indent {padding:23px 0 0 17px; color:#868686; font-size:12px;} #footer a {color:#444444; font-weight:bold;} .border {background:url(images/border_tall.gif) top repeat-x;} .border .btall {background:url(images/border_tall.gif) bottom repeat-x;} .border .ltall {background:url(images/border_tall.gif) left repeat-y;} .border .rtall {background:url(images/border_tall.gif) right repeat-y;} .border .tleft {background:url(images/border_tl.gif) top left no-repeat;} .border .tright {background:url(images/border_tr.gif) top right no-repeat;} .border .bleft {background:url(images/border_bl.gif) bottom left no-repeat;} .border .bright {background:url(images/border_br.gif) bottom right no-repeat; width:100%;} .border .ind {padding:4px 4px 15px 2px;} .border a img {float:right;} .border2 {background:url(images/border_tall.gif) top repeat-x;} .border2 .btall {background:url(images/border_tall.gif) bottom repeat-x;} .border2 .ltall {background:url(images/border_tall.gif) left repeat-y;} .border2 .rtall {background:url(images/border_tall.gif) right repeat-y;} .border2 .tleft {background:url(images/border_tl.gif) top left no-repeat;} .border2 .tright {background:url(images/border_tr.gif) top right no-repeat;} .border2 .bleft {background:url(images/border_bl.gif) bottom left no-repeat;} .border2 .bright {background:url(images/border_br.gif) bottom right no-repeat; width:100%;} .border2 .ind {padding:4px 4px 15px 2px;} .h_text {padding-bottom:2px; background:url(images/h_text_bg.gif) bottom repeat-x;} .more {text-align:right;} .more a{background:url(images/more_bg.gif) top right no-repeat; padding-right:13px; color:#000000; font-weight:bold;} .date {background:url(images/date_bg.gif) no-repeat 0 0; padding:2px 0 2px 22px; color:#444444;} /*li {color:#3d6f92;}*/ li {color:#999999;} li a {color:#3d6f92; font-size:11px;} .bot_line {background:url(images/h_text_bg.gif) bottom repeat-x;} .b_text {color:#3d6f92;} /******************************************* HOME **********************************************/ #index #middle .indent {padding:17px 0 19px 0;} #index #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;} #index #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;} #index #middle .columns1 .column3 .padding{padding:9px 13px 3px 15px;} #index #middle .columns1 .p1 {padding:1px 0 7px 0;} #index #middle .columns2 {padding:21px 0 0 0;} #index #middle .columns2 .column1 .padding {padding:14px 21px 0 17px;} #index #middle .columns2 .column2 .padding {padding:14px 18px 0 21px;} #index #middle .columns2 .column1 .p1 {padding:7px 0 15px 0;} #index #middle .columns2 .column2 .content {padding:10px 0 15px 0;} #index #middle .columns2 .column2 .p1 {padding:2px 0 1px 0;} /**********************************************************************************************/ /****************************************** ABOUT-US ******************************************/ #about-us #middle .indent { padding:0px 0 20px 0; } #about-us #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;} #about-us #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;} #about-us #middle .columns1 .column1 ul {margin-bottom:7px;} #about-us #middle .columns1 .column1 .p1 {padding:1px 0 0 0;} #about-us #middle .columns1 .column2 .p1 {padding:1px 0 7px 0;} #about-us #middle .columns2 { padding:5px 0 0 0; } #about-us #middle .columns2 .column1 .padding {padding:14px 21px 0 17px;} #about-us #middle .columns2 .column2 .padding {padding:14px 18px 0 21px;} #about-us #middle .columns2 .column1 .p1 {padding:8px 0 10px 0;} #about-us #middle .columns2 .column1 .p2 {padding:0 0 4px 0;} #about-us #middle .columns2 .column2 .content {padding:7px 0 15px 0;} #about-us #middle .columns2 .column2 ul {margin-bottom:1px;} /**********************************************************************************************/ /*********************************** NETWORK-SOLUTIONS ****************************************/ #network-solutions #middle .indent {padding:17px 0 20px 0;} #network-solutions #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;} #network-solutions #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;} #network-solutions #middle .columns1 .column1 ul {margin-bottom:7px;} #network-solutions #middle .columns1 .column1 .p1 {padding:1px 0 0 0;} #network-solutions #middle .columns1 .column2 .p1 {padding:1px 0 7px 0;} #network-solutions #middle .columns2 {padding:21px 0 0 0;} #network-solutions #middle .columns2 .column1 .padding {padding:14px 21px 0 17px;} #network-solutions #middle .columns2 .column2 .padding {padding:14px 18px 0 21px;} #network-solutions #middle .columns2 .column1 .p1 {padding:8px 0 10px 0;} #network-solutions #middle .columns2 .column1 .p2 {padding:0 0 4px 0;} #network-solutions #middle .columns2 .column2 .content {padding:7px 0 15px 0;} #network-solutions #middle .columns2 .column2 ul {margin-bottom:1px;} /**********************************************************************************************/ /*********************************** BUSINESS-SOLUTIONS ****************************************/ #business-solutions #middle .indent { padding:0px 0 20px 0; } #business-solutions #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;} #business-solutions #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;} #business-solutions #middle .columns1 .column1 ul {margin-bottom:7px;} #business-solutions #middle .columns1 .column1 .p1 {padding:1px 0 0 0;} #business-solutions #middle .columns1 .column2 .p1 {padding:1px 0 7px 0;} #business-solutions #middle .columns2 { padding:5px 0 0 0; } #business-solutions #middle .columns2 .column1 .padding {padding:14px 21px 0 17px;} #business-solutions #middle .columns2 .column2 .padding {padding:14px 18px 0 21px;} #business-solutions #middle .columns2 .column1 .p1 {padding:8px 0 10px 0;} #business-solutions #middle .columns2 .column1 .p2 {padding:0 0 4px 0;} #business-solutions #middle .columns2 .column2 .content {padding:7px 0 15px 0;} #business-solutions #middle .columns2 .column2 ul {margin-bottom:1px;} /**********************************************************************************************/ /*********************************** TECHNOLOGY ****************************************/ #technology #middle .indent { padding:0px 0 20px 0; } #technology #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;} #technology #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;} #technology #middle .columns1 .column1 ul {margin-bottom:7px;} #technology #middle .columns1 .column1 .p1 {padding:1px 0 0 0;} #technology #middle .columns1 .column2 .p1 {padding:1px 0 7px 0;} #technology #middle .columns2 { padding:5px 0 0 0; } #technology #middle .columns2 .column1 .padding {padding:14px 21px 0 17px;} #technology #middle .columns2 .column2 .padding {padding:14px 18px 0 21px;} #technology #middle .columns2 .column1 .p1 {padding:8px 0 10px 0;} #technology #middle .columns2 .column1 .p2 {padding:0 0 4px 0;} #technology #middle .columns2 .column2 .content {padding:7px 0 15px 0;} #technology #middle .columns2 .column2 ul {margin-bottom:1px;} /**********************************************************************************************/ /*********************************** INVESTORS ****************************************/ #investors #middle .indent {padding:17px 0 19px 0;} #investors #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;} #investors #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;} #investors #middle .columns1 .column3 .padding{padding:9px 13px 3px 15px;} #investors #middle .columns1 .p1 {padding:1px 0 7px 0;} #investors #middle .columns2 {padding:21px 0 0 0;} #investors #middle .columns2 .column1 .padding {padding:14px 21px 0 17px;} #investors #middle .columns2 .column2 .padding {padding:14px 18px 0 21px;} #investors #middle .columns2 .column1 .p1 {padding:7px 0 15px 0;} #investors #middle .columns2 .column2 .content {padding:10px 0 15px 0;} #investors #middle .columns2 .column2 .p1 {padding:2px 0 1px 0;} /**********************************************************************************************/ /*********************************** WEB-DEVELOPMENTS ****************************************/ #cyber-security #middle .indent { padding:0px 0 20px 0; } #cyber-security #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;} #cyber-security #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;} #cyber-security #middle .columns1 .column1 ul {margin-bottom:7px;} #cyber-security #middle .columns1 .column1 .p1 {padding:1px 0 0 0;} #cyber-security #middle .columns1 .column2 .p1 {padding:1px 0 7px 0;} #cyber-security #middle .columns2 { padding:5px 0 0 0; } #cyber-security #middle .columns2 .column1 .padding {padding:14px 21px 0 17px;} #cyber-security #middle .columns2 .column2 .padding {padding:14px 18px 0 21px;} #cyber-security #middle .columns2 .column1 .p1 {padding:8px 0 10px 0;} #cyber-security #middle .columns2 .column1 .p2 {padding:0 0 4px 0;} #cyber-security #middle .columns2 .column2 .content {padding:7px 0 15px 0;} #cyber-security #middle .columns2 .column2 ul {margin-bottom:1px;} /**********************************************************************************************/ /*********************************** CONTACTS ***********************************************/ #contacts #middle .indent {padding:17px 0 20px 0;} #contacts #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;} #contacts #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;} #contacts #middle .columns1 .column1 ul {margin-bottom:7px;} #contacts #middle .columns1 .column1 .p1 {padding:1px 0 0 0;} #contacts #middle .columns1 .column2 .p1 {padding:1px 0 7px 0;} #contacts #middle .columns2 {padding:21px 0 0 0;} #contacts #middle .columns2 .column1 .padding {padding:14px 21px 0 17px;} #contacts #middle .columns2 .column2 .padding {padding:14px 18px 0 21px;} #contacts #middle .columns2 .column1 .p1 {padding:8px 0 10px 0;} #contacts #middle .columns2 .column1 .p2 {padding:0 0 4px 0;} #contacts #middle .columns2 .column2 .content {padding:7px 0 15px 0;} #contacts #middle .columns2 .column2 ul {margin-bottom:1px;} /**********************************************************************************************/ #form .column1 {width:183px;} #form .column2 {width:521px;} form .row {height:25px;} form .row1 {height:34px;} .input {width:171px; height:18px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; font-family:tahoma; line-height:13px; color:#a4a4a4;} textarea {width:516px; height:68px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; overflow:auto; font-family:tahoma; line-height:13px; color:#a4a4a4;} form .div {text-align:right; padding:6px 0 0 0;} thumbnails{width:206px; height:206px;} /* 2009 */ /*********************************** qsysHome ***********************************************/ #qsysHome #middle .indent {padding:17px 0 20px 0;} #qsysHome #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;} #qsysHome #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;} #qsysHome #middle .columns1 .column1 ul {margin-bottom:7px;} #qsysHome #middle .columns1 .column1 .p1 {padding:1px 0 0 0;} #qsysHome #middle .columns1 .column2 .p1 {padding:1px 0 7px 0;} #qsysHome #middle .columns2 {padding:21px 0 0 0;} #qsysHome #middle .columns2 .column1 .padding {padding:14px 21px 0 17px;} #qsysHome #middle .columns2 .column2 .padding {padding:14px 18px 0 21px;} #qsysHome #middle .columns2 .column1 .p1 {padding:8px 0 10px 0;} #qsysHome #middle .columns2 .column1 .p2 {padding:0 0 4px 0;} #qsysHome #middle .columns2 .column2 .content {padding:7px 0 15px 0;} #qsysHome #middle .columns2 .column2 ul {margin-bottom:1px;} /**********************************************************************************************/