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

html {
	overflow-y: scroll;
	} 

body{

	background-color: #666666;
	/*background-image: url(images/background.jpg);
	background-repeat: repeat-x;*/
	}

#wrapper{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	padding: 10px 10px 40px 10px;
	border: 10px solid #E8E8E8;
	}

#main{
	width: 875px;
	margin-left: 90px;
	padding: 20px 0 0 0;
	margin-bottom: 0;
	}
	
#main-home{
	width: 875px;
	margin-left: 60px;
	padding: 30px 0 0 0;
	margin-bottom: 0;
	}
	
#main-services{
	width: 875px;
	margin-left: 90px;
	padding: 20px 0 0 0;
	margin-bottom: 0;
	}

#main.contact{
	width: 875px;
	margin-left: 90px;
	padding: 20px 0 0 0;
	margin-bottom: 0;
	}	

#main-clients{
	width: 875px;
	margin-left: 90px;
	padding: 20px 0 0 0;
	margin-bottom: 0;
	}
	
#main-about{
	width: 875px;
	margin-left: 60px;
	padding: 20px 0 0 0;
	margin-bottom: 0;
	}
	
#main-support{
	width: 875px;
	margin-left: 60px;
	padding: 20px 0 0 0;
	margin-bottom: 0;
	}
	
#bodycontent-about{
	margin-left: 45px;
	}
	
#bodycontent-services{
	margin-left: 75px;
	}
	
#bodycontent-contact{
	margin-left: 30px;
	}
	
#featureproduct{
	width: 507px;
	height: 154px;
	background: url(images/sales-desk-background.jpg);
	border: 1px solid #cccccc;
	}
	
.featureproduct-text{
	font-family: trebuchet MS, Arial, Times New Roman;
	color: #5D5D5D;
	font-size: 12px;
	width: 400px;
	text-align: justify;
	padding: 60px 0 10px 20px;
	margin-top: -3px;
	#margin-top: 0;
	letter-spacing: 0.1px;
	line-height: 16px;
	}
	
.featureproduct-button{
	font-family: trebuchet MS, Arial, Times New Roman;
	color: #666666;
	font-size: 14px;
	padding: 0 0 0 15px;
	margin-top: -20px;
	letter-spacing: 0.1px;
	}
	
/* --------------HEADING STYLES--------------------*/

h1.large{
	width: 500px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: 500;
	color: #1c79c7;
	letter-spacing: -0.7px;
	padding-bottom: 10px;
	}
	
h1.large2{
	width: 500px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: 500;
	color: #1c79c7;
	letter-spacing: -0.7px;
	padding-bottom: 10px;
	margin-left: 40px;
	}


h1.medium{
	width: 500px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #1c79c7;
	letter-spacing: -0.7px;
	padding-bottom: 10px;
}

h1.small{
	width: 500px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #1c79c7;
	letter-spacing: -0.7px;
	}
	
h1.smallfloat{
	width: 500px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #1c79c7;
	letter-spacing: -0.7px;
	float: left;
	}
	
h1.map{
	width: 500px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #1c79c7;
	letter-spacing: -0.7px;
	margin-left: 220px;
	}
	
	
		.headings1{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 15px;
					color: #1c79c7;
					}
					
		.headings2{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 15px;
					color: #666666;
					}


/* --------------END OF HEADING STYLES---------------*/
	
	
.servicelink{
	font-family: trebuchet MS, Arial, Times New Roman;
	font-size: 11px;
	margin-top: -10px;
	padding: 0 0 0 50px;
	}
	
.main_fullcasestudy{
	width: 740px;
	margin-left: 90px;
	padding: 20px 0 20px 20px;
	margin-bottom: 0;
	margin-top: 40px;
	border: 1px solid #cccccc;
	}
	
.casestudy-subheadings{
	font-family: Tahoma, Trebuchet MS, Arial, Time New Roaman;
	font-size: 18px;
	color: #666666;
	}

.mainlogo{
	border: none;
	padding-top: 40px;
	padding-left: 50px;
	padding-bottom: 20px;
	float: left;
	}
	
.topgraphic{
	padding: 10px 0 0 520px;

	}
	
.phone{
	float: left;
	}
	
	
