@charset "utf-8";
/* CSS Document */

body {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica;
	background: #FFFFFF;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #1e3b60;
}
#frame {
	z-index:-1;
 	text-align:left;
	margin:auto;
	width:952px;
}
#2columns {
		z-index:1;

	width:952px;
}
#column1 {
		z-index:2;

	float:left;
	width:217px;
	background-color:#FFFFFF;
}
#nav {
		z-index:3;

	padding:0px 0px 0px 42px;
	text-align:left;
}
#buttons {
		z-index:4;

	font-size:12px;
	text-decoration:none;
	color: #1e3b60;
}
#buttons a {
	font-size:12px;
	text-decoration:none;
	color: #1e3b60;
}
#buttons a:hover {
	font-size:12px;
	text-decoration:underline;
	color: #1e3b60;
}
#buttons a:active {
	font-size:12px;
	text-decoration:underline;
	color: #1e3b60;
}
#subbuttons {
		z-index:5;

	font-size:11px;
}
.Rollover { 
	padding:2px 0px 2px 0px;
	font-size:11px;
	text-decoration:none;
	width: 171px; 
	height: 15px;
	color: #FFFFFF;
}
.Rollover a { 
	text-decoration:none;
	display: block; 
	width: 171px; 
	height: 15px; 
	background: url(images/rollover.gif) 0px 0px;
	color: #FFFFFF;
}
.Rollover a:hover { 
	text-decoration:none;
	background-position: 0px -15px;
	color:#FFFFFF;
}
.Rollover a:active { 
	text-decoration:none;
	background-position: 0px -15px;
	color:#FFFFFF;
}

#column2 {
	z-index:6;
	float:left;
	width:735px;
	background-color:#FFFFFF;
}
#signup {
	z-index:7;	
	text-align:left;
	font-size:11px;
	background-image:url(images/signup.jpg);
	background-repeat:no-repeat;
	width:255px;
	height:54px;
	float:right;

}
#animation {
	z-index:80;
	text-align:left;

}
#caller {
		z-index:9;
	width:239px;
	height:152px;
	float:left;
	clear:right;

}
#footer {
		z-index:10;
	width:952px;
	height:152px;
	clear:both;
}
#remote {
		z-index:11;
	float:left;
	background-image:url(images/remote_assistance.png);
	width:378px;
	height:152px;
	background-repeat:no-repeat;
}
#remotetext {
		z-index:12;
	color:#FFFFFF;
	font-size:13px;
	padding:25px 0px 0px 235px;
}
#remotesubtext {
		z-index:13;
	font-size:11px;
	padding:25px 15px 0px 235px;
}
#casesubtext {
		z-index:14;
	font-size:11px;
	text-align:left;
	padding:5px 15px 0px 15px;
}
#case1 {
		z-index:15;
	font-size:12px;
	padding:5px 0px 0px 15px;
	float:left;
}
#timber {
		z-index:16;
	padding:5px 0px 0px 15px;
	float:left;
}
#timber1 {
		z-index:17;
	padding:5px 0px 0px 30px;
	float:left;
}
#case2 {
		z-index:18;
	font-size:12px;
	padding:5px 0px 0px 55px;
	float:left;

}
#partners {
		z-index:19;
	float:left;
	background-image:url(images/partners.png);
	width:286px;
	height:152px;
	background-repeat:no-repeat;
}
#partnerstext {
		z-index:20;
	color:#FFFFFF;
	font-size:13px;
	padding:25px 0px 0px 95px;
}
#partnerstext1 {
		z-index:21;
	color:#FFFFFF;
	font-size:13px;
	padding:25px 0px 0px 95px;
}
#casestudies {
		z-index:22;
	float:left;
	background-image:url(images/casestudies.png);
	height:152px;
	width:287px;
	background-repeat:no-repeat;
}
#casestudiestext {
		z-index:23;
	font-size:13px;
	padding:25px 0px 0px 95px;
}
#contact {
		z-index:24;
	padding:30px 20px 20px 20px;
	clear:both;
	text-align:center;
}
#contacts {
		z-index:25;
	padding:30px 20px 20px 20px;
	clear:both;
	text-align:center;
	font-size:11px;
}
#contact1 {
		z-index:26;
	float:left;
	width:456px;
	font-size:11px;
}
#contact2 {
		z-index:27;	
	float:left;
	width:456px;
	font-size:11px;
}



#services {
		z-index:28;	
	clear:right;
	float:left;
	width:735px;
	padding:50px 0px 0px 0px;
}




