/* 
Theme Name: ABD
Theme URL: access-bydesign.com
Description: standard text version 2 for web 2
Author: Paul Whitehead  &  Access by Design 
Author URI: access-bydesign.com
Version: 1.0
*/

/* from style */



/*dark blue */
/*mid blue */
/*light blue */
/*super light blue*/

/* from headings */

/*from tabs */



/*from suckerfish */



/*==== headings ==============================================*/


.subhead
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2.05em;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -2px;
	line-height: 1.2em;
	color:#666666;
	text-align:left;
}

.subhead_white
{
	font-family: Georgia,sans-serif;
	font-size: 2.25em;
	font-style: normal;
	vertical-align: baseline;
	letter-spacing: -3px;
	word-spacing: normal;
	line-height: 1.2em;
	color: #FFFFFF;	
	text-align:left;
}

.subhead_italic
{
	font-family: Lucida Sans Unicode, sans-serif;
	font-size: 2.25em;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -2px;
	line-height: 1.2em;
	color: #666666;	
	font-style: italic;
	text-align:left;
}

.subhead2
{ 
	font-family: Georgia, serif;
	font-size: x-large;
	line-height: 1.4em;
	color:#999999;
	text-align:left;
}

.subhead3
{ 
	font-family: Helvetica, Arial, sans-serif;
	font-size: large;
	font-style: normal;
	font-weight: bold;
	line-height: 1.4em;
	color:#999999;
	text-align:left;
}

.subhead2_white
{
	font-family: Georgia, serif;
	font-size: x-large;
	font-style: italic;
	font-weight: normal;
	line-height: 1.4em;
	color:#FFF;
	text-align:left;
}

.subhead2_italic
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: medium;
	font-style: italic;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1.4em;
	margin-left:10px;
	margin-top:5px;
	margin-left:15px;
	margin-bottom:5px;
	text-align:left;
}
.third_heading{

font-size: medium;

font-weight: bold;

}



.third_heading_italic{

font-style: italic;

font-weight: bold;

}



.bold{

	font-weight: bold;

}

.italic{

	font-style: italic;

}

.bolditalic{

	font-weight: bold;

	font-style: italic;

}

.underline{

	text-decoration: underline;

}

.boldunderline{

	font-weight: bold;

	text-decoration: underline;

}

.biggertext{

	font-size: x-large;

}

.large-text{

	font-size:large;

}



.medium_text{

	font-size: medium;

}



.smalltext{

	font-size: x-small;

}



.verysmalltext

{

	font-size:xx-small;

}

.smallcaps{

	font-variant:small-caps;

}



.smallcaps_bold

{

	font-variant:small-caps;

	font-weight:bold;

}

.uppercase{

	text-transform: uppercase;

}

.strikethrough{

	text-decoration: line-through;

}



/*alignment framework*/



.textleft{

	text-align: left;

}

.textright

{

	text-align: right;

}



.textcenter{

	text-align: center;

}



.indent{

	text-indent: 3em;

}



.align_left{

	text-align: left;

}



.align_right{

	text-align: right;

}



.justify{

	text-align: justify;

}



.float_right{

float:right;

margin:0.75em;

}



.float_left{

margin-top:0.75em;

float:left;

}



/*image positionig/stylings framework*/



img{ 

border: none;

}



.image_right{

margin: 0.5em;

float: right;

}



.image_left{

margin: 0.5em;

float: left;

}

.image-center{

	text-align:center;

	margin-left:auto;

	margin-right:auto;

	margin: 0.5em;

	float:none;

}

.images_inline{

margin:0.25em;
padding:0;

float: left;

display:inline;

}

.singleimage{

   margin: 0.5em;

   padding: 0.5em;

   float: none;

   border: 1px solid #666;

}

blockquote{

	color: #666;

	font-style: italic;

	font-weight: bold;

	line-height:1.5em;

}



.quotemarks{

	line-height:1.5em;

	font-size: 3em;

	color: #666;

}
.tab_heading, .link_tab_wrapper p.tab_heading
{
	font-family: sans-serif;
	font-size: 2.2em;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: -1.5px;
	line-height: 1.2em;
	color: #FFFFFF;	 
	text-align:center;
	padding-right:10px;
}

.link_tab_small_content p.tab_heading
{
	color:#000000;
}

.grey_box
{
	background-color:#38A2E1;
	border:2px solid #E4F2FD;
	padding:10px 5%;
	margin-bottom:10px;
	width:85%;
	color:#FFFFFF;
	float:left;
}
	
	.grey_box a
	{
		color:#FFFFFF;
	}

.blue_box
{
	background-color:#E4F2FD;
	border:1px solid #F4F2F1;
	margin-bottom:10px;
	width:90%;
	padding:20px 5%;
}

.light_gray_box
{
	border:1px solid #F4F2F1;
	background-color: #f9f8f8;
	width:95%;
	height:auto;
	padding:2.5%;
	margin-bottom:10px;
}

.white_box
{
	background-color:#FFFFFF;
	border:1px solid #CCC;
	padding:5px;
	margin-bottom:10px;
}

.postmeta_grey
{
	background-color:#fafafa;
	border:1px solid #CCC;

	margin-bottom:10px;
	width:90%;
	padding:5px;
	padding-left:5%;
	padding-right:5%;
	margin:10px 0;
	float:left;
}

.postmeta
{
	background-color:#FFFFFF;
	border:1px solid #d6d6d6;

	margin-bottom:10px;
	width:90%;
	padding:5px;
	padding-left:5%;
	padding-right:5%;
	margin:10px 0;
	float:left;
}

