@charset "UTF-8";
/* CSS Document */

* {
	box-sizing: border-box;
}
.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
    padding: 5px 15px 5px 15px;
	
}


html {
	/* [disabled]font-family: "Lucida Sans", sans-serif; */
}
.maincontentarea {
	/* [disabled]background-color: rgba(255,255,255,1); */
	max-width: 1020px;
	margin-right: auto;
	margin-left: auto;
}
.maincontentareagallery {	/*
	[disabled]background-color: rgba(255,255,255,1); */
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
	/* [disabled]float: left; */
}
.header {
    background-color: #9933cc;
    color: #ffffff;
    padding: 15px;
}
h1 {
	font-family: 'Roboto Slab', serif;
	font-size: 30pt;
	line-height: 130%;
	/* [disabled]margin-top: 40px; */
	/* [disabled]margin-left: 10px; */
	letter-spacing: -1pt;
	font-weight: normal;
}
.specialsheading {
	font-family: 'Roboto Slab', serif;
	font-size: 32pt;
	line-height: 120%;
	/* [disabled]margin-top: 40px; */
	/* [disabled]margin-left: 10px; */
	letter-spacing: -1pt;
	font-weight: normal;
}
.lefttext {
	text-align: left;
}

h2 {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: rgba(255,255,255,1);
	text-align: center;
	font-size: 1.5em;
	float: left;
	width: 100%;
	font-weight: normal;
	letter-spacing: 0.1em;
	clear: both;
	position: absolute;
	z-index: 2000;
	top: 210px;
	padding-right: 5%;
	padding-left: 5%;
}
.great {
	font-family: 'Roboto Slab', serif;
	font-size: 20pt;
	line-height: 130%;
	/* [disabled]letter-spacing: -1pt; */
	font-weight: normal;
	text-align: center;
	width: 100%;
}
p {
	font-size: 10pt;
	line-height: 18pt;
	/* [disabled]margin-left: 10px; */
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 10px;
	color: rgba(0,0,0,1);
	letter-spacing: 0em;
}
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.menu li {
    padding: 8px;
    margin-bottom: 7px;
    background-color: #33b5e5;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu li:hover {
    background-color: #0099cc;
}

.relativepanel {
	position: relative;
}
.bigimage {
	position: relative;
	z-index: -20;
}
.bigimage img {
	width: 100%;
	height: auto;
	z-index: -1;
}
.newfor2016 {
	position: absolute;
	left: -13px;
	z-index: 2000;
	height: 162px;
	width: 185px;
	bottom: 0px;
}

.size {
	font-size: 10pt;
	line-height: 18pt;
	text-align: left;
	margin-left: 10px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 0px;
	color: rgba(0,0,0,1);
	margin-top: 5px;
	letter-spacing: normal;
	word-spacing: normal;
}
.tapemeasure {
	height: 50px;
	width: 100%;
	margin-top: 20px;
}
.tapemeasure img {
	float: left;
	height: 46px;
	/* [disabled]width: 70px; */
	clear: none;
	position: relative;
	padding-right: 15px;
}
.seealso {
	font-size: 10pt;
	line-height: 18pt;
	text-align: left;
	margin-left: 10px;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 10px;
	color: rgba(0,0,0,1);
	float: left;
	clear: left;
	/* [disabled]margin-top: 40px; */
	padding: 0px;
	margin-right: 0px;
	letter-spacing: 0em;
}
.photos {
	float: left;
	width: 48%;
	height: 48%;
	padding: 0%;
	margin-right: 2%;
	margin-bottom: 2%;
	overflow: hidden;
	
}
.photos img {
	max-width: 100%;
	max-height: auto;
}



.clientslist {
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: none;
}
.clientslist:link {
	color: #CCCCCC;	
}
.clientslist:visited {
	color: #CCCCCC;
}
.clientslist:hover {
	color: #666666;
}
.clientslist:active {
	color: #D6D6D6;
}