#company {
		z-index:29;	
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/company.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#casestudy {
		z-index:30;	
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/case_study.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#managed {
		z-index:31;	
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/managed_IT_services.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#managed1 {
		z-index:32;	
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/managed_IT_services_sm.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:91px;
	font-size:12px;
}
#accounting {
		z-index:33;	
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/sage_accounting.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#sagemicropay {
		z-index:34;	
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/sage-payroll.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#sageaccounts {
		z-index:35;	
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/sage-accounts.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#generaldownloads {
		z-index:36;	
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/general-downloads.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#accounting1 {
	font-size:12px;
		z-index:37;	
	
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/sage_accounting_sm.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:91px;
}
#web_services {
		z-index:38;	

	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/web_services.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#web_services1 {
		z-index:39;	

	font-size:12px;
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/web_services_sm.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:91px;
}
#disaster {
		z-index:40;	

	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/disaster_recovery.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#disaster1 {
		z-index:41;	

	font-size:12px;
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/disaster_recovery_sm.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:91px;
}
#telephony {
		z-index:42;	

	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/telephony.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#news {
		z-index:43;	

	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/news.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#telephony1 {
		z-index:44;	

	font-size:12px;
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/telephony_sm.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:91px;
}
#blueheading {
		z-index:45;	

	padding:60px 0px 0px 8px;
	font-size:25px;
	color: #1e3b60;
	text-decoration:none;
}
#blueheading a {
	padding:60px 0px 0px 8px;
	font-size:25px;
	color: #1e3b60;
	text-decoration:none;	
}
#blueheading a:hover {
	padding:60px 0px 0px 8px;
	font-size:25px;
	color: #1e3b60;
	text-decoration:none;	
}
#blueheading a:active {
	padding:60px 0px 0px 8px;
	font-size:25px;
	color: #1e3b60;
	text-decoration:none;	
}
#yellowheading {
		z-index:46;	

	padding:0px 0px 0px 8px;
	font-size:20px;
	color: #f5ba2e;
	text-decoration:none;	

}
#yellowheading a {
	padding:0px 0px 0px 8px;
	font-size:20px;
	color: #f5ba2e;
	text-decoration:none;	

}
#yellowheading a:hover {
	padding:0px 0px 0px 8px;
	font-size:20px;
	color: #f5ba2e;
	text-decoration:none;	
}
#yellowheading a:active {
	padding:0px 0px 0px 8px;
	font-size:20px;
	color: #f5ba2e;
	text-decoration:none;	
}
#textfield {
		z-index:47;	
	float:left;
	line-height:18px;
	width:431px;

}
#headtext {
		z-index:48;	
	float:left;
	background-image:url(images/top_text.gif);
	height:17px;
	width:431px;
	background-repeat:no-repeat;
}
#bodytext {
		z-index:49;	
	float:left;
	background-image:url(images/bg_text.png);
	background-repeat:repeat-y;
	width:431px;
}
#footertext {
		z-index:50;	
	float:left;
	background-image:url(images/bottom_text.gif);
	height:26px;
	width:431px;
	background-repeat:no-repeat;

}

h1 {
		z-index:51;	
	font-weight:bold;
	font-size:16px;
	padding:0px 15px 20px 15px;
	color:#f5ba2e;

}
#header1 {
		z-index:52;	
	font-weight:bold;
	font-size:16px;
	padding:0px 15px 20px 0px;
	color:#f5ba2e;

}
#text {
		z-index:53;	
	padding: 0px 15px 0px 15px;
	font-size:11px;

}
#date {
		z-index:54;	
	padding: 0px 15px 0px 15px;
	font-size:14px;
	font-weight:bold;
	color:#FFCC00;
	
}
#text1 {
		z-index:55;	
	padding: 0px 15px 0px 24px;
	font-size:11px;

}
#remote1 {
		z-index:56;	
	margin:50px 0px 0px 40px;
	padding-top:3px;
	background-image:url(images/remote.png);
	width:178px;
	height:167px;
	background-repeat:no-repeat;
	font-size:14px;
}
#smtext {
		z-index:57;	
	padding:5px 10px 0px 5px;
	text-decoration:none;
	color: #1e3b60;
}
#smtext a {
		z-index:58;	
	padding:5px 10px 0px 5px;
	text-decoration:none;
	color: #1e3b60;
}
#downloads1 {
		z-index:59;	
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/sage_payroll.jpg);
	background-repeat:no-repeat;
	width:236px;
	height:330px;
}
#downloads2 {
		z-index:60;	
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/sage_accounts.jpg);
	background-repeat:no-repeat;
	width:236px;
	height:330px;
}
#downloads3 {
			z-index:61;	
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/network_downloads.jpg);
	background-repeat:no-repeat;
	width:236px;
	height:330px;
}
#smtext a:hover {
	padding:5px 10px 0px 5px;
	text-decoration:none;
	color: #1e3b60;
}
#smtext a:active {
	padding:5px 10px 0px 5px;
	text-decoration:none;
	color: #1e3b60;
}
/* Start Contact Form Style */
.pad {
		z-index:62;	
	padding: 0px 50px 0px 27px;
}
label{
	
float: left;
width: 240px;
font-weight: normal;
color:#1e3b60;
font-family:Lucida Grande, Arial, Helvetica, sans-serif;
font-size:11px;
}
#textbox {
	padding:0px 0px 0px 50px;

}
input {
width: 180px;
height: 15px;
border: 1px solid #babdcb;
}

textarea{
width: 180px;
height: 80px;
border: 1px solid #babdcb;
}

.boxes{
width: 2em;

}

#send{
width: 87px;
height:30px;
border:0px;
}
#join{
width: 39px;
height:21px;
border:0px;
}

br{
clear: left;
}

/* End Contact Form Style Sheet */