./* 
Theme Name: London Embroidery: Default
Theme URL: www.londonembroidery.com
Description: 
Author: Paul Whitehead
Author URI: www.access-bydesign.com
Version: 1.0
*/

/*main */

/*text and links */

/* border */

/*suckerfish*/

/*===display none ==============================================*/
.nodisplay, ul li.nodisplay, .hidden, .show_in_mobile, #taw_intro 
{
	display:none;
}

/* ===== body ================================================*/
*
{
	padding:0;
	margin:0;
}

html
{
	margin:0;
	padding:0;
}

.child_image_small
{
	float:right;
	height:auto;
	width:auto;
	margin:5px 0 5px 22px;
}


body
{
	background-image:url(images/bg.png);
	background-color:#222222;
	background-repeat: repeat;
	color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.45em;
}

p
{
	background-image:url(images/bullet-blue.png);
	background-position:left top;
	background-repeat:no-repeat ;
	margin-bottom:10px;
	padding-left:16px;
	text-align:justify;
}

.subhead, .subhead2, .subhead3, .subhead4
{
	padding-left:0;
	background-image:url();
}

ul.sidebar_list li
{
	background-image:url(images/bullet-blue-list.png);
	background-position:left center;
	background-repeat:no-repeat;
	margin-bottom:10px;
	padding-left:16px;
	text-align:justify;	
}

a, a:visited, a:link
{
 color: #32a0d3;
}

a:active, a:hover
{
	color: #D23D24;
	text-decoration:underline;
}

#wrapper
{
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
}

	#header_wrapper
	{
		width:100%;
		height:auto;
		float:left;
	}

		#top
		{
			width:100%;
			height:auto;
			position:absolute;
			top:0;
			left:0;
			float:left;
			background-color:#1474a0;
			border-bottom:1px solid #111111;
			
		}
		
			#top ul
			{
				width:auto;
				float:left;					
				height:25px;
				padding:5px 10px;
			}
			
				#top ul li
				{
					width:auto;
					height:auto;
					float:left;
					display:inline;
					margin-right:5px;
				}
				
				#top ul li.text-middle
				{
					float:left;
					font-size:0.85em;
					padding-right:2px;
					padding-top:2px;
				}
				
			#top .search_us
			{
				width:auto;
				height:auto;
				float:right;
			}
						
	#header_content
	{
		padding:10px 2.7%;
		width:94.6%;
		height:auto;
		float:left;
		border-bottom:2px dotted #32a0d3;
	}
	
		#nav
		{
			padding:15px 5% 0;
			width:90%;
			height:auto;
			float:left;
			border-bottom:2px dotted #32a0d3;
		}
	
		#breadcrumb
		{
			width:96%;
			height:auto;
			float:left;
			background-image:url(images/trans.png);
			background-repeat:repeat;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;	
			padding:3px 2%;
		}
		
			#breadcrumb a
			{
			}
			
				#breadcrumb a:hover
				{

				}
		
			.small_text
			{
				font-variant:small-caps;
				font-size:80%;
			}
		
		.header_title
		{
			font-family: Helvetica, Arial, sans-serif;
			font-size:2.7em;
			font-style: normal;
			font-weight: bold;
			letter-spacing: -2px;
			line-height: 1.2em;
			color:#FFFFFF;
			background-color:#1474a0;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;	
			padding:15px 2.5%;
			width: 95%;
		}
		
		.header_tag
		{
			font-family: Cambria, serif;
			font-size:0.5em;
			font-style: normal;
			font-weight: normal;
			letter-spacing: normal;
			line-height: 1.3em;
			color:#eaeaea;
		}
		
		span.header_desc
		{
			color:#666666;	
		}
		
	
	#home_intro
	{
		height:auto;
		padding:15px 9.5%;
		width:81%;
		float:left;
	}
	
		#top_contact
		{
			width:96%;
			height:auto;
			float:right;
			background-image:url(images/trans.png);
			background-repeat:repeat;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;	
			margin-top:10px;
			padding:5px 2%;
		}
		
			#top_contact ul
			{
				height:auto;
				width:100%;
				float:left;
			}
		
			#top_contact ul li
			{
				display:inline;
				width:auto;
				float:left;
				height:auto;
				padding-right:4%;
			}
			

		
