/************************************************************************************************************************************************************************************

	Style sheet for domain: jpflanagan.co.uk
	
	Created by Anthony Hodges: 11th June 2007
	
	Edited by Anthony Hodges: 11th June 2007
	
	Copyright (C) June 2007 CreativeRush - All rights reserved. Any unauthorised use of the syle sheet, copy, or indeed edited verison in use by any domain other than that stated
	above will be deemed to have broken this copyright notice. Use with permission may be granted after requests have been submitted to Creative Rush in writing to thier registered
	address. For more information email info@creativerush.co.uk directing the email by the subject line to "FAO: Web Legal Team".
	
/***********************************************************************************************************************************************************************************/




/* Remove margins and padding 	****************************************************************************************************************************************************/

* { padding:0; margin:0; }

br {clear: left;}





body {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:0.8em;
	background:#003663 url(/_images/a_pagedesign/bg_fade.jpg) repeat-x;
	}
	
.JPF_pink {
	color:#FF008C;
	}
	
.JPF_blue {
	color:#003663;
	}
	
	.JPF_blue_bold {
	font-size:110%;
		color:#003663;
		font-weight:bold;
		}
	
.JPF_white {
	color:#FFFFFF;
	}
	
h1 {
	font-size:150%;
	color:#003663;
	clear:none;
	}
	
	.times {
		font-family:"Times New Roman", Times, serif;
		}
	
h2 {
	font-size:120%;
	color:#545454;
	clear:none;
	}
	
h3 {
	font-size:120%;
	color:#003663;
	border-bottom:#FF008C 1px solid;
	padding-bottom:3px;
	margin-bottom:3px;
	font-style:italic;
	}
	
h4 {
	font-size:120%;
	color:#003663;
	border:none;
	padding-bottom:3px;
	margin-bottom:3px;
	font-style:italic;
	}
	
p {
	line-height:20px;
	margin-bottom:10px;
	}
	
	p.reduced {
		line-height:18px;
		margin-bottom:8px;
		}
		
	p.reduced2 {
		line-height:16px;
		margin-bottom:6px;
		}
	
ul li {
	list-style:url(../_images/a_pagedesign/bullet_pink.gif);
	line-height:20px;
	}
	
.h_line {
	border-bottom:#FF008C 1px solid;
	padding-bottom:3px;
	margin-bottom:3px;
	}
	
	
	
/* Centering, Header, Main and Footer divs	****************************************************************************************************************************************************/

#cent_box {
	width:800px;
	height:auto;
	margin-left:-400px;
	left:50%;
	position:absolute;
	padding-top:5px;
	}

#header {
	height:205px;
	width:800px;
	position:relative;
	float:left;
	clear:both;
	}
	
	
	/* Nav			**************************************************************************************/
	
	#nav {
		margin:45px 0 0 20px;
		position:relative;
		float:left;
		}
	
	#nav ul li a, #nav ul li a:visited {
		font-weight:bold;
		font-size:120%;
		line-height:30px;
		color:#545454;
		text-decoration:none;
		list-style:url(../_images/a_pagedesign/bullet_pink.gif) inside;
		}
		
		#nav ul li a:hover {
			text-decoration:underline;
			color:#FF008C;
			}
			

	/* Logo			**************************************************************************************/
	
	#logo {
		height:205px;
		position:absolute;
		margin-left:-260px;
		left:50%;
		}
		
	.small_logo {
		float:left;
		margin:0 10px 0 0;
		}
		
	/* Awards/Corgi	**************************************************************************************/
	
	#awacorg {
		width:194px;
		height:161px;
		margin-top:45px;
		position:relative;
		float:right;
		text-align:center;
		background:url(../_images/a_pagedesign/jpf_awards_corgi2.jpg) #FFFFFF;
		clear:none;
		line-height:25px;
		}
		
		#corgino {
			font-size:9px;
			color:#545454;
			text-align:center;
			margin-top:65px;
			}
		
		#awacorg a, #awacorg a:visited {
			color:#FF008C;
			text-decoration:underline;
			font-size:120%;
			font-weight:bold;
			}
			
			#awacorg a:hover {
				color:#545454;
				}
			
	
#main_box {
	height:439px;
	width:800px;
	position:relative;
	float:left;
	background: url(../_images/a_pagedesign/centre_box.jpg) no-repeat;
	clear:both;
	}
	
#footer_holder {
	width:100%;
	clear:both;
	}
			
	#footer_left {
		width:390px;
		position:relative;
		float:left;
		clear:left;
		height:auto;
		color:#FFFFFF;
		font-size:75%;
		margin-top:10px;
		}
	
	#footer_right {
		width:390px;
		position:relative;
		float:right;
		clear:right;
		height:auto;
		color:#FFFFFF;
		font-size:75%;
		margin-top:10px;
		text-align:right;
		}
		
	
	
/* Homepage specifics		****************************************************************************************************************************************************/

.flyout_img {
	margin:70px 20px 0 -28px;
	position:relative;
	float:left;
	}
	
#home_link_div {
	padding:110px 0 0 0;
	}
	
.home_link {
	float:left;
	position:relative;
	width:120px;
	border:1px #545454 solid;
	margin:10px 0 0 27px;
	height:100px;
	}
	
.home_link1 {
	float:left;
	position:relative;
	width:120px;
	border:1px #545454 solid;
	margin:10px 0 0 15px;
	height:100px;
	}
	
	.home_link:hover {
		border:1px solid #FF008C;
		}
		
	