#navigation{
	width: 830px;
	_width: 700px;
		min-width: 830px;
	height: 22px;
	background-image: url(images/navbar.jpg);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	min-width: 830px;
	margin-left: 50px;
	_margin-left: 0;
	margin-bottom: 0;
	max-height: 22px;
	clear: both;
	}

.mainmenu{
	width: 900px;
	height: 22px;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 0;
	margin-top: -1px;
	#margin-top: 0;
	}

.buttons{
	display: inline;
	padding-right: 45px;
	height: 22px;
	margin-bottom: 0;
	line-height: 22px;
	}
	
			a:link{
				color: #666666;
				text-decoration: none;
				} 
	
			a:visited{
				color: #666666;
				text-decoration: none;
				}
	
			a:hover{
				text-decoration: none;
				color: #1b78c3;
				}

			a:active{
				colour: #1b78c3;
				text-decoration: none;
				}

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

			a.casestudylink:link{
				color: #333333;
				text-decoration: none;
				}
				
			a.casestudylink:visited{
				color: #333333;
				text-decoration: none;
				}
	
			a.casestudylink:hover{
				text-decoration: none;
				color: #1b78c3;
				}

			a.casestudylink:active{
				colour: #1b78c3;
				text-decoration: none;
				}
			
/* ---------------------------------------------------*/

.casestudylink{
	padding-left: 5px;
	}
	
			a.casestudybutton:link{
				width: 20px;
				height: 25px;
				background-image: url(images/button1.jpg);
				text-decoration: none;
				}
				
			a.casestudybutton:visited{
				width: 20px;
				height: 25px;
				background-image: url(images/button1.jpg);
				text-decoration: none;
				}
	
			a.casestudybutton:hover{
				width: 20px;
				height: 25px;
				background-image: url(images/button1-over.jpg);
				text-decoration: none;
				}

			a.casestudybutton:active{
				width: 20px;
				height: 25px;
				background-image: url(images/button1.jpg);
				text-decoration: none;
				}
					
	/* ------------------------------------------------------------------*/
	
			a.smalllink:link{
				color: #0066CC;
				}
				
			a.smalllink:visited{
				color: #0066CC;
				}
	
			a.smalllink:hover{
				color: #003399;
				}

			a.smalllink:active{
				color: #0066CC;
				}
				
	/* ---------------------------------------------------------------------*/
				
				
			a.backbutton:link{
				width: 20px;
				height: 25px;
				background-image: url(images/backbutton.jpg);
				text-decoration: none;
				}
				
			a.backbutton:visited{
				width: 20px;
				height: 25px;
				background-image: url(images/backbutton.jpg);
				text-decoration: none;
				}
	
			a.backbutton:hover{
				width: 20px;
				height: 25px;
				background-image: url(images/backbutton-over.jpg);
				text-decoration: none;
				}

			a.backbutton:active{
				width: 20px;
				height: 25px;
				background-image: url(images/backbutton.jpg);
				text-decoration: none;
				}
				



.leftcolumn{
	width: 300px;
	float: left;
	padding: 15px 0 0 0;
	}
	
		
		.panelbottom{
			width: 290px;
			background-color: #f3f3f3;
			border: 1px solid #cccccc;
			}
	
.rightcolumn{
	width: 535px;
	margin-left: 290px;
	#margin-left: 0;
	margin-top: -15px;
	#margin-top: 0;
	padding-left: 20px;
	}
	
.maintext{
	font-family: trebuchet MS, Arial, Times New Roman;
	color: #666666;
	font-size: 13px;
	width: 500px;
	text-align: justify;
	}
	
.maintext2{
	font-family: trebuchet MS, Arial, Times New Roman;
	color: #666666;
	font-size: 13px;
	width: 500px;
	text-align: justify;
	}
	
.maintextcontact{
	font-family: trebuchet MS, Arial, Times New Roman;
	color: #666666;
	font-size: 13px;
	width: 500px;
	text-align: justify;
	margin-top: -10px;
	#margin-top: 0;
	}
	
.maintextservices{
	font-family: trebuchet MS, Arial, Times New Roman;
	color: #666666;
	font-size: 13px;
	width: 540px;
	text-align: justify;
	margin-left: 110px;
	#margin-left: 50px;
	}
	
.maintextservices2{
	font-family: trebuchet MS, Arial, Times New Roman;
	color: #666666;
	font-size: 13px;
	width: 500px;
	text-align: justify;
	margin-left: 110px;
	#margin-left: 0;
	}
	
