@import "opensans/opensans.css";
/* flatLand! - the one person agency */
/* Reset.less
 * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
 * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
html, body {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol, ul {
  list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button, input {
  line-height: normal;
  *overflow: visible;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
body {
  width: 100%;
  *zoom: 1;
}
body:before, body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
html {
  background: url(bcg.gif) top left repeat;
  font: normal 62.5%/1.5 "OpenSans", "Helvetica Neue", Verdana, Arial, sans-serif;
}
body {
  color: #eeeeee;
  padding: 1px 0 0;
  text-shadow: 0 0 5px #000;
}
header {
  margin: 100px auto 0;
  height: 307px;
  width: 800px;
  position: relative;
  background: transparent url(header.png) top center no-repeat;
  -webkit-animation: header 2s;
  -moz-animation: header 2s;
}
header h1, header h2 {
  visibility: hidden;
}
header section.contact a {
  display: block;
  width: 130px;
  height: 35px;
  position: absolute;
  text-indent: -999em;
}
header section.contact a.telephone {
  bottom: 40px;
  left: 200px;
}
header section.contact a.email {
  bottom: 40px;
  right: 200px;
}
p {
  font-size: 1.1rem;
  line-height: 1.3rem;
}
p strong {
  font-weight: bold;
}
a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
a:link, a:visited, a:active {
  color: #73c5d4;
}
a:hover {
  color: #af7291;
}
div.gridded {
  width: 400px;
  margin: 0 auto 20px;
}
div.gridded section {
  display: inline-block;
  width: 440px;
  margin: 0 -10px;
  *zoom: 1;
  margin-bottom: 10px;
}
div.gridded section:before, div.gridded section:after {
  content: "";
  display: table;
}
div.gridded section:after {
  clear: both;
}
div.gridded section p.about {
  display: inline;
  float: left;
  width: 190px;
  margin: 0 10px;
  text-align: right;
  -webkit-animation: about 2s;
  -moz-animation: about 2s;
}
div.gridded section p.wearebusy {
  display: inline;
  float: left;
  width: 190px;
  margin: 0 10px;
  text-align: left;
  -webkit-animation: wearebusy 2s;
  -moz-animation: wearebusy 2s;
}
div.gridded section p.contactus {
  display: inline;
  float: left;
  width: 400px;
  margin: 0 10px;
  text-align: center;
  -webkit-animation: contactus 2s;
  -moz-animation: contactus 2s;
}
div.gridded footer {
  padding: 10px 0 0;
  background: transparent url(rule.png) top center no-repeat;
  display: inline-block;
  width: 440px;
  margin: 0 -10px;
  *zoom: 1;
  -webkit-animation: footer 2s;
  -moz-animation: footer 2s;
}
div.gridded footer:before, div.gridded footer:after {
  content: "";
  display: table;
}
div.gridded footer:after {
  clear: both;
}
div.gridded footer h3 {
  display: inline;
  float: left;
  width: 190px;
  margin: 0 10px;
  font-weight: bold;
  text-align: right;
  line-height: 1.3rem;
}
div.gridded footer nav {
  display: inline;
  float: left;
  width: 190px;
  margin: 0 10px;
  text-align: left;
}
div.gridded footer nav a {
  margin: 0 10px 0 0;
  line-height: 1.3rem;
}