/* @group F */
/* @license
 * MyFonts Webfont Build ID 2428185, 2012-12-11T01:51:19-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Appetite Italic by Dzianis Serabrakou
 * URL: http://www.myfonts.com/fonts/deniserebryakov/appetite/italic/
 * Copyright: Appetite designed by Denis Serebryakov | www.dsgn.by
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2428185
 * 
 * © 2012 Bitstream Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/250d19");

  
@font-face {font-family: 'Appetite-Italic';src: url('/fonts/250D19_0_0.eot');src: url('/fonts/250D19_0_0.eot?#iefix') format('embedded-opentype'),url('/fonts/250D19_0_0.woff') format('woff'),url('/fonts/250D19_0_0.ttf') format('truetype');}
 
/* @end */

 
/* ============================================================

320 and Up by Andy Clarke
Version: 3.0
URL: http://stuffandnonsense.co.uk/projects/320andup/
Apache License: v2.0. http://www.apache.org/licenses/LICENSE-2.0

============================================================ */
/* Reset =================================================== */
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
/* Variables =================================================== */
/* Mixins =================================================== */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
/* Page =================================================== */
html {
  background: #006;
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #f3f5f6;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  color: #000000;
max-width: 480px;
min-width: 320px;
background: #006 url(/layout-images/bground.jpg) no-repeat fixed;
float: left;

}

div.set-width {
padding: 0px 6.5%;

margin: 0 auto;
position: relative;
clear: both;
display: inline-block;
float: left;
z-index: 999;
max-width: 440px;
min-width: 87%;
} 

header {
padding: 0px 0px;
	z-index: 9999;
position: relative;
	display: block;
	float: none;
	margin: 0 auto;
min-width: 100%;
	top: 0;
}

div.logo {
	background: #fff;
	margin: 0px auto ;
	padding: 20px 20px;
	padding-bottom: 0;
	
}

div.preheader {
	width: 100%;
	background: rgba(0,0,102,0.8);
	color: #fff;
	font-size: 15px;
	text-align: center;
}

#ie8 div.preheader, #ie7 div.preheader, #ie6 div.preheader {
	background: #006;
}

div.preheader img {
	width: 30px;
	padding: 5px;
}

div.preheader a {
	color: #fff;
}

a.show_hide {
	float: right;
	width: 40px;
	margin: 7px 0px 0px 0px;
padding: 12px;
color: #fff;
background: #006;
font-weight: bold;
}



.mainnav {

	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
	display: none;

	padding: 20px;
		background: rgba(0,0,102,0.8);
left: 0px;
	z-index: 10;
color: #fff;
}

#ie8 .mainnav, #ie7 .mainnav, #ie6 .mainnav {
	background: #006;
}

div.copyright p {
	font-size: 11px;
}

div.copyright {
	margin-top: 10px;
}

.mainnav li  {
	line-height: 120%;
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}

.mainnav li:last-child {
	border-bottom: 0;
}

.mainnav a {
	color: #fff;
	line-height: 100%;
}

.mainnav a strong {
	text-transform: uppercase;
	font-size: 20px;
}

a.logolink {
	display: inline-block;
	padding-bottom: 20px;
}

#ie8 a.logolink, #ie7 a.logolink, #ie6 a.logolink {
	display: block;
}

a.logolink img {
	width: 120px;
}

.mainnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.mainnav.active  {
	left: 0px;
	opacity: 1;
	display: block;
}


a.logolink.header {
	float: left;
	width: 180px;
}

section.content {
margin-bottom: 20px;
	display: inline-block;
	float: none;
	width: 84.5%;
	padding: 7.5%;
	padding-top: 10px;
	background: rgba(255,255,255,0.85);
}

#ie8 section.content, #ie7 section.content, #ie6 section.content {
	background: #fff;
}

.Home h1 {
	font-size: 26px;
	font-size: 2.6rem;
	margin-bottom: 20px;
}

