* {
	margin:0; 
	padding:0; 
}

body {
	font-family: Verdana, Tahoma, sans-serif;
	font-size:62.5%;
	background:#000 url('images/backgroundblack.gif') top center no-repeat;
	/*color:#677370;*/
	color:#fff;
	line-height:1.8em;
	text-align:center;
}

#container {
	width:800px;
	margin:10px auto;
	text-align:left;
}

#header {
	
}

.logo {
	background:transparent url('images/logo.png') top left no-repeat;
	width:415px;
	height:41px;
}

.tel {
	float:left;
	margin:-32px 0 0 588px;
	color:#ccc;
	background:transparent url('images/tel.gif') center left no-repeat;
	line-height:1.5em;
	width:199px;
	height:29px;
}

#menu {
	background:url('images/menu_omo.png') top left repeat-x;
	height:29px;
	width:774px;
	margin:3px 0 0 9px;
}

#menu ul {
	list-style-type:none;
}

#menu ul li {
	float:left;
	font-size:1.4em;
	background:url('images/menu.png') top left repeat-x;
	color:#ffffff;
	border-right:1px solid #000;
	text-align:center;
}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited {
	display:block;
	padding:6px 0px 6px 0px;
	color:#ffffff;
	text-decoration:none;
}

#menuIndex { width:100px; }
#menuServices { width:105px; }
#menuSupport { width:102px; }
#menuWebSolutions { width:150px; }
#menuForum { width:100px; }
#menuAbout { width:110px; }
#menuContact { width:100px; }

#menu ul li:hover, #menu ul li:active, #menu ul li:focus {
	background:url('images/menu_omo.png') top left repeat-x;
}

.menuArrow { background:transparent url('images/menuArrow.png') center left no-repeat; }

#doubleBanner {
	background:transparent url('images/doubleBanner.png') top left no-repeat;
	width:787px;
	height:130px;
	padding:18px;
	margin-top:0px;
}

#leftBanner, #rightBanner {
	background:transparent url('images/singleBanner.png') top left no-repeat;
	width:360px;
	height:150px;
	padding:25px 8px 5px 28px;
	float:left;
	margin-top:3px;
}

.homeLeftBannerImage {
	background:transparent url('images/homepage2.jpg') top left no-repeat;
	width:284px;
	height:123px;
	float:left;
}

.homeRightBannerImage {
	background:transparent url('images/homepage1.jpg') top left no-repeat;
	width:284px;
	height:123px;
	float:left;
}

.servicesLeftBannerImage {background:transparent url('images/supportservices.jpg') top left no-repeat;}
.servicesRightBannerImage {background:transparent url('images/businessusers.jpg') top left no-repeat;}

.doubleBannerImage, .vpnBanner, .hardwareInstallationsBanner, .helpdeskBanner, .disasterRecoveryBanner, .helpBanner, .onsiteSurveysBanner {
	background:transparent url('images/backupsolutions.jpg') top left no-repeat;
	width:677px;
	height:135px;
	float:left;
}

.vpnBanner { background:transparent url('images/folders.jpg') top left no-repeat; }
.hardwareInstallationsBanner { background:transparent url('images/fitmemory.jpg') top left no-repeat; }
.helpdeskBanner { background:transparent url('images/phones.jpg') top left no-repeat; }
.disasterRecoveryBanner { background:transparent url('images/fixharddrive.jpg') top left no-repeat; }
.helpBanner { background:transparent url('images/helpbanner.jpg') top left no-repeat; }
.backupSolutions { background:transparent url('images/backupsolutions.jpg') top left no-repeat; }
.soldiers { background:transparent url('images/security.jpg') top left no-repeat; }
.businessStartupsBanner { background:transparent url('images/businessstartups.jpg') top left no-repeat; }
.onsiteSurveysBanner { background:transparent url('images/onsite.jpg') top left no-repeat; }
.networkingBanner { background:transparent url('images/networking.jpg') top left no-repeat; }
.webServicesBanner { background:transparent url('images/webdesign.jpg') top left no-repeat; }
.contactBanner { background:transparent url('images/silhouettes4.jpg') top left no-repeat; }
.servicesBanner { background:transparent url('images/silhouettes2.jpg') top left no-repeat; }
.supportBanner { background:transparent url('images/silhouettes.jpg') top left no-repeat; }
.aboutBanner { background:transparent url('images/silhouettes3.jpg') top left no-repeat; }
.maintenanceContracts { background:transparent url('images/maintenance.jpg') top left no-repeat; }
.dataBackupBanner { background:transparent url('images/backupsolutions.jpg') top left no-repeat; }

