@charset "utf-8";

#clear{clear:both;}

body {margin: 0px; padding; 0px;}

/******* DESKTOP *******/
@media screen and (max-width:767px){
	.menu-4-col img{margin-top:10px; margin-bottom:10px !important;}
}
@media screen and (min-width:768px){
	
	
	.menu-4-col img{max-width:100% !important; }
	.menu-6-col{max-width:50%;float:left;}
	.menu-4-col{max-width:33%;float:left;min-height:620px;}
	.catering-menu{float:left; clear:left;}
}

#container_outer { width: 100%; padding-top: 20px; background: url(/images/html/Image/bigbg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}
#container_inner {background-color:#FFF; width: 80%; margin-left:auto; margin-right:auto;  max-width: 1024px;-webkit-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 0px 13px 0px rgba(50, 50, 50, 0.4);
box-shadow:         0px 0px 13px 0px rgba(50, 50, 50, 0.4); overflow:hidden}

/*Top Header*/
#topheader {width: 100%; margin-left:auto; margin-right:auto;}
#logo { float: left;  margin-top: 10px; margin-bottom: 10px; margin-left: 10px;}

#top_contact { float: right; margin-top: 8px; text-align: right; width: 391px; margin-right: 10px;}
.phonepic {float: left; margin-top: 2px;}
.phone {font-family: 'Arvo', serif; font-size: 2em; float: left; margin-left: 15px; margin-top:1px;}
.address {font-family: 'Arvo', serif;font-size: 1.2em}

/*Navigation*/
#nav {width: 100%; background-color:#000000;}

/*Slider*/
#slider {margin-left: auto; margin-right: auto; width: 100%; margin-bottom: 0px; margin-top: -9px;}
#portfolioslider {width: 98%; margin-left: auto; margin-right: auto;}

/*Content*/
#maincontent {margin-left: auto; margin-right: auto; width: 90%; margin-top: 0px; margin-bottom: 0px; padding: 10px; min-height: 550px;}

#mainpicture img {width: 100%;   margin-right: 10px; margin-bottom: -5px; height: auto; }
.home_box_pic img {width: 100%;  max-width: 320px; margin-right: 10px; margin-bottom: -5px; height: auto; }


h1 {font-family: 'Courgette', cursive; font-size: 3em; font-weight:200}
h2 {font-family: 'Oswald', sans-serif; font-size: 1.3em; font-weight:200}
h3 {font-family: 'Oswald', sans-serif; font-size: 1.1em; font-weight:200}
p {font-family: Arial, Helvetica, sans-serif; font-size: .9em; }
h4 {font-family: 'Arvo', serif; font-size: .9em; font-weight:bold}
li {font-family: 'Arvo', serif; font-size: .9em}
#maincontent h1 { margin-top: 5px; margin-bottom: 5px;}

