/**************************************
* CSS DOCUMENT - Talk Safe Website
***************************************/	

	body {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 76%;
		background-color: #fff;
		color: #4D5155;
		margin: 20px 0 0 0;
		padding: 0;
	}
	
	a {
		color: #4D5155;
		text-decoration: underline;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	p {
		margin: 10px 0 0 0;
		padding: 0;
	}
	
	div#wrap {
		margin: 0 auto;
		width: 850px;
	}
	
	html { 
		height: 100%;
		margin-bottom: 20px;
	}
	
/******************************
* Different Class!
******************************/		
	
	.hide {
		display: none;
	}
	.arrowlink {
		font-size: 94%;
		font-weight: bold;
		background-image:  url(../images/arrow1.gif);
		background-position: left center;
		background-repeat: no-repeat;
		margin: 0;
		padding: 0 14px 0 10px;
	}
	
	.highlight1 {
		color: #ff0000;
	}
	
	.highlight2 {
		color: #000;
	}
	
	.smallcopy {
		font-size: 90%;
		color: #666666;
	}
	
	.imgborder1 {
		border-style: solid;
		border-width: 1px;
		border-color: #707173;
	}
	
/******************************
* Header
******************************/		
	
	div.header {
		width: 810px;
		margin: 0;
		padding: 0 20px 0 20px;
		float: left;
	}
	
	div.header h1 {

		width: 75px;
		height: 108px;
		background-image:  url(../images/logo.gif);
		background-position: right top;
		background-repeat: no-repeat;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	div.header h1 span { 
		display: none;
	}
	
	div.header h1 a {
		width: 75px;
		height: 108px;
		background-image:  url(../images/logo.gif);
		background-position: right top;
		background-repeat: no-repeat;
		margin: 0;
		padding: 0;
		display: block;
	}
	
	div.headercol1 {
		width: 100px;
		height: 108px;
		padding: 0 0 15px 0;
		float: left;
	}
	
	div.headercol2 {
		width: 710px;
		height: 108px;
		padding: 0 0 15px 0;
		text-align: right;
		float: left;
	}
	
	div.headercol2 h2 {
		height: 15px;
		background-image:  url(../images/tagline.gif);
		background-position: right top;
		background-repeat: no-repeat;
		margin: 0;
		padding: 0;
	}
	
	div.headercol2 h2 span { 
		display: none;
	}
	
	div.headercol2 h3 {
		height: 15px;
		background-image:  url(../images/callusnow.gif);
		background-position: right bottom;
		background-repeat: no-repeat;
		margin: 0;
		padding: 66px 0 0 0;
	}
	
	div.headercol2 h3 span { 
		display: none;
	}
	
	
/******************************
* Nav Bar
******************************/	
	
	div.navbar {
		width: 820px;
		margin: 0;
		padding: 10px 10px 10px 20px;
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #A4A6A8;
		float: left;
	}
	
	div.navbar ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	div.navbar li {
		margin: 0 18px 0 0;
		padding: 0;
		display: inline;
	}
	
	div.navbar li a {
		font-weight: bold;
		text-decoration: none;
	}
	
	div.navbar li a:hover {
		text-decoration: underline;
	}
	
	.current {
		color: #000;
	}
	
/******************************
* Content
******************************/		
	
	div.homeintro {
		width: 820px;
		min-height: 243px;
		background-color: #e5e5e5;
		background-image:  url(../images/scrum.jpg);
		background-position: right top;
		background-repeat: no-repeat;
		font-size: 90%;
		margin: 0;
		padding: 20px 10px 10px 20px;
		float: left;
	}
	
	/* Fix for IE-win \*/
		* html div.homeintro {height: 243px;}
	/* End Fix for IE-win */ 
	
	div.homeintro h3 {
		width: 236px;
		height: 60px;
		background-image:  url(../images/heading1.gif);
		background-repeat: no-repeat;
		font-size: 100%;
		margin: 0;
		padding: 0;
	}
	
	div.homeintro h3 span {
		display: none;
	}
	
	div.homeintro p {
		font-size: 150%;
		margin: 25px 410px 0 0;
		padding: 0;
		line-height: 23px;
	}
	
	div.homecontent {
		width: 850px;
		min-height: 243px;
		background-color: #7f9196;
		background-image:  url(../images/dots.gif);
		background-position: right bottom;
		background-repeat: no-repeat;
		margin: 0 0 15px 0;
		padding: 0;
		float: left;
	}
	
	/* Fix for IE-win \*/
		* html div.homecontent {height: 243px;}
	/* End Fix for IE-win */ 
	
	div.homecontent h3 {
		height: 40px;
		background-color: #000;
		background-image:  url(../images/heading2.gif);
		background-position: 22px 13px;
		background-repeat: no-repeat;
		font-size: 100%;
		margin: 0;
		padding: 0;
		display: block;
	}
	
	div.homecontent h3 span {
		display: none;
	}
	
	div.homecontentleft {
		width: 375px;
		color: #fff;
		margin: 0;
		padding: 10px 20px 10px 20px;
		line-height: 18px;
		float: left;
	}
	
	div.homecontentright {
		width: 395px;
		color: #fff;
		margin: 0;
		padding: 10px 20px 10px 20px;
		line-height: 18px;
		float: left;
	}
	
	div.homecontent a {
		color: #fff;
	}
	
	div.homecontent a:hover {
		text-decoration: none;
	}
	
	div.content {
		width: 850px;
		min-height: 480px;
		background-color: #e5e5e5;
		background-image:  url(../images/dots2.gif);
		background-position: right bottom;
		background-repeat: no-repeat;
		margin: 0 0 15px 0;
		padding: 0;
		float: left;
	}
	
	/* Fix for IE-win \*/
		* html div.content {height: 480px;}
	/* End Fix for IE-win */
	
	div.content h3 {
		height: 40px;
		background-color: #000;
		background-position: 22px 13px;
		background-repeat: no-repeat;
		font-size: 100%;
		margin: 0;
		padding: 0;
		display: block;
	}
	
	.why {
		background-image:  url(../images/why.gif);
	}
	
	.threat {
		background-image:  url(../images/threat.gif);
	}
	
	.target {
		background-image:  url(../images/target.gif);
	}
	
	.house {
		background-image:  url(../images/housebugged.gif);
	}
	
	.network {
		background-image:  url(../images/networksecurity.gif);
	}
	
	.vehicle {
		background-image:  url(../images/vehiclebugged.gif);
	}
	
	.contact {
		background-image:  url(../images/contact.gif);
	}
	
	div.content h3 span {
		display: none;
	}
	
	div.contentleft {
		width: 520px;
		margin: 0;
		padding: 20px 20px 20px 20px;
		line-height: 18px;
		float: left;
	}
	
	div.contentleft h4 {
		font-size: 140%;
		font-weight: normal;
		line-height: 21px;
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
		display: block;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #A4A6A8;
	}
	
	div.contentright {
		width: 250px;
		margin: 0;
		padding: 20px 20px 20px 20px;
		line-height: 18px;
		text-align: right;
		float: left;
	}
	
	div.contentright img {
		border-style: solid;
		border-width: 1px;
		border-color: #707173;
	}
	
/******************************
* Footer
******************************/		
	
	div.footer {
		width: 820px;
		background-color: #fff;
		background-position: right top;
		background-repeat: no-repeat;
		font-size: 90%;
		margin: 0;
		padding: 15px 10px 90px 20px;
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #BDC7D3;
		clear: both;
	}
	
	div.footer p {
		margin: 0 0 2px 0;
		float: left;
	}

	div.footer p#abi {
		float: right;
		background: url("../images/abi.gif") right center no-repeat;
		margin-top: 0px;
		padding-right: 110px;
		padding-top: 30px;
		height: 70px;
		width: 150px;
		text-align: right;
		color: #666;
	}
	
	div.footer p#reg {
	clear: left;
	width: 300px;
	color: #666;
	margin-top: 10px;
}