.itManager { background:transparent url('images/itmanager.jpg') top left no-repeat; }
.liveSupport { background:transparent url('images/livehelp.jpg') top left no-repeat; }
.webDesignBanner { background:transparent url('images/webdesign2.jpg') top left no-repeat; }
.webDevBanner { background:transparent url('images/webdev.jpg') top left no-repeat; }
.seoBanner { background:transparent url('images/seo.jpg') top left no-repeat; }
.itconsultant { background:transparent url('images/itconsultant.jpg') top left no-repeat; }
.sitesforsale { background:transparent url('images/sitesforsale.jpg') top left no-repeat; }
.portfolioBanner { background:transparent url('images/portfolio.jpg') top left no-repeat; }
.corporateIdentity { background:transparent url('images/identity.jpg') top left no-repeat; }

.pageTitleImage, .servicesBannerText, .supportBannerText, .aboutBannerText, .faqBannerText, .contactBannerText {
	background:transparent url('images/itsolutions.png') top left no-repeat;
	width:45px;
	height:140px;
	float:left;
	margin:-3px 0 0 20px;
}

.servicesBannerText { background:transparent url('images/servicesBannerText.png') center center no-repeat; }
.supportBannerText { background:transparent url('images/supportBannerText.png') center center no-repeat; }
.aboutBannerText { background:transparent url('images/aboutBannerText.gif') center center no-repeat; }
.faqBannerText { background:transparent url('images/faqBannerText.gif') center center no-repeat; }
.contactBannerText { background:transparent url('images/contactBannerText.gif') center center no-repeat; }

.pageTitleImageSingleBanner, .homeLeftColumnSingleBanner, .homeRightColumnSingleBanner, .leftColumnServicesBannerText, .rightColumnServicesBannerText {
	background:transparent url('images/itsolutions.png') top left no-repeat;
	width:45px;
	height:140px;
	float:left;
	margin:-9px 0 0 15px;
}

.homeLeftColumnSingleBanner { background:transparent url('images/supportservices.png') center center no-repeat; }
.homeRightColumnSingleBanner { background:transparent url('images/businessusers.png') center center no-repeat; }
.leftColumnServicesBannerText { background:transparent url('images/leftColumnServicesBannerText.gif') center center no-repeat; }
.rightColumnServicesBannerText { background:transparent url('images/rightColumnServicesBannerText.gif') center center no-repeat; }

#content {
	border-bottom:1px solid #777;
	width:792px;
	margin:20px 0 0 2px;
	padding-bottom:10px;
}

#leftCol {
	border-right:1px solid #777;
	margin-left:9px;
}

#rightCol {
	float:left;
	width:345px;
	padding:10px 10px 0 10px;
	margin-left:15px;
}

#leftCol{
	float:left;
	width:360px;
	padding:10px 10px 0 10px;
}

#leftColServices {
	float:left;
	width:520px;
	min-height:300px;
	height:auto !important;
	height:300px;
	padding:10px;
}

h3.servicesMenuTitle {
	font-size:1.4em;
	border-top:1px solid rgb(126,126,126);
	border-bottom:1px solid rgb(126,126,126);
	padding:4px 4px 4px 20px;
	margin-top:0px;
	background:transparent url('images/serviceArrow.gif') center left no-repeat;
}

ul.servicesMenu {
	list-style-type:none;
	margin-bottom:10px;
}

ul.servicesMenu li {
	font-size:1.2em;
	padding-left:20px;
	background:transparent url('images/bullet.gif') center left no-repeat;
}

#rightColServices {
	float:left;
	width:206px;
	margin-left:27px;
	background:transparent url('images/servicesMenuMiddle.jpg') top center repeat-y;
}

#rightColServicesMiddle {
	background:transparent url('images/servicesMenuTop.jpg') top center no-repeat;
}

#rightColServicesContent {
	padding:10px;
}

#rightColServicesBottom {
	float:left;
	width:200px;
	margin-left:30px;
	height:2px;
	background:transparent url('images/servicesMenuBottom.jpg') bottom center no-repeat;
}

#rightColWrapper {
	width:210px;
	float:left;
}

.supportCharges {
	margin:-6px 0 0 70px;
}

#quickEnquiryTop {
	margin-top:1.5em;
	float:left;
	margin-left:20px;
	width:185px;
	padding:10px 20px 10px 15px;
	background:transparent url('images/quickEnquiryTop.jpg') top center no-repeat;
}

