@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 {
 	text-align:left;
	margin:auto;
	width:952px;
}
#2columns {
	width:952px;
}
#column1 {
	float:left;
	width:217px;
	background-color:#FFFFFF;
}
#nav {
	padding:0px 0px 0px 42px;
	text-align:left;
}
#buttons {
	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 {
	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 {
	float:left;
	width:735px;
	background-color:#FFFFFF;
}
#signup {
	text-align:left;
	font-size:11px;
	background-image:url(images/signup.jpg);
	background-repeat:no-repeat;
	width:255px;
	height:54px;
	float:right;

}
#animation {
	text-align:left;

}
#caller {
	width:239px;
	height:152px;
	float:left;
	clear:right;

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

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



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




#company {
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/company.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#casestudy {
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/case_study.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#managed {
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/managed_IT_services.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#managed1 {
	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 {
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/sage_accounting.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#sagemicropay {
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/sage-payroll.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#sageaccounts {
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/sage-accounts.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#generaldownloads {
	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;
	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 {
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/web_services.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#web_services1 {
	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 {
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/disaster_recovery.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#disaster1 {
	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 {
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/telephony.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#news {
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/news.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:330px;
}
#telephony1 {
	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 {
	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 {
	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 {
	float:left;
	line-height:18px;
	width:431px;

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

}

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

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

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

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

}
#remote1 {
	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 {
	padding:5px 10px 0px 5px;
	text-decoration:none;
	color: #1e3b60;
}
#smtext a {
	padding:5px 10px 0px 5px;
	text-decoration:none;
	color: #1e3b60;
}
#downloads1 {
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/sage_payroll.jpg);
	background-repeat:no-repeat;
	width:236px;
	height:330px;
}
#downloads2 {
	margin:0px 4px 0px 4px;
	float:left;
	background-image:url(images/sage_accounts.jpg);
	background-repeat:no-repeat;
	width:236px;
	height:330px;
}
#downloads3 {
	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 {
	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 */