/* ==== main content styling ==== */

	#mid_wrapper
	{
		width:95%;
		height:auto;
		float:right;
		padding:10px 2.5% 0;
	}	
	
	 #front_page
	 {
		 	width:100%;
			height:auto;
			float:left;
			padding-top:15px;

	 }
	 
	 	#front_page_random
		{
			width:30%;
			height:auto;
			float:left;
			padding:20px 2% ;
			margin: 0;
			background-image:url(images/trans.png);
			background-repeat:repeat;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
		}
			
			#front_page_random .child
			{
				width:100%;
				margin:0;
				padding:0;
				background-image:url();
				
			}
				
				#front_page_random .child .subhead2
				{
					text-align:left;
				}
				
				#front_page_random .child .child_image
				{
					height:160px;
					background-position:center;
				}

		#content_wrapper
		{
			width:100%;
			height:auto;
			float:left;
		}	
		
		#front_page #content_wrapper
		{
		 	width:63%;
			height:auto;
			float:left;
			padding:0 0 0 2.5%;
		}
		
			#content
			{
				width:94%;
				height:auto;
				float:right;
				padding:13px 3% 11px;
				margin: 0;
				background-image:url(images/trans.png);
				background-repeat:repeat;
				-moz-border-radius: 7px;
				-webkit-border-radius: 7px;
			}		
			
			.item_heading
			{
				width:100%;
				height:auto;
				float:left;
			}
			
				#content .post_title
				{
					width:100%;
					height:auto;
					float:left;
					padding:14px 0;
				}
				
					
/*=== for the list category ====== */
		
				.item_wrapper
				{
					width:100%;
					height:auto;
					float:left;
				}

				.item
				{
					width:31%;
					height:auto;
					float:left;
					margin:20px 1%;
				}
				
				.item_title p.subhead2
				{
					text-align:left;
				}
						
				.item_content
				{
					width:95%;
					height:auto;
					float:left;
					padding:18px 2.5%;
					background-image:url(images/bg.png);
					background-repeat: repeat;
					background-position:left center;
					-moz-border-radius: 7px;
					-webkit-border-radius: 7px;	
				}
				
					.item_content p
					{
						padding:0;
						background-image:none;
					}
					
					.item_content a
					{
						color:#FFFFFF;
					}
				
					.item_content .more_wrapper
					{
						width:auto;
						margin-top:20px;
						float:right;
					}
				
						.item_content .more_wrapper a.more_link
						{
							color:#FFFFFF;
						}
				
				.item_content .image_image
				{
					width:auto;
					height:auto;
					float:left;
					margin:0 9px 0 0;
				}		
				
							
					.premeta_wrapper
					{
						width:100%;
						height:auto;
						float:left;
						margin-top:10px;
					}
					
					.premeta
					{
						float:right;
						height:auto;
						text-align:right;
						width:auto;		
						padding:4px 3% 10px;
						background-color:#1474a0;
						-moz-border-radius-topleft: 7px;
						-webkit-border-top-left-radius: 7px;
						-moz-border-radius-bottomleft: 7px;
						-webkit-border-bottom-left-radius: 7px;									
					}
			
				
					.pre_date
					{
						float:left;
						height:auto;
						margin:0 20px 0 0;
						padding:10px 0 0;
						width:auto;
					}
				
					span.date
					{
						background-image:url(images/icons/date.png);
						background-position:left top;
						background-repeat:no-repeat;
						height:auto;
						padding:5px 2%;
						width:96%;
					}	
					.post_tags
					{
						width:100%;
						height:auto;
						float:left;
						margin-top:5px;
						margin-bottom:5px;
					}
					
					span.tag
					{
						background-image:url(images/icons/tag.png);
						background-position:left top;
						background-repeat:no-repeat;
						height:auto;
						
						padding:5px 2% 5px 7%;
						width:91%;
					}	
					
					.pre_author
					{
						float:left;
						height:auto;
						padding:10px 0 0;
						width:auto;
					}
					
					span.author
					{
						padding:5px 2%;
						width:96%;
						height:auto;
						background-image:url(images/icons/user.png);
						background-position:left top;
						background-repeat:no-repeat;
					}

					
					.pre_cat
					{
						float:right;
						height:auto;
						text-align:right;
						width:auto;		
						padding:9px 3%;	
						background-color:#1474a0;
						-moz-border-radius-topleft: 7px;
						-webkit-border-top-left-radius: 7px;
						-moz-border-radius-bottomleft: 7px;
						-webkit-border-bottom-left-radius: 7px;						
					}
					
						.pre_cat a
						{
							color:#FFFFFF;
						}
					
						.category
						{
							width:auto;
							height:auto;
							padding: 2px 0 3px 30px;
							background-image:url(images/icons/category.png);
							background-repeat:no-repeat;
							background-position:left center;
						}
						
						
	
	
	/* === for the regular content ===== */
				#content .post_content
				{
					width:100%;
					height:auto;
					float:left;
				}
				
				#content .content_image
				{
					width:auto;
					height:auto;
					float:left;
					margin:0 9px 10px 0;
				}
				
				#content .fallback_img
				{
					float:right;
					height:auto;
					margin:-36px -9px 0 23px;
					width:auto;
					border:2px solid #f7f7f7;
				}
				
				#content .content_image img:hover, #content .fallback_img img:hover
				{
					border:2px solid #32a0d3;	
				}
				
					#content .fallback_image ul
					{
						height:auto;
						float:left;
					}
					
						#content .fallback_image ul li
						{
							width:auto;
							height:auto;
							float:left;
							display:inline;
						}
						
							#content .fallback_image ul li.left
							{								
								float:left;

							}
							
							#content .fallback_image ul li.right
							{
								float:right;

							}									
			
				#content ul 
				{
					margin-left:15px;
					margin-bottom:15px;
				}
				
					#content ul li
					{
						margin-left:15px;
					}
					
					.page
					{
						width:100%;
						height:auto;
						float:left;
						margin-bottom:20px;
					}
					
					#page_content
					{
						width:100%;
						height:auto;
						float:left;
					}	
					

				