h3.enquiryMenuTitle {
	font-size:1.2em;
	/*border-top:1px solid rgb(126,126,126);*/
	border-bottom:1px solid rgb(126,126,126);
	padding:4px 4px 4px 40px;
	margin-top:-6px;
	background:transparent url('images/enquiryArrow2.gif') center left no-repeat;
}

.submit {
	float:right;
	margin:5px -8px 0 0;
}

#quickEnquiryForm {
	margin-top:-7px;
}

#quickEnquiryForm label {
	font-size:1.1em;
	display:inline-block;
}

#quickEnquiryForm input.text {
	margin-bottom:0px;
}

#quickEnquiryForm textarea {
	height:70px;
	width:188px;
	font-family: Verdana, Tahoma, sans-serif;
	font-size:1.2em;
}

#fullWidth {
	float:left;
	padding:10px;
}

#fullWidth img {
	margin:0 9px 9px 0;
}

h3 {
	color:#fff;
	font-size:2em;
	font-weight:normal;
	margin:-20px 0 10px 0;
}

.blueText { color:rgb(27, 113, 165); }
.yellowText { color:rgb(221, 219, 7); }
.greenText { color:rgb(115, 141, 56); }
.orangeText { color:rgb(227, 128, 28); }
.redText { color:rgb(232, 0, 0); }
.yellowText { color:rgb(221, 219, 7); }

.orangeLink, .orangeLink:link, .orangeLink:visited { color:rgb(227, 128, 28); }

.largeText {
	font-size:1.2em;
	color:#aaa;
}

.largeTextWhite {
	font-size:1.4em;
	color:#fff;
}

#leftCol p, #rightCol p, #fullWidth p {
	margin:15px 15px 15px 0;
	text-align:justify;
}

#rightCol p {
	margin-right:10px;
}

p {
	font-size:1.3em;
	color:#ddd;
}

.hideLeft {
	position:absolute;
	top:0; left:-9999px; height:0; width:0;
}

.clear {
	clear:both;
}

#footer {
	text-align:center;
	height:40px;
	color:#777;
	margin-top:20px;
}

.address {
	float:left;
	width:478px;
	margin-left:8px;
	color:#777;
	margin-top:-10px;
	font-size:1.1em;
}

.email {
	width:80px;
	float:left;
	text-align:right;
	margin-bottom:0px;
	margin-top:-10px;
}

.email p {
	float:left;
	width:238px;
	margin-right:5px;
	text-align:right;
	font-size:1.1em;
}

.email p a, .email p a:link, .email p a:visited {
	color:#777;
}

.likethiswebsite {
	float:left;
	width:340px;
	margin-left:-9px;
	color:#777;
	font-size:1.1em;
}

.copyright {
	width:265px;
	float:left;
	text-align:right;
}

.copyright p {
	float:left;
	width:392px;
	margin-right:5px;
	color:#777;
	font-size:1.1em;
}

.copyright img {
	float:left;
	display:block;
	width:87px;
	height:24px;
	margin-top:-3px;
}

.livehelpbutton {
	float:right;
	margin:-20px 20px 0 0;
}

#formoreinfo {
	font-size:1.8em;
}

#formoreinfo p.clickhere {
	float:left;
	margin-top:10px;
}

#formoreinfo p.clickhere span.greenArrow {
	display:block;
	float:left;
	width:26px;
	height:25px;
	margin-top:-3px;
	background:transparent url('images/greenArrow.png') top left no-repeat;
}

#formoreinfo p.clickhere span.redArrow {
	display:block;
	float:left;
	width:26px;
	height:25px;
	margin-top:-3px;
	background:transparent url('images/redArrow.png') top left no-repeat;
}

#formoreinfo p.clickhere span.orangeArrow {
	display:block;
	float:left;
	width:26px;
	height:25px;
	margin-top:-3px;
	background:transparent url('images/orangeArrow.png') top left no-repeat;
}

#formoreinfo p.clickhere span.yellowArrow {
	display:block;
	float:left;
	width:26px;
	height:25px;
	margin-top:-3px;
	background:transparent url('images/yellowArrow.png') top left no-repeat;
}

#formoreinfo p.clickhere span.whiteArrow {
	display:block;
	float:left;
	width:26px;
	height:25px;
	margin-top:-3px;
	background:transparent url('images/whiteArrow.png') top left no-repeat;
}

#formoreinfo p.clickhere span.blueArrow {
	display:block;
	float:left;
	width:26px;
	height:25px;
	margin-top:-3px;
	background:transparent url('images/blueArrow.png') top left no-repeat;
}

#formoreinfo p.telephone {
	float:left;
	width:380px;
	text-align:right;
	margin-top:10px;
}

