/* CSS Document */ body{padding:0px; margin:0px; background: url(images/main-bg.gif) 0 0 repeat-x #444243 /*#595959 #263645*/; color:#E9E9DD/*#FFFEE8*/; font:13px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; } div, p, ul, h2, h3, h4, h5, img{padding:0px; margin:0px;} h1 { color:#C0CB31 /*#FF8738 #FF6600*/;} ul{list-style-type:none} .clear{clear:both;} /*----MAIN PANEL----*/ #mainPan{width:778px; position:relative; margin:0 auto;} /*----TOP PANEL----*/ #topPan{width:778px; height:65px; background:/*url(images/topbg.jpg) 0 0 no-repeat*/ #fff; color:#828282; position:relative; margin:0 auto;} #topPan img.logo{width:350px; height:60px; top:10px; margin-left:25px;} #topPan p.caption{width:200px; background:#fff; color:#828282; position:absolute; top:43px; left:235px;} #topcontactPan{width:150px; height:60px; background: url(images/logo-msc.gif) 10px 0px no-repeat; position:absolute; top:10px; left:700px; padding:7px 0 0;} #topcontactPan p.callus{width:63px; height:17px; display:block; background:#DDC40C; color:#fff; font:14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:center;} #topcontactPan p.tollfree{width:63px; height:20px; display:block; background:#fff; color:#A99607; font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:center;} #topcontactPan p.phoneno{width:88px; height:28px; display:block; position:absolute; top:7px; left:91px; background:#fff; color:#00473E; border:1px solid #A2C1C0; font-size:11px; line-height:14px; text-align:center;} /*----/TOP PANEL----*/ /*----HEADER PANEL----*/ #headerPan{width:750px; height:200px; background:url(images/header.jpg) 0 0 no-repeat; position:relative; margin:0 auto; padding:11px 0 0 30px;} #headerPan .headprod { background:url(images/header-prod.jpg) 0 0 no-repeat; } #headerPan ul.leftmenu{width:150px;} #headerPan ul.leftmenu li{width:150px; height:22px; border-bottom:1px dashed #98AAAC;} #headerPan ul.leftmenu li a{width:150px; height:22px; display:block; background:url(images/bullet-normal.gif) 0 7px no-repeat ; font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#595959; line-height:22px; text-decoration:none; padding:0 0 0 15px;} #headerPan ul.leftmenu li a:hover{background:url(images/bullet-hover.gif) 0 7px no-repeat #fff; color:#CC3333; line-height:22px; text-decoration:none; padding:0 0 0 15px;} #headerPan ul.leftmenu li.Solutions{width:72px; height:22px; display:block; background:url(images/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;} #headerPan ul.leftmenu li.clients{width:87px; height:22px; border-bottom:none;} #headerPan ul.botton{width:150px; height:45px; position:absolute; top:118px; left:250px;} #headerPan ul.botton li{float:left; height:45px;} #headerPan ul.botton li.home a{width:42px; height:45px; display:block; background:url(images/home-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;} #headerPan ul.botton li.home a:hover{background:url(images/home-hover.gif) 0 0 no-repeat;} #headerPan ul.botton li.aboutus a{width:42px; height:45px; display:block; background:url(images/aboutus-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;} #headerPan ul.botton li.aboutus a:hover{background:url(images/aboutus-hover.gif) 0 0 no-repeat;} #headerPan ul.botton li.contact a{width:42px; height:45px; display:block; background:url(images/contact-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;} #headerPan ul.botton li.contact a:hover{background:url(images/contact-hover.gif) 0 0 no-repeat;} /*----/HEADER PANEL----*/ /*----BODY PANEL----*/ #bodyPan{width:750px; /*background:url(images/bodybg.jpg) 0 0 no-repeat;*/ position:relative; margin:0 auto; padding:0 0 0 30px;} /*----Body Left Panel----*/ #leftPan{width:150px; float:left;} #leftPan h2{height:34px; background:transparent; color:#DCE166; font-size:1.6em; line-height:34px;} #leftPan a img{border: none; } #leftPan ul{width:150px;} #leftPan ul li{width:150px; height:24px;} #leftPan ul li a{width:150px; height:24px; display:block; background:url(images/bullet2-normal.gif) 0 10px no-repeat; color:#C7DEAE; text-decoration:none; line-height:24px; padding:0 0 0 12px; border-bottom:1px dashed #98AAAC;} #leftPan ul li a:hover{background:url(images/bullet2-hover.gif) 0 10px no-repeat #C0CB31; color:#AB4B1B; text-decoration:none;} #leftPan ul li span{text-decoration:underline;} /*----/Body Left Panel----*/ /*----Body Right Panel----*/ #rightPan{width:511px; float:right; background: #595959 url(images/bodybg.jpg) 0 0 no-repeat; border-left:1px solid #DCE166 /*#C8E8E2*/; margin:28px 0 0; padding:0 30px; font: normal 1em Verdana ,Arial, Helvetica, "Trebuchet MS", tahoma, sans-serif; } #rightPan p{padding:0 0 10px 0;} #rightPan p.more{width:502px; height:25px; float:left; background:url(images/sky-color-bg.gif) 0 10px repeat-x; padding:0 0 20px 0;} #rightPan p.more a{width:92px; height:21px; display:block; background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#958201; line-height:21px; text-transform:uppercase; text-decoration:none; margin:0 0 0 328px; padding:4px 0 0 50px;} #rightPan p.more a:hover{background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#645804; text-decoration:none;} #rightPan h1{ margin: 0 0 30px 0; font: bold 2.2em Helvetica, Arial, Verdana, sans-serif; color:#fff; } #rightPan h2{ margin: 0 0 30px 0; font: normal 1.5em Helvetica, Arial, Verdana, sans-serif; color:#DCE166; } #rightPan h2 span { font: normal 0.75em Helvetica, Arial, Verdana, sans-serif; color:#DCE166; } #rightPan h3{ margin: 0 0 10px 0; font: bold 1.2em Tahoma, Verdana, Arial, sans-serif; color:#DCE166; } #rightPan h4{ margin: 0 0 10px 0; font: bold 1.2em Tahoma, Verdana, Arial, sans-serif; color:#DCE166; } /*/ #rightPan h4{width:96px; height:76px; float:left; display:block; background:url(images/icon3.jpg) 8px 38px no-repeat #B1DED5; color:#595959; text-transform:uppercase; padding:46px 0 0 75px; margin:0 0 5px 0; border-bottom:1px solid #93A8A8; font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;} #rightPan h5{width:96px; height:76px; float:left; display:block; background:url(images/icon4.jpg) 8px 38px no-repeat #DFD79C; color:#595959; text-transform:uppercase; padding:46px 0 0 75px; margin:0 0 5px 0; border-bottom:1px solid #93A8A8; font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;} #rightPan h6{width:96px; height:382px; float:left; display:block; background:url(images/icon4.jpg) 8px 38px no-repeat #DFD79C; color:#595959; text-transform:uppercase; padding:46px 0 0 75px; margin:0 0 5px 0; border-bottom:1px solid #93A8A8; font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;} */ #rightPan ul.services{width:137px; height:114px; float:left; border:1px solid #93A8A8; background:#fff; color:#5F7A77; padding:7px 0 0 25px;} #rightPan ul.services li.captionone{background:#fff; color:#AC9601; text-decoration:underline;} #rightPan ul.services li{width:137px; height:20px; } #rightPan ul.services li a{width:125px; height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:20px; padding:0 0 0 12px; font: normal 0.85em "Trebuchet MS", Arial, Helvetica, sans-serif;} #rightPan ul.services li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none;} #rightPan ul.servicestwo{width:137px; height:114px; float:left; border-bottom:1px solid #93A8A8; border-top:1px solid #93A8A8; border-right:1px solid #B1DED5;background:#fff; color:#5F7A77; padding:7px 0 0 25px;} #rightPan ul.servicestwo li.captiontwo{background:#fff; color:#AC9601; text-decoration:underline;} #rightPan ul.servicestwo li{width:137px; height:20px;} #rightPan ul.servicestwo li a{width:125px; height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:20px; padding:0 0 0 12px; font: normal 0.85em "Trebuchet MS", Arial, Helvetica, sans-serif;} #rightPan ul.servicestwo li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none;} #rightPan ul.events{width:305px; height:114px; float:left; border:1px solid #93A8A8; background:#fff; color:#5F7A77; padding:7px 0 0 25px;} #rightPan ul.events li.captionthree{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:none;} #rightPan ul.events li{width:305px; height:20px;} #rightPan ul.events li a{width:293px; height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#959595; text-decoration:underline; font: normal 0.85em "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:20px; padding:0 0 0 12px;} #rightPan ul.events li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:underline;} #rightPan ul.products{width:305px; height:420px; float:left; border:1px solid #93A8A8; background:#fff; color:#5F7A77; padding:7px 0 0 25px;} #rightPan ul.products li.caption{background:#fff; color:#DF6B16; font-size:12px; font-weight:bold; text-decoration:none;} #rightPan ul.products li{width:305px; height:20px;} #rightPan ul.products li a{width:293px; height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#333333; text-decoration:none; font: normal 0.9em Arial, Helvetica, "Trebuchet MS", sans-serif; line-height:20px; padding:0 0 0 12px;} #rightPan ul.products li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#DF6B16; text-decoration:underline;} #rightPan a {text-decoration: none; color: #FFF; } #rightPan a:hover {text-decoration: underline; color: #EFECCA;} #rightPan a img{border: none; } #rightPan .table1 {border: 2px solid #E3E3E3;border-collapse:collapse;width:500px;margin: 0 auto;} #rightPan .table1 td {background: #fff url("images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff} #rightPan .table1 th {text-align:left; border: 1px solid #fff} #rightPan .table1 thead th {color:#fff;font: 14px verdana,arial,sans-serif;background: #900 url("images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px} #rightPan .table1 tbody th {color:#fff;font: 12px verdana,arial,sans-serif;background: #900 url("images/sprites.gif") repeat-x 0 -1400px;padding: 6px} #rightPan .table1 tbody td {color:#333;font: 0.9em arial,verdana,sans-serif;background: #FFF;padding: 6px; border-bottom:1px solid #EEE;} #rightPan .table1 li a {text-decoration: none; color: #000000;} #rightPan .table1 tbody td a:hover{text-decoration: underline; color: #046380; } #rightPan .table1 tbody th.sub {font: bold 0.89em arial,verdana,sans-serif;color:#000;background: #efefef url("images/sprites.gif") repeat-x 0 -1500px;padding: 6px} #rightPan .table1 tbody th.sub2 {font: bold 0.89em arial,verdana,sans-serif;color:#000;background: #efefef;padding: 6px;} #rightPan .table1 tbody th.sub3 {font: bold 0.89em arial,verdana,sans-serif;color:#fff;background: #4181C0;padding: 6px; border:none;} /*----/Body Right Panel----*/ /*----/BODY PANEL----*/ /*----/MAIN PANEL----*/ #contact-right { background-color:#F0F0F0; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; color:#455548; width:460px; margin:4px 0px 0px 15px; padding:6px;} #contact-right br { clear: both; } #contact-right form { margin:0px; } #contact-right label { color: #484848; font-size:12px; width:160px; text-align:left; padding-right:20px; padding-top:4px; float:left;} #contact-right .frmText { border:1px solid #CCCCCC; width:220px; background-color:#fff; color:#333333; padding:3px; margin-top:4px; margin-left:15px; margin-right:0px; font-size:0.75em; } #contact-right .frmTextArea { border:1px solid #CCCCCC; width:220px; height:100px; background-color:#fff; color:#333333; padding:3px; margin-top:4px; margin-left:15px; font-size:0.9em; } #contact-right .frmSubmit { width: 100px; height: 23px; color:#fff; margin:7px 0 10px 200px; padding: 0; border: 1px solid #2F2F2F; font-weight:bold; font-size:0.85em; background-color:#666666; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} #contact-right .txt { margin-left: 10px; } /*----FOOTER PANEL----*/ #footermainPan{height:125px; background:url(images/footerbg.gif) 0 0 repeat-x #D3F0F0; color:#2F5958; font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:36px 0 0;} #footerPan{width:780px; position:relative; margin:0 auto;} #footerPan ul{width:700px; height:20px; position:relative; margin:0 auto;} #footerPan li{float:left; } #footerPan ul li a{padding:0 10px 0; color:#2F5958; background:#EBF8F7; text-decoration:none; font-size:13px;} #footerPan ul li a:hover{text-decoration:underline;} #footerPan p.copyright{width:400px; margin:35px 0 0 50px; font: normal 0.9em Arial, Verdana, sans-serif; } #footerPan a{text-decoration: none; color: #2F5958; } #footerPan a:hover {text-decoration: underline; } #footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:35px; left:549px;} #footerPanhtml a{width:64px; height:24px; display:block; background:url(images/html-normal.gif) 0 0 no-repeat #D3F0F0; color:#fff; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 7px;} #footerPanhtml a:hover{background:url(images/html-hover.gif) 0 0 no-repeat #D3F0F0; color:#fff;} #footerPancss{width:58px; height:24px; display:block; position:absolute; top:35px; left:624px;} #footerMsc { float: right; margin: 5px 10px; } #footerPancss a{width:49px; height:24px; display:block; background:url(images/css-normal.gif) 0 0 no-repeat #D3F0F0; color:#fff; font-size:13px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px;} #footerPancss a:hover{background:url(images/css-hover.gif) 0 0 no-repeat #D3F0F0; color:#fff; text-decoration:none;} /*----/FOOTER PANEL----*/