.premeta
{
	background-color:#FFFFFF;
	border:1px solid #F4F2F1;
	padding:5px;
	margin-bottom:10px;
	width:90%;
	padding-left:5%;
	padding-right:5%;
	margin-bottom:10px;
	float:left;
}

.tiny_postmeta
{
	background-color:#293748;
	border:1px solid #CCC;
	padding:2px 10px;
	margin-bottom:10px;
	width:auto;
	margin:10px 0;
	float:left;
	color:#FFFFFF;
}

.tiny_postmeta a
{
	color:#FFFFFF;
}

/* text styling framework */

.bold
{
	font-weight: bold;
}

.italic
{
	font-style: italic;
}

.bolditalic
{
	font-weight: bold;
	font-style: italic;
}

.underline
{
	text-decoration: underline;
}

.bigtext
{
	font-size: large;
}

.medium_text
{
	font-size: medium;
}

.smalltext
{
	font-size: 80%;
}

.verysmalltext
{
	font-size: x-small;
}

/*alignment framework*/

.textleft
{
	text-align: left;
}

.textright
{
	text-align: right;
}

.center
{
	text-align: center;
}

.indent
{
	text-indent: 3em;
}

.align_left
{
	text-align: left;
}

.align_right
{
	text-align: right;
}

.justify
{
	text-align: justify;
}

.smallcaps
{
	font-variant:small-caps;
}

.smallcaps_bold
{
	font-variant:small-caps;
	font-weight:bold;
}

.float_right
{
	float:right;
	margin-right:10px;
	padding-right:10px;
	display:inline;
}

.float_left
{
	margin-top:10px;
	float:left;
	margin-left:10px;
	display:inline;
}  

blockquote
{
	margin-bottom:10px;
	margin-top:10px;
	padding-left:2.2em;
	padding-right:2.2em;
}
  
  

ul li
{
	list-style-type:disc;
	list-style-position:outside;
	margin-left:25%;
}

/*===== links ================================================*/

a 
{
	text-decoration:underline;
	color:#333333;
}

	a:hover
	{
		text-decoration: none;
		color:#333333;	
	}
	
	a:focus
	{
		text-decoration: none;
		color:#333333;		
	}
	
	a:active
	{
		text-decoration: none;
		color:#333333;		
	}

/*==== start layout =============================================*/

html, *
{
	margin:0;
	padding:0;
}

body
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: small;
	line-height: 1.7em;
	color:#222222;
	text-align:justify;
}


#wrapper
{
	width:100%;
	height:auto;
	float:left;
	background-color:#FFFFFF;
	overflow:hidden;
	
	
}

	#header_wrapper
	{
		width:100%;
		height:auto;
		float:left;
		background-color:#E4F2FD;
	}
	
	#home_news
	{
		width:90%;
		padding-left:5%;
		padding-right:5%;
		height:auto;
		float:left;
		
	}
	
		.front_post_image /*other styles are included in the header.php  so as to allow the user to alter the sites design */
		{
			float:left;
			display:block;
			background-repeat:no-repeat;
			background-position:top center;
			margin:10px;
			margin-top:5px;
			margin-bottom:0;
			margin-left:0;
			border:1px solid #666666;
		}
	
		.home_news_item /*other styles are included in the header.php  so as to allow the user to alter the sites design */
		{
			padding-bottom:10px;
			height:auto;
			float:left;
		}		


		.blue_stripe
		{
			float:left;
			width:100%;
			height:auto;
			min-height:0px;
			background-color:#E4F2FD;
		}
		
		#viewing
		{
			width:100%;
			height:100px;
			padding:3px 0;
			float:left;
			background-color: #585858;
			color:#FFFFFF;
			border-bottom:5px solid #FFFFFF;
			background-image:url(images/white-abd_logo.png);
			background-repeat:no-repeat;
			background-position:left bottom;
		}
		
			#viewing ul
			{
				width:auto;
				height:auto;
				float:right;
			}
			
				#viewing ul li
				{
					float:left;
					width:auto;
				
					height:auto;
					margin:0;
					margin-right:10px;
					list-style:none;
				
				}
				
					#viewing ul li.li_title
					{
						margin-right:20px;
						padding-top:30px;
						
					}
				
					#viewing ul li a
					{
						color:#FFFFFF;
					}
		
		#navigation
		{
			width:100%;
			height:auto;
			float:left;
			background-color:#666666;
			border-bottom:2px solid #FFFFFF;
		}
		
		#navigation ul li
		{
			list-style-type:none;
		}
		
		#breadcrumb
		{
			width:99.5%;
			height:20px;
			float:left;
			color:#000000;
			margin:0 0 0 0.5%;
			padding:5px 0;
		}
		
			#breadcrumb a
			{
				color:#666666;	
			}
		
		.header_project
		{
			height:auto;
			float:left;
			width:95%;
			min-height:100px;
			padding:20px 2.5% 20px 2.5%;
			
		}
		
			#header_content
			{
				height:auto;
				float:left;
				width:90%;
				min-height:100px;
				padding:0 5% 20px 5%;
			}
			
				#header_news_wrapper
				{
					width:100%;
					height:auto;
					float:left;
				}
		

		
		#header_featured
		{
		width:100%;
		height:auto;
		float:left;
		}
		
			#header_featured_image
			{
				width:400px;
				height:300px;
				float:left;
			}
		
	.mid_topping
	{
		width:100%;
		height:20px;
		float:left;
	}
	
		.content_wrapper_topping
		{
			width:68%;
			height:20px;
			float:left;	
			background-color:#E4F2FD;	
		}
		
			.content_topping
			{
				width:100%;
				height:20px;
				float:left;
				background-color:#FFFFFF;
			}
		
		.sidebar_wrapper_topping
		{
			width:32%;
			height:20px;
			float:left;	
			background-color: #FFFFFF;
		}
		
			.sidebar_topping
			{
				width:70%;
				height:20px;
				float:left;
				background-color:#E4F2FD;	
			}
			
			.sidebar_remainder
			{
				width:30%;
				height:20px;
				float:left;
				background-color:#E4F2FD;
			}
			
				.sidebar_remainder_inner
				{
					width:100%;
					height:20px;
					float:left;
					background-color:#FFFFFF;
				}
		
		
