/*------------------------------------------------------------
SHILLING - Cheeky Rascals - Header stylesheet
 
compatibility:		IE8, IE7, IE6, Firefox, Opera, Chrome, Safari 
 
author:				Peter Garrett, Stuart Mullen
email:				peter@shilling.co.uk, stuart@shilling.co.uk
copyright:			2009 Shilling Communication
 
------------------------------------------------------------*/
		
#header {
	width: 980px;
	margin: 0;
}

	#distributed_head {
		width: 980px;
		height: 40px;
		background: transparent url('../images_core/CR_2010/dist_head_back.png') no-repeat;
	}
				
		#distributed_head h6, #distributed_head h5 {
			padding: 18px 20px 0 0;
			float: right;
			color: #000000;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			}
			
			#distributed_head h6 a:link, #distributed_head h6 a:visited, #distributed_head h5 a:link, #distributed_head h5 a:visited {
				color: #000000;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				text-decoration: underline;
			}
			
			#distributed_head h6 a:hover, #distributed_head h6 a:active, #distributed_head h5 a:hover, #distributed_head h5 a:active {
				color: #666;
				text-decoration: none;
				}
				
			#distributed_head #top_search {
				float: left;
				overflow: hidden;
				position: relative;
				top: 14px;
				left: 14px;
			}
			
				input.top_input {
					width: 150px;
					border: 1px #7f9db9 solid;
					height: 20px;
					padding-left: 5px;
					line-height: 20px;
				}
				
				input.top_submit {
					border: 1px #000 solid;
					width: 40px;
					height: 22px;
					text-align: center;
				}
				
				input.top_submit:hover {
					background-color: #666;
					color: #fff;
					cursor: pointer;
				}
	
	#brand_head {
		width: 960px;
		min-height: 120px; /* for modern browsers */
		height: auto !important; /* for modern browsers */
		height: 120px; /* for IE5.x and IE6 */
		padding: 0 10px;
		background: transparent url('../images_core/CR_2010/wrapper_back.png') repeat-y;
	}

		#brand_logo {
			float: left;
			width: 360px;
			height: 120px;
		}
		
		#brand_image {
			float: right;
			width: 600px;
			height: 120px;
		}
	
	#navigation {
		width: 960px;
		height: 30px;
		overflow: hidden;
		padding: 0 10px;
		background: transparent url('../images_core/CR_2010/wrapper_back.png') repeat-y;
	}
	
	#navigation ul {
		margin: 0;
		padding: 0;
	}
	
		#navigation li {
			margin: 0;
			padding: 0;
			height: 30px;
			float: left;
		}
		
			#navigation li a:link, #navigation li a:visited {
				margin: 0;
				padding: 0;
				background-color: #666;
				width: 120px;
				height: 30px;
				display: block;
				line-height: 30px;
				text-align: center;
				color: #000;
				text-decoration: none;
				font-weight: bold;
			}
			
			#navigation li a:hover, #navigation li a:active {
				background-color: #FFF;
			}