* {
	margin:0;
	padding:0;
}

body {
	background:url(images/background_glow.jpg) 50% 0px no-repeat #131215;
}

h1,h2,p,li {
	color:#ddd;
}

.two_col p {
	margin-bottom:10px;
}


	.two_col ul li,.two_col ol li {
		margin:10px 10px 10px 30px;
		font:11pt Century Gothic;
		color:#86919F;
	}



#page {
	width:100%;
	margin:0 auto 0 auto;
	text-align:center;
	padding:0;
}


#header {
	width:100%;
	padding:0;
	margin:30px auto 0 auto;
	background:url(images/header_background_top.png) 50% 0 no-repeat;
	width:960px;
	overflow:hidden;
}

#header #titles {
	float:left;
	width:500px;
	height:80px;
}

#header h1 {
	margin:0;
	padding:0;
	text-align:left;
	width:324px;
	float:left;
}
#header h1 a {
	display:block;
	background:url(images/jesanua_web_design_logo.png) no-repeat;
	width:324px;
	height:33px;
	margin:20px 0 0 40px;
	padding:0;
}

#header h1 a span {
	position:absolute;
	top:-200px;
}

#header cite {
	display:block;
	color:#7F7F7F;
	font:bold 8pt Century Gothic;
	float:left;
	margin:0px 0 0 55px;
	padding:0;
	clear:left;
	width:400px;
}

#header .content {
	padding:0;
	margin:0 auto 0 auto;
}


/* -- Site navigaition -- */

	#header #site_nav {
		width:420px;
		float:left;
		margin:30px 40px 0 0;
		padding:0;
	}


	#site_nav li a span {
		position:absolute;
		top:-200px;
	}

	#header ul {
		margin:0 auto 0 auto;
		text-align:right;
		padding:0px 0 0 0;
		float:right;
		background:none;
	}

	#header li {
		display:inline;
		float:left;
		background:none;
	}
	#header li span {
		display:block;
		height:35px;
		padding:0;
		background:url(images/site_nav.png) no-repeat;
	}
	#header li a {
		display:block;
		font:10pt Century Gothic;
		text-transform: uppercase;
		text-decoration:none;
		text-align:center;
		color:#aaa;
		height:35px;
		padding:12px 15px 0 15px;
		padding:0;
		margin:0;
	}

	#header .hover #navHome a:hover {background-position:0 0;}
	#header .hover #navAbout a:hover {background-position:-68px 0;}
	#header .hover #navServices a:hover {background-position:-138px 0;}
	#header .hover #navPortfolio a:hover {background-position:-225px 0;}
	#header .hover #navContact a:hover {background-position:-324px 0;}

	#navHome a {width:68px;background:url(images/site_nav.png) 0 -40px no-repeat;}
	#navAbout a {width:70px;background:url(images/site_nav.png) -68px -40px no-repeat;}
	#navServices a {width:87px;background:url(images/site_nav.png) -138px -40px no-repeat;}
	#navPortfolio a {width:99px;background:url(images/site_nav.png) -225px -40px no-repeat;}
	#navContact a {width:92px;background:url(images/site_nav.png) -324px -40px no-repeat;}

	#header #navHome span {width:68px;background:url(images/site_nav.png) 0 0 no-repeat;}
	#header #navAbout span {width:70px;background:url(images/site_nav.png) -68px 0 no-repeat;}
	#header #navServices span {width:87px;background:url(images/site_nav.png) -138px 0 no-repeat;}
	#header #navPortfolio span {width:99px;background:url(images/site_nav.png) -225px 0 no-repeat;}
	#header #navContact span {width:92px;background:url(images/site_nav.png) -324px 0 no-repeat;}

	#homepage #navHome a {background-position:0 -81px;}
	#aboutpage #navAbout a {background-position:-68px -80px;}
	#servicespage #navServices a {background-position:-138px -80px;}
	#portfoliopage #navPortfolio a {background-position:-225px -80px;}
	#contactpage #navContact a {background-position:-324px -80px;}



