html { 
	overflow-y: scroll; 
}

body {
	margin: 0;
	padding: 0;
	color: #5A5A5A;
	font: 14px/24px 'DejaVuSansBook', Helvetica, Arial;
	background: url(images/background.jpg);
}

@font-face {
    font-family: 'DejaVuSansBook';
    src: url('fonts/DejaVuSans-webfont.eot');
    src: url('fonts/DejaVuSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DejaVuSans-webfont.woff') format('woff'),
         url('fonts/DejaVuSans-webfont.ttf') format('truetype'),
         url('fonts/DejaVuSans-webfont.svg#DejaVuSansBook') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
a.top {
	clear: both;
	position: relative;
	top: -14px;
}

a:hover.top {
	position: relative;
	top: -14px;
	text-decoration: none;
	border-style: none;
}

/* ---------------------------------------------------------------------------------- Heading classes ------------------------------------------------------------------------------------ */

h1 {
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
	font: normal 20px/44px Georgia, "Times New Roman", Times, serif;
	text-align: left;
	margin: 0px 0px 10px;
	background: #463520;
	background: -moz-linear-gradient(top, #251C11 0%, #463520 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#251C11), color-stop(100%,#463520));
	background: -webkit-linear-gradient(top, #251C11 0%,#463520 100%);
	background: -o-linear-gradient(top, #251C11 0%,#463520 100%);
	background: -ms-linear-gradient(top, #251C11 0%,#463520 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#251C11', endColorstr='#463520',GradientType=0 );
	background: linear-gradient(top, #251C11 0%,#463520 100%);
	padding-left: 10px;
	border-radius: 5px;
}

h2 {
	color: #251C11;
	text-shadow: 1px 1px 1px #FFF;
	font: normal 20px/36px Georgia, "Times New Roman", Times, serif;
	margin: 0px;
	text-align: left;
}

h3 {
	color: #8D1111;
	text-shadow: 1px 1px 1px #FFF;
	font: normal 18px/36px 'DejaVuSansBook', Helvetica, sans-serif;
	margin: 0px;
	text-align: left;
}

h4 {
	color: #8D1111;
	text-shadow: 1px 1px 1px #FFF;
	font: normal 18px/36px 'DejaVuSansBook', Helvetica, sans-serif;
	margin: 0px 0px 15px;
	text-align: left;
}

.phone {
	background: url(images/phone.png) no-repeat left center;
	padding-left: 18px;
}

.hours {
	background: url(images/hours.png) no-repeat left center;
	padding-left: 20px;
}

.red {
	color: #8C1111;
}

.icon {
	float: left;
	padding-right: 4px;
	padding-top: 2px;
}

/* ---------------------------------------------------------------------------------- Image classes ------------------------------------------------------------------------------------ */

img { 
	border: none;
}

.thumbL {
	float: left;
	margin-right: 20px;
}

.price {
	float: left;
	margin-right: 20px;
	margin-bottom: 40px;
}

a {
	color: #8D1111;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
	color: #999;
}

/* ---------------------------------------------------------------------------------- CSS3 buttons ------------------------------------------------------------------------------------ */

.button {
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: baseline;
	margin: 0;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 10px 25px 11px;
	border-radius: 5px;
	color: #000;
	text-shadow: 1px 0px 1px #FFF;
	background: #EDEDED;
	background: -moz-linear-gradient(top, #EDEDED 0%, #CACACA 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#CACACA));
	background: -webkit-linear-gradient(top, #EDEDED 0%,#CACACA 100%);
	background: -o-linear-gradient(top, #EDEDED 0%,#CACACA 100%);
	background: -ms-linear-gradient(top, #EDEDED 0%,#CACACA 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDEDED', endColorstr='#CACACA',GradientType=0 );
	background: linear-gradient(top, #EDEDED 0%,#CACACA 100%);
	font-size: 14px;
	line-height: 100%;
}

.button:hover {
	text-decoration: none;
	background: #6D1010;
	background: -moz-linear-gradient(top, #B30F0F 0%, #6D1010 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B30F0F), color-stop(100%,#6D1010));
	background: -webkit-linear-gradient(top, #B30F0F 0%,#6D1010 100%);
	background: -o-linear-gradient(top, #B30F0F 0%,#6D1010 100%);
	background: -ms-linear-gradient(top, #B30F0F 0%,#6D1010 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B30F0F', endColorstr='#6D1010',GradientType=0 ); 
	background: linear-gradient(top, #B30F0F 0%,#6D1010 100%);
	color: #FFF;
	text-shadow: 1px 0px 1px #000;
}

/* ---------------------------------------------------------------------------------- Main classes ------------------------------------------------------------------------------------ */

.wrapper {
	width: 1200px;
	margin: 30px auto 0px;
	position: relative;
	background: url(images/wrapper.png) repeat;
	padding: 15px;
	border: 1px solid #E0E0E0;
	border-radius: 6px;
}

.container {
	background: #FAFAFA url(images/container.png) repeat-y left top;
	padding: 15px;
	border-radius: 6px 6px 0 0;
	float: left;
	width: 1170px;
}

header {
	float: left;
	margin: 0px 0px 40px;
	padding: 0px;
	clear: both;
	width: 300px;
}

.clear {
	display: block;
	height: 30px;
	clear: both;
	visibility: hidden;
}

.clearfix {
	clear: both;
	height: 10px;
	overflow: hidden;
}

#top {
	background: url(images/top.png);
	height: 30px;
}


/* ---------------------------------------------------------------------------------- Main menu ------------------------------------------------------------------------------------ */

nav h2 {
	display: none;
}

nav {
	margin-bottom: 50px;
	margin-top: 30px;
	width: 100%;
}

nav ul {
	list-style: none;
	display:block;
	margin: 0px;
	padding: 0px;
}

nav ul li {
	margin: 0px;
	padding: 0px;
}

nav ul li a {
	display: block;
	float: left;
	text-decoration: none;
	color: #5A5A5A;
	text-shadow: 1px 1px 1px #FFF;
	margin-top:0px;
	text-align: left;
	font-size: 16px;
	line-height: 50px;
	background: url(images/border.png) repeat-x left bottom;
	width: 100%;
	text-indent: 10px;
}

nav ul li a:hover {
	text-decoration: none;
	color: #8D1111;
	position: relative;
	left: 3px;
}

nav ul li.active a {
	color: #8D1111;
	background: #F3F3F3 url(images/border.png) repeat-x left bottom;
	position: relative;
	left: 0px;
}

.navCollapser {
	display: none;
}

/* ---------------------------------------------------------------------------------- Aside sidebar ------------------------------------------------------------------------------------ */

.logo {
	margin-left: 55px;
}

aside {
	float: left;
	width: 300px;
	padding-bottom: 30px;
}

aside ul  {
	list-style: none;
	padding: 0px;
	margin-bottom: 40px;
}

aside li  {
	margin-bottom: 6px;
	text-align: left;
}

/* ---------------------------------------------------------------------------------- Main content section ------------------------------------------------------------------------------------ */

section {
	text-align: justify;
	padding: 10px;
	width: 780px;
	float: right;
}

.calendarIframe {
	height: 780px;
	width: 780px;
}

.mapIframe {
	width: 780px;
	height: 400px;
}

.entry {
	padding: 10px 0px;
	clear: both;
	overflow: auto;
}

.entry ul {
	list-style: none;
	padding-left: 10px;
}

.entry li {
	background: url(images/bullet.png) no-repeat left 5px;
	padding-left: 22px;
	margin-bottom: 8px;
	text-align: left;
}

blockquote  {
	margin: 0px 10px;
	position: relative;
	color: #8C1111;
	font: italic 18px/32px Georgia, "Times New Roman", Times, serif;
	background: #EBEBEB;
	padding: 5px 15px;
	border-radius: 5px;
}

.col {
	float: left;
	width: 390px;
	padding-bottom: 20px;
}

.col ul {
	list-style: none;
	padding-left: 10px;
}

.col li {
	background: url(images/bullet.png) no-repeat left 5px;
	padding-left: 22px;
	margin-bottom: 4px;
	text-align: left;
}

/* ---------------------------------------------------------------------------------- Footer ------------------------------------------------------------------------------------ */

footer {
	font-size: 12px;
	height: 185px;
	background: #6D1010;
	background: -moz-linear-gradient(top, #B30F0F 0%, #6D1010 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B30F0F), color-stop(100%,#6D1010));
	background: -webkit-linear-gradient(top, #B30F0F 0%,#6D1010 100%);
	background: -o-linear-gradient(top, #B30F0F 0%,#6D1010 100%);
	background: -ms-linear-gradient(top, #B30F0F 0%,#6D1010 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B30F0F', endColorstr='#6D1010',GradientType=0 ); 
	background: linear-gradient(top, #B30F0F 0%,#6D1010 100%);
	text-align: center;
	clear: both;
	border-radius: 0 0 6px 6px;
}

footer p {
	margin: 0px;
	text-align: center;
	color: #FFF;
	line-height: 30px;
}

footer a {
	color: #FFF;
	text-decoration: none;
	padding-right: 2px;
	padding-left: 2px;
}

footer a:hover {
	border-bottom: 1px dotted #FFF;
	position: relative;
	top: 2px;
	text-decoration: none;
	color: #FFF;
}

/* ---------------------------------------------------------------------------------- Home page action styles ------------------------------------------------------------------------------------ */

#action {
	padding: 20px 0px;
	text-shadow: 1px 1px 1px #FFF;
	text-align: center;
	border-top: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
	margin-bottom: 30px;
}

#action p {
	color: #251C11;
	font: italic normal 24px/0px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 15px;
}

/* ---------------------------------------------------------------------------------- Contact form ------------------------------------------------------------------------------------ */

#contact {
	display: block;
}

#contact fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}

#contact label {
	display: block;
	padding-bottom: 3px;
}

#contact input  {
	padding: 10px;
	border-radius: 5px;
	background: #F9F9F9;
	margin: 0px 0px 6px;
	font: 14px "Helvetica Neue", Helvetica, Arial;
	width: 60%;
	color: #555;
	border: 1px solid #CBCBCB;
}

#contact textarea {
	padding: 10px;
	border-radius: 5px;
	background: #F9F9F9;
	margin: 0px 0px 6px;
	font: 14px "Helvetica Neue", Helvetica, Arial;
	width: 80%;
	color: #555;
	border: 1px solid #CBCBCB;
}

#contact input.submit {
	border-radius: 5px;
	background: #EDEDED;
	background: -moz-linear-gradient(top, #EDEDED 0%, #CACACA 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#CACACA));
	background: -webkit-linear-gradient(top, #EDEDED 0%,#CACACA 100%);
	background: -o-linear-gradient(top, #EDEDED 0%,#CACACA 100%);
	background: -ms-linear-gradient(top, #EDEDED 0%,#CACACA 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDEDED', endColorstr='#CACACA',GradientType=0 );
	background: linear-gradient(top, #EDEDED 0%,#CACACA 100%);
	font: 14px/100% 'DejaVuSansBook', Helvetica, Arial;
	margin: 6px 0px 0px;
	width: 140px;
	cursor: pointer;
	color: #000;
	text-shadow: 1px 0px 1px #FFF;
	padding-top: 6px;
	padding-bottom: 7px;
	border-style: none;
}

#contact input.submit:hover {
	text-decoration: none;
	background: #6D1010;
	background: -moz-linear-gradient(top, #B30F0F 0%, #6D1010 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B30F0F), color-stop(100%,#6D1010));
	background: -webkit-linear-gradient(top, #B30F0F 0%,#6D1010 100%);
	background: -o-linear-gradient(top, #B30F0F 0%,#6D1010 100%);
	background: -ms-linear-gradient(top, #B30F0F 0%,#6D1010 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B30F0F', endColorstr='#6D1010',GradientType=0 ); 
	background: linear-gradient(top, #B30F0F 0%,#6D1010 100%);
	color: #FFF;
	text-shadow: 1px 0px 1px #000;
}

#message { 
	margin: 10px 0;
	padding: 0; 
}

.error_message { 
	display: block; 
	height: 22px; 
	line-height: 22px; 
	background: #FBE3E4 url(images/error.gif) no-repeat 10px center; 
	padding: 3px 10px 3px 35px; 
	color:#8a1f11;
	border: 1px solid #FBC2C4; 
}

.loader { 
	padding: 0 10px; 
}

#contact #success_page h2 {
	background: url(images/success.gif) no-repeat left 10px;
	font: italic bold 18px/46px "Helvetica Neue", Helvetica, Arial;
	color: #F90;
	margin: 0px;
	padding-left: 22px;
}

/*--------------------------------------------- Screen resolutions below 1200px wide for tablets in landscape mode and netbooks ----------------------------------------------*/

@media only screen and (max-width: 1200px){
	
.wrapper {
	width: 960px;
	margin: 30px auto 0px;
	position: relative;
	background: url(images/wrapper.png) repeat;
	padding: 15px;
	border: 1px solid #E0E0E0;
	border-radius: 6px;
}

.container {
	background: #FAFAFA url(images/container.png) repeat-y left top;
	padding: 15px;
	border-radius: 6px 6px 0 0;
	float: left;
	width: 930px;
}

section {
	text-align: justify;
	padding: 10px;
	width: 580px;
	float: right;
}

.calendarIframe {
	height: 580px;
	width: 580px;
}

.mapIframe {
	width: 580px;
	height: 400px;
}

.col {
	float: left;
	width: 290px;
	padding-bottom: 20px;
}

}

/*--------------------------------------------- Screen resolutions below 960px wide for tablets in portrait mode ----------------------------------------------*/

@media only screen and (max-width: 960px){
	
.wrapper {
	width: 725px;
	margin: 30px auto 0px;
	position: relative;
	background: url(images/wrapper.png) repeat;
	padding: 15px;
	border: 1px solid #E0E0E0;
	border-radius: 6px;
}

header {
	float: left;
	margin: 0px 0px 40px;
	padding: 0px;
	clear: both;
	width: 220px;
}

#action p {
	font: italic normal 20px/normal Georgia, "Times New Roman", Times, serif;
	white-space: normal;
}

/* ---------------------------------------------------------------------------------- Aside sidebar ------------------------------------------------------------------------------------ */

.logo {
	margin-left: 15px;
}

aside {
	float: left;
	width: 220px;
	padding-bottom: 30px;
}

aside ul  {
	list-style: none;
	padding: 0px;
	margin-bottom: 40px;
}

aside li  {
	margin-bottom: 6px;
	text-align: left;
}

.container {
	background: #FAFAFA url(images/container-ipad.png) repeat-y left top;
	padding: 15px;
	border-radius: 6px 6px 0 0;
	float: left;
	width: 695px;
}

section {
	text-align: left;
	padding: 10px;
	width: 420px;
	float: right;
}

.calendarIframe {
	height: 420px;
	width: 420px;
}

.mapIframe {
	width: 420px;
	height: 400px;
}

.col {
	float: none;
	clear: both;
	width: 420px;
	padding-bottom: 20px;
}

}

/*--------------------------------------------------- Screen resolutions below 728px wide for mobile devices (i.e. iPhone, Motorola Atrix, Blackberry) ----------------------------------------------*/

@media only screen and (max-width: 725px){
	
body {
	background: url(none);
}
	
.wrapper {
	width: 100%;
	margin: 0px;
	position: relative;
	background: url(none);
	padding: 0px;
	border-radius: 0;
	border: none;
}

.container {
	background: #FAFAFA url(none);
	padding: 0px;
	border-radius: 0;
	width: 100%;
}

h1 {
	font: bold 16px/34px Georgia, "Times New Roman", Times, serif;
}

h2 {
	font: bold 16px/30px Georgia, "Times New Roman", Times, serif;
	margin: 0px;
}

h3 {
	text-shadow: 1px 1px 1px #FFF;
	margin: 0px;
	font-size: 16px;
	line-height: 32px;
}

header {
	float: none;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
}

.logo {
	margin: 0;
}

.logo  img {
	float: none;
	width: 60%;
	margin: 0px;
	padding-right: 20%;
	padding-left: 20%;
	clear: both;
	padding-top: 5%;
}



/* ---------------------------------------------------------------------------------- Aside sidebar ------------------------------------------------------------------------------------ */

aside {
	float: none;
	width: 90%;
	padding-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}

/* Content */

section {
	float: none;
	width: 90%;
	margin: 20px auto 0px;
	padding: 0px;
	text-align: left;
}

.calendarIframe {
	width: 280px;
	margin: 20px auto 0px;
}

.mapIframe {
	width: 100%;
	margin: 20px auto 0px;
}

.col {
	float: none;
	width: 90%;
	padding-bottom: 20px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

/* Main Navigation */

nav {
	float: none;
	position: relative;
	z-index: 1000;
	margin: 0px;
	padding: 0px;
	width: 100%;
	clear: both;
}
		
nav ul li a {
	display: block;
	float: none;
	padding: 0px;
	text-align: center;
	background: #E9E9E9;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#E9E9E9));
	background: -webkit-linear-gradient(top, #FFFFFF 0%,#E9E9E9 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%,#E9E9E9 100%);
	background: -ms-linear-gradient(top, #FFFFFF 0%,#E9E9E9 100%);
	background: linear-gradient(top, #FFFFFF 0%,#E9E9E9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E9E9E9',GradientType=0 );
	border-bottom: 1px solid #DADADA;
	margin: 0px;
	width: 100%;
	line-height: 52px;
	height: 52px;
	text-indent: 0;
}

nav ul li a:hover {
	color: #8D1111;
	position: relative;
	left: 0px;
}

nav ul li.active a {
	color: #8D1111;
	background: #F3F3F3 url(none);
}
		
nav.collapsible {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px; 
	width: 100%;
	background: #f1f1f1;
}
		
.navCollapser {
	display: none;
	cursor: pointer;
	width: 100%;
	padding: 15px 0px;
	text-align: center;
	background: #686866;
	background: -moz-linear-gradient(top, #686866 0%, #393939 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#686866), color-stop(100%,#393939));
	background: -webkit-linear-gradient(top, #686866 0%,#393939 100%);
	background: -o-linear-gradient(top, #686866 0%,#393939 100%);
	background: -ms-linear-gradient(top, #686866 0%,#393939 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686866', endColorstr='#393939',GradientType=0 );
	background: linear-gradient(top, #686866 0%,#393939 100%);
	border-bottom: solid 1px #000000;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
}

/* ---------------------------------------------------------------------------------- Footer ------------------------------------------------------------------------------------ */
footer {
	font-size: 11px;
	height: 100%;
	background: #EDEDED url(none);
	text-align: center;
	clear: both;
	border-radius: 0;
	margin: 0px;
}

footer p {
	margin: 0px auto;
	text-align: center;
	color: #5A5A5A;
	width: 90%;
}

footer a {
	color: #5A5A5A;
	text-decoration: none;
	padding: 0px;
}

footer a:hover {
	border-bottom: none;
	position: relative;
	top: 0px;
	text-decoration: underline;
	color: #8D1111;
}


/* ---------------------------------------------------------------------------------- Home page action styles ------------------------------------------------------------------------------------ */

#action p {
	font: italic normal 18px/normal Georgia, "Times New Roman", Times, serif;
	white-space: normal;
}

		
/* Contact Form */

#contact input {
	width: 90%;
}

#contact textarea {
	width: 90%;
}

#contact #success_page h2 {
	font-size: 16px;
}
		
#mapIframe {
	height: 300px;
}
	
}


/* ---------------------------------------------------------------------------------- HTML5 classes ------------------------------------------------------------------------------------ */

header, section, footer, aside, nav, article, figure {
	display: block;
}