/*Home Boxes*/
#home_box_container_outer {width: 100%; height: auto; float: left; }
.home_box_container_inner { width: 33.3333%;  float:left; margin-bottom: 20px; }
.home_box { width: 210px; height: auto; margin-left: auto; margin-right: auto; padding: 10px; background-color: rgba(255,255,255,0.8);  border:solid 1px #d9d9d9; margin-top: 10px; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.5);}
.home_box_pic { margin-bottom: 10px; margin-top: 5px; }
.home_box_text {min-height: 285px}
.home_box_text h1{ text-align:center; font-size:1.2em; }
.home_box h2{
	
	font-size:14px;
	font-family: 'Oswald', sans-serif; 
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	margin-top: 0px;
	margin-bottom: 0px;
	border:1px solid #337fed;
	padding:5px 10px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	background:-ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #1570cd;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	-moz-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	box-shadow:inset 1px 1px 0px 0px #97c4fe;
}
.home_box h2:hover {
	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	background:-ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}
.home_box h2:active {
	position:relative;
	top:1px;
}
.home_box a{text-decoration:none; color: #fff}

.fbdesktop {display: block}
.fbtablet {display: none}
.fbmobile {display: none}
.googlemapdesktop {display: block}
.googlemaptablet {display:none}
.googlemapmobile {display: none}

#testimonial {width: 100%}
#hometestimonialcontainer { background-image: url("../images/html/Image/testimonialbg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;}
  
	
#hometestimonialcontainer p{width:80%; margin-left: auto; margin-right: auto; font-size: 1em;}	


/*Social*/
#social {float: left;  width: 100%; margin-bottom: 20px; background-color: #fff; background-repeat:repeat; }
#socialinner {margin-left: 20px; margin-top: 10px; margin-bottom: 10px; float: left; width: 117px;}
#socialinner2 {margin-left: 55px; margin-top: 3px; margin-bottom: 10px; float: left; width: 135px;}
#copyright {float: right; font-family: 'Arvo', serif; font-size:.9em; margin-right: 20px; margin-top: 20px;}

/*Footer*/
#footer {width: 100%; background-color:#000; height: 100%; float:left; -webkit-box-shadow: 0px -2px 8px 0px rgba(50, 50, 50, 0.86);
-moz-box-shadow:    0px -2px 8px 0px rgba(50, 50, 50, 0.86);
box-shadow:         0px -2px 8px 0px rgba(50, 50, 50, 0.86);}
.footerthumbs {margin-left: -5px; margin-top: -5px;}
#footer_container {width: 80%; background-color:#009900; height: 100%; margin-left:auto; margin-right:auto; max-width: 1024px;}
.footer_column { width: 31.33%; height:auto; float:left; padding: 1%; margin-top: 10px; margin-right: 40px;}
.footer_info { margin-left: auto; margin-right: auto;}
#footer_info_1 {width: 240px; margin-left: auto; margin-right: auto; display:block}

.footer_info  p{ font-family: 'Arvo', serif; font-size:.8em; color:#FFF; margin-top: -5px;}
.footer_info h1 {margin-top: -7px; color: #FFF; font-size: 1.3em}
.footer_info a{ text-decoration:none; color:#0FF}

#map {margin-left:auto; margin-right: auto;}

/*Services*/
#services_container_outer{float: left; width: 100%}
#services_container_inner {width: 100%}
.services_box {width: 100%; float: left; margin-bottom: 10px;}
.services_image {width: 125px; height: 125px; float: left; padding: 15px;}
.services_text {float: left; width: 75%}
.services_text h1 {font-family: 'Arvo', serif; font-size: 1.3em; text-transform:uppercase; font-weight:200; color:#0d67a3; margin-top: 0px;}

/*Team*/
#team_container_outer{float: left; width: 100%}
.teammember { border-radius: 10px;
	 border: 3px solid #0d67a3;
    float: left;
    margin: 12px;
    text-align: center;
 background: #107fc8; /* Old browsers */

background: -moz-linear-gradient(top,  #107fc8 0%, #0d67a3 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#107fc8), color-stop(100%,#0d67a3)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #107fc8 0%,#0d67a3 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #107fc8 0%,#0d67a3 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #107fc8 0%,#0d67a3 100%); /* IE10+ */

background: linear-gradient(to bottom,  #107fc8 0%,#0d67a3 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#107fc8', endColorstr='#0d67a3',GradientType=0 ); /* IE6-9 */


	min-width: 200px;}
	.teammember img {max-width: 200px !important; margin: 0px !important; height:180px !important}
.membername {font-family: 'Arvo', serif; width: 100%; color: #0d67a3; background-color:#fff; text-align:center; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}

#webad {width: 100%}
#webad img {width: 100% !important; height: auto; max-width: 1024px}

/*Pay Online*/
.payonline p{
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24537;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.payonline p:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0);
	background-color:#c62d1f;
}
.paylone p:active {
	position:relative;
	top:1px;
}

.menupic img {width: 100%; height: auto}

.imggal1 {margin-left: -40px;}

/******* TABLET *******/
@media only screen and (min-width : 481px) and (max-width : 1023px) {
	
#container_outer { width: 100%; padding-top: 20px; background: url(/images/html/Image/bigbg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}
#container_inner {background-color:#FFF; width: 80%; margin-left:auto; margin-right:auto; padding-top: 1px;}

/*Top Header*/
#topheader {width: 100%;  margin-bottom:20px;}
#logo {width: 100%; float: none; margin-left: auto; margin-right: auto; padding-top: 5px; }

#top_contact { float: none; margin-left:auto; margin-right: auto; margin-top: 15px; text-align: center; margin-bottom:20px; width: 140px;}
.phonepic {display: none;}
.phone {font-family: 'Arvo', serif; font-size: 1.3em; margin-bottom: 10px;}
.address {font-family: 'Arvo', serif;font-size: 1.2em}

/*Slider*/
#slider {margin-left: auto; margin-right: auto; width: 100%;margin-bottom: 20px; }
#wowslider-container1 .ws-title {font-size: 1em !important; bottom: 0px !important;}


/*Content*/
#maincontent { margin-left: auto; margin-right: auto; width: 90%; margin-top:0px; margin-bottom:0px; padding: 10px;}

h1 {font-family: 'Courgette', cursive; font-size: 2.5em; font-weight:200}
h2 {font-family: 'Oswald', sans-serif; font-size: 1.3em; font-weight:200}
h3 {font-family: 'Oswald', sans-serif; font-size: 1.1em; font-weight:200}
p {font-family: Arial, Helvetica, sans-serif; font-size: .8em}
li {font-family: 'Arvo', serif; font-size: .8em}


/*Home Boxes*/
#home_box_container_outer {width: 100%; height: auto;margin-left:auto; margin-right:auto; }
.home_box_container_inner { width: 100%; margin-left: auto; margin-right:auto; background-color: rgba(255,255,255,0); margin-bottom: 10px;}
.home_box {width: 96%; float:left; height: auto; padding: 10px; background-color: rgba(255,255,255,0.8);border:solid 1px #d9d9d9; margin-top: 10px; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.5);}
.home_box_pic { float: left;margin-bottom: 10px; margin-top: 5px; width:30%; height: auto; margin-left:auto; margin-right:auto; padding-right: 30px; }
.home_box_text {float: right; margin-left: 10px;margin-top: -8px; width: 60%; margin-bottom:10px; min-height: 135px}
.readmore {margin-left: auto; margin-right:auto; }
.home_box h2{
	
	font-size:14px;
	font-family: 'Oswald', sans-serif; 
	font-weight:normal;
	
	margin-top: 0px;
	margin-bottom: 0px;
	border:1px solid #337fed;
	padding:5px 10px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	background:-ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #1570cd;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	-moz-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	box-shadow:inset 1px 1px 0px 0px #97c4fe;
}
.home_box h2:hover {
	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	background:-ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}
.home_box h2:active {
	position:relative;
	top:1px;
}
.home_box a{text-decoration:none; color: #fff}

.fbdesktop {display: none}
.fbtablet {display: block}
.fbmobile {display: none}
.googlemapdesktop {display: none}
.googlemaptablet {display:block}
.googlemapmobile {display: none}

/*Social*/

#social {float: left; margin-top: 20px; width: 100%; margin-bottom: 20px;}
#socialinner2 { margin-top: 3px; margin: -8px auto 5px; float: left; width: 100%; }

/*Footer*/
#footer {width: 100%; background-color: #000; background-repeat:repeat; height: 100%; float:left; -webkit-box-shadow: 0px -2px 8px 0px rgba(50, 50, 50, 0.86);
-moz-box-shadow:    0px -2px 8px 0px rgba(50, 50, 50, 0.86);
box-shadow:         0px -2px 8px 0px rgba(50, 50, 50, 0.86);}

#footer_container {width: 80%; background-color:#009900; height: 100%; margin-left:auto; margin-right:auto;}
.footer_column { width: 95%; margin-left: 0.8%; margin-right: 0.5%; height:auto; float:left; padding: 2%; margin-top: 10px; border-bottom: 2px solid #FFF}
.footer_info {margin-left: 0px; margin-right: auto;
    width: 100%;}
#footer_info_1 {display:block; float: left;}

.footer_info  p{ font-family: 'Arvo', serif; font-size:.8em; color:#FFF; margin-top: 15px;}

#map {margin-left:auto; margin-right: auto;}

#services_container_inner {width: 100%}
.services_box {width: 100%; float: left; margin-bottom: 10px;}
.services_image {width: 125px; height: 125px; float: none; padding: 15px; margin-left: auto; margin-right: auto;}
.services_text {float: none; width: 100%;}
.services_text h1 {font-family: 'Arvo', serif; font-size: 1.3em; text-transform:uppercase; font-weight:200; color:#0d67a3; margin-top: 0px; text-align:center}

/*Team*/
#team_container_outer {float: left; width: 100%}
#team_container_inner {width: 432px; margin-left: auto; margin-right:auto}
.teammember { border: 3px solid #0d67a3;
    float: left;
    margin: 5px;
    text-align: center;
	min-width: 200px;
	}
.membername {font-family: 'Arvo', serif; width: 100%; color: #0d67a3; background-color:#fff; text-align:center}


}
/******* MOBILE *******/
@media only screen and (min-width : 300px) and (max-width : 480px) {
#container_outer { width: 100%; padding-top:0px;  
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}
#container_inner {background-color:#FFF; width: 100%; margin-left:auto; margin-right:auto;padding-top: 0;}

/*Top Header*/
#topheader {width: 100%; margin-bottom:20px;}
#logo {width: 100%; float: none; margin-left: auto; margin-right: auto; padding-top: 5px;}

#top_contact { float: none; margin-left:auto; margin-right: auto; margin-top: 15px; text-align: center; width: 145px}
.phonepic {display: none;}
.phone {font-family: 'Arvo', serif; font-size: 1.3em; margin-bottom: 10px}
.address {font-family: 'Arvo', serif;font-size: .9em}

/*Slider*/
#slider {margin-left: auto; margin-right: auto; width: 100%; margin-bottom: 20px; margin-top: 0px;}
#wowslider-container1 .ws-title {font-size: .5em !important; bottom: 0px !important; padding: 7px !important}

/*Content*/
#maincontent {margin-left: auto; margin-right: auto; width: 90%; margin-top: 0px; margin-bottom: 0px; padding: 10px;}
#maincontent img {width: 100%;  max-width: 320px; margin-right: 10px; margin-bottom: -5px; }
h1 {font-family: 'Courgette', cursive; font-size: 1.2em; font-weight:200}
h2 {font-family: 'Oswald', sans-serif; font-size: 1.3em; font-weight:200}
h3 {font-family: 'Oswald', sans-serif; font-size: 1.1em; font-weight:200}
p {font-family: Arial, Helvetica, sans-serif; font-size: .8em}
li {font-family: 'Arvo', serif; font-size: .8em}

/*Home Boxes*/
#home_box_container_outer {width: 100%; height: auto;margin-left:auto; margin-right:auto}
.home_box_container_inner { width: 100%; float:none;}
.home_box {width: 80%; height: auto; margin-left: auto; margin-right: auto; padding: 10px; background-color: rgba(255,255,255,0.8);  border:solid 1px #d9d9d9; margin-top: 10px; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.5);}
.home_box_pic { margin-bottom: 10px; margin-top: 5px; width: 150px; margin-left:auto; margin-right:auto }
.home_box_text {float: left; margin-left: 10px;margin-top: -8px; width: 90%;}
.readmore {margin-left: auto; margin-right:auto; }
.home_box_text {min-height: 125px; float:none;}

.fbdesktop {display: none}
.fbtablet {display: none}
.fbmobile {display: block}
.googlemapdesktop {display: none}
.googlemaptablet {display:none}
.googlemapmobile {display: block}

/*Social*/
#socialinner {width: 39px; margin-left: auto; margin-right:auto; float:none}
#socialinner2 { margin-top: 3px; margin: -8px auto 5px; float: left; width: 100%;}
#copyright {float: none; font-family: 'Arvo', serif; font-size:.9em; margin-right: auto; margin-left: auto; margin-top: 20px; margin-bottom:5px; text-align:center}
#social {float: left; margin-top: 20px; width: 100%; margin-left:0px;  }

/* Footer */
.footer_column { width: 95%; margin-left: 0.8%; margin-right: 0.5%; height:auto; float:left; padding: 2%; margin-top: 10px; border-bottom: 2px solid #FFF}
#footer_info_1 {display:block}

/*Services*/
#services_container_inner {width: 100%}
.services_box {width: 100%; float: left; margin-bottom: 10px;}
.services_image {width: 125px; height: 125px; float: none; padding: 15px; margin-left: auto; margin-right: auto;}
.services_text {float: none; width: 100%;}
.services_text h1 {font-family: 'Arvo', serif; font-size: 1.3em; text-transform:uppercase; font-weight:200; color:#0d67a3; margin-top: 0px; text-align:center}

/*Team*/
#team_container_outer {float: left; width: 100%}
#team_container_inner {width: 230px; margin-left: auto; margin-right: auto;}
.teammember { border: 3px solid #0d67a3;
    float: left;
    margin: 12px;
    text-align: center;
	min-width: 200px;}
.membername {font-family: 'Arvo', serif; width: 100%; color: #0d67a3; background-color:#fff; text-align:center}

}