.content {
	width:960px;
	margin:0 auto 0 auto;
	padding:0 0 10px 0;
	text-align:left;
	font:10pt Tahoma,Geneva,sans-serif;
	color:#fff;
	clear:both;
	overflow:hidden;
	background:url(images/page_background.jpg) 50% 0 repeat-y;
}




#footer {
	width:960px;
	padding:20px 0 110px 0;
	margin:0 auto 0 auto;
	background:url(images/footer_bottom.jpg) 50% bottom no-repeat;
}

#footer .content {
	background:none;
}

#policies a {
	font-size:8pt;
}

#footer a:hover {
	color:#fff;
	text-decoration:underline;
}







#footer_text {
	clear:both;
	text-align:center;
}
#footer_text p {
	font:8pt Tahoma,Geneva,sans-serif;
	color:#7F7F7F;
	color:#333;
	margin:0px;
	padding:5px;
	background:none;
}
#footer_text #address a {
	color:#BFBFBF;
	text-decoration:none;
}
#footer_text #address a:hover {
	color:#fff;
}
#footer_text #jesanua a {
	text-decoration:none;
	font:7pt Tahoma,Geneva,sans-serif;
	color:#7F7F7F;
}
#footer_text #jesanua a:hover {
	color:#BFBFBF;

}




.myclear {
	margin:0;
	padding:0;
	clear:both;
	width:100%;
	float:none;
}


.content h1 {
	font:bold 42pt Century Gothic;
	color:#222;
	padding-left:8px;
}

.content h2 {
	font:bold 18pt Century Gothic;
}



	/* Accents colours for each services page */
		#web_to_go_page h1,#web_to_go_page h2 {
			color:#56719F;
		}

		#bespoke_solutions_page h1,#bespoke_solutions_page h2 {
			color:#F6921E;
		}
		#e_commerce_page h1,#e_commerce_page h2 {
			color:#38B54A;
		}
		#managed_service_page h1,#managed_service_page h2 {
			color:#E13532;
		}
		#church_charity_page h1,#church_charity_page h2 {
			color:#AB92C5;
		}




p {
	font:11pt Century Gothic;
	padding:10px 40px 10px 40px;
	line-height:1.5;
}


a {
	color:#F05A24;
	color:#c07a64;
	text-decoration:none;
}

a:hover {
	color:#fff;
	text-decoration:underline;
}




/* Home page content blocks */
	ol#services {
		margin:10px 0 0 0;
		padding:0 0 0 29px;
		list-style:none;
	}

	ol#services li {
		display:list-item;
		list-style:none;
		width:180px;
		height:230px;
		background:url(images/content_cell_background.jpg) 0 0 no-repeat;
		float:left;
		font:12pt Century Gothic;
		padding:20px 0 0 0;
		margin:0;
	}

	ol#services li .number {
		display:block;
		width:15px;
		float:left;
		margin:0 5px 0 15px;
	}

	ol#services li .title {
		display:block;
		width:130px;
		height:50px;
		margin:0;
		padding:0;
		float:left;
	}

	ol#services li ul {
		height:125px;
		width:180px;
		padding:0;
		margin:0;
		clear:both;
	}


	ol#services li ul li {
		height:auto;
		width:130px;
		font:9pt Century Gothic;
		display:list-item;
		list-style:none;
		margin:0;
		padding:5px 0 0 35px;
		color:#ccc;
	}

	#services li a span {
		position:absolute;
		top:-200px;
	}

	#services .tell_me_more,
	#services a {
		display:block;
		width:178px;
		height:47px;
		margin:0 auto 0 auto;
		text-align:center;
		padding:0;
		float:left;
		background:url(images/tell_me_more.png) 50% 0 no-repeat;
	}
	#services .hover a:hover {
		background-position:50% -50px;
	}

	
	#web_to_go {color:#29AAE2;}
	#web_to_go ul li {background:url(images/tick_blue.png) 15px 50% no-repeat;}
	#bespoke_solutions {color:#F6921E;}
	#bespoke_solutions ul li {background:url(images/tick_orange.png) 15px 50% no-repeat;}
	#ecommerce {color:#38B54A;}
	#ecommerce ul li {background:url(images/tick_green.png) 15px 50% no-repeat;}
	#managed_service {color:#E13532;}
	#managed_service ul li {background:url(images/tick_red.png) 15px 50% no-repeat;}
	#charities {color:#AB92C5;}
	#charities ul li {background:url(images/tick_purple.png) 15px 50% no-repeat;}




	#web_to_go .tell_me_more,
	#web_to_go a {
		background:url(images/tell_me_more.png) 3px 0 no-repeat;
	}
	#web_to_go .tell_me_more {
		background-position:3px -50px;
	}	


	#bespoke_solutions .tell_me_more,
	#bespoke_solutions a {
		background:url(images/tell_me_more.png) -177px 0 no-repeat;
	}
	#bespoke_solutions .tell_me_more {
		background-position:-177px -50px;
	}	

	#ecommerce .tell_me_more,
	#ecommerce a {
		background:url(images/tell_me_more.png) -357px 0 no-repeat;
	}
	#ecommerce .tell_me_more {
		background-position:-357px -50px;
	}	

	#managed_service .tell_me_more,
	#managed_service a {
		background:url(images/tell_me_more.png) -537px 0 no-repeat;
	}
	#managed_service .tell_me_more {
		background-position:-537px -50px;
	}	

	#charities .tell_me_more,
	#charities a {
		background:url(images/tell_me_more.png) -717px 0 no-repeat;
	}
	#charities .tell_me_more {
		background-position:-717px -50px;
	}	

	#services sup a {
		background:none;
		display:inline;
		width:auto;
		height:auto;
		float:none;
		text-decoration:none;
		color:#ddd;
	}





