/* <------------ Browser Reset ------------> */
@import url(reset.css);

/* <------------ Fonts & Forms ------------> */
@import url(fonts.css);


html {
} 

.hidden {
	display: none;
}

a {
	cursor: pointer; /* hand-shaped cursor */
}
	a:focus {
		color: #434343;
	}

body {
	text-align: center;
	background: #fff url("http://www.bungayschoolofmotoring.co.uk/bungay/imgs/pngs/bg_2.png") top left repeat-x;
	font-size: 12px;
	line-height: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #8b8b8b;	
}

#wrapper {
	margin: 0 auto;
	width: 950px;
	position: relative;
}



/* <------------ SuperHeader ------------> */
#super-header {
	height: 15px;
	width: 900px;
	margin: 0 25px 0 23px;
	margin-bottom: 45px;
	background-color: #000;
}

	#super-header p {
		font-size: 10px;
		float: left;
		color: #000;
		line-height: 13px;
	}
		
		.left {
			text-align: left;
			width: 300px;
		}
		
		.middle {
			text-align: center;
			width: 400px;
		}
		
		.right {
			text-align: right;
			width: 200px;
		}

/* <------------ Header ------------> */
#header {
	height: 70px;
	width: 900px;
	margin: 0 25px 0 25px;
}

	#logo {
		float: left;
		height: 55px;
		width: 400px;
		background: url("http://www.bungayschoolofmotoring.co.uk/bungay/imgs/pngs/logo.png") top left no-repeat;
	}
	
	#big_quote {
		float: right;
		height: 70px;
		width: 350px;
	}
	
	#big_quote p {
		float: right;
		font-size: 9px;
		line-height: 9px;
		color: #c5c5c5;
	}

/* <------------ Mainmenu ------------> */

#menubar {
	height: 50px;
	width: 900px;
	margin: 0 25px 0 25px;
}
	#mainmenu {
		float: left;
		height: 50px;
		width: 850px;
	}

	#ul_mainmenu {
		list-style: none;
	}
				
		#ul_mainmenu li {
			text-align: left;
			float: left;
			padding: 12px 25px 0 0;
			font-family: "Georgia", Times New Roman, Times, serif;
			font-size: 12px;
		}
				
				#ul_mainmenu li a {
					display: block;
					text-transform: uppercase;
					color: #fff;
				}
					
					#ul_mainmenu li a:hover, #ul_mainmenu li a.active {
						border-bottom: 2px solid;
						color: #000;
						text-decoration: none;
					}



/* <------------ Main Content ------------> */
#content {
	clear: both;
	float: left;
	text-align: left;
	width: 900px;
	margin: 15px 25px 15px 25px;
	background: url() repeat-y scroll;
}
	
	#maincontent_home {
		clear: both;
		float: left;
		min-height: 100%;
		width: 600px;
		margin-top: 5px;
		padding: 0 25px 0px 0;
	}
	

	
		.article_big_home {
			float: left;
			width: 600px;
			margin-bottom: 20px;
			padding-bottom: 25px;
			padding-right: 10px;
		}
		
				
/* <------------ Side Content ------------> */				
	#sidecontent {
		text-align: left;
		float: right;
		margin-top: 5px;
		padding-left: 15px;
		min-height: 100%;
		width: 259px; /* Bloody Border */
	}

	
		.sidecontent_block, 
		#sidecontent_logos{
			float: left;
			margin-bottom: 20px;
			padding: 0 0 25px 5px;
			width: 254px;
		}	
	
/* <------------ Footer ------------> */
#footer {
	float: left;
	text-align: left;
	width: 900px;
	margin: 0 25px 0 25px;
	padding-bottom: 25px;
}

	#jme_footer {
		float: left;
		width: 250px;
		height: 30px;
		margin-top: 25px;
		padding-left: 95px;
		background:  url() top no-repeat;
	}
	
	#footer_menu {
		float: right;
		text-align: right;
		padding-top: 25px;
		width: 400px;
	}
	
		#ul_footermenu {
			float: right;
			list-style: none;
			font-size: 14px;
			width: 353px;
		}
				
			#ul_footermenu li {
				float: left;
				padding-left: 4px;
			}
				
				#ul_footermenu li a {
					color: #434343;
					cursor: pointer; /* hand-shaped cursor */
				}
					
					#ul_footermenu li a:hover, #ul_footermenu li a.active {
						color: #434343;
						text-decoration: underline;
					}