/*
Theme Name: Blind Digital
Theme URL: http://www.blinddigital.eu
Description: This design uses two column layout with navigation bar being stretched along the top. The music bar is powered by JPlayer which is javascript filew if you need any help with this template just email me at tonysimpson@tonyarts.co.uk
Version: 1.0
Author: Anthony Simpson
Author URL: http://www.tonyarts.co.uk
*/

@charset "utf-8";
/* CSS Document */

body {
	background-image:url(images/bg_3.jpg);
	margin: auto 0px;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

/* Navigation */

#mnav {
	margin: auto 0px;

	}	
	#mnav ul {
		height:50px;
		background-image:url(images/bg_mnav.png); 
		margin: 40px 0px 0px 0px;
		padding: 0px 0px 0px 20%;		
	}
	
		#mnav li {
			margin: 10px 0px 0px 0px;
			float:left;
			display : block;
			padding: 3px 2% 0px 2%;
		}
		

			#mnav li a {
				padding: 3px 5px 0px 5px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:19px;
				text-transform:uppercase;
				font-weight:bold;
				color:#FFF;
				text-decoration:none;
			}
					#mnav li a:hover {
						padding: 15px 5px 15px 5px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:19px;
						text-transform:uppercase;
						font-weight:bold;
						color:#000;
						text-decoration:none;
						background-color:#FFF;
						width:50px;
						height:auto;
					}
		
/* Header CSS*/

#logo {
	clear:both;
	margin: 40px 0px 0px 28%;
}

/* Content Headers Format */

#section {
	margin: 40px 0px 0px 20%;
	width:750px;
	overflow:auto;
}

#news {
	border-top-color:#000;
	border-top-style:solid;
	border-top-width:thin;
	width:55%;
	float:left;
	margin-right:20px; 
	padding-bottom:40px;
}

	#news h1 {
		margin: 0px;
		padding: 0px 0px 0px 3%;
		width:40%;
		background-color:#000;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#FFF;
		font-size:16px;
	}

		#news h2 a {
			font-family:Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			color:#FFF;
			font-weight:bold;
			font-size:14pt;
			padding: 10px 5px 0px 5px;
			text-decoration:none;
			background-color:none;
		}
			#news p {
				font-family:Arial, Helvetica, sans-serif;
				color:#fff;
				font-size:11pt;
				text-align:justify;
				margin:20px 0px 10px 0px;
				padding: 0px 5px 0px 5px;
				}
			
		#news p a {
			color:#FFF;
			text-decoration:none;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			background-color:#000;
			padding: 0px 5px 0px 5px;
			text-transform:uppercase;
			margin-right:2px;
		}
			

#clients {
	float:left;
	border-top-color:#000;
	border-top-style:solid;
	border-top-width:thin;
	width:35%;
}

	#clients h1 {
		margin: 0px;
		padding: 0px 0px 0px 3%;
		width:140px;
		background-color:#000;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#FFF;
		font-size:16px;
	}
		#clients h2 {
			font-family:Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			color:#000;
			font-weight:bold;
			font-size:14pt;
		}
		#clients ul {
			margin: 0px;
			padding: 0px;
		}
		#clients li {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		#clients img {
			width:100%;
			height:100%;
			border:none;
			margin: auto 0px;
			padding: auto 0px;
		}
			#clients p {
				font-family:Arial, Helvetica, sans-serif;
				color:#000;
				font-size:11pt;
				text-align:justify;
				margin:20px 0px 10px 0px;
				padding: 0px 5px 0px 5px;
				}
#contact {
	float:left;
	border-top-color:#000;
	border-top-style:solid;
	border-top-width:thin;
	width:35%;
}

	#contact h1 {
		margin: 0px;
		padding: 0px 0px 0px 3%;
		width:140px;
		background-color:#000;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#FFF;
		font-size:16px;
	}
		#contact h2 {
			font-family:Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			color:#000;
			font-weight:bold;
			font-size:14pt;
		}
		#contact ul {
			margin: 0px;
			padding: 0px;
		}
		#contact li {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		#contact img {
			border:none;
			margin: auto 0px;
			padding: auto 0px;
		}
			#contact p {
				font-family:Arial, Helvetica, sans-serif;
				color:#000;
				font-size:11pt;
				text-align:justify;
				margin:20px 0px 10px 0px;
				padding: 0px 5px 0px 5px;
				}
#showcase {
	float:left;
	border-top-color:#000;
	border-top-style:solid;
	border-top-width:thin;
	width:35%;
}

	#showcase h1 {
		margin: 0px;
		padding: 0px 0px 0px 3%;
		width:140px;
		background-color:#000;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#FFF;
		font-size:16px;
	}
		#showcase h2 {
			font-family:Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			color:#000;
			font-weight:bold;
			font-size:14pt;
		}
		#showcase ul {
			margin: 0px;
			padding: 0px;
		}
		#showcase li {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		#showcase img {
			border:none;
			margin: auto 0px;
			padding: auto 0px;
		}
			#showcase p {
				font-family:Arial, Helvetica, sans-serif;
				color:#000;
				font-size:11pt;
				text-align:justify;
				margin:20px 0px 10px 0px;
				padding: 0px 5px 0px 5px;
				}

#page {
	border-top-color:#000;
	border-top-style:solid;
	border-top-width:thin;
	width:55%;
	float:left;
	margin-right:20px; 
	padding-bottom:40px;
}

	#page h1 {
		margin: 0px;
		padding: 0px 0px 0px 3%;
		width:40%;
		background-color:#000;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#FFF;
		font-size:16px;
	}
	
		#article {
			/*background-image:url(/images/news_bg.png);*/
		}
			#page p {
				font-family:Arial, Helvetica, sans-serif;
				color:#fff;
				font-size:11pt;
				text-align:justify;
				margin:20px 0px 10px 0px;
				padding: 0px 5px 0px 5px;
				font-stretch:narrower;
			}
			
		#page p a {
			color:#FFF;
			text-decoration:none;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			background-color:#000;
			padding: 0px 5px 0px 5px;
			text-transform:uppercase;
			margin-right:2px;
		}	
		#page img {
			width:100%;
			height:100%;
			border:none;
			margin: auto 0px;
			padding: auto 0px;
		}