.page_content1 {
	padding:0;
	color:#000;
}


.page_content2 {
	width:632px;
	margin-left:4px;
	padding:0;
	color:#000;
	float:left;
}



a img {
	border:none;
}


h3 {
	font:14pt Tahoma,Geneva,sans-serif;
	border:none;
	padding:5px;
	color:#fff;
}



.graphic {
	height:220px;
	margin:0;
	padding:0;
	overflow:hidden;
}
.graphic span {
	position:absolute;
	top:-200px;
}
.graphic p {
	padding:0px 0px 0px 30px;

}


#homepage .graphic {
	background:url(images/home_page_banner.jpg) 30px 0 no-repeat;
}




div#news {
	width:960px;
	height:35px;
	background:url(images/full_width_block.jpg) 50% 0 no-repeat;
	padding:10px 0 0 0;
	margin:10px 0 0 0;
	border:none;
	clear:both;
}

#news ul li h2 {
	display:block;
	width:960px;
	text-align:center;
	border:none;
	font-weight:normal;
}

#news li {
	display:none;
	background:none;
		list-style:none;

}
#news li:first-child {
	display:block;
}

.contact_info {
	background:url(images/three_two_col_background.jpg) 50% 0 repeat-y;
	overflow:hidden;
}
.main_content {
	background:url(images/white_horizontal_540x10.jpg) 30px 0 repeat-y;
	overflow:hidden;
}

#contactpage .main_content {
	background:none;
}
#login .main_content {
	background:none;
}



.five_col div ul {
		padding:0px 40px 5px 40px;
		margin:0px 20px 5px 20px;
}
.five_col {
	width:100%;
	float:left;
	clear:left;
}

.five_col div {
	padding:10px 20px 20px 45px;
}

.five_col div h1,
.five_col div h2,
.five_col div h3 {
	color:#aaa;
}

.main_content .three_col div h2,
.main_content .three_col div h3 {
	color:#000;
}



.two_col {
	width:380px;
	float:right;
	clear:right;
	text-align:left;
}


.two_col p,.contact_info .three_col p {
	padding:0;
	color:#aaa;
	color:#56719F;
	color:#86919F;
}

.two_col div {
	padding:10px 45px 50px 20px;
}

.three_col {
	width:570px;
	float:left;
	clear:left;
}

.three_col div {
	padding:10px 20px 20px 45px;
}