/* ===== mid section/main content section =======================================*/		
	
	#mid_wrapper
	{
		width:100%;
		height:auto;
		float:left;
		padding:0;
		background-color:#FFFFFF;
	}
	
		#content_wrapper
		{
			width:63%;
			padding-left:5%;
			height:auto;
			float:left;	
			background-color:#FFFFFF;
			
		}
		
			#content
			{
				width:95%;
				height:auto;
				float:right;
				padding:0 2.5%
			}
			
			

			
				#content img.page_img
				{
					float:left;
					display:block;
					margin:0 10px 5px 0;
					border:2px solid #666666;
				}
				
				#content .featured_image
				{
					margin:5px 10px 5px 0;
					width:300px;
					height:250px;


					float:left;
					background-position:left top;
					background-repeat:repeat-x;
				}
			
				.post
				{
					width:100%;
					padding-bottom:20px;
					padding-top:20px;
					float:left;
					height:auto;
				}
				
				.post .title
				{
				margin-bottom:20px;
				
				}
				
					.post ul
					{
						width:100%;
						height:auto;
						float:left;
					}
					
						.post ul li
						{
							height:auto;
							list-style-type:disc;
							list-style-position:outside;
						}
						
						.sociable_tagline
						{
							display:none;
						}
				
/*=== content gallery style ==================================*/		

				#gallery_wrapper
				{
					float:left;
					height:auto;
					padding:20px 7.5%;
					width:85%;					
				}
				
					#gallery_content
					{
						width:70%;
						float:left;
						height:auto;							
					}
					
						#gallery_content img
						{
							float:left;
							width:75px;
							height:75px;
							margin: 0 10px 10px 0;
							padding:0;
							border: 2px solid #000000;
						}
						
						#gallery_content img:hover
						{
							border: 2px solid #38A2E1;
						}
						
					.gallery_title
					{
						float:left;
						width:100%;
						height:auto;
					}
				
/*=== blog template styles ==================================*/	

				.blog_post
				{
					width:100%;
					padding-bottom:20px;
					padding-top:20px;
					float:left;
					height:auto;	
				}
				

				
				#content .blog_post .page_img
				{
					margin:10px 10px 20px 0;
					width:auto;
					height:auto;
					float:left;
				}
/*=== news template styles ==================================*/
			
				.cat_post
				{
					width:95%;
					height:auto;
					float:left;
					margin:10px 5% 0 0;
				}
				
					.cat_post_inner
					{
						width:100%;
						height:auto;
						float:left;					
					}
				
					.post_title
					{
						float:left;
						width:100%;
						height:auto;
						margin:10px 0;
					}
					
					.post_content
					{
						float:left;
						width:100%;
						height:auto;
					}
					
					img.news_img
					{
						float:left;
						display:block;
						margin:0 10px 5px 0;
						width:auto;
						height:auto;
						border:2px solid #666666;
					}
				
				
	
/*=== portfolio template styles ==================================*/	
					
					#portfolio_wrapper
					{
						width:100%;
						height:auto;
						float:left;
					}
					
					 img.max_img, img.thumb_img
					{
						border:2px solid #666666;	
						float:left;
						width:auto;
						height:auto;
					}
					
					img.max_img:hover, img.thumb_img:hover
					{
					border:2px solid #38A2E1;	
					}
					
					
					.view_wrapper
					{
						width:95%;
						height:auto;
						float:left;
						margin:0 5% 20px 0;
					}
						
						.view_item
						{
							width:29.5%;
							height:auto;
							float:left;
							margin-right:1%;
							padding:10px 1%;
							border:1px solid #d6d6d6;
							-moz-border-radius: 10px;
							-webkit-border-radius: 10px;
						}
						
							.view_item a
							{
								margin-top:-3px;
								float:left;
								border:0;
							}
							
							.view_item img
							{
								border:0;
								float:left;
								margin:3px 10px 0 0;
								border:0;
							}
					
					#content .portfolio_img
					{
						float:left;
						display:block;
						margin:0 5px 5px 0;
						
					}
					
					.portfolio_max_details_wrapper
					{
						width:95%;
						height:auto;
						float:left;
						padding:10px 5% 10px 0;
					}
					
						.portfolio_max_details_wrapper img
						{
							float:left;
							display:block;
							margin:0 10px 5px 0;
							
						}
						
							.portfolio_max_details_wrapper a img 
							{
								border:0;
								border:2px solid #666666;
							}
							
						.view_post_meta a img
						{
							border:0;
						}
					
					.portfolio_thumb_wrapper
					{
						width:100px;
						height:150px;
						float:left;
						margin:0 10px 10px 0;
					}
					
					.portfolio_thumb_wrapper img
					{
						border:2px solid #666666;
					}
					
					.portfolio_textual_wrapper
					{
						width:95%;
						height:auto;
						float:left;
						padding:10px 4% 10px 0;
						
					}
					
					#portfolio_wrapper .post_meta
					{
						float:left;
						width:100%;
						height:auto;
					}
				
				.featured_portfolio_image 
				{
					width:300px;
					height:450px;
					float:left;
					margin:0 10px 10px 0;
				}
				
				.single_portfolio_img
				{
					border:2px solid #666666;
					float:left;
					margin:5px 20px 10px 0;
					width:auto;
					height:auto;
				}
				
				.my_hr
				{
					width:80%;
					margin:10px 10%;
					height:1px;
					background-color:#d6d6d6;
					float:left;
				}
				
				.view_post_meta
				{
					background-color:#fafafa;
					border:1px solid #CCC;
					margin-bottom:10px;
					width:90%;
					padding-left:5px 5%;
					margin:10px 0;
					float:left;
				}
				
					.meta_item
					{
						width:75px;
						height:auto;
						float:left;
						margin:5px 5px;
					}
				
						.date
						{
							background-image:url(images/date-bg.png);
							background-position:center;
							background-repeat:no-repeat;
							width:65px;
							height:52px;
							float:left;
							margin-top:10px;
						}
		
							.month
							{
								width:100%;
								height:20px;
								float:left;
								text-align:center;
								color:#FFFFFF;
								font-weight:bold;
							}				
							
							.day
							{
								width:100%;
								height:30px;
								padding-top:5px;
								float:left;
								text-align:center;	
								font-size:large;
							}
					

				
				