/* ===== for the front page */

.front_img
{
	width:138px;
	height:138px;
	float:left;
}

.front_img img.content_image
{
	border:2px solid #48463C;
}

	.front_img img.content_image:hover
	{
		border:2px solid #32a0d3;
	}
	
span.text 
{
	background-image:url(images/trans85.png);
	background-position:left top;
	border:2px solid #38352C;
	float:left;
	height:auto;
	left:7px;
	padding:5px;
	position:relative;
	text-align:left;
	top:-131px;
	width:99px;
	z-index:1;
	font-size:0.8em;
}
	
	/* ========== tabs =============== */
#content .tabbed ul, #content .tabbed ul li 
{
	margin:0;
	padding:0;
}

#content .tabbed 
{
	padding:0;
	width:100%;
	height:auto;
	float:left;
}

	#content .tabbed a
	{
		text-decoration:underline;
		cursor:pointer;
	}

/* =====navigation tabs =======*/
	#content .tabbed ul.tabs 	
	{
		float: left;
		width:100%;
	}

		#content .tabbed ul.tabs a
		{

		}

			#content .tabbed ul.tabs a:hover
			{
				text-decoration: underline;
			}
	
		#content .tabbed ul.tabs li 
		{
					list-style: none;
		}

			#content .tabbed ul.tabs li a 
			{
				display:block;
				float:left;
				height:auto;
				padding:5px 2.5%;
				text-align:left;
				text-decoration:none;
				width:auto;
				background-image:url(images/trans.png);
				background-repeat:repeat;
				-moz-border-radius: 7px;
				-webkit-border-radius: 7px;	
				margin:5px 2.5%;
			}
	
				#content .tabbed ul.tabs li a:hover 
				{
					background-color: #222222;
					-moz-border-radius: 7px;
					-webkit-border-radius: 7px;	
				}

 /* ======The current selected tab======= */
			#content .tabbed ul.tabs li a.tab-current
			{
				background-color: #1474a0;
				color: #FFFFFF;
				
			
			}
			
				#content .tabbed ul.tabs li a.tab-current:hover 
				{
					background-color: #1474a0;
					color:#FFFFFF;
				}
/* =======The content shown when a tab is selected====== */
	#content .tabbed div 
	{
		display: block;
		float:left;
		height:auto;
		width:100%;
		padding:10px 0;
		text-align:justify;
	}
	

#content .tabbed div.t2, 
#content .tabbed div.t3, 
#content .tabbed div.t4 
{
	/* Set the CSS to make sure the other tabs' content isn't shown other than the first */
	/*display: none; removed so its accessable - class added by js so if js disabled, content not hidden*/
}

#content .tabbed div.t2 a, 
#content .tabbed div.t3 a, 
#content .tabbed div.t4 a
{
	text-decoration:none;
}

	#content .tabbed div.t2 a:hover, 
	#content .tabbed div.t3 a:hover, 
	#content .tabbed div.t4 a:hover
	{
		text-decoration:none;
	}
	
#content .tabbed div.t2 span.more a, 
#content .tabbed div.t3 span.more a, 
#content .tabbed div.t4 span.more a
{
	text-decoration:none;
}					

.tabbed_hidden
{
	display:none;
}




