/** GLOBAL RESETS **/
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400; clear:both;}
ul,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}

/** GLOBAL SETS **/
body {font-size:16px; color:#222; font-family:"Century Gothic", Arial, "Sans Serif";}
body {margin:0;  text-align:center; background-attachment:fixed !important;}
a{ transition: all 0.5s ease}
a:link, a:visited {color:#005F4C; text-decoration:none;;}
a:hover, a:focus {text-decoration:underline;}
a:hover img, a:focus  img{filter: alpha(opacity=80); opacity:0.8; }
p {line-height:1.8em; margin:10px 0px;}
h1 {font-size:2.4em; color:#005F4C; clear:both; padding:10px 0px 20px 0px; text-align:center }
h2  {font-size:1.4em; background:#BA8D50 url(../images/h2_bg.png) repeat center center; color:#fff; padding:10px 15px; margin:20px 0 0 0; font-weight:bold; text-shadow:-1px -1px 0 #7D5C31}
h2>a {  font-size:1.2em; }
h2 img, h3 img { vertical-align:middle; float:right}
h3 {font-size:1.4em; color:#005F4C; font-style:italic; margin-top:20px; font-weight:bold;}
h4 {font-size:1.3em; font-weight:bold; color:#333;}
h6 {font-size:1.3em; color:#333; clear:both; background-color:#eee; padding:10px 15px; margin-bottom:1px; }
h6:hover { background-color:#ddd;  cursor:pointer;}
hr {display:none;}
.clear { clear: both; }
.hidden { display: none; }
blockquote { margin:20px 40px; color:#005F4C; font-family: Georgia;}
blockquote p { font-size: 1.2em; font-style: italic; line-height:1.2em; }
blockquote:before, blockquote:after {content: "\201C"; display: block;font-size:  6.0em;height: 1px; margin-left: -0.55em;position: relative; top:-20px}
blockquote:after {content: "\201D"; float: right;margin-left: auto;margin-right: -0.35em; position: relative; bottom:50px; top:auto;}

/** LAYOUT **/
.row {display:table; width:100%;}
.row>div{ display:table-cell; vertical-align:middle}
.wrapper {max-width:1000px; width:100%; margin:0 auto; text-align:left;}
header { min-height:120px; background-color:rgba(255, 255, 255, 0.9); border-top: 4px solid #02614D; border-bottom:4px solid #BA8D50;}
#findus{ width:27%; font-weight:bold; font-size:1.1em}
#findus i { font-size:1.6em}
#logo{ text-align:center; width:50%;}
#logo img{ width:100%;max-width:473px;}
#languages { width:23%; text-align:right;}
#languages img { vertical-align:middle;}
#languages a { filter: alpha(opacity=50); opacity:0.5; font-size:0.8em;}
#languages a:hover, #languages a.selected {filter: alpha(opacity=100); opacity:1 }
#mobmenubtn { display:none;  background:url(../icons/menuicon.png) no-repeat 8px 8px; width:38px; height:43px; cursor:pointer;  font-size:0px; float:left; clear:left;  }
nav { display:block; min-height:42px;  z-index:1000; clear:both; padding-bottom:10px;}
#mainbanner {  margin:20px auto}
#mainbanner .gallery-cycle{ border-width:0px !important;  padding: 0px !important;}
#breadcrumbs { padding:10px 0; font-size:0.8em; text-align:center;}
#content { background:#fff url(../images/content_bg.jpg) repeat-x bottom center; padding-bottom:40px; }
/*aside { width:27%; float:right; text-align:left; min-height:300px; border-left: 1px solid #ddd; padding-left: 1%;}*/
article{ width:100%; float:none; text-align:left;}
/*.full article { width:100%; float:none;}*/
/*.full aside { display:none;}*/
	article ul, article ol, article li { padding:3px 0 3px 10px; margin:3px 0 3px 10px; }
	article ul li { list-style-image:url(../images/bullet.png);}
	article>p, article div>p, article div>h3, article blockquote>p {text-shadow:1px 1px 0 #fff;}
	article .button {text-shadow:0 0 0 transparent}
#content .fa { color:#BA8D50;}	
#budge { background:#BA8D50 url(../images/h2_bg.png) repeat center center;}
#budge .wrapper { color:#fff; font-size:1.2em; text-align:center; padding:15px 0; width:98%}	
footer {position:relative;  min-height:210px; background-color:#eee; /*#fff url(../images/footer_bg.jpg) repeat center center; background-attachment:fixed;*/}
footer .wrapper { padding-top:20px;  text-align:center;}	
	footer a{  font-weight:bold;}
	#copy { font-size:0.8em}
	#copy a{ color:#005F4C;}
	#social { text-align:center; padding:20px 0;}
	#social a{ margin:0 10px;}
	#social a:hover{filter: alpha(opacity=80); opacity:0.8;}
#totop{ position:fixed; bottom:40px; right:10px; background:#005F4C url(../icons/top.png) no-repeat center center; width:50px; height:50px; display:block; font-size:0em; filter: alpha(opacity=50); opacity:0.5; border-radius:1000px; z-index:100}
#totop:hover {filter: alpha(opacity=100); opacity:1.0;}
.cols3, .cols2 {display:table; width:100%}
.cols3>div { width:31%; float:left; margin:1%;}
.cols2>div { width:48%; float:left; margin:1%;}
.cols2>div p img:first-child, .cols3>div p img:first-child { box-shadow:0 10px 10px rgba(0,0,0,0.4);}

/** NAV **/
.simplenav { list-style:none;}
.simplenav li {display:inline-block; border-right:1px solid #ccc;}
.simplenav li:last-child {border-right-width:0px}
.simplenav li a {display:block; padding:2px 10px;}
.simplenav li a:link, .simplenav li a:visited { text-decoration:none;}
.simplenav li a:hover, .simplenav li a:focus {text-decoration:underline;}
.simplenav li.current a , .simplenav li.currentpath a  {text-decoration:underline;}
aside .simplenav li { float:none; padding:1px 0px;  border-right-width:0px}
aside .simplenav li:last-child { border-right-width:0px}
aside .simplenav li a {display:block; line-height:22px; padding:3px 0px 3px 25px; background: #f6f6f6 url(../images/arrow.png) no-repeat left 0px; color:#666;}
aside .simplenav li a:link, aside .simplenav li a:visited { text-decoration:none;}
aside .simplenav li a:hover, aside .simplenav li a:focus {text-decoration:none; background: #005F4C url(../images/arrow.png) no-repeat left -25px; color:#fff;}
aside .simplenav li.current a , aside .simplenav li.currentpath a  {text-decoration:none; background: #005F4C url(../images/arrow.png) no-repeat left -25px; color:#fff;}
aside h3{margin-top:10px;}

/** MOB MENU **/
#mainnavmob {display:none; clear:both;}
#mainnavmob ul{  background-color:#BB8D51;}
#mainnavmob ul li { width:100%; float:none;}
#mainnavmob ul li a { padding:20px 0; display:block; border-radius:0; border-bottom:1px solid rgba(255,255,255,0.3); color:#fff }
#mainnavmob ul li a:hover { background-color:#005F4C; }
#mainnavmob ul ul { display:block !important; visibility:visible !important; position:static; box-shadow:0 0 0 transparent;}
#mainnavmob ul ul li {width:100%; float:none;}
#mainnavmob ul ul li a { padding-left:20px;  font-weight:normal; }

/** BLOG **/
.blog>div { width:49%; margin:0 0 1% 1%; float:left;}
.blog>div:nth-child(2n+1) { clear:left;}
#index .blog>div, aside .blog>div { width:100%; margin:0 0 0% 0%; float:none;}
#index .blog>div h2, aside .blog>div h2 { background-color:transparent; min-height:52px}
.blog .button{ margin:0 auto;}
.pagination { clear: both; display: block; height: 50px;}
.pagination .prev, .pagination .next { background-color: #eee; display: inline-block; float: right; padding: 2%;}
.pagination .prev {float: left;}
.pagination a {background-color: #005F4C !important; color: #fff !important;}
.pagination a:hover {background-color: #a00 !important; text-decoration:none;}

/** CONTACT FORM **/
.p01-contact input, .p01-contact select, .p01-contact textarea {  color:#555; font-family:Arial; background-color:#eee; padding:3px; border-radius:3px; margin-left:10px;} 
.p01-contact textarea { width:50%;}
.p01-contact .field  { clear:both; margin:3px 0px;}
.p01-contact .label { width:200px; float:left;}
.p01-contact .label label span{ display:block;clear:both;}
.p01-contact #captchaimg {text-align:center; padding:10px;} 
.p01-contact .submit { background-color:#444; color:#fff; font-weight:bold; padding:10px 10px; border:0px;}

/** MISC **/
.subcats { margin:10px 0px 10px 0px !important; padding:0px 0px 0px 0px !important;}
.subcats li { list-style-type:none; list-style-image:none !important; float:left; width:32%; margin:0px 1% 1% 0px !important; padding:0px 0px 0px 0px !important;}
.subcats li a { padding:10px 2% 10px 2%; display:block;  background-color:#27A7DF ; border-radius:3px;  text-align:center; color:#fff;}
.subcats li a:hover{ text-decoration:none; background-color:#005F4C;}
.video-container { position: relative; padding-bottom: 56.25%;  padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#gmap{ width:100%; background-color:#fff;  height:400px; box-shadow:0 5px 10px rgba(0,0,0,0.4);}
#gallery-cycle-mainbanner.gallery-cycle { width:100% !important; border-width:0px !important; margin:0 !important; padding:0 !important; box-shadow:0 0 10px #000;  } 
#gallery-cycle-mainbanner.gallery-cycle .gallery-container ,
#gallery-cycle-mainbanner.gallery-cycle .gallery-container .gallery-slide{ width:100% !important; overflow:hidden; }
#gallery-cycle-mainbanner.gallery-cycle .gallery-image {width:100% !important; height:auto  !important; display:block !important}
#gallery-cycle-mainbanner.gallery-cycle .gallery-image img {width:100% !important;}
#gallery-cycle-mainbanner.gallery-cycle .gallery-text {width:98% !important; padding:1% !important; position:absolute; bottom:0px; height:auto !important; background-color:rgba(0,0,0,0.3); color:#fff;}
#gallery-cycle-mainbanner.gallery-cycle .gallery-text h2 {  padding:0; margin:0; font-weight:bold; text-shadow:-1px -1px 0 #000; text-align:center; font-size:1.4em; background-image:none;}
#gallery-cycle-mainbanner.gallery-cycle  .gallery-control { width:100% !important;  text-align:center; padding:0 0 0 0 !important; top:0; bottom:auto !important; display:none !important}
#gallery-cycle-mainbanner.gallery-cycle  .gallery-control a { display:inline-block !important; float:none !important;}
.gallery-cycle h2 { background-color:transparent; color:#fff;}
#fancybox-overlay { background-color:#000 !important}
.gallery-fancybox .gallery-thumb { width:23% !important;  margin:1% !important; padding:0 !important;border-width:0px !important;  background-color:#fff; box-shadow:0px 10px 10px rgba(0,0,0,0.4); }
.gallery-fancybox .gallery-thumb:nth-child(4n+1) {clear:left;}
/*.gallery-fancybox .gallery-thumb:hover { box-shadow:0px 10px 10px #777; }*/
.gallery-fancybox .gallery-thumb a { display:block !important; height:auto !important;}
.gallery-fancybox .gallery-thumb img { width:100% !important;}
.pros { background: #efe url(../icons/add.png) no-repeat 10px 10px; padding-left:40px;}
.cons { background: #fee url(../icons/minus.png) no-repeat 10px 10px; padding-left:40px;}
.button { background-color:#005F4C; padding:8px 15px; color:#fff !important; border-radius:3px;}
.button:hover { background-color:#BB8D51; text-decoration:none;}
.falafel_menu em { font-size:1.4em; font-family:Georgia;color:#005F4C; padding-top:20px; display:inline-block;}

@media only screen and (max-width: 801px) {
	body {background-image:none !important;}
	#gallery-cycle-mainbanner.gallery-cycle { width:96% !important; margin:0 auto !important; }
	header {border-bottom-width:0; background:#F2EADF url(../images/h2_bg.png) repeat center center; box-shadow:0 0 10px #666; position:relative;}
	header, nav { min-height:0; padding:0 0 0 0;}
	#findus {width:100%; display:table-caption; margin-bottom:10px;}
	#findus a { display:block; text-align:center; padding:5px 0 8px 0; background-color:#005F4C; text-shadow:-1px -1px 0 #7D5C31; color:#fff;}
	#logo { width:50%}
	#mobmenubtn { display:block;}	
	#languages { width:30%}
	#languages span{ display:none;}
	.full article, article, aside { /*float:none;*/ margin:0 auto; width:98%;}
	.cols3>div{ width:auto; float:none; margin:5px 0;}
	header .row {padding:10px 0;}
}
@media only screen and (max-width: 641px) {
	.cols2>div { width:auto; float:none; margin:5px 0;}
	#gallery-cycle-mainbanner.gallery-cycle .gallery-text h2 {font-size:1em}
	#content{ background-image:none; padding-bottom:10px; }
	.gallery-fancybox .gallery-thumb { width:48% !important;}
	.gallery-fancybox .gallery-thumb:nth-child(2n+1) {clear:left;}
	h1 {font-size:1.5em}
	h2 {font-size:1.2em}
	h3 {font-size:1.1em}
}