/* ----- Cheeky Rascals CSS Files ----- */
/* ----- Oi Oi Brand Template ----- */
body {
	background-image: url(images/body_back_ani.gif);
	background-repeat: repeat-x;
	}

/* ----- BRAND CONTENT ----- */
/* ----- TOP CONTENT ----- */

	#header {
		height: 156px;
	}

	#brand_head {
		_background-image: url(images/shadow2a.gif);
		}

	#brand_logo {
		border-top-width: 1px;
		border-top-color: #757575;
		border-top-style: solid;
		background-image: url(images/header_01.jpg);	
		background-repeat: no-repeat;
		}
			
	#brand_image {
		border-top-width: 1px;
		border-top-color: #757575;
		border-top-style: solid;
		background-image: url(images/header_02.jpg);	
		background-repeat: no-repeat;	
		}

	#content { 
			position: static;
			min-height: 545px;
			bottom: 1px;
			}
	
	#sub_content_wrapper {
		position: static;
		bottom: 1px;
	}
			
	#footer { 
			position: static;
			bottom: 1px;
			}

/* ----- NAVIGATION LINKS ----- */

	#navigation {
		background-image: url(../../../images_core/shadow2.png);
		_background-image: url(images/shadow2a.gif);
		background-repeat: repeat-y;
		height: 22px;
		overflow: hidden;
		position: relative;
		bottom: 1px;
		}

/* ----- LINKS ----- */

		#link1, #link2, #link3, #link4, #link5, #link6, #link7, #link8 {
			display: block;
			width: 93px;
			height: 25px;
			float: left;
			background-color: #000;
		}
	
		#link1 a:link, #link1 a:visited, #link2 a:link, #link2 a:visited, #link3 a:link, #link3 a:visited, #link4 a:link, #link4 a:visited, #link5 a:link, #link5 a:visited, #link6 a:link, #link6 a:visited, #link7 a:link, #link7 a:visited, #link8 a:link, #link8 a:visited   {
			background-image: url(images/link_back1.gif);
			background-repeat: no-repeat;
			width: 93px;
			display: block;
			float: left;
			padding-top: 5px;
			}
		
		#link8 a:link, #link8 a:visited {
			background-image: url('images/weird_gif.gif');
			width: 98px;
		}
	
		#link1 a:hover, #link1 a:active, #link2 a:hover, #link2 a:active, #link3 a:hover, #link3 a:active, #link4 a:hover, #link4 a:active, #link5 a:hover, #link5 a:active, #link6 a:hover, #link6 a:active, #link7 a:hover, #link7 a:active, #link8 a:hover, #link8 a:active {
			background-image: url('images/link_back1.gif');
			background-repeat: no-repeat;
			background-color: #FFF;
			color: #64c51d;
			}
		
		#link8 a:hover, #link8 a:active {
			background-image: url('images/weird_gif.gif');
		}
		
		#spacer_link {
			display: none;
			}	
			
/* ----- PAGE CONTENT ----- */

			#brand_wrapper {
				height: auto;
				background: #FFFFFF;
				margin: 0 10px 0 10px;
				_margin: 0 10px 0 9px;
				padding: 0;
				width: 750px;
				_width: 751px;	
				}
								
				#div_content1 {
					display: none;
					}
					
				#div_content2 {
					margin: 0;
					padding: 0;
					border: 0;
					float: left;
					width: 750px;
					min-height: 450px; /* for modern browsers */
					height: auto !important; /* for modern browsers */
					height: 450px; /* for IE5.x and IE6 */
					overflow: hidden;
					}
					
					#div_content2 h2 {
						margin: 0;
						padding: 10px 20px 0 0;
						border: 0;
						font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
						font-size: 14px;
						font-weight: bold;
						color: #000000;
						display: none;
						}
						
					#div_content2 h3 {
						margin: 0;
						padding: 0;
						border: 0;
						font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
						font-size: 12px;
						font-weight: normal;
						color: #000000;
						}
				
					#div_content2 a:link, #div_content2 a:visited {
						color: #006699;
						text-decoration: none;
						}
										
					#div_content2 a:hover, #div_content2 a:active {
						color: #000000;
						text-decoration: none;
						}