/* for the child loop on the services page */
#child_pages_wrapper
{
	width:100%;
	height:auto;
	float:left;
}
		
	.post_parent
	{
		width:95%;
		height:auto;
		float:left;
		padding:15px 2.5%;
		background-image:url(images/trans.png);
		background-repeat:repeat;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;	
		margin-bottom:15px;
	}
	
		#parent_title
		{
			width:100%;
			height:auto;
			float:left;
		}
		
		#parent_content
		{
			width:100%;
			height:auto;
			float:left;
		}

			#children
			{
							
				width:95%;
				height:auto;
				float:left;
				padding:15px 2.5%;
				background-image:url(images/trans.png);
				background-repeat:repeat;
				-moz-border-radius: 7px;
				-webkit-border-radius: 7px;	
				margin-bottom:15px;
			}

		
			.child_wrapper
			{
				width:100%;
				height:auto;
				float:left;
			}	
			
				.child
				{
					width:45%;
					height:auto;
					margin:20px 1% 20px 1%;
					padding:10px 1.5%;
					float:left;
					background-image:url(images/bg.png);
					background-repeat:repeat;	
					-moz-border-radius: 7px;
					-webkit-border-radius: 7px;	
				}
				
					.child .more_wrapper
					{
						margin-bottom:0;
					}				
				
					.child_image
					{
						float:left;
						height:100px;
						width:97%;
						background-repeat:repeat-x;
						background-position:center;		
						border:2px solid #444444;
						margin-bottom:10px;			
					}
					
					.child_content
					{
						width:100%;
						float:left;
						height:auto;
						padding:5px 0;
						color:#eaeaea;
					}
						
						.child_wrapper span.more a.more_link
						{
							color:#FFFFFF;
						}
						
				
						.child_wrapper span.more
						{
							border:1px solid #38352C;
						}
						
/*=== content gallery style ==================================*/		

				#gallery_wrapper
				{
					float:left;
					height:auto;
					padding:20px 0;
					width:100%;	
				}
				
					#gallery_content
					{
						width:100%;
						float:left;
						height:auto;							
					}
					
						#gallery_content img
						{
							float:left;
							width:auto;
							height:auto;
							margin: 0 10px 10px 0;
							padding:0;
						}
						
						#gallery_content img:hover
						{

						}
						
					#gallery_name
					{
						float:left;
						width:99%;
						padding-left:1%;
						height:auto;
					}
				
/* ===== sidebar ======= */

		#sidebar_wrapper
		{
			width:32.5%;
			height:auto;
			float:left;
		}	
			
			#sidebar
			{
				width:100%;
				height:auto;
				float:left;
			}	
				
				#sidebar ul li
				{
					list-style:none;
				}			
				
				.sidebar_item
				{
					width:90%;
					height:auto;
					float:left;
					background-image:url(images/trans.png);
					background-repeat:repeat;
					padding:15px 5%;
					-moz-border-radius: 7px;
					-webkit-border-radius: 7px;
				}
				
					.sidebar_item_title
					{
						width:100%;
						height:auto;
						float:left;
				
					}
					
				ul.sidebar_list li a
				{
					text-decoration:none;
					font-family: Cambria, serif;
					font-size: 1.5em;
					font-style: normal;
					font-weight: normal;
					letter-spacing: normal;
					line-height: 1.4em;
				}
				
					ul.sidebar_list li a:hover
					{
						text-decoration:underline;
					}
				
			.sidebar_item_alt
			{
				width:90%;
				height:auto;
				float:left;
				background-image:url(images/trans.png);
				background-repeat:repeat;
				padding:5px 5%;
				-moz-border-radius: 7px;
				-webkit-border-radius: 7px;
				margin:15px 0 0 0;
			}
				
				
				.sidebar_item_alt p.subhead2
				{
					margin:0;
					padding:0;
				}
				