/*====== sidebar =======================================*/				
			
		#sidebar_wrapper
		{
			width:32%;
			height:auto;
			float:left;	
			background-color: #FFFFFF;
			color: #FFFFFF;
		}
			
			#sidebar_wrapper .tab_heading
			{
				color:#222;
			}
		
			#sidebar
			{
				width:70%;
				height:auto;
				float:left;
				background-color:#FFFFFF;
			}
			
				.sidebar_item
				{
					width:90%;
					padding:5%;
					padding-bottom:0;
					padding-top:0;
					height:auto;
					float:left;
					background-color:#E4F2FD;
					color:#000000;
					
				}
				
				.sidebar_item_top
				{
				width:100%;
				height:20px;
				float:left;
				background-color:#FFFFFF;
				color:#666666;
				}
				
					.sidebar_item_top_inner
					{
						width:100%;
						height:20px;
						float:left;
						background-color:#E4F2FD;	
					}
					
				.sidebar_item_bottom
				{
				width:100%;
				height:20px;
				float:left;
				background-color:#FFFFFF;	
				margin-bottom:30px
				}
				
					.sidebar_item_bottom_inner
					{
					width:100%;
					height:20px;
					float:left;
					background-color:#E4F2FD;	
					}				
					
					
/****************************for testimonial open and close quotes ****************************/		
					
					
				.testies_open
				{
					width:100%;
					height:auto;
					float:left;
					background-repeat:no-repeat;
					background-position:top left;
				}
					
				.testies_close
				{
					width:100%;
					height:auto;
					float:left;
					background-repeat:no-repeat;
					background-position:bottom right;
				}

/****************************for the project/portfolio section ****************************/		

		#project_gallery
		{
			width:90%;
			padding:20px 5%;
			float:left;
			background-color:#46B0EF;
		}
		
		#projects
		{
			width:70%;
			height:auto;
			float:left;
			padding:0;
		}
		
			#project_images
			{
				width:100%;
				height:auto;
				float:left;
				padding:20px 0;
			}
			
				#project_images img.portfolio_img
				{
					width:50px;
					height:50px;
					margin:5px;
					margin-left:0;
					float:left;
					display:block;
					border:2px solid #FFFFFF;
				}
				
				#project_images img.portfolio_img:hover
				{
				border:2px solid #666666;	
				}
			
			#project_text
			{
				width:30%;
				height:auto;
				float:left;

				padding-top:20px;

				color:#FFFFFF;
			}
				
				#project_text a
				{
					color:#FFFFFF;
				}
				
					#project_gallery .latest_project 
					{
						color:#FFFFFF;
					}
					
/*====== for the latest project section used through out site ==========================*/

		.latest_project
		{
			height:auto;
			float:left;
			width:100%;
			min-height:100px;
			padding:20px 0;
			
		}
			#project_gallery .latest_project .subhead2, #project_gallery .latest_project a, #project_gallery .latest_project .subhead3
			{
				color:#FFFFFF;
			}
			
		
				.latest_portfolio_large
				{
					width:95%;
					height:auto;
					float:left;
					padding:0 5% 0 0;
				}
				
/****************************for the featured section/our blogs****************************/		

			#featured_wrapper
			{
				width:90%;
				padding:20px 5%;
				height:auto;
				float:left;
				background-color:#38A2E1;
				color:#FFFFFF;
			}
			
				#featured_wrapper .subhead3, #featured_wrapper a
				{
					color:#FFFFFF;
					margin:10px 0;
				}
			
							
				 img.featured_img
				{
					width:200px;
					height:130px;
					float:left;
					margin:20px;
					margin-bottom:7px;
					margin-top:10px;
					margin-left:0;
					border:2px solid #666666;
				}
				
				.featured_item_1
				{
					width:97.5%;
					height:auto;
					min-height:200px;
					float:left;
					margin-left:1.25%;
					margin-right:1.25%;
				}
							
				.featured_item_2
				{
					width:47.5%;
					height:auto;
					min-height:200px;
					float:left;
					margin-left:1.25%;
					margin-right:1.25%;
				}
				
				.featured_item_3
				{
					width:30%;
					height:auto;
					min-height:200px;
					float:left;
					margin-left:1.25%;
					margin-right:1.25%;
				}
				
				.featured_item_4
				{
					width:21.5%;
					height:auto;
					min-height:200px;
					float:left;
					margin-left:1.25%;
					margin-right:1.25%;
				}
				
					.featured_image
					{
						float:left;
						display:block;
						margin: 0 10px 10px 0;
						height:100px;
						width:100%;
						border:2px solid #666666;
					}
				
					#featured_wrapper a
					{
						color:#FFFFFF;
					}
			
					#featured_wrapper .subhead_white a
					{
						margin-bottom:20px;
					}
					
						#featured_wrapper .subhead2, #featured_wrapper .subhead3
						{
							color:#FFFFFF;	
						}
				
