/* CSS Document */ /*------------------------------------------------------- */ /* Side Structure - Header */ /*------------------------------------------------------- */ body {background: #ecebeb url(images/background.gif) repeat-x top center; font: normal 12px Arial, Helvetica, sans-serif; margin: 0; color: #333;} #site_container {background: url(bodybackground.gif) repeat-y; width: 780px; margin: 0 auto;} #header {background: url(images/header.jpg) no-repeat; width: 780px; height: 89px; margin: 0;} .headerlink {float: left; width: 255px; height: 89px;} .headerlink a {display: block; width: 255px; height: 89px; text-indent: -9999px; } .headertxt {float: right; block; width: 485px; height: 42px; padding: 47px 0 0 0;} .headertxt p {padding: 0; margin: 0; color: #fff; font: normal 19px Arial, Helvetica, sans-serif;} /*------------------------------------------------------- */ /* Side Navigation */ /*------------------------------------------------------- */ #nav {width: 780px; height: 36px; margin: 0; background:url(images/navbar.jpg); padding: 0;} #nav_main { list-style-type : none; float: left; width : 780px; height : 36px; margin : 0; padding : 0; } #nav_main li.navlist {display: inline; float: left; height:36px;} #nav_main a { display: block; color: #fff; text-decoration: none;} /*------------------------------------------------------- */ /* Navigation elements */ /*------------------------------------------------------- */ #nav_leftside {width: 189px; height: 36px; background: url(images/nav/nav-leftside.gif) no-repeat; } #homeback { background:url(images/nav/home.gif) no-repeat; width:124px; height: 36px; padding: 0; margin: 0; text-indent: -9999px; display: block;} #home { background:url(images/nav/home.gif) no-repeat; width:124px; height: 36px; padding: 0; margin: 0; text-indent: -9999px;} #home:hover { background: url(images/nav/home1.gif) no-repeat; width: 124px; height: 36px; padding: 0; margin: 0; text-indent: -9999px;} #aboutback { background:url(images/nav/about.gif) no-repeat; width: 106px; height: 36px; padding: 0; margin: 0; text-indent: -9999px; display: block;} #about { background:url(images/nav/about.gif) no-repeat; width: 106px; height: 36px; padding: 0; margin: 0; text-indent: -9999px;} #about:hover { background: url(images/nav/about1.gif) no-repeat; width: 106px; height: 36px; padding: 0; margin: 0; text-indent: -9999px;} #servicesback { background:url(images/nav/services.gif) no-repeat; width: 110px; height: 36px; padding: 0; margin: 0; text-indent: -9999px; display: block;} #services { background:url(images/nav/services.gif) no-repeat; width: 110px; height: 36px; padding: 0; margin: 0; text-indent: -9999px;} #services:hover { background: url(images/nav/services1.gif) no-repeat; width: 110px; height: 36px; padding: 0; margin: 0; text-indent: -9999px;} #contactback { background:url(images/nav/contact.gif) no-repeat; width: 128px; height: 36px; padding: 0; margin: 0; text-indent: -9999px; display: block;} #contact { background:url(images/nav/contact.gif) no-repeat; width: 128px; height: 36px; padding: 0; margin: 0; text-indent: -9999px;} #contact:hover { background: url(images/nav/contact1.gif) no-repeat; width: 128px; height: 36px; padding: 0; margin: 0; text-indent: -9999px;} #supportback { background:url(images/nav/support.gif) no-repeat; width: 123px; height: 36px; padding: 0; margin: 0; text-indent: -9999px; display: block;} #support { background:url(images/nav/support.gif) no-repeat; width: 123px; height: 36px; padding: 0; margin: 0; text-indent: -9999px;} #support:hover { background: url(images/nav/support1.gif) no-repeat; width: 123px; height: 36px; padding: 0; margin: 0; text-indent: -9999px;} li a { padding: 10px 12px 7px 12px; margin: 0 0 0 0;} /*------------------------------------------------------- */ /* Main Page Elements */ /*------------------------------------------------------- */ #mp_imagearea {width: 770px; height: 240px; margin: 0 5px 0 5px; padding: 0; background: url(images/noflash.jpg) no-repeat;} #sp_imagearea {width: 770px; height: 107px; margin: 0 5px 0 5px; padding: 0;} #mc_imagearea {width: 770px; height: 165px; margin: 0 5px 0 5px; padding: 0;} #orangebar {background: url(images/orangebar.gif) no-repeat; width: 770px; height: 28px; margin: 0 5px 0 5px; padding: 0; display: block;} /*------------------------------------------------------- */ /* Body Section */ /*------------------------------------------------------- */ #body_container {width: 770px; margin: 0 5px 0 5px; padding: 0; } #body_content {float: left; width: 440px; padding: 25px; margin: 0;} #body_content p {line-height: 19px; } a, a:link, a:visited {color: #00247d; } a:hover {color: #9badd9; } .clr {clear: both; } /*------------------------------------------------------- */ /* Side Section */ /*------------------------------------------------------- */ #side_content {float: right; width: 280px; padding: 25px 0 0 0; margin: 0;} #clientprofilebox {background: url(images/clientprofilebox.gif) no-repeat; width: 260px; height: 292px; display: block; } .clientlogo {padding: 50px 0 0 20px;} .thinline {background: url(images/thinline.gif) no-repeat; width: 240px; height: 1px; margin: 4px 0 4px 20px;} .clientprofiletxt {padding: 0 20px 5px 20px; font-size: 10px; } /*------------------------------------------------------- */ /* Footer */ /*------------------------------------------------------- */ div#footer {width: 770px; height: 27px; margin: 15px 5px 0 5px; background: url(images/footerbar.gif) repeat-x; font: normal 10px Arial, Helvetica, sans-serif; color: #fff;} div#footer p { margin: 0; padding: 8px 0 0 0; text-align: center;} #footer a {color: #fff; text-decoration: none; border-bottom: 1px dotted #70aae5; } #footer a:hover {color: #70aae5; text-decoration: none; border-bottom: 1px dotted #b5d7fd; } /*------------------------------------------------------- */ /* Services */ /*------------------------------------------------------- */ #service_side_content {float: left; width: 700px; padding: 20px 0 0 10px; margin: 0;} #service_offering_box {background: url(images/serviceofferingbox.jpg) no-repeat; width: 260px; height: 500px; display: block; } #service_body_content {float: right; width: 240px; padding: 0 0 0 0; margin: 0;} #remote_support_box {background: url(images/remote_support_box.jpg) no-repeat; width: 260px; height: 300px; display: block; } #news_box {width: 260px; height: 300px; display: block; }# #remote_side_content {padding-left: 10px; padding-bottom: 0; padding-right: 0; padding-top: 0; float: left; width: 245px; margin: 0;} /*------------------------------------------------------- */ /* Services */ /*------------------------------------------------------- */ #info_box_content {float: center; width: 10px; padding: 0 100px 0 0; margin:0;} #about_side_content {float: right; width: 475px; padding: 25px 15px 0 0; margin: 0;} #about_body_content {float: left; width: 280px; padding: 25px 0 0 0; margin: 0;} #contact_body_content {float: left; width: 280px; padding: 25px 0 0 5px; margin: 0;} #contact_side_content {float: right; width: 475px; padding: 25px 0 0 0; margin: 0;} element { } .small { font-size: 10px; font-family: Helvetica, Verdana, Arial; } .medium { font-size: 15px; font-family: Helvetica, Verdana, Arial, sans-serif; } .big { font-size: 20px; font-family: Helvetica, Verdana, Arial, sans-serif; }