div.three_col {
	background:url(images/black_horizontal_540x10.jpg) 100% 0 no-repeat;
	padding-top:20px;
}


.two_col h2,
.two_col h3,
.three_col h2 {
	padding:10px 0 10px 0;
}



div#about_us img {
	float:right;
	margin:0;
	padding:0;
}

div.two_col {
	background:url(images/black_horizontal_350x10.jpg) 0 0 no-repeat;
	padding-top:20px;
}

div.two_col:first-child {
	padding-top:0;
}


#address h2 span {
	display:none;
}

.three_col .textbox {
	background:url(images/textarea.jpg) 0 0 no-repeat;
	border:none;
	width:382px;
	height:139px;
	padding:10px 0px 10px 0px;
	margin:0px;
	overflow:hidden;
}

.three_col .textbox textarea {
	background:none;
	border:none;
	width:362px;
	height:119px;
	padding:0px;
	margin:0px 0 10px 10px;
	font:12pt Century Gothic;
	color:#ddd;
}

.three_col .inputbox {
	display:block;
	background:url(images/textbox.jpg) 0 0 no-repeat;
	border:none;
	width:382px;
	height:40px;
	padding:7px 0px 10px 0px;
	margin:0px;
	overflow:hidden;
}


.three_col .inputbox input[type='text'] {
	background:none;
	width:362px;
	height:40px;
	border:none;
	padding:0;
	margin:0 10px 0 10px;
	font:12pt Century Gothic;
	color:#ddd;
}






.one_col {
	float:left;
	clear:right;
	text-align:left;
	width:180px;
}

.one_col ul {
	margin:0;
}

.one_col div {
	margin:0;
	padding:0;
}

.one_col div p {
	background:#f00;
	margin:0;
	padding:0;
}


.three_col img {
	margin:15px;
	float:right;
}

img.left {
	margin:0;
	padding:0;
	float:left;
}


address {
	padding:5px 0 5px 80px;
	font:12pt Century Gothic;
	color:#bbb;
}

p#phone,p#skype {
	padding-left:80px;
	padding-top:5px;
	padding-bottom:5px;
	color:#ccc;
}
p#phone span {
	font-weight:bold;
	display:block;
	width:20px;
	float:left;
	color:#fff;
}
p#skype {
	padding-left:45px;
}
p#skype a {
	display:block;
	padding-left:35px;
	padding-top:5px;
	padding:5px 5px 5px 35px;
	color:#8b5;
	background:url(images/skype_call_green_transparent_34x34.png) 0 0 no-repeat;
}

p#skype a:hover {
	color:#ad7;

}



td {
	vertical-align:top;
}

label {
	font:11pt Century Gothic;
	color:#ddd;
	color:#555;
	font-weight:bold;
	font-weight:400;
}
.field_label {
	padding-top:2px;
	padding-bottom:10px;

}
.panel_narrative {
	text-align:right;
	color:#888;
}


.form_button input {
	width:130px;
	height:40px;
	font:bold 12pt Century Gothic;
	color:#ccc;
	border:none;
}

#submit {
	background:url(images/form_submit.png) -140px -50px no-repeat #1F1F1F;
}
#submit input {
	background:url(images/form_submit.png) 0 0 no-repeat #1F1F1F;
}


.form_button {
	display:block;
	width:130px;
	height:40px;
	background:none;
	float:right;
}

#submit input:hover.hover {
	color:#fff;
	background-position:0px -50px;
}


.main_content .three_col p {
	padding:10px 10px 10px 10px;
	line-height:1.7;
	color:#000;
	font-size:12pt;
}

.main_content .five_col p {
	padding:10px 10px 10px 10px;
	line-height:1.7;
	color:#fff;
	font-size:12pt;
}


.main_content .two_col {
}


