* {margin:0;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
input, textarea {
	padding: 4px;
}
label {
	display: block;
	float: left;
	width: 200px;
}
h1, h2, #footer {color:#fff;}

.blog_post {margin-bottom:20px;}
.blog_post a {
	color:#000;
	text-decoration:none;
}
.blog_post a:hover {text-decoration:underline;}
.blog_post img,
.page_content img {
	margin-left:20px;
	margin-bottom:20px;
	max-height:300px;
	max-width:300px;
}
.blog_post p {margin-bottom:10px;}
.center {
	text-align: center;
}
.container {
	margin:0 auto;
	width:960px;
}
.hidden {
	display: none;
}
.left_col,
.right_col {
	display:inline-block;
	width:49%;
}
.menu_expand {
	float:left;
	width:100%;
}
.nav_categories {
	padding: 0;
}
.nav_categories li {
	float:left;
	list-style-type:none;
}
.nav_categories li a {
	background-color:transparent;
	border:solid 1px transparent;
	color:#29180d;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	padding: 6px 16px;
	text-decoration:none;
}
.nav_categories li a:hover {
	background-color:#eee;
	border:solid 1px #ddd;
}
.nav_categories li li {
	background-color:white;
	clear:both;
	float:left;
	width:100%;
}
.nav_categories li ul {
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.5);
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
	display:none;
	float:left;
	padding-left:0;
	position:absolute;
}
.nav_categories #menu_products_btn:hover ul {display:block;}
.pointer {
	cursor: pointer;
}
.rhythm {
	float: left;
	font-family: "Courier New", Courier, monospace;
	margin: 0 40px 20px 0;
}
.rhythm p {margin-bottom:0;}
.rhythm .category {
	float: left;
	height: 300px;
	width: 25%;
}
.rhythm .ho,
.rhythm .hf {
	display: none;
}

#contact_form .row {
	margin-bottom: 10px;
}
#content_row {
	float:left;
	width:100%;
	z-index:10;
}
#footer {
	background-color:transparent;
	background-image:none;
	color: #29180d;
	font-size:13px;
	height:60px;
	padding:6px 0;
}
#footer_left {
	float:left;
	width:50%;
}
#footer_left li {
	float:left;
	padding-right:20px;
}
#footer_left ul {
	list-style-type:none;
	padding:0;
}
#footer_right {
	float:right;
	text-align:right;
	width:50%;
}
h2 p:last-child, 
#footer_right p:last-child {display:none;}
#footer_row {
//	background-color:#ffd564; /* Coloured Template */
	bottom:0;
	height:30px;
	position:fixed;
	width:100%;
	z-index:50;
}
#header {
//	background-color:#a200ff; /* Coloured Template */
	height:130px;
	position:relative;
}
#header,
#content {padding:20px;}
#header_row {
//	background-color:#fff; /* Standard Template */
//	background-color:#ce7aff; /* Coloured Template */
	float:left;
	height:170px;
	margin-top:30px;
	position:relative;
	width:100%;
	z-index:100;
}
#menu_btn {display:none;}
#top_nav {height:30px;}
#top_nav_row {
	float: left;
	height:30px;
	position:fixed;
	width: 100%;
	z-index:200;
}


/****************************
* RESPONSIVE LAYOUT STYLING *
****************************/

@media only screen and (min-width: 1040px) {
	/* widescreen desktop
	************************ */
	/*  Container width 1000px. */
	/*	Header image full size. */
/*	#header {
		background-image:url("images/template_images/standard-web-template-header-1000px.jpg"); /* Coloured Template */
/*	}
	#header_row {
		background-image:url('images/template_images/header.png'); /* Coloured Template */
/*	}*/
	/*	Logo image large. */
	/*	Side images visible. */
	/*	Top navigation open. */
	/*	Fonts full size. */
}

@media only screen and (min-width: 710px) and (max-width: 1039px) {
	/* desktop
	************* */
	/*  Container width 700px. */
	.container {width:660px;}
	/*	Header image medium sized. */
	#header {
		background-image:url("images/template_images/standard-web-template-header-700px.jpg"); /* Coloured Template */
	}
	/* Other stuff */
	#footer_row {
		background-image:url("images/template_images/footer-700.png"); /* Coloured Template */
	}
	#header {background-image:none;}
	#header_row {
		background-image:url("images/template_images/header-700.png"); /* Coloured Template */
		margin-top:-8px;
	}
}

@media only screen and (min-width: 710px) and (max-width: 1039px) {
	#content_row {
//		margin:119px auto 40px; /* Standard Template */
	}
}

@media only screen and (max-width: 709px) {
	/* tablet
	************ */
	/*	Header image small. */
	/*	Main central column to fill screen. */
	body {
//		background-image:none !important;
	}
	h1 {
		font-size: 22px;
	}
	h2 {
		font-size: 18px;
	}
	h1, h2 {
//		color:#29180d;
		display:block;
	}
	.container {width:auto;}
	.nav_categories li a {text-shadow:none;}
	#content {min-height:inherit;}
	#content_row {
		float:none;
		margin-top:0;
		margin-bottom:0;
		min-height:inherit;
		top:0;
	}
	#footer {
		height:auto;
		padding:10px 20px;
	}
	#footer_left,
	#footer_right {
		padding: 0;
	}
	#footer_left,
	#footer_right,
	#top_nav {
		float:none;
		padding: 0 10px;
		text-align: left;
		width:100%;
	}
	#footer_row {
		background-image:none;
		box-shadow:         0px 0px 20px rgba(50, 50, 50, 0.60);
		-webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.60);
		-moz-box-shadow:    0px 0px 20px rgba(50, 50, 50, 0.60);
		height:auto;
		position:relative;
	}
	#header {
		height:50px;
		padding:10px 20px;
	}
	#header_row {
		background-image:none;
		box-shadow:         0px 0px 20px rgba(50, 50, 50, 0.60);
		-webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.60);
		-moz-box-shadow:    0px 0px 20px rgba(50, 50, 50, 0.60);
		float:none;
		height:auto;
		margin-top:0;
		position:relative;
	}
	#top_nav_row {position:relative;}
	
	
	/*	Side images not visible. */
	/*	Logo image small.
	/*	Fonts smaller. */
}
	
@media only screen and (max-width: 709px) and (min-width: 480px) {
	#top_nav_row {float:none;}
}

@media only screen and (max-width: 479px) {
	/* mobile phones landscape
	***************************** */
	/*	Header image none. */
	/*	Logo text. */
	/*	Top navigation compact. */
	.menu_expand {display:none;}
	.nav_categories li {width:100%;}
	#content_row {width:100%;}
	#footer_row,
	#header_row {height:auto;}
	#header {height:auto;}
	#header_row {clear:both;}
	#menu_btn {
		background-image:url('https://drumlessonsbristol.co.ukimages/menu-btn.png');
		background-position-x:right;
		background-repeat: no-repeat;
		clear:both;
		display:block;
		height:34px;
		margin: 3px;
	}
	#menu_btn,
	#top_nav_row,
	#header_row,
	#content_row {
		float: none;
	}
	#top_nav {
		height:auto !important;
		padding:0;
	}
	#top_nav_row {
		float:left;
		height:auto !important;
		margin:0;
		position:relative;
	}

	/*	When open buttons full width. */
}

@media only screen and (max-width: 479px) {
}

@media only screen and (max-width: 479px) and (orientation: landscape) {
}

@media only screen and (max-width: 479px) and (orientation: portrait) {
	/* mobile phones portrait
	**************************** */
	/*	Header image none. */
}