/* ====== footer ==============*/
			
	#footer_wrapper
	{
		width:95%;
		height:auto;
		float:right;
		padding:15px 2.5% 0;
	}		

		#footer_top
		{
			width:100%;
			height:auto;
			float:left;				
		}
					
			.footer_small
			{
				height:auto;
				width:34%;
				float:left;	
				-moz-border-radius: 7px;
				-webkit-border-radius: 7px;
				background-image:url(images/trans.png);	
				background-repeat:repeat;
			}
			
				.footer_small .footer_title
				{
					background-image:url(images/more_large.png);
					background-repeat:no-repeat;
					background-position:right;	
					padding:25px 5%;
				}
			
				.footer_small .footer_title .subhead2
				{
					margin-bottom:0;
				}
				
				
				.footer_small_content
				{
					width:100%;
					height:auto;
					float:left;
				}
				
			.footer_large
			{
				-moz-border-radius: 7px;
				-webkit-border-radius: 7px;
				background-image:url(images/trans.png);
				float:right;
				height:auto;
				margin-left:2.5%;
				padding:7px 1.5%;
				width:60.5%;
			}
			
					.footer_title a.footer_link
					{
						display:block;
						width:100%;
						height:auto;
						min-height:30px;
						padding:7px 0 3px;
						background-image:url(images/more_large.png);
						background-position:right top;
						background-repeat:no-repeat;					
					}
					
				.footer_large .quote
				{
					height:auto;
					float:left;
					margin-bottom:7px;
					padding:5px 2%;
					width:96%;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					background-color:#1474a0;
					color:#FFFFFF;
				}
				
					.footer_large .quote_title
					{
						background-image:url(images/quote_top.png);
						background-position:right bottom;
						background-repeat:no-repeat;
						display:block;
						float:left;
						height:auto;
						padding: 0 30px 10px 0;
						width:auto;
						
					}
					
						.footer_large .quote p
						{
							padding-left:0;
							background-image:none;
							padding-bottom:0;
							margin-bottom:0;
							
						}
					
						.footer_large .quote_title a
						{
							text-decoration:none;
						}
						
							.footer_large .quote_title a:hover
							{
								text-decoration:underline;
							}
							
					#footer_contact
					{
						width:95%;
						height:auto;
						padding:15px 2.5%;
						float:left;
						-moz-border-radius: 7px;
						-webkit-border-radius: 7px;
						background-color:#1474a0;
						margin:15px 0;
					}
					
						#footer_contact a
						{
							color:#FFFFFF;
						}
							
					
						#footer_contact input[type="text"], #footer_contact input[type="password"],#footer_contact textarea
						{
							background-image:url(images/bg.png);
							background-repeat:repeat;
						}
					
						#footer_contact .cform
						{
							width:50%;
							height:auto;
							float:left;
						}
						
						#footer_contact #footer_contact_content
						{
							width:45%;
							height:auto;
							float:left;
							padding:0 2.5%;
						}
					
						
		#footer_content
		{
			margin:15px 0;
			padding:15px 2.5% 22px;
			width:95%;
			height:auto;
			float:left;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			background-color:#1474a0;
		}	
		
			.upper_conent, .upper_conent_title
			{
				width:100%;
				height:auto;
				float:left;
				padding-bottom:15px;
				font-family: Helvetica, Arial, sans-serif;
				font-size:1.17em;
				line-height: 1.1em;
			}
			
			.upper_content_text
			{
				width:100%;
				height:auto;
				float:left;
			}
				
				.upper_conent a
				{
					color:#FFFFFF;
				}
			
				.upper_content p
				{
					background-image:url(images/bullet-white.png);
				}
				
				.upper_conent_title
				{
					width:100%;
					height:auto;
					float:left;
					padding: 0;					
				}		
				
					.upper_conent .subhead3
					{
						background-image:url();
					}
				
			.lower_wrapper
			{
				width:100%;
				height:auto;
				float:left;
				padding:15px 0;
				background-color:#222222;
				-moz-border-radius: 7px;
				-webkit-border-radius: 7px;				
			}
			
			.lower_small_item
			{
				width:30%;
				height:auto;
				float:left;
				padding:0 1.5%;	
			}
			
				.lower_small_item_title a
				{
					text-decoration:none;
				}
				
					.lower_small_item_title a:hover
					{
						text-decoration: underline;
					}					
		
				.footer_small_image			
				{
					width:99%;
					height:165px;
					float:left;
					background-position:left top;
					background-repeat:repeat-x;
					border:2px solid #48463C;
					margin-bottom:5px;
				}
				

 /* some class defanitions that apply sitewide */
 