#home_text {
	position:relative;
	float:right;
	margin:85px 20px 0 0;
	width:600px;
	}

#van_home {
	position:relative;
	float:right;
	margin:0 0 0 10px;
	}
	
.small_logo_home {
		float:right;
		margin:0 -70px 20px 10px;
		}
	
	
	

/* Profiles page  specifics		************************************************************************************************************************************************/


#profile_text {
	width:408px;
	margin:82px 0 0 -204px;
	left:50%;
	position:absolute;
	}
	
.profile_img {
	width:143px;
	height:143px;
	border:3px solid #545454;
	}
	
	.profile_img:hover, .profile_img_active {
		width:143px;
		height:143px;
		border:3px solid #FF008C;
		}
		
#profile_img_john {
	margin:82px 0 0 29px;
	position:relative;
	float:left;
	clear:both;
	}

#profile_img_vicki {
	margin:82px 29px 0 0;
	position:relative;
	float:right;
	}
	
#profile_img_carl {
	margin:257px 0 0 -149px;
	position:relative;
	float:left;
	}

#profile_img_lee {
	margin:257px -149px 0 0;
	position:relative;
	float:right;
	}
	
.lee_profile {
	background:url(../_images/e_profiles/lee2.jpg) no-repeat top left;
	height:100px;
	border:1px solid #666666;
	margin-top:30px;
 }
 
 .carl_profile {
	background:url(../_images/e_profiles/carl2.jpg) no-repeat top left;
	height:100px;
	border:1px solid #666666;
	margin-top:30px;
 }
	
	
/* Contact us page specifics		****************************************************************************************************************************************************/


#contact_form_div {
	margin:58px 0 0 29px;
	width:340px;
	height:336px;
	position:relative;
	float:left;
	padding:0 20px 0 0;
	border-right:3px solid #FF008C;
	padding-top:10px;
	}
	
	#contact_form {
		line-height:15px;
		}
		
		#contact_form input, #contact_form textarea, #contact_form select {
			display: block;
			width: 240px;
			float: left;
			margin-bottom: 10px;
			border:1px solid #545454;
			background-color:#FFFFFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.0em;			
			}
			
		#contact_form label {
			display:block;
			float:left;
			text-align: left;
			width:90px;
			}
			
		.contact_form_submit {
			margin-left:40px;
			padding:3px;
			}
			
#contact_text {
	margin:58px 29px 0 0;
	width:351px;
	position:relative;
	float:right;
	}
	
#contact_error {
	height:50px;
	background-color:#FF0000;
	color:#FFFFFF;
	padding:5px;
	margin:-10px 0 10px 0;
	width:320px;
	}

#contact_noerror {
	height:60px;
	margin:-10px 0 10px 0;
	width:330px;
	}
	
.contact_lable {
	width:120px;
	display:inline-block;
	margin-top:5px;
	height:12px;
	clear:none;
	font-weight:bold;
	}
			


/* Services page specifics		****************************************************************************************************************************************************/

#services_picture {
	width:225px;
	height:267px;
	overflow:hidden;
	position:relative;
	float:right;
	margin:85px 20px 0 0;
	padding:15px;
	border:3px solid #FF008C;
	background:url(../_images/a_pagedesign/bg_fade2.jpg) repeat-x;
	}
	
	#IMG1 {
		float:right;
		border:2px solid #FFFFFF;
		}
		
	#IMG2 {
		position:absolute;
		left: 11px;
		top: 15px;
		border:2px solid #FFFFFF;
		}
	
#services_heading {
	margin:62px 0 0 25px;
	position:relative;
	float:left;
	width:440px;
	}	
	
#services_text {
	margin:0 0 0 25px;
	position:relative;
	float:left;
	width:440px;
	height:300px;
	}
	
	#services_text ul li {
		margin:0 0 0 30px;
		}
		
#services_list {
	position:relative;
	float:left;
	width:434px;
	height:92px;
	overflow:auto;
	margin:5px 0 10px 0px;
	border:1px solid #545454;
	padding:3px;
	background:#FFFFFF;
	}
	
#services_scrinst {
	width:100px;
	height:30px;
	position:relative;
	float:right;
	text-align:right;
	padding:0 10px 0 0;
	}
	
	#services_list ul, #services_list li {
		list-style:url(../_images/a_pagedesign/bullet_pink.gif);
		}
		


/* Abou us page specifics		****************************************************************************************************************************************************/


#about_heading {
	margin:62px 0 0 29px;
	position:relative;
	float:left;
	width:550px;
	}	
			
#about_para {
	height:330px;
	width:550px;
	overflow:hidden;
	margin:0 0 0 4px;
	position:absolute;
	}
	
#about_links {
	position:relative;
	float:right;
	padding:20px 0 0 0;
	margin:30px 20px 0 20px;
	text-align:right;
	line-height:50px;
	clear:none;
	}
	
	#about_links a, #about_links a:visited, #about_links a:hover {
		text-decoration:none;
		font-weight:bold;
		color:#003663;
		}
		
		
	#about_links img {
		margin:0 0 -15px 5px;
		}
		
	#about_links p {
		margin-bottom:20px;
		}

#about_text {
	margin:0 0 0 25px;
	position:relative;
	float:left;
	width:440px;
	height:300px;
	}