.blackBox {
	background:transparent url('images/blackBox.png') top left no-repeat;
	width:200px;
	height:129px;
	padding:11px;
	float:left;
}

.solutionsText {
	float:left;
	width:120px;
	margin-top:-1em;
}

.solutionImage {
	float:left;
	width:138px;
	height:106px;
}

.solution {
	float:left;
	margin:8px 0 0 15px;
}

img {
	border:0;
}

.serviceList {
	list-style-type:none;
}

.serviceList li {
	line-height:2em;
	padding-left:20px;
	background:transparent url('images/serviceArrow.gif') center left no-repeat;
}

.serviceList li a, .serviceList li a:link, .serviceList li a:visited {
	font-size:1.2em;
	color:#fff;
}

a, a:link {
	color:#fff;
	text-decoration:none;
}

#contactform {
	font-size:1.2em;
	margin-left:30px;
}

.formColumn {
	float:left;
}

.contactFormRightCol {
	margin-left:8px;
}

#contactform textarea {
	border:1px solid #777;
	background-color:#323232;
	width:410px;
	height:100px;
	color:#aaa;
	margin-top:16px;
	font-family:verdana;
	font-size:1.1em;
}

#contactform label {
	color:#fff;
	line-height:1.4em;
}

#contactform select {
	border:1px solid #777;
	background-color:#323232;
	width:202px;
	color:#aaa;
	float:left;
}

#contactform input.submit {
	border:1px solid #777;
	background-color:#323232;
	display:block;
	color:#aaa;
	display:block;
	float:left;
	margin-top:10px;
	padding:3px;
}

#contactform input.text {
	border:1px solid #777;
	background-color:#323232;
	width:200px;
	line-height:1.4em;
	color:#aaa;
	display:block;
	float:left;
	height:1.4em;
	margin-bottom:6px;
}

.required {
	padding-left:110px;
}

#contactcontent {
	border-bottom:1px solid #ccc;
	width:772px;
	margin:20px 0 0 9px;
	padding-bottom:10px;
}

#contactcontent #leftCol {
	border-right:0;
	margin:0 0 0 9px;
}

#contactcontent #leftCol {
	float:left;
	width:250px;
	min-height:300px;
	height:auto !important;
	height:300px;
	padding:10px;
}

#contactcontent #rightCol {
	width:450px;
	margin-top:-33px;
}

.firstaid {
	font-size:1.6em;
	padding-top:15px;
}

.firstaid img {
	float:left;
	margin:-16px 10px 0 0;
}

.serviceslink {
	font-size:1.6em;
}

.serviceslink img {
	float:left;
	margin:-4px 10px 0 0;
}

.staff {
	margin-top:20px;
}

.staff .picture {
	display:block;
	float:left;
	
}

.staff .name {
	display:block;
	float:left;
	margin:20px 0 0 15px;
}

.staff div p {
	float:left;
	width:160px;
}

.staff .description {
	width:250px;
	float:right;
}

.contactLabel {
	display:block;
	height:1.4em;
}

.portfolioDesign {
	margin:0 0 15px 0;
	padding-bottom:10px;
}

.portfolioImage {
	width:230px;
	float:left;
	text-align:center;
}

.portfolioDesign p {
	
}

.portfolioInfo {
	border-top:1px solid rgb(14,30,39);
	margin-top:10px;
}

.portfolioInfo img {
	margin-left:50px;
	float:left;
}

.visitsite {
	text-align:right;
}

.viewothersites {
	text-align:center;
	font-size:1.6em;
	margin-bottom:30px;
}

.smallClickHere {
	font-size:0.6em;
}

.para {
	margin-top:1.3em;
}

#leftColServices p {
	margin-top:10px;
}

ul.fab {
	list-style-type:none;
	margin-bottom:10px;
	margin-top:10px;
}

ul.fab li {
	padding-left:20px;
	background:transparent url('images/serviceArrow.gif') top left no-repeat;
	font-size:1.2em;
	color:#aaa;
}

h4 {
	font-size:1.6em;
	color:#fff;
	font-weight:normal;
	margin-bottom:0.2em;
}

p {
	font-size:1.2em;
}

.formText {
	width:410px;
	float:right;
}

.sitesforsalepics a {
	margin-left:80px;
}

.underline {
	text-decoration:underline;
}

.supportprice {
	margin:10px 0 0 25px;
}

.expand {
	font-size:0.6em;
	color:#777;
}

#contactcontent #leftCol p {
	text-align:left;
}

.clickItems {
	padding-right:20px;
	background:transparent url('images/serviceArrow.gif') center right no-repeat;
	width:222px;
}