ul li.email
{
	width:90%;
	height:auto;
	float:right;
	background-image:url(images/icons/email.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10%;
	margin-bottom:5px;
}

ul li.search
{
	width:90%;
	height:auto;
	float:right;
	background-image:url(images/icons/search.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10%;
	margin-bottom:5px;
}

ul li.go
{
	width:90%;
	height:auto;
	float:right;
	background-image:url(images/icons/go.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10%;
	margin-bottom:5px;
}

ul li.phone
{
	background-image:url(images/icons/phone.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10%;
	width:90%;
	height:auto;
	float:right;
	margin-bottom:5px;
}
	
		
.quote_open
{
	width:100%;
	height:auto;
	float:left;
	background-image:url(images/quote_open.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.quote_close
{
	width:100%;
	height:auto;
	float:left;
	background-image:url(images/quote_close.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}

/* === for the link alter each excerpt ===== */			

span.more_wrapper
{
	width:100%;
	float:left;
	height:auto;
	margin:10px 0;
}

span.more
{		
	width:auto;
	height:auto;
	float:right;
	margin-top:5px;
	font-size:90%;
}

span.more_right
{
	float:right;
	width:25px;
	height:20px;
	border: 1px solid #444444;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;	
	background-color:#222222;
	padding-bottom:0;
}

span.more_right img
{
	padding-bottom:0;
	margin-bottom:2px;
}

a.more_link
{
	 padding:1px 8px;
	 display:block;
	 text-decoration:none;
	 float:left;
	width:auto;
	height:auto;	 
 }
 
 a.more_link:hover
 {
	 text-decoration: underline;
 }
		
		
/* for the 404 page */

#tags_404, #cats_404
{
	width:100%;
	height:auto;
	margin-top:50px;
}

/* for the search input and submit */

#content ul.search_list, #content li.search
{
	margin: 0;
}

/* === for the bottom slider ==== */

#slide_wrapper
{
	background-image:url(images/bg.png);
	background-repeat:repeat;

}
/* ========== suck MY suckerfish ==================== */
#suck_my_suckerfish 
{
    font-family:verdana,sans-serif;
	z-index:100;
    width:100%;
	overflow: hidden;
	color:#bebcbc;
	font-family: Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	font-size:1em;
}
	
#suck_my_suckerfish, #suck_my_suckerfish ul 
{
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
    margin:0;
    width:100%;
	z-index:100;
	color:#bebcbc;

}

#suck_my_suckerfish li 
{
    float:left;
    padding:0;
	z-index:100;
	color:#bebcbc;
	padding:0 0;
	font-size:1em;
	margin: 0 15px;

}

#suck_my_suckerfish li:hover, #suck_my_suckerfish li.sfhover {
	color: #FFFFFF;
 }

#suck_my_suckerfish a 
{
    display:block;
    color:#bebcbc;
	z-index:100;
    text-decoration:none;
    padding:0px 10px;
	font-weight:normal;

}
	
#suck_my_suckerfish a:hover /*for individual li items */
{
	color:#FFFFFF;
	/*background-color:#34312F;*/
}

#suck_my_suckerfish li a
{
	padding: 5px 15px;
	background-image:url(images/bg.png);
	background-repeat:repeat;
}
	
#suck_my_suckerfish ul 
{
    position:absolute;
    left:-999em;
    height:auto;
    width:204px;
    font-weight:normal;
    margin:0;
    line-height:1;
	border:2px dotted #32a0d3;
	border-top:0;
	margin:0px 0 0 -2px;
}


		
#suck_my_suckerfish li li 
{
    width:200px;
	color:#bebcbc;
	margin:0;
}

#suck_my_suckerfish li li:hover 
{
	width:200px;
	color:#FFFFFF;
	
}
	
#suck_my_suckerfish li li a 
{
	padding:10px 10px;
	width:180px;
	color:#bebcbc;
}
	
#suck_my_suckerfish li ul ul 
{
   	margin:-35px 0 0 200px;
	color:#bebcbc;
	
}

#suck_my_suckerfish li ul li:hover a, #suck_my_suckerfish li ul li li:hover a, #suck_my_suckerfish li ul li li li:hover a, #suck_my_suckerfish li ul li li li:hover a 
{
	color:#FFFFFF;
	
}

#suck_my_suckerfish li:hover a 
{
	color:#FFFFFF;
}

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

#suck_my_suckerfish li:hover ul, #suck_my_suckerfish li li:hover ul, #suck_my_suckerfish li li li:hover ul, #suck_my_suckerfish li li li li:hover ul, #suck_my_suckerfish li.sfhover ul, #suck_my_suckerfish li li.sfhover ul, #suck_my_suckerfish li li li.sfhover ul, #suck_my_suckerfish li li li li.sfhover ul 
{
    left:auto;
    background-color:#34312F; /*background colour of the drop down second level menu*/
	color: #bebcbc;
}
	 
/* ===== wp page navi ============== */

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


.page_navigation
{
	float:left;
	width:100%;
	height:auto;
	font-family: Cambria, serif;
	font-size: 16px;
	line-height: 1.5em;
}

.navi
{
	width:auto;
	height:auto;
	float:right;
}
/*
.wp-pagenavi a, .wp-pagenavi a:link 
{
	padding: 2px 8px; 
	margin: 2px 5px;
	border: 2px solid #48463C;
	color:;
	background-color:;	
}

.wp-pagenavi a:visited 
{

}

.wp-pagenavi a:hover 
{	
	padding: 2px 8px; 
	margin: 2px 5px;
	border: 2px solid #f7f7f7;
	color: #FFFFFF;
	background-color:;	
}

.wp-pagenavi a:active 
{
	padding: 2px 8px; 
	margin: 2px 5px;
	border: 2px solid #f7f7f7;
	color: #FFFFFF;
	background-color:;	
}

.wp-pagenavi span.pages 
{
	padding: 2px 8px; 
	margin: 2px 5px;
	border: 2px solid #48463C;
	color:;
	background-color:;	
}

.wp-pagenavi span.current 
{
	padding: 2px 8px; 
	margin: 2px 5px;
	border: 2px solid #f7f7f7;
	color: #FFFFFF;
	background-color:;	
}

.wp-pagenavi span.extend 
{
	padding: 2px 8px; 
	margin: 2px 5px;
	border: 2px solid #48463C;
	color:;
	background-color:;	
}

/* === 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;
	min-height:111px;
	min-width:111px;
}

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

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

.ngg-gallery-thumbnail img:hover 
{
		border:2px solid #444444;
} 

.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;
}

/* ============================================ ====================================

for the contact forms within the content area of the site 

==================================================================================*/
.cform { 
	width: 100%; 
	padding: 0;
	height:auto;
	float:left;
}

.cform li
{
	margin:0;
	padding:0;
}

.cform fieldset	
{ 
	margin-top:10px; 
	padding:5px 0 0 0; 
	height:auto;
	border: 0;
	color: #FFFFFF;
	width:100%;
	border:0px;

}

.cform .cf_hidden 
{
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend 
{ 
	margin-left:10px;
	padding: 0 2px; 
	color:#FFFFFF;
	font-size:150%;
}


ol.cf-ol 
{ 
	margin:0!important; 
	padding:0!important;
	width:auto;
}

ol.cf-ol li	
{
	background:none!important; 
	margin:5px 0!important;
	padding:0; 
	list-style:none!important; 
	text-align:left;
	line-height:1.3em;
	width:100%;
	min-height:30px;
	height:auto;
	float:left;
}

ol.cf-ol li	 label, 
ol.cf-ol li input
{
	width:85%;
	height:auto;
	float:left;
	font-family: Cambria, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.5em;
}

ol.cf-ol li span.reqtxt, 
ol.cf-ol li span.emailreqtxt
{
	width:5%;
	height:auto;
	float:left;
	display:none;
}

ol.cf-ol li textarea
{
	width:85%;
	height:auto;
	float:left;
	font-family: Cambria, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	
	letter-spacing: normal;
	line-height: 1.5em;
	padding:5px 1%;
}
/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly 
{
	background:#F0F0F0 !important;
	letter-spacing:1px;
	margin:10px 0pt !important;
	padding:5px 0pt;
	text-align:center;
}


/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label 
{
	width:100%;
	margin:4px 10px 0 0; 
	display:inline-block; /*for Opera & IE*/
	text-align:right;
	vertical-align:top;
	float:left;
}

.cform label span 
{
	width:100%; /* must be the same as above!*/
	display:block; 
}

label.cf-before 
{
	margin:4px 10px 0 0; 
}

label.cf-after 	
{
	margin:4px 15px 0pt 6px;
	text-align:left;
	width:100%;
}

label.cf-after span 
{
	width:100%;
	display:block;
}

label.cf-group-after 
{
	margin:3px 4px 0 2px;
	width:100%;
	text-align:left;
}

label.cf-group-after span 
{
	width:100%;
	display:block;
}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select 
{ 
	width:98%;
	padding: 5px;
	color:#FFFFFF;
	background-color: #222222;
	border:3px solid #48463C;
	vertical-align:top;
	height:20px;
	font-family: Cambria, serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	float:left;
}

.cform input:hover,
.cform textarea:hover,
.cform select:hover	
{
	background-color: #222222;
	border:3px solid #444444;
	color:#FFFFFF;
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	
{ 
	background-color: #222222;
	border:3px solid #444444;
	color:#FFFFFF;
}


.cform select.cfselectmulti	
{ 
	height:150px; 
	width:100%;
}


.cform textarea 
{
	overflow:auto;
	height:150px;
	width:98%;
	padding: 5px;
	margin-top:10px;
}
/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title 
{
	letter-spacing:1px;
	padding:8px 0 0 100px; /* check with label 'width' incl. */
}

/*                                                    */
/*   check boxes                                      */
/*                                                    */

.cform input.cf-box-a,
.cform input.cf-box-b 	
{ 
	margin:2px 0 0 0; 
	width:14px;
	height:22px;
	border:none!important;
	background:none!important; 

}

.cform input.cf-box-a 	
{ 
	margin-left:100px; /* check with label 'width' incl. */
} 


/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group 
{
	margin:10px 0pt 0px !important;
	padding-left: 100px; 
} 

/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

.cform span.reqtxt,
.cform span.emailreqtxt 
{ 
	margin:3px 0 0 3px;
	vertical-align:top;
	font-size:90%;
	color:#FFFFFF;
	text-align:right;
	float:left;
}

/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb 
{
	text-align:right;
	padding: 0!important;
	margin: 0;
}

.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton	
{ 
	width:100px;  
	padding:5px; 
	height:auto;
	background-color: #222222;
	border:3px solid #48463C;
	color:#FFFFFF;
	margin-right:-5px;
}

.cform input:hover
{

	color:#FFFFFF;

}

.cform input.resetbutton 
{
	width: auto;
	padding:5px 1em;

}
.cform input.backbutton 
{
	width: auto;
	padding:5px 1em;

}

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err 
{
	background:#FFDFDF url(../gorgeous_solutions/li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
	padding:5px 0!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err 
{
	height:1%;
	min-height:1%;
	margin:0 0 0 100px;
	padding:0;
	color:#333;
}

ol.cf-ol ul.cf_li_text_err li 
{
	background:url(../gorgeous_solutions/icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;

}
ol.cf-ol ul.cf_li_text_err li:before
{
	content:'';
}

/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

label.secq,
label.seccap 
{
	vertical-align:text-bottom;
	margin-bottom:4px;

}

input.secinput 
{
	vertical-align:text-bottom;

}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha 
{
	height:15px;
	width:50px;
	padding: 4px 4px;
	margin: 0;

}

img.captcha	
{
	vertical-align:text-bottom;
	margin:0 0 0 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;

}

img.captcha-reset 
{
	vertical-align:text-bottom;
	background:	url(../gorgeous_solutions/captcha_reset_grey.gif) no-repeat;
	margin:0 0 2px 3px;
	width:21px;
	height:21px;
	border:none;

}

img.imgcalendar 
{
	border:none;

}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info 
{
	color:#FFFFFF;
	display:none;
	padding:10px 15px!important;
	width:380px;
	line-height:1.3em;
	margin:10px auto;
	float:left;

}

div.cf_info ol
{
	margin:0;
	padding:5px 15px 0 30px;

}
div.cf_info ol li 
{
	padding:1px 0;
	margin:2px 0;

	
}
div.cf_info a	
{
	color:#ad2929!important;
	text-decoration:underline!important;
}

div.success 
{
	background-color:#1474a0;
	color:#FFFFFF;
	float:left;
	width:96%;
	display:block;
	height:auto;
	border:2px solid;
	padding:2%;
	font-size:1.5em;
	
}
div.failure
{
	background-color:#1474a0;
	color:#FFFFFF;
	float:left;
	width:96%;
	display:block;
	height:auto;
	border:2px solid;
	padding:2%;
	font-size:1.5em;
}
div.waiting 
{
	background-color:#1474a0;
	color:#FFFFFF;
	float:left;
	width:96%;
	display:block;
	height:auto;
	border:2px solid;
	padding:2%;
	font-size:1.5em;
}


/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error 
{ 
	color:#ad2929; 
	border:1px solid #ad2929; 
	float:left;
}
div.mailerr 
{
	display:block;
	float:left;
}
.mailerr,
.cform .cf_errortxt {
	color:#ad2929; 
	float:left;
}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] 
{
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
	float:left;
}
.disabled 
{
	border-color:#dddddd!important;
	float:left;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */
.cform input.cf_upload 
{
	width:220px;
	background: #f9f9f9;
	border:1px solid #888888;
	float:left;
}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove 
{
	width:410px;
	margin:0 auto 10px!important;
	padding:0!important;	
	text-align:center!important;
	display:none;
}

.linklove a,
.linklove a:visited 
{
	font-size: 0.8em;
	color:#aaaaaa!important;
}

/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html .cform fieldset 
{
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html .cform legend 
{ 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}
*+html .cform fieldset 
{
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
*+html .cform legend 
{ 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}

* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt 
{ 
	display: inline-block;  /*for ie6*/
}
*+html .cform label,
*+html ol.cf-ol,
*+html ol.cf-ol li,
*+html span.reqtxt,
*+html span.emailreqtxt 
{
	display: inline-block; /*for ie7*/
}

* html img.captcha 
{
	margin-bottom:1px!important;
}
*+html img.captcha 
{
	margin-bottom:1px!important;
}