.divider {
	width: 100%;
	background-image: url(../images/rule.gif);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 60px;
	clear: both;
	margin-bottom: 10px;
}
.specials {
	background-color: rgba(204,204,204,1);
	border: 1px solid rgba(153,153,153,1);
	padding: 15px;
	height: 500px;
}
.specials img {
	/* [disabled]float: right; */
	/* [disabled]width: 250px; */
}
.offerpic {
	float: left;
	max-width: 400px;
	margin-top: 10;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.offerpic img {
	width: 100%;
	margin-bottom: 10px;
}
.introtext img {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 30px;
}
.mainimage {
	float: left;
	margin-bottom: 10px;
	/* [disabled]margin-right: 10px; */
}
.mainimage img {
	float: left;
	width: 100%;
	/* [disabled]max-width: 450px; */
	/* [disabled]margin-right: 10px; */
}




.divider img{
	width: 100%;
}


.footer {
    background-color: #0099cc;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}
.left {
	float: left;
}




.back-to-top {
	position: fixed;
	bottom: 2em;
	right: 0px;
	text-decoration: none;
	color: #000000;
	background-color: rgba(193,215,46,1);
	font-size: 12px;
	display: none;
	background-image: url(../images/backtotop.png);
	background-repeat: no-repeat;
	margin-right: 20px;
	height: 50px;
	width: 50px;
	background-position: 10px 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	-moz-border-radius: 25px; 
   -webkit-border-radius: 25px; 
   border-radius: 25px;
		}
		.back-to-top:hover {	
			background-color: rgba(193,215,46, 0.50);
		}
		.seevenue {
	font-size: 10pt;
	line-height: 18pt;
	text-align: left;
	/* [disabled]width: 400px; */
	/* [disabled]margin-left: 10px; */
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 10px;
	color: rgba(0,0,0,1);
	float: left;
	clear: left;
	margin-top: 40px;
	padding: 0px;
	margin-right: 0px;
	letter-spacing: 0em;
}
.venuelogo {
	float: left;
	clear: left;
	margin-top: 30px;
	margin-bottom: 20px;
}	
.greypanel {
	background-color: rgba(193,215,46,1);
	clear: both;
	margin-bottom: 15px;
	/* [disabled]padding-right: 10px; */
	/* [disabled]padding-left: 10px; */
}
.greypanel2 {
	background-color: rgba(82,25,126,1);
	width: 465px;
	padding-bottom: 20px;
	padding-top: 20px;
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	color: rgba(255,255,255,1);
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
}
ul#eventsbullets li {
	list-style-type: square;
	list-style-image: url(%22%22);
	list-style-position: outside;
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	padding: 1px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: -5px;
	color: rgba(77,45,111,1);
	font-weight: bold;
}

.eventsbullets {
	float: left;
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	margin-bottom: 10px;
	letter-spacing: 0em;
}
.eventsheading {
	color: rgba(0,0,0,1);
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.recommendheading {
	font-size: 10pt;
	line-height: 18pt;
	text-align: left;
	width: 100%;
	margin-left: 10px;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 20px;
	color: rgba(77,46,111,1);
	letter-spacing: 0em;
}

.recompanel {
	float: left;
	/* [disabled]margin-right: 40px; */
	height: 100%;
}
.spacer {
	float: left;
	height: 1px;
	width: 1020px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.recommend {
	font-size: 10pt;
	line-height: 18pt;
	text-align: center;
	margin-left: auto;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	color: rgba(0,0,0,1);
	float: left;
	letter-spacing: 0em;
	clear: right;
	margin-right: auto;
}
.recommend img{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 80%;
}
.recommend:link {
	color: #310A63;
	font-weight: bold;
	/* [disabled]text-decoration: none; */
}
.recommend:visited {
	color: #320A63;
}
.recommend:hover {
	color: #8DC63F;
}
.recommend:active {
	color: #D6D6D6;
}
.recomlist {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	float: left;
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 14pt;
	display: inline-block;
	text-align: center;
	letter-spacing: 0px;
	background-color: rgba(217,217,218,1);
	height: auto;
	padding: 10px;
}
.recomlist:link {
	color: #310A63;
	text-decoration: none;
}
.recomlist:visited {
	color: #320A63;
}
.recomlist:hover {
	color: #8DC63F;
}
.recomlist:active {
	color: #D6D6D6;
}
.greypanel2 {
	background-color: rgba(82,25,126,1);
	margin-top: 20px;
	clear: both;
	letter-spacing: normal;
	word-spacing: normal;
	width: 100%;
	/* [disabled]max-width: 400px; */
}
.greypanel2text {
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	color: rgba(255,255,255,1);
	/* [disabled]letter-spacing: normal; */
	/* [disabled]word-spacing: normal; */
}
.greypanel2 img{
	margin-top: -30px;
	float: right;
	margin-right: -30px;
}
#mapCanvas {
	height: 600px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
      }
	  
	  
.footerpanelarea {
	height: auto;
	z-index: 2000;
	background-color: #4B4B4D;
	width: 100%;
	position: absolute;
	padding-bottom: 20px;
}
.footerlogo {
	padding-top: 10px;
	padding-bottom: 10px;	
	
}
.footerlogo img {
	 max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto auto;
	
}
.footertext {
	font-family: Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 14pt;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	clear: both;
	float: none;
	width: 100%;
}
.keratinpanel {
	background-color: rgba(75,75,77,1);
	padding: 10px;
}
.centredtext {
	text-align: center;
}
.indenteachside {
	padding-right: 5%;
	padding-left: 5%;
}
.noindenteachside {
	padding-right: 0%;
	padding-left: 0%;
}


.smallgreypanel {
	background-image: url(../images/greypanel.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.smallredpanel {
	background-image: url(../images/redbackground.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.white {
	color: rgba(255,255,255,1);
}
.circle {
	border-radius: 50%;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
.circle img {
	border-radius: 50%;
	height: 100%;
	width: 100%;
	padding: 5%;
}

.introlink {
	color: #4B4B4D;
	decoration: none;
	margin: 0px;
	padding: 0px;
}	
.introlink:link {
	color: #8B0E00;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: rgba(189,189,189,1);
}
.introlink:visited {
	color: #999966;
}
.introlink:hover {
	color: #C23916;
}
.introlink:active {
	/* [disabled]color: #D6D6D6; */
}
.introtext {
	font-size: 18px;
	line-height: 34px;
	color: rgba(102,102,102,1);
	padding-bottom: 10px;
	font-family: 'Lato', Calibri, Arial;
	padding-right: 20px;
	padding-left: 30px;
	float: left;
}
.introtext img {
	float: left;
	margin-right: 10px;
	width: 50%;
}
ul.introtext {
	list-style-type: square;
	/* [disabled]margin-left: 1em; */
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	/* [disabled]float: left; */
}
ul.introtext li {
	padding: 0em;
	marginm: 0em;
}
.menspanel {
	/* [disabled]clear: both; */
	float: left;
	margin-left: 0;
	/* [disabled]width: 25%; */
	display: block;
}
.menspanel img {
	/* [disabled]float: left; */
	margin-right: 10px;
	/* [disabled]margin-left: 15px; */
	width: 120%;
}
.centredindiv {
	background-color: rgba(255,153,0,1);
	margin: 0 auto;
	padding: 0;
	float: left;
	width: 100%;
}
.break {
	clear: both;
	width: 100%;
}
.tableheigth {
	height: 482px;
}
.apprenticepanel {
	/* [disabled]float: left; */
	/* [disabled]width: 1020px; */
	background-repeat: no-repeat;
	background-image: url(../images/ribbonad.jpg);
	background-size: 100% 100%;
	height: 110px;
	/* [disabled]margin-top: 100px; */
	z-index: -1000;
	/* [disabled]margin-bottom: 100px; */
	position: relative;
}
.apprenticepanel img {
	width: 100%;
	float: left;
}

.apprenticeheading {
	font-family: 'Roboto Slab', serif;
	font-size: 30pt;
	letter-spacing: -1pt;
	font-weight: normal;
	text-align: center;
	color: rgba(255,255,255,1);
	padding-top: 10px;
	text-shadow: 2px 2px 5px #000000;
}
.apprenticesubheading {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: rgba(255,255,255,1);
	text-align: center;
	font-size: 1.2em;
	float: left;
	width: 100%;
	font-weight: normal;
	padding-right: 5%;
	padding-left: 5%;
	text-shadow: 2px 2px 5px #000000;
}
.offersub {
	font-size: 18px;
	line-height: 130%;
}


@media screen and (min-width: 0px) and (max-width: 400px) {


        body {
	/* [disabled]background-color: red; */
        }
		.divider {
	background-image: url(../images/dividermobile.gif);	
	}
		.col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
	.col-m-20 {width: 20%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;
	margin-top: -20px;
	}
	h1 {
	font-size: 26pt;
	}
	h2 {
	font-size: 1em;
	width: 100%;
	top: 140px;
	padding-right: 5%;
	padding-left: 5%;
}
	.topspace {margin-top: 0px;}
	p {
	font-size: 13pt;
	line-height: 18pt;
	}
	.photos {
	width: 100%;	
	}
	.photos img {
	width: 100%;	
	}
	
	.newfor2016 img{
	height: 60%;
	width: 60%;
	position: absolute;
	left: -5px;
	z-index: 2000;
	bottom: -24px;
	}
	.bigimage img {
	margin-top: 10px;	
}
.seealso {
	margin-top: 10px;
	margin-bottom: 10px;
}
.offerpic img {
	float: left;
	clear: both;	
}

.menspanel img {
	width: 100%;
}

.specials {
	height: auto;
}
.specialsheading {
	margin-bottom: 20px;
}

.apprenticepanel {
	height: 100px;
}
.apprenticeheading {
	font-size: 20pt;
}
.apprenticesubheading {
	font-size: 1em;
}
}

@media screen and (min-width: 401px) and (max-width: 800px) {
        body {
	/* [disabled]background-color: green; */
        }
		.col-1 {width: 8.33%;}
    .col-t-2 {width: 16.66%;}
	.col-t-20 {width: 20%;}
    .col-t-3 {width: 25%;}
    .col-t-4 {width: 33.33%;}
    .col-t-5 {width: 41.66%;}
    .col-t-6 {width: 50%;}
    .col-t-7 {width: 58.33%;}
    .col-t-8 {width: 66.66%;}
    .col-t-9 {width: 75%;}
    .col-t-10 {width: 83.33%;}
    .col-t-11 {width: 91.66%;}
    .col-t-12 {width: 100%;}
	.topspace {margin-top: -20px;
	float: left;}
	h2 {
	font-size: 1em;
	width: 100%;
	top: 220px;
	padding-right: 5%;
	padding-left: 5%;
}
	p {
	font-size: 11pt;
	line-height: 14pt;
	}
	.photos {
	width: 48%;	
	}
	.photos img {
	width: 100%;	
	}
	.topspace {
	margin-top: 0px;
	float: left;
}
.recommend img{
	width: 70%;
}	
.greypanel2 {	
	margin-top: 40px;
}
.specials {
	height: auto;
}
.introtext img {
	width: 100%;
}
.apprenticepanel {
	height: 80px;
}
.apprenticeheading {
	font-size: 20pt;
}
.apprenticesubheading {
	font-size: 1em;
}

}

@media screen and (min-width: 801px) {
        body {
	/* [disabled]background-color: blue; */
        }
		.col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
	.col-20 {width: 20%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
   
	.topspace {margin-top: 20px;
	float: left;}
	
	p {
	font-size: 10pt;
	line-height: 15pt;
	}
	.topspace {
	margin-top: 20px;
	float: left;
}
	
}