/****************************for the news and events post section****************************/		

		#header_content img
		{
			border:2px solid #666666;
			display:block;
			height:auto;
			width:auto;
			float:left;
			margin:5px 10px 0 0;
		}

			.one_item
			{
				width:90%; 
				padding-left:5%; 
				padding-right:5%;
				height:auto;
				float:left;
				padding-bottom:10px;
				height:auto;
				float:left;
			}
		
			.two_items
			{
				width:44%; 
				padding-left:2.5%; 
				padding-right:2.5%;
				height:auto;
				float:left;
				padding-bottom:10px;
				height:auto;
				float:left;
			}
			
			.three_items
			{
				width:32%; 
				padding-left:0; 
				padding-right:1%;
				height:auto;
				float:left;
				padding-bottom:10px;
				height:auto;
				float:left;
			}
			
				.item_image
				{
					float:left;
					display:block;
					background-repeat:no-repeat;
					background-position:top center;
					margin:10px;
					margin-top:5px;
					margin-bottom:0;
					margin-left:0;
					border:1px solid #666666;
				}
				
					.one_item .item_image
					{
						width:250px; 
						height:150px;
					}
				
					.two_items .item_image
					{
						width:125px; 
						height:125px;
					}
					
					.three_items .item_image
					{
						width:75px; 
						height:75px;
					}
		
/****************************for the services section ****************************/		

			#services_wrapper
			{
				padding:0 1.5% 0 2.5%;
				width:96%;
				height:auto;
				min-height:200px;
				float:left;
				background-color:#E4F2FD;
			}
			
				#services_wrapper a
				{
					color:#666666;
				}
				
				.child_align
				{
					width:100%;
					height:auto;
					float:left;
				}
	
				.our_services
				{
					width:30%;
					height:auto;
					float:left;
					margin:10px 1.5% 10px 1.5%;
					background-color:#38A2E1;
					min-height:100px;
				}				
				

				
					.child_title
					{
						height:auto;
						width:100%;
						min-height:25px;
						float:left;
						margin:10px 0 10px 0;
						
					}
					
					.child_image
					{
						float:left;
						height:auto;
						background-repeat:repeat-x;
						background-position:left top;		
						border:2px solid #666666;
					}
					
					.child_content
					{
						width:98%;
						float:left;
						height:auto;
						padding:5px 2%;
						border: 2px solid #FFFFFF;
					}
					
					
					.child_content img
					{
						display:block;
						float:left;
						margin:0 20px 5px 0;
						border:2px solid #666666;
					}
					
					.child_services_wrapper-one
					{
						width:95%;
						height:auto;
						float:left;
						padding:20px 2.5% 20px 2.5%;
					}
					
							.child_services_wrapper-one .child_title
							{
																
							}
							
							.child_services_wrapper-one .child_image
							{
								width:300px;
								height:200px;
							}
							
							.child_services_wrapper-one .child_content
							{
								
							}
					
					.child_services_wrapper-two
					{
						width:95%;
						height:auto;
						float:left;
						padding:0 2.5%;	
					}
					
							.child_services_wrapper-two .child_title
							{
																
							}
							
							.child_services_wrapper-two .child_image
							{
								width:45%;
								height:100px;
								float:left;
								border:2px solid #666666;
								margin-right:2%;
							}
							
							.child_services_wrapper-two .child_content
							{
								width:49%;
								height:auto;
								float:left;	
							}
							
									.child_services_no_img_wrapper-two
									{
										width:45%;
										height:auto;
										float:left;
										padding:0 2.5%;	
									}
									
										.child_services_no_img_wrapper-two .child_content
										{
											width:100%;
											height:auto;
											float:left;	
										}
					
					.child_services_wrapper-three
					{
						width:29%;
						height:auto;
						float:left;
						padding:20px 1.5% 20px 1.5%;	
					}
					
				
							.child_services_wrapper-three .child_title
							{
																
							}
							
							.child_services_wrapper-three .child_image
							{
								width:100%;
								float:left;
								height:120px;
								
								
							}
							
							.child_services_wrapper-three .child_content
							{
								
							}
					
					.child_services_wrapper-four
					{
						width:44%;
						height:auto;
						float:left;
						padding:20px 2.5% 20px 2.5%;		
					}
					
				
							.child_services_wrapper-four .child_title
							{
																
							}
							
							.child_services_wrapper-four .child_image
							{
								width:100px;
								height:100px;
								float:left;
								
							}
							
							.child_services_wrapper-four .child_content
							{
								
							}
					
					.child_services_wrapper-five
					{
						width:29%;
						height:auto;
						float:left;
						padding:20px 1.5% 20px 1.5%;	
					}
					
							.child_services_wrapper-five img
							{
								display:block;
								float:left;
								margin:0 20px 5px 0;
							}
					
							.child_services_wrapper-five .child_title
							{
																
							}
							
							.child_services_wrapper-five .child_image
							{

							}
							
							.child_services_wrapper-five .child_content
							{
								
							}
					
					.child_services_wrapper-six
					{
						width:29%;
						height:auto;
						min-height:220px;
						float:left;
						padding:5px 1.5% 5px 1.5%;
					}
					
							.child_services_wrapper-six img
							{
								display:block;
								float:left;
								margin:0 10px 0 0;
							}
				
							.child_services_wrapper-six .child_title
							{
																
							}
							
							.child_services_wrapper-six .child_image
							{

							}
							
							.child_services_wrapper-six .child_content
							{
								
							}

				


	
			
			
