@charset "iso-8859-1";
/* CSS Document */

/* Site Styles */
* {
	margin:				0;
	padding:			0;
}
html, body {
	width:				100%;
	height:				100%;
	background-color:	#ffffff;
}
img {
	border:				none
}
h1 {
	color:				#404040;
	font-size:			1.1em;
	font-family:		Arial, Helvetica, sans-serif;
	margin:				0 0 10px 0;
	line-height:		1.5em;
}

h2 {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#6d6d6d;
	font-weight:		bold;
	padding:			20px 0 0px 0;
	margin-bottom:		-10px
}


#full, #W3C_Validator {
	width:				800px;
	margin:				0 auto 0 auto;
	background-color:	#FFFFFF
}

#W3C_Validator {
text-align:center;
margin:5px 0 0 0;
}



#container {
	width:				700px;
	height:				auto;
	margin:				0 auto 0 auto;
	clear:				both;
	background-color:	#FFFFFF;
	background:			#e7e7e7 url(../_images/main_bg.gif) repeat-y top left;
	float:				left;
	padding:			0 50px 0 50px;
}
#main {
	width:				700px;
	height:				auto;
	padding:			0px;
	float:				left;
	display:			inline;
	background-color:	#FFFFFF
}
/* --------------------   Banner   --------------------*/
.banner {
	width:				100%;
	height:				auto;
}
#banner_container {
	width:				680px;
	height:				115px;
	margin:				0;
	clear:				both;
	padding:			10px;
	background:			#ffffff url(../_images/phone_top.gif) no-repeat center right;
}
/* --------------------   Navigation   -------------------- */

#nav {
	width:				700px;
	height:				29px;
	background:			url(../_images/nav.jpg) repeat-x top left;
}
#nav ul {
	list-style:			none;
	display:			inline;
	float:				left;
	color:				#333232;
	font-family:		Tahoma;
	font-size:			0.8em;
	font-weight:		bold;
}
#nav ul li {
	float:				left;
	display:			inline;
	background:			url(../_images/nav_divide.jpg) no-repeat top right;
}
#nav a {
	height:				29px;
	color:				#333232;
	text-decoration:	none;
	float:				left;
	padding:			5px 18px 0 0px;
}
#nav a:hover {
	color:				#d5263e;
}
.navdot {
	padding:			0px 6px 0px 10px;
	float:				left
}
/* -------------------- Main Content   -------------------- */
#maincontent {
	width:				700px;
	clear:				both;
	float:				left;
	margin:				0px 0 0 0px;
	display:			inline;
	border:				none;
	padding:			0px;
	background-color:	#FFFFFF;
}
.normal_paragraph_text{				/*Gray paragraph text*/
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			12px;
	color:				#6d6d6d;
}
 
.section_images {					/*Images on home page*/
	padding:			10px 15px 0px 0px;
	display:			block;
	width:				150px;
	height:				116px;
	float:				left
}

.latest_news {
	float:				left;
	margin:				10px;
	border:				none
}
.line_break {
	padding: 			0 0 0 180px;
}
#maincontent p {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#6d6d6d;
	line-height:		1.4em;
	margin:				10px 0 10px 0;
	display:			block
}
#maincontent a {						/* Hyperlink colour within main text content and rightcol */
	color: 				#b51322;
	text-decoration: 	underline;
}
#maincontent a:hover {					/* When hover over remove underline.. emphasises clickable links  */
	text-decoration: 	none;
}
#list ul { 								/* Generic Bullet Points fora UL list */
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	padding:			0px 0 0 55px;
	list-style:			circle;
	font-size: 			11px;
	color: 				#6d6d6d;
	line-height:		1.4em;
	display:			block
}
#list li {
	margin:				2px 0 2px 15px;
}
.home_sub_story {
	width:				630px;
	background:			url(../_images/main_story_bg.gif) no-repeat bottom right;
	padding: 			0px 30px 10px 40px;
	vertical-align:		middle;
}
#clear {
	background-color:	#FFFFFF;
	height:				20px;
}
#page_content {
	width:				700px;
	background:			url(../_images/page_banner.gif) no-repeat top left;
	padding:			0;
	margin:				0;
}
#page_content p {
	padding: 			0px 30px 0px 40px;
}
#page_content h1 {
	padding:			19px 0px 0px 62px;
	margin:				0;
	color:				#6d6d6d;
	font-family:		Tahoma;
	font-size:			1.0em;
	font-weight:		bold;
}
.br_line {
	padding:			2px 0 0 0;
	margin:				0;
	vertical-align:		text-top;
}

.target_sml {
margin:					0 5px 0 30px;
float:					left;
vertical-align:			baseline
}

.target_sml_home {
margin:					0 5px 0 0px;
float:					left;
vertical-align:			baseline
}

.right_image {
						float:right;
						margin:0 25px 0 20px;

}

.left_image {
						float:left;
						margin:0 20px 0 0;
						

}

#home_bottom_container {
	width:				680px;
	margin:				0;
	clear:				both;
	padding:			10px;
	text-align:center
}

.home_bottom_story {
	float:				left;
	width:				204px;
	margin:				0 10px 10px 10px;
	border:				0px solid #ff0000;
	text-align:			center;


}


/* --------------------   Footer   --------------------*/
#footer {
	width:				700px;
	height:				30px;
	background:			#a3a4a6;
	clear:				both;
}
#footer p {
	color:				#fff;
	padding:			5px 0 0 15px;
	font-size:			0.7em;
	font-family:		Arial, Helvetica, sans-serif;
}
#footer ul {
	list-style:			none;
	float:				right;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			0.7em;
	margin:				-13px 10px 0 0;
	display:			inline;
}
#footer ul li {
	display:			inline;
	float:				left;
}
#footer ul li a {
	color:				#ffffff;
	background:			url(../_images/footer_divide.jpg) no-repeat right;
	padding:			0 6px 0 6px;
}
#footer ul li a:hover {
	text-decoration:	none
}

#address {
	margin:				0px;
	clear:				both;
	padding:			0;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			0.7em;
	background:			#ffffff;
	color:				#a3a4a6;
	text-align:			center;

	}

/* --------------------   Clients Page   --------------------*/
#client_websites {
	width:700px;
	padding:0 50px 0 30px;



}
.screenshot {
	width:				300px;
	background:			#a3a4a6;
	border:				1px solid #e1e1e1;
	float:				left;
	margin:				10px;
 
}

.screenshot_text {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			0.8em;
	color:				#ffffff;
	text-align:			center;
	padding:			0 0 10px 0;
}

/* --------------------   Contact Page   --------------------*/

.contact_text {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color:				#6d6d6d;
	padding:			10px 0 0 63px;
}