/* SERVICE PAGES buttons*/

	div#services_nav {
		width:180px;
		height:240px;
		float:left;
		margin:0;
		padding:0;
	}

	/* Move anchor text off screen */
	div#services_nav span a span {
		position:absolute;
		top:-200px;
	}


	/* set up blocks */
	#services_nav span,
	#services_nav span a {
		display:block;
		width:170px;
		height:47px;
		margin:0;
		padding:0;
	}

	/* Remove list style */
	#services_nav ul,
	#services_nav ul li {
		list-style:none;
		margin:0;
		padding:0;
		background:none;
		display:inline;
	}
	#services_nav {
		margin-top:10px;
	}

	/* Add button backgrounds and rollover positioning */
		#services_nav #web_to_go span {background:url(images/services_buttons.jpg) 0 -50px no-repeat;}
		#services_nav #web_to_go span a {background:url(images/services_buttons.jpg) no-repeat;}
		#services_nav #web_to_go .hover a:hover {background-position:0 -50px;}
		
		
		#services_nav #bespoke_solutions span {background:url(images/services_buttons.jpg) -180px -50px no-repeat;}
		#services_nav #bespoke_solutions span a {background:url(images/services_buttons.jpg) -180px 0 no-repeat;}
		#services_nav #bespoke_solutions .hover a:hover {background-position:-180px -50px;}
		
		
		
		#services_nav #e_commerce span {background:url(images/services_buttons.jpg) -360px -50px no-repeat;}
		#services_nav #e_commerce span a {background:url(images/services_buttons.jpg) -360px 0 no-repeat;}
		#services_nav #e_commerce .hover a:hover {background-position:-360px -50px;}

		
		
		#services_nav #managed_service span {background:url(images/services_buttons.jpg) -540px -50px no-repeat;}
		#services_nav #managed_service span a {background:url(images/services_buttons.jpg) -540px 0 no-repeat;}
		#services_nav #managed_service .hover a:hover {background-position:-540px -50px;}



		#services_nav #church_charities span {background:url(images/services_buttons.jpg) -720px -50px no-repeat;}
		#services_nav #church_charities span a {background:url(images/services_buttons.jpg) -720px 0 no-repeat;}
		#services_nav #church_charities .hover a:hover {background-position:-720px -50px;}


		/* Blank out buttoms on each respective page */

		#web_to_go_page #services_nav #web_to_go span,
		#web_to_go_page #services_nav #web_to_go span a {
			background-position:0px -100px;
		}
		#bespoke_solutions_page #services_nav #bespoke_solutions span,
		#bespoke_solutions_page #services_nav #bespoke_solutions span a {
			background-position:-180px -100px;
		}
		#e_commerce_page #services_nav #e_commerce span,
		#e_commerce_page #services_nav #e_commerce span a {
			background-position:-360px -100px;
		}
		#managed_service_page #services_nav #managed_service span,
		#managed_service_page #services_nav #managed_service span a {
			background-position:-540px -100px;
		}
		#church_charity_page #services_nav #church_charities span,
		#church_charity_page #services_nav #church_charities span a {
			background-position:-720px -100px;
		}


	/* Specify different colour ticks for benefits */
	.ticks ul {
		list-style:none;
	}
	.ticks ul li {
		list-style:none;
		color:#fff;
		font-size:9pt;
		margin-left:10px;
		padding-left:20px;
		padding-top:5px;
	}
	#web_to_go_page .ticks li {background:url(images/tick_blue.png) 0px 5px no-repeat;}
	#bespoke_solutions_page .ticks li {background:url(images/tick_orange.png) 0px 5px no-repeat;}
	#e_commerce_page .ticks li {background:url(images/tick_green.png) 0px 5px no-repeat;}
	#managed_service_page .ticks li {background:url(images/tick_red.png) 0px 5px no-repeat;}
	#church_charity_page .ticks li {background:url(images/tick_purple.png) 0px 5px no-repeat;}







	.contact_info .three_col {
	
	}
	
	
	#service_benefits {
		width:180px;
		height:235px;
		padding:0;
		margin-bottom:0;
		background:url(images/one_col_cell_background.jpg) 0 0 no-repeat;
	}
	
	#service_benefits ul {
		width:auto;
	}
	
	
	#sub_nav {
		width:390px;
		padding-top:10px;
	}