body, html {
  position:relative;
  font-family:Arial, Helvetica, sans-serif;
  height:100%;
  margin:0;
  padding:0;
  font-size:12px;
  background:#333333;
  color:#cccccc;
}
#ck-area, .ck-area {
  background:#333333;
  line-height:16px;
  padding:29px;
  box-sizing:border-box;
  min-width:668px;
}
#ck-area a, .ck-area a {
  color:white;
  border-bottom:1px dotted #aaaaaa;
}
#ck-area a:hover, .ck-area a:hover { color:#cccccc; }
h1, h2 {
  font-family:'Josefin Sans', 'Avant Garde', 'Century Gothic', Helvetica, Arial, sans-serif;
  letter-spacing:-1px;
  color:#cccccc;
  font-weight:normal;
  font-size:30px;
  margin:0;
  padding:10px 0 10px;
  margin-top:5px;
}
h3 {
  font-size:16px;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  color:white;
}
a {
  color:#cccccc;
  text-decoration:none;
}
a:hover { text-decoration:none; }
a.active { text-decoration:none; }
li { margin:10px 0; }
img.right {
  margin:0 0 0 20px;
  clear:both;
}
img.left {
  margin:0 20px 0 0;
  clear:both;
}
div.column-left {
  width:285px;
  float:left;
  border:1px solid yellow;
}
div.column-right {
  width:285px;
  float:right;
  border:1px solid yellow;
}
div.right {
  float:right;
  border:1px solid yellow;
  margin-bottom:5px;
  padding-left:20px;
}
span.bright { color:white; }
span.dark { color:#999999; }
ol { color:white; }
blockquote {
  color:#cccccc;
  float:right;
  width:180px;
  margin:25px 0 25px 25px;
  font-size:18px;
  text-align:center;
}
blockquote p {
  margin:0;
  padding:0;
}
#page {
  min-height:100%;
  width:900px;
  margin:0 auto 0 auto;
  padding:0;
  position:relative;
  background:#444444;
  margin-bottom:-130px;
  z-index:20;
  top:-130px;
}
#page #content {
  padding-top:245px;
  margin-bottom:0px;
  margin:0 116px;
  border-spacing:0;
}
#page #content #ck-area, #page #content .ck-area { border:2px solid #999999; }
#page #content div.column-left { border:none; }
#page #content div.column-right { border:none; }
#page #content div.right { border:none; }
#page #content.gallery #ck-area {
  border:none;
  padding-left:0;
  padding-right:0;
  background:transparent;
}
#page #content.gallery .icon {
  display:inline-block;
  float:left;
  height:134px;
  padding-right:10px;
}
#page #content.gallery .icon a {
  display:inline-block;
  border:none;
  margin:10px;
}
#page #content.gallery .icon a img {
  border:2px solid white;
  width:auto;
  height:auto;
  max-width:110px;
  max-height:110px;
  -webkit-box-shadow:1px 1px 5px 0px black;
  box-shadow:1px 1px 5px 0px black;
}
#header {
  width:900px;
  height:115px;
  position:absolute;
  top:130px;
  left:0px;
  background:#333333;
}
#header h3.logo {
  font-family:'Josefin Sans', 'Avant Garde', 'Century Gothic', Helvetica, Arial, sans-serif;
  letter-spacing:-1px;
  text-align:center;
  color:#cccccc;
  font-weight:normal;
  font-size:38px;
  margin:0;
  padding:0;
  display:block;
  width:100%;
  height:75px;
  line-height:75px;
  position:absolute;
  bottom:0;
  background:#444444;
}
#header h3.logo a:hover {
  color:#999999;
  text-decoration:none;
}
div.menu {
  padding:0;
  margin:20px 116px 0 116px;
  list-style-type:none;
  font-family:'Josefin Sans', 'Avant Garde', 'Century Gothic', Helvetica, Arial, sans-serif;
  letter-spacing:-1px;
  color:#cccccc;
  font-weight:normal;
  font-size:0;
  text-align:center;
  text-transform:lowercase;
}
div.menu span {
  margin:0;
  position:relative;
}
div.menu span a {
  display:inline-block;
  font-size:30px;
  text-decoration:none;
  margin:0;
  padding:10px 15px 12px 15px;
  text-decoration:none;
}
div.menu span a:hover {
  text-decoration:none;
  color:#999999;
}
div.menu span a.active {
  text-decoration:none;
  border:2px solid #999999;
}
div.menu span a.active.with-sub { border-bottom:2px solid #444444; }
div.submenu {
  padding:10px;
  margin:-2px 116px 0 116px;
  list-style-type:none;
  font-family:'Josefin Sans', 'Avant Garde', 'Century Gothic', Helvetica, Arial, sans-serif;
  font-weight:normal;
  font-size:0;
  border:2px solid #999999;
}
div.submenu span {
  display:inline-block;
  width:33%;
  padding-right:10px;
  box-sizing:border-box;
}
div.submenu span a {
  display:inline-block;
  font-size:20px;
  text-decoration:none;
  margin:0;
  color:#dedede;
}
div.submenu span a:hover, div.submenu span a:active, div.submenu span a.active {
  text-decoration:none;
  color:#999999;
}
#footer {
  height:120px;
  width:850px;
  margin:0 auto 0 auto;
  position:relative;
  z-index:20;
  padding:0 25px;
  background-color:#444444;
  text-align:center;
  font-family:'Josefin Sans', 'Avant Garde', 'Century Gothic', Helvetica, Arial, sans-serif;
  letter-spacing:-1px;
  font-size:30px;
  padding-top:10px;
}
#footer #hia {
  border-bottom:1px dotted #aaaaaa;
  float:left;
  margin-left:116px;
  font-size:0;
}
#footer #licence-details { font-size:17px; }
#footer #phone {
  float:right;
  margin-right:116px;
}
.home #page #content {
  padding-top:765px;
  margin:0 100px;
}
.home #page #content #ck-area, .home #page #content .ck-area {
  border:none;
  background:transparent;
  padding:29px 0;
  min-width:700px;
}
.home #page #content #ck-area div.column-left, .home #page #content .ck-area div.column-left { width:355px; }
.home #page #content #ck-area div.column-right, .home #page #content .ck-area div.column-right { width:315px; }
.home .menu { margin-top:445px; }
.alert {
  color:white;
  margin:10px 0;
  padding:10px 15px;
}
.alert.alert-error { background:#ff543d; }
.alert.alert-success { background:#7dc246; }
.alert p { margin:2px 0; }
span.clear {
  display:block;
  clear:both;
}