.Gallery section.content a, .GalleryHome a {
	display: inline-block;
	width: 200px;
	background: #fff;
	padding: 10px;
	border: 2px solid #ddd;
	margin: 5px;
	vertical-align: top;
	text-align: center;
}

.Gallery section.content a img {
	
	height: 96px;
}



footer {
	width: 100%;
	background: rgba(0,0,102,0.8);
	clear: left;
	position: fixed;
	bottom: 0;
}

#ie8 footer, #ie7 footer, #ie6 footer {
	background: #006;
	left: 0;
}

.Rates table tr:nth-child(odd) td {
		background: #eee;

}
.Rates table tr:first-child td {
		background: rgba(0,0,102,0.6);
		line-height: 100%;
		color: #fff;
	font-weight: bold;
}

.Rates#ie8 table tr:first-child td, .Rates#ie7 table tr:first-child td, .Rates#ie6 table tr:first-child td {
	background: #006;
}

.Rates table tr:first-child td em {

	font-weight: normal;
}

.Rates td {
	padding: 5px;
}

.Rates table tr:nth-child(even) td {
		background: #ddd;
width: 100%;
display: inline-block;
}

.homeimages img {
	margin-bottom: 20px;
}



.homeimages {
	float: left;
	width: 100%;
}

/* Typography =================================================== */

b,
strong {

  font-weight: bold;
}

i, em {

	font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: inherit;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizelegibility;
} 
h1 small,
h2 small {
  font-weight: normal;
  color: #bfbfbf;
}
h1,
.h1 {
  margin-bottom: 0.25em;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.2;
  font-weight: 100;
  color: #006;
}
h2,
.h2 {
  margin-bottom: 0.35em;
  margin-top: 0.35em;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2;
  color: #006;
}


h3,
.h3 {
  margin-bottom: .5em;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1em;

  text-align: center;
  border-bottom: 1px solid;
  margin-top: 30px;
}