.maintextservices2{
	font-family: trebuchet MS, Arial, Times New Roman;
	color: #666666;
	font-size: 13px;
	width: 590px;
	text-align: justify;
	padding: 0 0 0 113px;
	}
	

	
		
			
		
	
				.testimonial{
					font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #666666;
					padding: 0 10px 10px 10px;
					margin-top: -10px;
					margin-right: 20px;
					clear: both;
					}
					
				.testimonial-heading{
					font-family: trebuchet MS, Arial, Times New Roman;
					font-size: 15px;
					padding: 0 0 0 10px;
					margin-top: -15px;
					clear: both;
					}
					
				.customer-feedback{
					width: 200px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 15px;
					color: #1c79c7;
					padding: 20px 0 0 20px;
					}
			
				.testimonialicon{
					float:left;
					padding: 5px 10px 0 5px;
					}
			
				.comment{
					font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
					font-size: 13px;
					color: #666666;
					padding: 0 0 0 10px;
					}
			

	
.headings3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	font-stretch: ultra-condensed;
	}
	
.textheadings{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #1c79c7;
	letter-spacing: -1px;
	margin-top: -10px;
	width: 500px;
	}
	
.casestudyheadings{
	width: 500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #1c79c7;
	letter-spacing: -1px;
	}

.casestudy{
	width: 720px;
	height: 170px;
	padding: 20px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	}
	
	
.casestudytext{
	font-family: trebuchet MS, Arial, Times New Roman;
	color: #666666;
	font-size: 13px;
	width: 480px;
	text-align: justify;
	}	
	
.maincasestudytext{
	font-family: trebuchet MS, Arial, Times New Roman;
	color: #666666;
	font-size: 13px;
	width: 600px;
	padding: 10px;
	border: 1px solid red;
	}
	
.maincasestudylist{
	font-family: trebuchet MS, Arial, Times New Roman;
	color: #666666;
	font-size: 13px;
	width: 660px;
	list-style-type: disc;
	}
	
.casestudytopbar{
	width: 718;
	height: 80px;
	background-color: #EAEAEA;
	padding: 20px 0 0 25px;
	margin-left: -20px;
	margin-top: -20px;
}
	
.list{
	font-family: trebuchet MS, Arial, Times New Roman;
	color: #666666;
	font-size: 13px;
	padding: 0 0 0 130px;
	#padding: 0 0 0 90px;
}

.list2{
	font-family: trebuchet MS, Arial, Times New Roman;
	color: #666666;
	font-size: 13px;
	padding: 0 0 0 30px;
}
	
.textytexty{
	font-family: trebuchet MS, Arial, Times New Roman;
	font-size: 13px;
	color: #666666;
	width: 620px;
	padding: 20px 0 0 43px;
	text-align: justify;
	}
	
.textybuttons{
	padding: 10px 0 0 43px;
	}


.casestudytextbox{
	float: right;
	padding: 0 0 0 0;
	margin-top: -10px;
	#margin-top: 0;
		}
	
/* -----------HOMEPAGE SERVICES PANEL------------------*/
	
.servicepanel{
	width: 530px;
	height: 230px;
	margin-bottom: 0;
	#margin-bottom: -10px;
	margin-left: -2px;
	}
	
		.servicebox{
			width: 262px;
			height: 98px;
			float: left;
			padding-top: 10px;
			}
			
		.serviceimage{
			padding: 5px 0 0 5px;
			float: left;
			border: none;
			}
			
		.serviceimagelarge{
			float: left;
			padding: 0 30px 0 0;
			
			}
		
		.serviceheadings{
			position: relative;
			width: 190px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 15px;
			color: #1c79c7;
			padding: 7px 0 0 0;
			margin-top: 0;
			letter-spacing: -1px;
			} 
			
		.servicedescription{
			font-family: Trebuchet MS, Arial, Times New Roman;
			font-size: 12px;
			color: #999999;
			width: 200px;
			margin-top: -13px;
			#margin-top: -18px;
			margin-left: 58px;
			}
			
		.servicemain{
		}
			
		    a.service:link{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 15px;
				color: #1c79c7;
				} 
	
			a.service:visited{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 15px;
				color: #1c79c7;
				}
	
			a.service:hover{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 15px;
				color: #1c79c7;				
				}

			a.service:active{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 15px;
				color: #1c79c7;
				}
			
			
		