/****************************for the footer ****************************/					
		#footer_wrapper
		{
			width:100%;
			height:auto;
			float:left;	
			border-bottom:3px solid #FFFFFF;
			color: #FFFFFF;
		}
		
		#footer_wrapper a
		{
			color:#FFF;
		}
		
			#footer_header
			{
				width:100%;
				height:auto;
				float:left;	
			}		
			
			#footer_content_wrapper
			{
				width:90%;
				padding:10px 5%;

				height:auto;
				float:left;	
				background-color: #666666;
				background-image:url(images/cloud_large.png);
				background-repeat:no-repeat;
				background-position:top left;

			}
			
			#footer_content
			{
				width:80%;
				padding:10px 10%;
				height:auto;
				float:left;
			}
			
			#footer_content .footer_item
			{
				width:30%;
				height:auto;
				float:left;
				margin:1.50%;				
			}
			
			#footer_content .footer_item ul li.list_topping
			{
				width:88%;
				height:auto;
				border-bottom:1px solid #FFFFFF;
				padding:2%;
				margin:5%;
				margin-bottom:0;
				margin-top:0;
				
			}
			
			#footer_content .footer_item ul li a
			{
				padding:5px;
				padding-left:2%;	
				display:block;
				border-bottom:1px solid #68c3f9;
				margin:5%;
				margin-bottom:0;
				margin-top:0;
				width:88%;			
				
			}
			
			#footer_content .footer_item ul li a:hover
			{
				border-bottom:1px solid #FFFFFF;
				background-color:#FFFFFF;
				color:#222222;
			}
			
			#footer_text
			{
				width:23%;
				padding:20px 3.5% 20px 3.5%;

				height:auto;
				float:left;
				
			}
			
			#footer_footer
			{
				width:100%;
				height:auto;
	
				float:left;	
				border-top:2px solid #BBB;
				background-color:#FFFFFF;
				color:#000000;
			}
			
				#footer_footer ul 
				{
					float:left;
					width:100%;
					height:auto;
				}
				
					#footer_footer ul li 
					{
						float:left;
						width:auto;
						height:auto;
						margin:5px;
						list-style-type:none;
					}				
				
						#footer_footer ul li a
						{
							color:#000000;
						}
			
			#abd_footer
			{
				float:right;
				height:10px;
				margin-right:20px;
				padding-right:10px;
				padding-bottom:15px;
				padding-top:22px;
				padding-left:85px;
				background-color:#FFFFFF;
				background-image:url(images/tiny_abd.png);
				background-repeat:no-repeat;
				background-position:left center;
				display:inline;
				color:#CCC;
				width:auto;
				
			}
			
				#abd_footer a
				{
					color:#666;
					text-decoration:none;
				}
			
			
/* === relating to the tabbing on the site (lots of css for lots of divs) ==============*/			
			
 		.item_tab_wrapper
		{
			width:100%;
			height:auto;
			float:left;
			background-color:#38A2E1;
		}		

			
			.item_tab_large
			{
				width:68%;
				padding-bottom:0;
				height:auto;
				float:left;	
				min-height:20px;
				background-color:#38A2E1;
			}
			
				.item_tab_large_bottom
				{
					width:100%;
					height:20px;
					float:left;	
					background-color:#46B0EF;
				}
				
					.item_tab_large_bottom_inner
					{
						width:100%;
						height:20px;
						float:left;	
						background-color:#38A2E1;
					}
				
				.item_tab_large_content
				{
					width:100%;
					height:auto;
					min-height: 60px;
					float:left;	
					background-color:#38A2E1;
				}
				
			
			.item_tab_small
			{
				width:22%;
				height:auto;
				float:left;	
				background-color:#46B0EF;
			}	
			
					
				.item_tab_small_bottom
				{
					width:100%;
					height:20px;
					float:left;
					background-color:#38A2E1;
				}
				
					.item_tab_small_bottom_inner
					{
						width:100%;
						height:20px;
						float:left;
						background-color:#46B0EF;	
					}
			
				.item_tab_small_content
				{
					width:100%;
					min-height: 60px;
					height:auto;
					float:left;
					background-color:#46B0EF;	
				}
				
			
				.item_tab_small_remainder
				{
					width:10%;
					height:auto;
					min-height:20px;
					float:left;	
					background-color:#38A2E1;
				}
				
					.item_tab_small_remainder_bottom
					{
						width:100%;
						height:20px;
						float:left;
						background-color:#46B0EF;	
					}
					
						.item_tab_small_remainder_bottom_inner
						{
							width:100%;
							height:20px;
							float:left;
							background-color:#38A2E1;		
						}
					
					.item_tab_small_remainder_content
					{
						width:100%;
						min-height: 60px;
						height:auto;
						float:left;
						background-color:#38A2E1;		
					}