h4,
.h4 {
  margin-bottom: 1.5em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.25;
}
h5,
.h5 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 1.5em;
}
h6,
.h6 {
  margin-bottom: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.header h1,
.header h2,
.header h3 {
  float: left;
  margin-right: 24px;
}
.header h1 a,
.header h2 a,
.header h3 a {
  display: block;
  position: relative;
  top: 6px;
  float: right;
  padding: 4px 12px;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #f3f5f6;
}
.header h1:hover,
.header h2:hover,
.header h3:hover {
  background-color: #f3f5f6;
}
.header .a-rss,
.header .a-rss:hover {
  float: left;
  width: 16px;
  height: 16px;
  padding: 0;
  background: transparent url(../img/a-rss.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
p,
ol,
ul,
dl,
address,
label {
  margin-bottom: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
}
small {
  font-size: 14px;
  font-size: 1.4rem;
}
ul,
ol {
  margin: 0 0 1em -8px;
  padding: 0 0 0 24px;
}
ul {
	list-style-type: disc;
	margin: 0 0 1em 0px;
}


li ul,
li ol {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
}
blockquote {
  margin: 0 0 1.5em -24px;
  padding-left: 24px;
  border-left: 2px solid #c7ced6;
  font-family: Cambria, Georgia, Times, "Times New Roman";
  font-style: normal;
}
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
cite {
  font-style: normal;
}
dl,
dd {
  margin-bottom: 1.5em;
}
dt {
  font-weight: bold;
}
.dl-horizontal dt {
  float: left;
  clear: left;
  width: 20.25%;
  text-align: right;
}
.dl-horizontal dd {
  margin-left: 22.78%;
}
abbr[title] {
  border-bottom: 1px dotted #c7ced6;
  cursor: help;
}

dfn {
  font-style: italic;
}
ins {
  background-color: #f3f5f6;
  color: #000000;
  text-decoration: none;
}
mark {
  background-color: #f3f5f6;
  color: #000000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: Monaco, Courier New, monospace;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
sub,
sup {
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 0;
  vertical-align: baselineheight;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Colour =================================================== */
a {
  text-decoration: none;
  color: #006;
}

a:hover {
  text-decoration: underline;

}
a:focus {
  outline: thin dotted;

}
a:hover,
a:active {
  outline: 0;
}
/* Elements =================================================== */
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #d7ced6;
  border-bottom: 0px solid #ffffff;
}
img {
  max-width: 100%;
  border-width: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
.list-bordered {
  list-style-type: none;
  margin: 0 0 1.5em 0;
  padding: 0;
}
.list-bordered li {
  margin-bottom: 0.375em;
  padding-bottom: 0.375em;
  border-bottom: 1px dashed #c7ced6;
}
.list-bordered li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-width: 0;
}
/* Forms =================================================== */
form {
  margin: 0 0 1.5em 0;
}
form fieldset {
  margin-bottom: 1.5em;
  padding: 0;
  border-width: 0;
}
form legend {
  display: block;
  width: 100%;
  margin-bottom: 3em;
  *margin-left: -7px;
  padding: 0;
  color: #000000;
  border: 0;
  border-bottom: 1px solid #8c9bab;
  white-space: normal;
}
form legend small {
  font-size: 14px;
  font-size: 1.4rem;
  color: #bfbfbf;
}
form p {
  margin-bottom: 0.75em;
}
form ul {
  list-style-type: none;
  margin: 0 0 1.5em 0;
  padding: 0;
}
form br {
  display: none;
}
label,
input,
button,
select,
textarea {
 

  vertical-align: baseline;
  *vertical-align: middle;

}

input,
button,
select,
textarea {
  font-family: 'Source Sans Pro', sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;

}
label {
  display: block;
  margin-bottom: 0.1875em;
  font-weight: bold;
  color: #000000;
  cursor: pointer;
  }
label input,
label textarea,
label select {
  display: block;
}
input,
textarea,
select {
  display: inline-block;
  width: 100%;
  padding: 4px;
  margin-bottom: 1.25em;
  background-color: #ffffff;
  border: 1px solid #8c9bab;
  color: #000000;
}
input:hover,
textarea:hover,
select:hover {
  border-color: #586879;
}
.input-mini {
  width: 60px;
}
.input-small {
  width: 90px;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 \9;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type="image"] {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: transparent;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto;
  cursor: pointer;
  *overflow: visible;
}
select,
input[type="file"] {
  height: 28px;
  *margin-top: 4px;
  line-height: 28px;
}
select {
  width: auto;
  background-color: #ffffff;
  font-size: 13px;
  font-size: 1.3rem;
}
select[multiple],
select[size] {
  height: auto;
}
textarea {
  resize: vertical;
  overflow: auto;
  height: auto;
  overflow: auto;
  vertical-align: top;
}
input[type="hidden"] {
  display: none;
}
.radio,
.checkbox {
  padding-left: 18px;
  font-weight: normal;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: not-allowed;
}
input:focus,
textarea:focus {
  border-color: #2d353e, 40%;
  outline: 0;
  outline: thin dotted \9;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
::-webkit-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
input:-moz-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
.help-block,
.help-inline {
  color: #808080;
}
.help-block {
  display: block;
  margin-bottom: 0.75em;
}
.help-inline {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}
.form-inline input,
.form-inline textarea,
.form-inline select {
  display: inline-block;
  margin-bottom: 0;
}
.form-inline label {
  display: inline-block;
}
.form-inline .radio,
.form-inline .checkbox,
.form-inline .radio {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px;
}
.form-search input,
.form-search textarea,
.form-search select {
  display: inline-block;
  margin-bottom: 0;
}
.form-search .search-query {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 0;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.form-search label {
  display: inline-block;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px;
}
/* Tables =================================================== */
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.5em;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
}



@media print {
  /* Print =================================================== */
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  page  {
    margin: 0.5cm;
  }
  h2,
  h3 {
    orphans: 3;
    widows: 3;
    page-break-after: avoid;
  }
  p {
    orphans: 3;
    widows: 3;
  }
  pre,
  blockquote {
    border: 1px solid #808080;
    page-break-inside: avoid;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  img {

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr {
    page-break-inside: avoid;
  }
}
@media only screen and (min-width: 480px) {
  /* 480 iPhone Landscape =================================================== */
}
@media only screen and (min-width: 600px) {
  /* 600 =================================================== */
  
 }

@media only screen and (min-width: 768px) {
  /* 768 =================================================== start normal menu */

html {
	background: #006 url(/layout-images/bground.jpg) no-repeat fixed;
}

body {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.7em;
  color: #000000;
max-width: 960px;
min-width: 768px;
background: none;
float: none;
position: relative;

}

header {
padding: 0px 0px;
	z-index: 9999;
position: relative;
	display: block;
	float: left;
	width: 268px;
	margin: 0 auto;
min-width: 268px;
	top: 0;
}

div.set-width.content {
	float: left;
	width: 400px;
	min-width: 50%;
	max-width: 70%;
	clear: none;
	padding: 0;
	margin-top: 70px;
}

div.set-width.header {
	float: left;
	width: 270px;
	min-width: 230px;
	z-index: 99999;
	padding-right: 30px;
}

a.show_hide {
	display: none;
}




section.content {
	padding: 20px;
	padding-top: 20px;
		width: 85%;
}

.mainnav {

		display: block;

	
}

a.logolink img {
	width: 228px;
}

div.preheader {
position: absolute;
text-align: right;
font-size: 20px;
z-index: 9999;
}

#ie7 div.preheader, #ie6 div.preheader {
	width: 100%;
	left: 0;
}

div.preheader img {
margin-right: 6.5%;
}

#ie6 div.preheader img {
	margin-right: 0;
	margin: 0;
	float: right;
}


div.logo {
text-align: center;
	
}



div.copyright {
	margin: 10px -20px -20px -20px;
	padding: 20px 20px 10px 20px;
	color: #006;
	background: #fff;
}


div.copyright a {
	color: #006;
}



.Gallery section.content a, .GalleryHome a {
	
	width: 130px;
	background: #fff;
	padding: 10px;
	border: 2px solid #ddd;
	margin: 5px;
}

.homeimages img {
	display: inline-block;
	width: 41%;
	margin: 5px;
	background: #fff;
	padding: 10px;
	border: 2px solid #ddd;
}

.homeimages {
	margin-bottom: 20px;
}

}


@media only screen and (min-width: 960px) {
  /* 992 =================================================== */
  

html {
	background: #006 url(/layout-images/bground.jpg) no-repeat fixed;
	background-size: 100%
}

body {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.7em;
  color: #000000;
max-width: 100%;
min-width: 100%;
background: none;
float: none;
position: relative;

}

header {
padding: 0px 0px;
	z-index: 9999;
position: relative;
	display: block;
	float: left;
	width: 268px;
	margin: 0 auto;
min-width: 268px;
	top: 0;
}

div.set-width.content {
	float: left;
	width: 61%;
	min-width: 500px;
	
	max-width: 850px;
	clear: none;
	padding: 0;
	margin-top: 70px;
}

div.set-width.header {
	float: left;
	width: 270px;
	min-width: 230px;
	z-index: 99999;
	padding-right: 30px;
}

a.show_hide {
	display: none;
}




section.content {
	padding: 30px;
	padding-top: 20px;
}

a.logolink img {
	width: 228px;
}

div.preheader {
position: absolute;
text-align: right;
font-size: 20px;
z-index: 9999;
}







div.logo {
text-align: center;
	
}

 

.homeimages img {
	display: inline-block;
	width: 44%;
	margin: 5px;
	background: #fff;
	padding: 10px;
	border: 2px solid #ddd;
}

}
@media only screen and (min-width: 1382px) {
  /* 1382 =================================================== */
 
 
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* 2x =================================================== */
}