@charset "UTF-8";
/* site/osbornesigns.css */

* { padding: 0; margin: 0; }
html { padding: 0; margin: 0; }
body {
	padding: 0; margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #000;
	-webkit-text-size-adjust: none;
}
img { border: 0; }
table { width: 100%; border-collapse: collapse; }
.wrapper { width: 940px; margin-left: auto; margin-right: auto; position: relative; }

.sidebar_hdr a, .work_category a .work_category_title, .sidebar_nav li a, h1 span,
.entry_link_next a, .entry_link_prev a,
.pagination_link a,
ul#class_dates_list li h3 a,
.pagination td.prev a, .pagination td.next a { background-image: url(/assets/sprite.png); background-repeat: no-repeat; }

/* ======================= DEFAULT TEXT STYLES ======================= */

a { color: #009FA4; text-decoration: none; font-weight: bold; }
a:hover { color: #BE9F33; text-decoration: none; }

h1 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 3em; line-height: 1.2em;
	font-weight: normal;
	color: #BE9F33;
	margin-bottom: 0.5em;
	overflow: hidden;
}
h2 {
	font-size: 1.6em; line-height: 1.2em;
	font-weight: bold;
	color: #BE9F33;
	margin-bottom: 0.5em;
}
h3 {
	font-size: 1.4em; line-height: 1.4em;
	font-weight: bold;
	color: #009FA4;
	margin-bottom: 0.5em;
}
h4 {
	font-size: 1.2em; line-height: 1.4em;
	font-weight: bold;
	color: #000;
	margin-bottom: 0.5em;
}
p, ul, ol, .work_description_txt {
	font-size: 1.2em; line-height: 1.4em;
	color: #000;
	margin-bottom: 0.5em;
}
ul { list-style: disc outside; margin-left: 1.5em; }
ol { list-style: decimal outside; margin-left: 1.5em; }
p.intro { font-size: 1.6em; margin-bottom: 1em; }

h1 a { font-weight: normal; float: left; white-space: nowrap; }
h1 span {
	width: 20px;
	float: left;
	background-position: -8px 14px;
	display: block;
	text-indent: -999999px;
}

hr {
	height: 0px; clear: both;
	border: 0px;
	border-bottom: 1px solid #BE9F33;
	margin-bottom: 10px;
}

/* ======================= HEADER ======================= */

#header {
	background: #000000;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #000000 0%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#333333));
	background: -webkit-linear-gradient(top,  #000000 0%,#333333 100%);
	background: -o-linear-gradient(top,  #000000 0%,#333333 100%);
	background: -ms-linear-gradient(top,  #000000 0%,#333333 100%);
	background: linear-gradient(to bottom,  #000000 0%,#333333 100%);
	border-bottom: 3px solid #009FA4;
	overflow: visible;
	position: relative;
	z-index: 10;
}
#logo { position: absolute; left: 0px; top: 15px; }
#logo a {
	width: 235px; height: 172px;
	background: url(/assets/osbornesigns.png) left top no-repeat;
	display: block;
	text-indent: -999999px;
}
#hdr_contacts {
	font-size: 1.4em; font-weight: bold;
	color: #BE9F33; text-align: right;
	padding-top: 15px;
	margin-bottom: 10px;
}
#hdr_contacts a { color: #BE9F33; }
#hdr_contacts a:hover { color: #FFF; }
h2#strapline {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 3em; line-height: 1em;
	font-weight: normal; text-align: right;
	text-transform: uppercase;
	color: #FFF;
	letter-spacing: 0.35em;
	margin-bottom: 10px;
}

#nav { overflow: hidden; }
#nav ul {
	list-style: none; margin: 0px;
	font-size: 1em; line-height: 1em;
	float: right;
}
#nav ul li { width: 134px; float: left; margin-left: 2px; }
#nav ul li a {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.6em; line-height: 30px;
	color: #000; text-align: center;
	text-transform: uppercase;
	height: 30px;
	background: #d7bb54;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3YmI1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iI2Q3YmI1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMTk3M2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d7bb54 0%, #d7bb54 91%, #b1973a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7bb54), color-stop(91%,#d7bb54), color-stop(100%,#b1973a));
	background: -webkit-linear-gradient(top,  #d7bb54 0%,#d7bb54 91%,#b1973a 100%);
	background: -o-linear-gradient(top,  #d7bb54 0%,#d7bb54 91%,#b1973a 100%);
	background: -ms-linear-gradient(top,  #d7bb54 0%,#d7bb54 91%,#b1973a 100%);
	background: linear-gradient(to bottom,  #d7bb54 0%,#d7bb54 91%,#b1973a 100%);
	display: block;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#nav ul li a:hover {
	color: #333;
	background: #dfc976;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmYzk3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iI2RmYzk3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWIzNjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #dfc976 0%, #dfc976 91%, #c9b367 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfc976), color-stop(91%,#dfc976), color-stop(100%,#c9b367));
	background: -webkit-linear-gradient(top,  #dfc976 0%,#dfc976 91%,#c9b367 100%);
	background: -o-linear-gradient(top,  #dfc976 0%,#dfc976 91%,#c9b367 100%);
	background: -ms-linear-gradient(top,  #dfc976 0%,#dfc976 91%,#c9b367 100%);
	background: linear-gradient(to bottom,  #dfc976 0%,#dfc976 91%,#c9b367 100%);
}
#nav ul li.active a, #nav ul li.active a:hover {
	color: #E8E1D2;
	background: #009fa4;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOWZhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlmYTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #009fa4 0%, #009fa4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009fa4), color-stop(100%,#009fa4));
	background: -webkit-linear-gradient(top,  #009fa4 0%,#009fa4 100%);
	background: -o-linear-gradient(top,  #009fa4 0%,#009fa4 100%);
	background: -ms-linear-gradient(top,  #009fa4 0%,#009fa4 100%);
	background: linear-gradient(to bottom,  #009fa4 0%,#009fa4 100%);
}

/* ======================= PAGE ======================= */

#page {
	background-color: #E8E1D2;
	clear: both; overflow: hidden;
	padding-bottom: 15px;
}
#sharing_links { padding: 15px 0px; overflow: hidden; }
#sharing_links .addthis_toolbox { float: right; }
.sharing_label {
	font-size: 10px; line-height: 16px;
	text-transform: uppercase;
	font-weight: bold; color: #BE9F33;
	margin-right: 3px;
}
#sharing_links div { float: left; }
#content { width: 720px; float: right; }
#sidebar { width: 190px; float: left; padding-top: 50px; }
#text_column { width: 490px; float: left; }
#further_info_column { width: 190px; float: right; }

.panel_border .panel_inside {
	border: 1px solid #BE9F33;
	padding: 19px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
}
.sidebar_section { margin-bottom: 25px; }
.sidebar_section p { font-size: 1.1em; }
.sidebar_section a { color: #BE9F33; }
.sidebar_section a:hover { color: #009FA4; }
.sidebar_hdr a, .sidebar_nav li a {
	background-position: right 2px;
	display: block;
	padding-bottom: 5px;
	color: #009FA4;
	border-bottom: 1px solid #009FA4;
}
.sidebar_hdr a:hover, .sidebar_nav li a:hover, .sidebar_nav li.active a { color: #BE9F33; background-position: right -48px; }

.work_feed_img { width: 90px; float: left; margin-bottom: 10px; }
.work_feed_img_2 { float: right; }

.sidebar_nav { margin-bottom: 25px; }
.sidebar_nav ul { list-style: none; margin-left: 0; }
.sidebar_nav ul li { margin-bottom: 5px; }

/* ======================= SLIDESHOW ======================= */

#slideshow {
	width: 720px; height: 280px;
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    4px 4px 5px rgba(0, 0, 0, 0.25);
	box-shadow:         4px 4px 5px rgba(0, 0, 0, 0.25);
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;
}
#slideshow img { position: absolute; }

/* ======================= FORMS ======================= */

input.formField, textarea.formTextarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; color: #333; background-color: #FFF;
	padding: 5px;
	border: 1px solid #BE9F33;
}
#sidebar #subscribe_form { clear: both; }
#subscribe_form p { font-size: 1.1em; }
#subscribe_form label { font-size: 1.1em; font-weight: bold; display: block; margin-bottom: 5px; }
#subscribe_form input.formField { margin-bottom: 10px; }
.submit input, .button a {
	background: #d7bb54;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3YmI1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMTk3M2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d7bb54 0%, #b1973a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7bb54), color-stop(100%,#b1973a));
	background: -webkit-linear-gradient(top,  #d7bb54 0%,#b1973a 100%);
	background: -o-linear-gradient(top,  #d7bb54 0%,#b1973a 100%);
	background: -ms-linear-gradient(top,  #d7bb54 0%,#b1973a 100%);
	background: linear-gradient(to bottom,  #d7bb54 0%,#b1973a 100%);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; text-transform: uppercase;
	color: #FFF; font-weight: bold;
	padding: 6px 8px;
	display: block; float: left;
	border: 0px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.required { color: #C00; }
.form_row { clear: both; margin-bottom: 10px; }
.form_label { font-size: 1.2em; line-height: 1.4em; font-weight: bold; margin-bottom: 3px; }
#classes_form input.formField, #classes_form textarea.formTextarea { width: 285px; }
p.form_instructions { font-size: 1.1em; margin-bottom: 3px; }
.class_cost { font-size: 1.2em; font-weight: bold; color: #009FA4; margin-left: 5px; }
.form_checkbox { position: relative; }
.form_checkbox label { padding-left: 20px; display: block; }
.form_checkbox input { position: absolute; left: 0px; top: 0px; }
p.required_note { clear: both; font-size: 1.1em; font-style: italic; padding-top: 10px; margin: 0px; }
p.form_error { font-size: 1.1em; color: #C00; font-weight: bold; margin-bottom: 3px; }
.error input.formField, .error textarea.formTextarea { border-color: #C00; }

/* ======================= FOOTER ======================= */

#footer {
	border-top:  3px solid #009FA4;
	padding-top: 15px; padding-bottom: 15px;
	clear: both;
}
#footer_nav ul { list-style: none; margin-left: 0px; color: #BE9F33; display: inline; }
#footer_nav ul li { display: inline; }
#footer_nav ul li:before { content: " | "; }
#footer_nav ul li.first:before { content: ""; }
#footer_nav ul li a { color: #BE9F33; font-weight: normal; }
#footer_nav ul li a:hover { color: #FFF; font-weight: normal; }

#footer p { color: #FFF; font-size: 1.1em; margin: 0px; padding-top: 10px; }
#footer p.credit { font-size: 1em; color: #999; }
#footer p.credit a { color: #999; font-weight: normal; }
#footer p.credit a:hover { color: #FFF; }
#footer p.reg_details { color: #CCC; font-size: 1em; margin: 0px; padding-top: 5px; }

/* ======================= WORK CATEGORIES ======================= */

.work_categories { padding-top: 10px; }
.work_category { width: 165px; float: left; margin-left: 20px; margin-bottom: 20px; }
.work_category:first-child, .work_category:nth-child(4n+1) { clear: both; margin-left: 0px; }
.work_category a .work_category_title {
	background-position: right 2px;
	display: block;
	padding-bottom: 5px; padding-right: 15px;
	color: #009FA4;
	border-bottom: 1px solid #009FA4;
	font-size: 1.2em;
}
.work_category a:hover .work_category_title {
	color: #BE9F33; background-position: right -48px;
	border-bottom-color: #BE9F33;
}
.work_category_img { height: 165px; padding-top: 5px; display: block; }
.work_category_img img {
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    4px 4px 5px rgba(0, 0, 0, 0.25);
	box-shadow:         4px 4px 5px rgba(0, 0, 0, 0.25);
}

#work_entry { margin-bottom: 10px; }
#work_entry .panel_inside { border-color: #CCC6B9; }
.work_description { width: 150px; float: left; }
.work_img { width: 500px; padding: 7px; float: right; }
.work_img, #location_map_inner {
	background-color: #F1EDE4;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 5px;
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    4px 4px 5px rgba(0, 0, 0, 0.25);
	box-shadow:         4px 4px 5px rgba(0, 0, 0, 0.25);
	text-align: center;
}
.work_description p.categories { font-size: 1.1em; }
.work_description p.categories a { font-weight: normal; }
.work_description p.categories span {
	background-color: #CCC6B9;
	padding: 3px 5px; display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}
.entry_links { overflow: hidden; margin-bottom: 20px; }
.entry_links div { float: left; margin-right: 5px; }
.entry_links div span { display: none; }
.entry_link_next a, .entry_link_prev a, .pagination_link a {
	width: 21px; height: 21px;
	display: block;
	text-indent: -999999px;
}
.entry_link_next a, .pagination_link.prev a { background-position: right -450px; }
.entry_link_prev a, .pagination_link.next a { background-position: left -400px; }
p.category_description { margin-bottom: 20px; }
.work_description_txt p { font-size: 1em; }
#work_nav {
	padding: 10px 47px 5px 47px;
	background-color: #CCC6B9;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}
.work_nav_entry { float: left; margin-left: 5px; margin-bottom: 5px; }
.work_nav_entry:first-child, .work_nav_entry:nth-child(6n+1) { clear: both; margin-left: 0px; }
#loading { text-align: center; padding: 100px; }

.pagination_link { position: absolute; top: 50%; margin-top: -11px; }
.pagination_link.prev { left: 13px; }
.pagination_link.next { right: 13px; }

/* ======================= CLASSES ======================= */

.class_entry {
	clear: both;
	border-top: 1px solid #CCC6B9;
	padding-top: 15px;
}
.class_entry .image { float: left; margin-right: 10px; margin-bottom: 10px; }
ul#class_dates_list {
	list-style: none; margin: 0px;
	font-size: 1em; line-height: 1em;
}
ul#class_dates_list li {
	border-top: 1px solid #009FA4;
	padding-top: 10px; padding-bottom: 10px;
	clear: both;
}
ul#class_dates_list li h3 { font-size: 1.2em; margin-bottom: 0px; }
ul#class_dates_list li h3 a {
	background-position: right 2px;
	display: block;
}
ul#class_dates_list li h3 a:hover { color: #BE9F33; background-position: right -48px; }
ul#class_dates_list li p { margin-bottom: 0px; }
ul#class_dates_list li p.class_name { font-weight: bold; }
ul#class_dates_list li p.class_booked { font-size: 1.1em; font-style: italic; }

#class_details { width: 350px; float: left; }
#class_form { width: 340px; float: right; }

table.class_submission { margin-bottom: 15px; }
table.class_submission th, table.class_submission td {
	font-size: 1.2em; line-height: 1.4em;
	text-align: left; vertical-align: top;
	padding: 5px 10px 5px 0px;
	border-bottom: 1px solid #CCC6B9;
}
table.class_submission td p { font-size: 1em; line-height: inherit; margin: 0px; }
#booking_terms { clear: both; padding-top: 15px; }
#booking_terms h4 { border-top: 1px solid #CCC6B9; padding-top: 10px; display: block; }
#booking_terms p, #booking_terms ul, #booking_terms ol { font-size: 1.1em; }
#class_submission_print { float: right; }

table.class_entries_table { margin-bottom: 15px; }
table.class_entries_table th, table.class_entries_table td {
	font-size: 1.1em; line-height: 1.3em;
	text-align: left; vertical-align: top;
	padding: 5px;
	background-color: #FFF;
	border-bottom: 2px solid #E8E1D2;
}
table.class_entries_table th { background-color: #D7D0C1; /*border-bottom-color: #C6C0B0;*/ border-top: 1px solid #C6C0B0; }
table.class_entries_table .class_entries { text-align: center; }
table.class_entries_table td p { font-size: 1em; line-height: inherit; margin-bottom: 5px; }

.booking_terms_and_conditions {
	border-top: 1px solid #BE9F33;
	padding-top: 10px;
}
.booking_terms_and_conditions p, .booking_terms_and_conditions ul, .booking_terms_and_conditions ol { font-size: 1.1em; }

/* ======================= BLOG ======================= */

.blog_entry {
	width: 49%;
	margin-bottom: 20px;
}
.blog_entry_1 { float: left; clear: both; }
.blog_entry_2 { float: right; }
.blog_entry_inner {
	border: 1px solid #CCC6B9; padding: 10px;
	overflow: hidden;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	min-height: 230px;
}
.blog_img { float: right; margin-left: 10px; }
.blog_entry_hdr, .pagination, .nextentrylinks p {
	background-color: #F1EDE4;
	padding: 5px;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 10px;
}
.blog_entry_hdr { min-height: 40px; }
.blog_entry_hdr h2 { font-size: 1.4em; line-height: 1.4em; margin: 0px; }
p.blog_entry_meta { font-size: 1.1em; color: #BE9F33; font-weight: bold; }
p.blog_entry_meta a { font-weight: normal; }

.pagination { clear: both; display: block; }
.pagination td {
	width: 50%; font-size: 1.2em;
	text-align: center; vertical-align: middle;
}
.pagination td.prev { width: 25%; text-align: left; }
.pagination td.prev a {
	background-position: left -450px;
	padding-left: 25px; line-height: 21px;
	display: block;
	float: left;
}
.pagination td.next { width: 25%; text-align: right; }
.pagination td.next a {
	background-position: right -400px;
	padding-right: 25px; line-height: 21px;
	display: block;
	float: right;
}
#text_column.blog { position: relative; }
#text_column.blog img { max-width: 100%; width: auto !important; height: auto !important; display: block; margin-top: 10px; }
ul.blog_meta, ul.blog_meta ul { list-style: none; margin-left: 0px; }
ul.blog_meta { margin-bottom: 20px; }
ul.blog_meta ul { font-size: 0.9em; margin-bottom: 0px; }
ul.blog_meta ul li {
	padding-top: 4px;
	border-top: 1px solid #CCC6B9;
	margin-bottom: 4px;
}
ul.blog_meta li.date { font-weight: bold; margin-bottom: 5px; }
.nextentrylinks p { color: #BE9F33; margin-bottom: 10px; }
#sidebar.blog .sidebar_nav h3 { color: #BE9F33; }

/* ======================= CONTACT ======================= */

#location_map_wrapper { width: 350px; float: right; }
#location_map_inner { padding: 7px; }
#location_map { height: 350px; }
#contact_form_wrapper { width: 350px; float: left; }
#contact_form input.formField, #contact_form textarea.formTextarea { width: 290px; }

/* =============================== COOKIES =============================== */

#cookie_message {
	padding-top: 10px; padding-bottom: 10px;
	cursor: pointer;
	width: 100%;
	position: fixed; bottom: 0px; left: 0px;
	background: #595F6B;
	background: rgba(89,95,107,0.9);
	border-top: 1px solid #000;
}
#cookie_message p { font-size: 1.1em; margin-right: 70px; margin-bottom: 0px; color: #FFF; }
#cookie_message a { color: #FFF; font-weight: bold; }
#hide_cookie_message {
	position: absolute; top: 0px; right: 10px;
	padding: 2px 5px;
	font-size: 10px; font-weight: bold;
	background-color: #FFF;
}
table.cookies {}
table.cookies th, table.cookies td {
	font-size: 1.2em; line-height: 1.4em;
	color: #595F6B;
	text-align: left; vertical-align: top;
	padding: 5px;
	border-bottom: 1px solid #CCC6B9;
}
table.cookies td.cookies_hdr { font-weight: bold; color: #000; }

/* =============================== SITE MAP =============================== */

#sitemap ul {
	list-style: none; margin-left: 0px;
	font-size: 1em; line-height: 1em;
}
#sitemap ul li {
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC6B9;
	margin-bottom: 10px;
}
#sitemap ul h2 { font-size: 1.4em; text-transform: uppercase; margin-bottom: 5px; }
#sitemap ul p { margin-bottom: 0px; }
#sitemap ul p.meta_title a { color: #BE9F33; }
#sitemap ul li ul { font-size: 1.1em; line-height: 1.3em; margin-top: 10px; margin-bottom: 0px; }
#sitemap ul li ul li {
	padding: 5px; border-bottom: 0px;
	background-color: #F1EDE4;
	margin-bottom: 2px;
}

/* =============================== BLOG GALLERY =============================== */

#text_column.blog { position: relative; }
#blog_gallery_wrapper { background-color: #CCC6B9; }
#blog_gallery { margin: 0px 30px 20px 30px; }
.gallery_img { padding: 10px; }
.gallery_img img { margin: 0px auto; }
#text_column.blog .gallery_img img { margin-top: 0px; }
p.gallery_caption { font-weight: bold; text-align: center; margin: 0px 10px 10px 10px; }

/* =============================== RESPONSIVE =============================== */

@media (max-width: 960px) {
	.wrapper { width: 720px; }
	#nav ul li { width: 93px; }
	#nav ul li a { font-size: 1.4em; }
	h2#strapline { font-size: 2.8em; letter-spacing: 0.1em; }
	#content { padding-top: 40px; }
	#sidebar { width: auto; clear: both; float: none; padding-top: 20px; }
	#blog_feed { width: 490px; float: left; }
	#blog_feed p.image { float: left; margin-right: 10px; }
	.sidebar_hdr { overflow: hidden; }
	#work_feed { width: 190px; float: right; margin-left: 25px; }
	#subscribe_form { width: 190px; float: right; }
	.sidebar_nav { width: 290px; float: left; }
	.sidebar_nav ul li { margin-bottom: 10px; }
	.sidebar_nav ul li a { padding-bottom: 10px; }
	#further_info_column { width: 26.5%; }
	#further_info_column .sidebar_nav { width: auto; }
	#sidebar.classes { display: none; }
	#sidebar.blog .sidebar_nav { width: 33.75%; margin-right: 3%; }
	#sidebar.blog #subscribe_form { width: 26.5%; clear: none; }
	#text_column.blog { width: 70.5%; }
	#sidebar.contact {
		width: auto; float: none;
		border: 1px solid #BE9F33; padding: 19px;
		border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
		overflow: hidden; position: relative;
		margin-top: 40px;
	}
	#sidebar.contact .image { position: absolute; right: 20px; top: 20px; }
	#sidebar.contact:before {
		content: "Contact";
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size: 3em; line-height: 1.2em;
		font-weight: normal;
		color: #BE9F33;
		margin-bottom: 0.5em;
		overflow: hidden;
		display: block;
	}
	#content.contact { width: auto; float: none; clear: both; padding-top: 20px; }
	#content.contact h1 { display: none; }
	#sidebar.work #subscribe_form { clear: none; }
}
@media (max-width: 740px) {
	.wrapper { width: auto; margin-left: 20px; margin-right: 20px; }
	#content, #slideshow, #text_column, #further_info_column, #blog_feed, #work_feed, #subscribe_form, .blog_entry,
	#contact_form_wrapper, #location_map_wrapper { width: auto; height: auto; float: none; clear: both; margin-left: 0px; margin-right: 0px; }
	#content { padding-top: 0px; }
	#further_info_column { padding-top: 10px; }
	#slideshow { height: 200px; }
	#slideshow img, .work_category_img img { width: 100%; height: auto; display: block; }
	#logo { position: relative; float: left; left: auto; top: auto; padding-top: 15px; }
	#logo a { width: 200px; height: 146px; background-size: 200px 146px; }
	#nav { clear: both; padding-top: 10px; }
	#nav ul { float: none; }
	#nav ul li { width: 19.6%; margin-left: 0.5%; }
	#nav ul li:first-child { margin-left: 0%; }
	#nav ul li a { font-size: 1.2em; }
	.work_feed_img { margin-right: 5px; }
	.work_feed_img_2 { float: left; }
	.work_category { width: 30%; margin-left: 5%; }
	.work_category:nth-child(4n+1) { clear: none; margin-left: 5%; }
	.work_category:nth-child(3n+1) { clear: both; margin-left: 0px; }
	.work_category_img { height: auto; }
	.work_nav_entry { width: 15.83%; margin-left: 1%; }
	.work_nav_entry img, .work_img img { width: 100%; height: auto; display: block; }
	.work_description, .work_img { width: auto; float: none; clear: both; }
	#sidebar.blog .sidebar_nav { width: 48%; margin-left: 0px; margin-right: 0px; }
	#sidebar.blog .sidebar_nav:nth-child(even) { float: right; }
	#sidebar.blog #subscribe_form, #sidebar.work #subscribe_form { display: none; }
	#contact_form_wrapper { margin-bottom: 20px; }
}
@media (max-width: 590px) {
	#slideshow { height: 140px; }
}
@media (min-width: 520px) and (max-width: 740px) {
	#hdr_contacts { padding-top: 30px; }
	.hdr_contact { display: block; margin-bottom: 5px; }
	.hdr_contact_spc { display: none; }
}
@media (max-width: 520px) {
	.wrapper { margin-left: 10px; margin-right: 10px; }
	#logo { float: none; }
	#logo a { margin-left: auto; margin-right:  auto; }
	#hdr_contacts, h2#strapline { clear: both; text-align: center; }
	h2#strapline { font-size: 2em; letter-spacing: 0em; }
	#nav ul li { width: 24.25%; margin-left: 1%; }
	#nav ul li:first-child { display: none; }
	#nav ul li:nth-child(2n) { margin-left: 0%; }
	#nav ul li:nth-child(4n) { margin-left: 1%; }
	.work_category { width: 48%; margin-left: 0% !important; }
	h1 { font-size: 2.2em; }
	h1 span { background-position: -8px 10px; display: none; }
	h1 a { font-size: 0.7em; font-weight: bold; text-transform: uppercase; display: block; float: none; }
	.work_category:nth-child(3n+1) { clear: none; }
	.work_category:nth-child(odd) { clear: both; }
	.work_category:nth-child(even) { float: right; }
	.sidebar_nav, #class_details, #class_form { width: auto; float: none; clear: both; }
	#work_nav { padding: 5px 5px 25px 5px; }
	.pagination_link { top: 100%; margin-top: -26px; }
	.pagination_link.next { right: 5px; }
	.pagination_link.prev { left: 5px; }
	input.formField, textarea.formTextarea { width: 90% !important; }
	#sidebar.blog .sidebar_nav, #text_column.blog { width: auto !important; float: none !important; clear: both !important; }
	#sidebar.contact .image { display: none; }
	#location_map { height: 280px; }
	#work_feed { position: relative; }
	.work_feed_img { width: 25%; margin-right: 0px; }
	.work_feed_img a { margin-right: 5px; position: relative; display: block; }
	.work_feed_img a img { width: 100%; height: auto; display: block; }
}
@media (max-width: 340px) {
	#slideshow { height: 95px; }
	#hdr_contacts { font-size: 1.1em; }
	h2#strapline { font-size: 1.8em; }
	#nav ul li a { font-size: 1.1em; }
	#blog_feed p.image { float: none; margin-right: 0px; }
	/*.work_feed_img { margin-right: 5px; }*/
	.class_entry .image, .blog_img { float: none; clear: both; margin-left: 0px; }
	.pagination td.pages { display: none; }
	.pagination td.next, .pagination td.prev { width: auto; }
}