/*still for the tabs*/

		.left_item_tab_wrapper
		{
			width:100%;
			height:auto;
			float:left;
			background-color:#38A2E1;
		}		

			
			.left_item_tab_large
			{
				width:68%;
				padding-bottom:0;
				height:auto;
				float:left;	
				min-height:20px;
				background-color:#FFFFFF;
			}
			
				.left_item_tab_large_bottom
				{
					width:100%;
					height:20px;
					float:left;	
					background-color:#38A2E1;
				}
				
					.left_item_tab_large_bottom_inner
					{
						width:100%;
						height:20px;
						float:left;	
						background-color:#E4F2FD;
					}
				
				.left_item_tab_large_content
				{
					width:100%;
					height:auto;
					min-height: 60px;
					float:left;	
					background-color:#E4F2FD;
				}
				
			
			.left_item_tab_small
			{
				width:22%;
				height:auto;
				float:left;	
				background-color:#38A2E1;
			}	
			
					
				.left_item_tab_small_bottom
				{
					width:100%;
					height:20px;
					float:left;
					background-color:#E4F2FD;
				}
				
					.left_item_tab_small_bottom_inner
					{
						width:100%;
						height:20px;
						float:left;
						background-color:#38A2E1;	
					}
			
				.left_item_tab_small_content
				{
					width:100%;
					min-height: 60px;
					height:auto;
					float:left;
					background-color:#38A2E1;	
				}
				
			
				.left_item_tab_small_remainder
				{
					width:10%;
					height:auto;
					min-height:20px;
					float:left;	
					background-color:#E4F2FD;
				}
				
					.left_item_tab_small_remainder_bottom
					{
						width:100%;
						height:20px;
						float:left;
						background-color:#38A2E1;	
					}
					
						.left_item_tab_small_remainder_bottom_inner
						{
							width:100%;
							height:20px;
							float:left;
							background-color:#E4F2FD;		
						}
					
					.left_item_tab_small_remainder_content
					{
						width:100%;
						min-height: 60px;
						height:auto;
						float:left;
						background-color:#E4F2FD;		
					}
/* still for the tabs*/

 		.header_tab_wrapper
		{
			width:100%;
			height:auto;
			float:left;
			background-color:#46B0EF;
		}		

			
			.header_tab_large
			{
				width:68%;
				padding-bottom:0;
				height:auto;
				float:left;	
				min-height:20px;
				background-color:#38A2E1;
			}
			
				.header_tab_large_bottom
				{
					width:100%;
					height:20px;
					float:left;	
					background-color:#46B0EF;
				}
				
					.header_tab_large_bottom_inner
					{
						width:100%;
						height:20px;
						float:left;	
						background-color:#38A2E1;
					}
				
				.header_tab_large_content
				{
					width:100%;
					height:auto;
					min-height: 60px;
					float:left;	
					background-color:#38A2E1;
				}
				
			
			.header_tab_small
			{
				width:22%;
				height:auto;
				float:left;	
				background-color:#46B0EF;
			}	
			
					
				.header_tab_small_bottom
				{
					width:100%;
					height:20px;
					float:left;
					background-color:#38A2E1;
				}
				
					.header_tab_small_bottom_inner
					{
						width:100%;
						height:20px;
						float:left;
						background-color:#46B0EF;	
					}
			
				.header_tab_small_content
				{
					width:100%;
					min-height: 60px;
					height:auto;
					float:left;
					background-color:#46B0EF;	
				}
				
			
				.header_tab_small_remainder
				{
					width:10%;
					height:auto;
					min-height:20px;
					float:left;	
					background-color:#38A2E1;
				}
				
					.header_tab_small_remainder_bottom
					{
						width:100%;
						height:20px;
						float:left;
						background-color:#46B0EF;	
					}
					
						.header_tab_small_remainder_bottom_inner
						{
							width:100%;
							height:20px;
							float:left;
							background-color:#46B0EF;		
						}
					
					.header_tab_small_remainder_content
					{
						width:100%;
						min-height: 60px;
						height:auto;
						float:left;
						background-color:#46B0EF;		
					}
					
/* still for the tabs*/
 
 		.link_tab_wrapper
		{
			width:100%;
			height:auto;
			float:left;
			background-color:#FFFFFF;
		}		

			
			.link_tab_large
			{
				width:68%;
				padding-bottom:0;
				height:auto;
				float:left;	
				min-height:20px;
				background-color:#38A2E1;
				
			}
			
				.link_tab_large_bottom
				{
					width:100%;
					height:20px;
					float:left;	
					background-color:#f0f0f0;
				}
				
					.link_tab_large_bottom_inner
					{
						width:100%;
						height:20px;
						float:left;	
						background-color:#FFFFFF;
					}
				
				.link_tab_large_content
				{
					width:100%;
					height:auto;
					min-height: 60px;
					float:left;	
					background-color:#FFFFFF;
				}
				
			
			.link_tab_small
			{
				width:22%;
				height:auto;
				float:left;	
				background-color:#E4F2FD;
			}	
			
					
				.link_tab_small_bottom
				{
					width:100%;
					height:20px;
					float:left;
					background-color:#FFFFFF;
				}
				
					.link_tab_small_bottom_inner
					{
						width:100%;
						height:20px;
						float:left;
						background-color:#E4F2FD;	
					}
			
				.link_tab_small_content
				{
					width:100%;
					min-height: 60px;
					height:auto;
					float:left;
					background-color:#E4F2FD;	
				}
				
			
				.link_tab_small_remainder
				{
					width:10%;
					height:auto;
					min-height:20px;
					float:left;	
					background-color:#FFFFFF;
				}
				
					.link_tab_small_remainder_bottom
					{
						width:100%;
						height:20px;
						float:left;
						background-color:#E4F2FD;	
					}
					
						.link_tab_small_remainder_bottom_inner
						{
							width:100%;
							height:20px;
							float:left;
							background-color:#FFFFFF;		
						}
					
					.link_tab_small_remainder_content
					{
						width:100%;
						min-height: 60px;
						height:auto;
						float:left;
						background-color:#FFFFFF;		
					}

/* ===== mini content ===============================================*/