/* -----------END OF HOMEPAGE SERVICES PANEL------------------*/

.clientlogo{
	width: 170px;
	padding: 0 35px 0 0;
	text-align: center;
	}
	
.casestudyfull-headings{
	width: 600px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #1c79c7;
	letter-spacing: -1px;
	padding: 0 0 0 40px;
	}
	
.casestudyfull-subheadings{
	width: 600px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999999;
	letter-spacing: -1px;
	}
	
	
.logoandbutton{
	float: left;
	border: 1px solid red;
	}
	
.backbutton{
	clear: both;
	}
	
.casestudybuttons{
	clear: both;
	padding-right: 5px;	
	}

.casestudybutton{
	margin-top: -6px;
	padding: 0 5px 0 0;
	float: left;
	}

.pdftext{
	font-family: Trebuchet MS, Arial, Times New Roman;
	font-size: 12px;
	color: #333333;
	}


#footer{
	width: 830px;
	clear: both;
	padding: 30px 0 0 0;
	margin-top: 30px;
	#margin-top:20px;
	border-top: 1px solid #cccccc;
	margin-left: 50px;
	}
	
#footer2{
	width: 830px;
	clear: both;
	padding: 30px 0 0 0;
	margin-top: 20px;
	border-top: 1px solid #cccccc;
	}
	
#headline{
	width: 820px;
	clear: both;
	padding: 10px 0 0 0;
	margin-top:20px;
	margin-bottom: 20px;
	#margin-bottom:0;
	border-top: 1px solid #cccccc;
	}
	
#headline2{
	width: 550px;
	clear: both;
	padding: 30px 0 0 0;
	margin-top:30px;
	#margin-top:20px;
	border-top: 1px solid #cccccc;
	}
	
#headline3{
	width: 620px;
	clear: both;
	margin-top:20px;
	border-top: 1px solid #cccccc;
	}
	
#headline2{
	width: 710px;
	clear: both;
	padding: 30px 0 0 0;
	margin-top:20px;
	border-top: 1px solid #cccccc;
	}
	
.framefive{
	float: right;
	margin-top: -30px;
	border: none;
	clear: both;
	}
	
.divider{
	width: 270px;
	height: 0;
	line-height: 1px;
	margin-left: 10px;
	margin-top: -10px;
	margin-bottom: 25px;
	border-top: 1px solid #cccccc;
	border-bottom: 3px solid #F9F9F9;
	}
	
#floatedimage{
	width: 182px;
	height: 274px;
	border: 1px solid #cccccc;
	padding: 5px;
	margin-right: 25px;
	float: left;
	}
	
#floatedtext{
	font-family: trebuchet MS, Arial, Times New Roman;
	color: #666666;
	font-size: 13px;
	width: 500px;
	text-align: justify;
	float: left;
	margin-top: -15px;
	#margin-top: 0;
	padding: 0 0 10px 0;
	}
	
#floatedtext2{
	font-family: trebuchet MS, Arial, Times New Roman;
	color: #666666;
	font-size: 13px;
	width: 500px;
	text-align: justify;
	float: left;
	padding: 0 20px 0 0;
	margin-left: 160px;
	_margin-left: 90px;
	margin-top: -15px;
	#margin-top: 0;
	}
	
.floatedimage2{
	padding: 5px;
	margin-right: 25px;
	float: left;
	}
	
.contacttext{
	float: left;
	}
	
#map{
	width: 500px;
	height: 350px;
	border: 1px solid #999999;
	margin-left: 220px;
	padding: 5px;
	}

.supporticon{
	border: none;
	float: left;
	}
	
.supportlink{
	border: none;
	padding-top: 20px;
	font-family: Trebuchet MS, Arial, Times New Roman;
	font-size: 15px;
	}
	
.supportdiv{
	width: 500px;
	border-top: 1px dashed #999999;
	padding: 10px 0 0 0;
	}
	
.attention{
	font-family: Trebuchet MS, Arial, Times New Roman;
	font-size: 11px;
	color: #FF0000;	
	}
	
.email{
padding: 2px 0 0 0;
	}
	
.floatleft{
	float: left;
	}