@charset "utf-8";

* {margin:0; padding:0;}

body {background:url(../img/bgr-rest.png) top repeat-x #fff; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:11px;}
.homeBody {background:url(../img/bgr.png) top repeat-x #fff;}
p {font-size:12px;}
img {border:0;}
a {color:#4f99fa; text-decoration:none;}
a:hover {text-decoration:underline;}

#wrap {width:960px; margin:auto;}

#header {float:left; width:960px; background:url(../img/logo.png) top no-repeat; background-position:0 40px; padding:0 0 5px 0;}
#headerHome {float:left; width:960px; background:url(../img/logo.png) top no-repeat; background-position:0 40px;}

#subTabs {float:right; clear:both; width:505px; padding:42px 0 0 0; text-align:right;}
/* Side Menu */
#subTabs ul li{float:left; list-style-type:none;}
#subTabs li a{font-size:14px; padding:7px 20px 5px 20px; height:20px; margin:0 0 0 1px; display:block; background:url(../img/tabs-bgr.png) left repeat-x;}
#subTabs li a:hover, #subTabs li a.activeTab {background:#fff; text-decoration:none; color:#000;}

#navigation {float:right; width:693px; clear:both; padding:0 0 9px 0;}
#navigation ul li{float:left; list-style-type:none;}
#navigation li a{height:91px; text-indent:-9999px; display:block; background-position:0 0;}
#navigation li a.home {background:url(../img/nav-home.png) top no-repeat; height:91px; width:94px;}
#navigation li a.webServices {background:url(../img/nav-web-services.png) top no-repeat; height:91px; width:179px;}
#navigation li a.itSupport {background:url(../img/nav-it-support.png) top no-repeat; height:91px; width:143px;}
#navigation li a.hardware {background:url(../img/nav-hardware.png) top no-repeat; height:91px; width:143px;}
#navigation li a.contact {background:url(../img/nav-contact.png) top no-repeat; height:91px; width:134px;}
#navigation li a:hover, #navigation li a.activeLink {background-position:0 -91px;}

#slogan {float:left; width:942px; background:url(../img/head-img.png) right top no-repeat; height:148px; padding:112px 0 0 18px;}

#content {float:left; width:960px;}
#leftColumn {float:left; width:640px;}
#rightColumn {float:right; width:309px;}

#innerMainBoxHome {float:left; width:635px; padding:17px 0 5px 0;}
#innerMainBoxHome p {padding:15px 0 20px 0; line-height:18px; text-align:justify;}

#innerMainBox {float:left; width:630px; padding:17px 0 10px 0;}
#innerMainBox p {padding:15px 0 20px 0; line-height:18px; text-align:justify;}

#bottomBoxesHolder {float:left; width:960px;}
.bottomBox {float:left; width:309px; border-top:#e1e9f2 solid 1px; padding:10px 0 5px 0; margin:0 16px 0 0; background:#fff; height:auto !important; height:100px; min-height:100px;}
.bottomBox p {float:left; width:309px; text-align:justify; color:#18497b; padding:5px 0; font-size:11px;}
.bottomBox span {float:right;}

#rightColumnInner {float:left; width:284px; padding:17px 25px 0 0;}

/*------------------------------------------------------------------*/

/* Side Boxes */
.sideBox {float:left; width:270px; padding:5px 0 10px 0; border-top:#e1e9f2 solid 1px;}
.sideBox p {font-size:11px; color:#3a74af; width:195px; text-align:justify; padding:2px 0 0 75px;}
	.sideBox p.portfolio {background:url(../img/side-img-portfolio.jpg) left center no-repeat;}
	.sideBox p.software {background:url(../img/side-img-software.jpg) left center no-repeat;}
	.sideBox p.kbase {background:url(../img/side-img-kbase.jpg) left center no-repeat;}
.sideBox span {float:left; width:195px; text-align:right;}

#sideNews {float:left; width:310px; padding:5px 0 0 0;}
.sideNewsBox {float:left; width:310px; padding:15px 0 0 0;}
.sideNewsBox img {float:left; background:url(../img/news-img-bgr.png) center no-repeat; padding:4px;}
.sideNewsDetails {float:right; width:240px;}
.sideNewsDetails p {font-size:11px; color:#3a74af; padding:2px 0 0 0;}
.sideNewsDetails b a{color:#1c3955; text-decoration:none;}
.sideNewsDetails b a:hover {text-decoration:underline;}
.sideNewsDetails i {color:#c4161c; font-style:normal;}
.moreNews {float:left; width:310px; text-align:right;}

#sideFeatures {float:left; width:284px; padding:25px 0 0 0;}
.sideFeaturesBox {float:left; width:284px; padding:17px 0 0 0;}
.sideFeaturesBox p {float:left; padding:0 0 5px 0;}
.sideFeaturesBox a {color:#c4161c; font-size:12px;}
.sideFeaturesBox a img {border:#ccc solid 3px; float:left;}
.sideFeaturesBox a:hover img {border:#333 solid 3px;}

.sidePortfolio {float:left; width:284px; padding:25px 0 20px 0; clear:both;}
.sidePortfolioBox {float:left; width:140px; padding:0 0 10px 0;}
.sidePortfolioBox img {border:#9fb5cd solid 2px; float:left;}
.sidePortfolioBox p {float:left; width:128px; font-size:11px; color:#3a74af; padding:5px 0 0 0;}

/*------------------------------------------------------------------*/

/* Portfolio gallery */
#portfolioHolder {float:left; width:630px; padding:10px 0 0 0;}
.portfolioBox {float:left; width:630px; border-bottom:#e1e9f2 solid 1px; padding:20px 0 0 0;} 
.portfolioBox img {border:#9fb5cd solid 2px; float:left; margin:3px 0 0 0;}
.portfolioDetails {float:right; width:315px;}
.portfolioDetails p {float:left; color:#333; font-size:11px; width:315px;}

/* Hosting table */
#hostingHolder {float:left; width:630px; clear:both;}
table.hostingTable {width:630px; background:#eff3f6;}
table.hostingTable img {border:0;}
table.hostingTable td {background:#fff; text-align:center; font-size:12px;}
table.hostingTable thead td {padding:5px 0;}
table.hostingTable tbody th {font-weight:normal; padding:5px;}
table.hostingTable th {width:207px; background:#fff; text-align:right;}
table.hostingTable tfoot td {padding:5px 0; font-size:14px; font-weight:bold;}
table.hostingTable tfoot td, table.hostingTable tfoot th.footRow { border-top:#eff3f6 solid 5px;}

/* Hardware */
.hardwareBox {float:left; width:630px; padding:0 0 20px 0;}

.hardwareBox table {width:630px;}
.hardwareBox table td, .hardwareBox table th {padding:2px; color:#22588f;}
.hardwareBox table thead td {padding:0 0 10px 0;}
.hardwareBox table tbody td.imgRow {width:250px; text-align:center;}
.hardwareBox table tbody th {width:150px; text-align:left;}
.hardwareBox table tfoot th {text-align:left; padding:5px 0; border-top:#e1e9f2 solid 1px; border-bottom:#e1e9f2 solid 1px; font-size:13px;}
.hardwareBox table tfoot td {border-bottom:#e1e9f2 solid 1px;}
.hardwareBox table ul {list-style-type:disc; padding:10px 0 10px 50px;}

/* Contact */
.contactForm {float:left; width:630px; padding:17px 0 10px 0; color:#22588f;}
.contactForm label {float:left; width:230px; clear:left; padding:2px 8px 2px 0; text-align:right; font-size:12px;}
.contactForm input {float:left; width:200px; clear:right; margin:2px 0;}
.contactForm input.button {float:left; width:70px; clear:right; margin:2px 0;}
.contactForm textarea {float:left; width:300px; height:150px; clear:right; margin:2px 0;}

/* Site map */
.sitemap {float:left; width:550px; padding:17px 0 10px 80px; color:#22588f; font-size:12px;}
.sitemap ul {padding:5px 0 5px 20px; list-style-type:square;}
.sitemap ul li a{font-weight:bold;}
.sitemap ul li ul {list-style-type:disc;}
.sitemap ul li ul li a{font-weight:normal;}

/* News */
#newsMain {float:left; width:630px; padding:5px 0 0 0;}
.newsMainBox {float:left; width:600px; padding:15px 0 5px 30px;}
.newsMainBox img {float:left; background:url(../img/news-img-bgr.png) center no-repeat; padding:4px; margin:3px 0 0 0;}
.newsMainDetails {font-size:11px; color:#3a74af; float:right; width:530px; padding:0 0 10px 0; border-bottom:#e1e9f2 solid 1px;}
.newsMainDetails b {color:#1c3955; text-decoration:none;}
.newsMainDetails i {color:#c4161c; font-style:normal;}

/* Knowledge base */
#kbaseMain {float:left; width:630px; padding:25px 0 0 0;}
#kbaseMain {float:left; width:550px; padding:17px 0 10px 80px; color:#22588f; font-size:12px;}
#kbaseMain ul {padding:5px 0 5px 20px; list-style-type:square;}

/*------------------------------------------------------------------*/

/* Footer */
#footer {float:left; width:960px; border-top:#e1e9f2 solid 1px; color:#7a99bd; padding:10px 0;}
#footer p.footerLeft {float:left; width:480px; text-align:left; font-size:10px;}
#footer p.footerRight {float:right; width:480px; text-align:right; font-size:10px;}
#footer a {text-decoration:none; color:#4d7eb6;}
#footer a:hover {text-decoration:underline;}