.mini_container
{
	width:30%;
	height:auto;
	min-height:280px;
	margin-left:1.5%;
	margin-right:1.5%;
	float:left;
	display:inline;
	margin-bottom:10px;
	margin-top:10px;

}

.mini_title
{
	width:100%;
	min-height:45px;
	float:left;
}


.mini_content{
	width:100%;
	height:auto;
	float:left;
	min-height:110px;

}

.mini_img
{
	width:100%;
	height:100px;
	float:left;
	background-position: center;
	background-repeat:repeat-x;
}

/*==== for wp-page-navi plug for better pagination ====================*/


.page_navigation
{
	float:left;
	width:80%;
	height:auto;
	margin:20px 10%;
}

.wp-pagenavi a, .wp-pagenavi a:link 
{
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #f0f0f0;
	color: #333333;
	background-color: #FFFFFF;	
}

.wp-pagenavi a:visited 
{

}

.wp-pagenavi a:hover 
{	
	border: 1px solid #666666;
	color: #FFFFFF;
	background-color: #666666;	
}

.wp-pagenavi a:active 
{
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #666666;
	color: #FFFFFF;
	background-color: #666666;	
}

.wp-pagenavi span.pages 
{
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	border: 1px solid #f0f0f0;
	color: #333333;
	background-color: #FFFFFF;	
}

.wp-pagenavi span.current 
{
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #666666;
	color: #FFFFFF;
	background-color: #666666;	
}

.wp-pagenavi span.extend 
{
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #666666;
	color: #333333;
	background-color: #FFFFFF;	
}



/* === for ngg gallery ==================================================*/

/* ----------- Album Styles Extend -------------*/
.ngg-albumoverview 
{
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album
{
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */

/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */

html>body .ngg-album 
{
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album 
{
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle 
{
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail 
{
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img 
{
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover
{
	background-color: #A9A9A9;
}

.ngg-description
{
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact 
{
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox 
{
	/*background:transparent url(albumset.gif) no-repeat scroll 0%;*/
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}

.ngg-album-compactbox .Thumb 
{
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 
{
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p 
{
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview 
{
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc 
{
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box 
{
	float: left;
}

.ngg-gallery-thumbnail 
{
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img 
{
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover 
{
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span 
{
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear 
{
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation 
{
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
}

.ngg-navigation span 
{
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover 
{
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
}

.ngg-imagebrowser h3 
{
	text-align:center;
}

.ngg-imagebrowser img 
{
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav 
{
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back 
{
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next 
{
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter 
{
	text-align:center;
	font-size:0.9em !important;
}

.exif-data
{
  	margin-left: auto !important;
    margin-right: auto !important;	
}



/* ----------- Slideshow -------------*/

.slideshow 
{
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
}

/* ----------- Single picture -------------*/

.ngg-singlepic 
{
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left 
{
	float: left;
	margin-right:10px;
}

.ngg-right 
{
	float: right;
	margin-left:10px;
}

.ngg-center 
{
  	margin-left: auto !important;
   margin-right: auto !important;
}


/* ==== suckerfish nav =============================================== */


#suckerfishnav 
{

    font-size:small;
    font-family:verdana,sans-serif;
	z-index:100;
    width:100%;
	overflow: hidden;
	color:#FFFFFF;
}
	
#suckerfishnav, #suckerfishnav ul 
{
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
    margin:0;
    width:100%;
	z-index:100;
	margin:0;
	color:#FFFFFF;
}

#suckerfishnav a 
{
    display:block;
    color:#FFFFFF;
	z-index:100;
    text-decoration:none;
    padding:0px 10px;
	font-weight:normal;
}
	
#suckerfishnav a:hover /*for individual li items */
{
	color:#585858;
	background-color:#E4F2FD;
}
	
#suckerfishnav li 
{
    float:left;
    padding:0;
	z-index:100;
	border:2px solid #444;
	color:#FFFFFF;
	background-color:#585858;
	margin:10px 0 10px 10px;

}
	
#suckerfishnav ul 
{
    position:absolute;
    left:-999em;
    height:auto;
    width:234px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border-top:2px solid #444;
	margin-left:-2px;
	
}
		
#suckerfishnav li li 
{
    width:230px;
    border:2px solid #444;
	border-top:0;
	color:#FFFFFF;
	margin:0;

}

#suckerfishnav li li:hover 
{
	width:230px;
	border:2px solid #444;
	border-top:0;
	color:#585858;

}
	
#suckerfishnav li li:hover 
{
	background-color:#E4F2FD;
}	
	
#suckerfishnav li li a 
{
	padding:10px 5px 10px 10px;
	width:185px;
	font-size:small;
	color:#FFFFFF;
}
	
#suckerfishnav li ul ul 
{
   	margin:-35px 0 0 210px;
		color:#FFFFFF;
}

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a 
{
	color:#585858;
	
}

#suckerfishnav li:hover a 
{
	color:#585858;
}

#suckerfishnav li.sfhover a 
{
    color:#585858;
 }
 
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a 
{
    color:#FFFFFF; /*this is for the color of the other non hovered over objects*/
 }
 
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul 
{
    left:-999em;
	color: #FFFFFF;
}

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul 
{
    left:auto;
    background-color:#E4F2FD; /*background colour of the drop down second level menu*/
	color: #FFFFFF;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background-color:#E4F2FD; /*color of the top level */
	border:2px solid #444;
	color: #FFFFFF;

 }
 


/*===display none ==============================================*/

 .nodisplay, ul li.nodisplay, .linklove
{
	display:none;
}
.welcome{
	display:none;
}
.jumps{
	display:none;
}