/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }
body {
	line-height: 1; }
ol, ul {
	list-style: none; }
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; }
table {
	border-collapse: collapse;
	border-spacing: 0; }
td { vertical-align: top; }
img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }


/* #Font-face
================================================== */
@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('../fonts/OpenSans-LightItalic-webfont.eot');
    src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'OpenSansItalic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;}



/* #Basic Styles
================================================== */
html {
  font-size: 100%;
  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
	  -ms-text-size-adjust: 100%;
}
body {
	background: #FFFFFF;
	font:16px/26px 'OpenSansRegular', Arial, sans-serif;
	color: #333;
}


/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
	font-family: 'OpenSansBold', Arial, sans-serif;
	font-weight: normal;
	color: #4b4b4b;
	text-transform: uppercase;
}

h2 {
	font-size: 22px;
	line-height: 1.3;
	margin-bottom: .75em; }


p { margin-bottom: 26px; }

em { font-style: italic; }
strong { font-weight: bold; }

small {
	display: block; /* For line-height to work */
	color: #858585;
	font-size: 12px;
	line-height: 16px;
}


/* #Links
================================================== */
a { color: #4b4b4b; text-decoration: underline;}
a:focus { outline: thin dotted #333; }
a:hover, a:active { color: #0289c9; text-decoration: none; outline: 0; }


/* #Layout
================================================== */
.container {
	width: 978px;
	margin: 0 auto;
}

#wrapper .container {
	margin-bottom: 10px;
	padding-bottom: 80px;}


/* #Header
================================================== */
#logo {
	float: left;
	margin: 15px 0; }

#contact {
	float: right;
	margin-top: 15px;
	background: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 12px 20px;
	font-family: 'OpenSansBold', Arial, sans-serif;
	font-size: 20px;
	line-height: 1.3;
}

#contact p {
	line-height: 22px;
	margin: 0;
	padding-left: 40px;
	background: url(../img/icon-mobile.png) left center no-repeat;
}

#contact .phone { color: #4b4b4b; }

.home nav ul { margin-bottom: 0; }

nav ul {
	clear: both;
	width: 100%;
	margin: 0 0 40px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

nav ul li {
	display: block;
	float: left;
	background: url(../img/nav-separator.gif) left center no-repeat;
}

nav ul li:first-child { background: none; }

nav a{
	display: block;
	font-family: 'OpenSansBold', Arial, sans-serif;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	color: #333;
	text-decoration: none;
	padding: 0 20px;
}

nav .active a {
	height: 47px;
	line-height: 47px;
	border-top: 4px solid #4b4b4b;
	margin-top: -1px; }

nav a:hover{
	color: #4b4b4b;
}


/* #Content
================================================== */
.content {
	width: 642px;
	float: left;
}

.intro {
	color: #888;
	font-size: 19px;
	line-height: 28px;
}

/* Enquiry
---------------------------------------- */
.enquiry {
	border-top: 4px solid #4b4b4b;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 40px;
}

.enquiry p {
	float: left;
	font-family: 'OpenSansLight', Arial, sans-serif;
	font-size: 24px;
	color: #888;
	line-height: 90px;
	margin: 0;
	padding-left: 30px;
	background: url(../img/enquiry-arrow.png) 30px 0 no-repeat;
}

.enquiry .btn {
	float: right;
	margin: 20px 30px 0 0; }


/* Link List
---------------------------------------- */
.link-list {
	width: 306px;
	float: left;
	margin-right: 30px;
}

.link-list ul { margin-bottom: 10px; }

.link-list li {
	color: #4b4b4b;
	font-size: 14px;
	line-height: ;
	padding: 4px 0 4px 24px;
	border-bottom: 1px solid #d9d9d9;
	background: url(../img/menu-arrow.gif) 10px center no-repeat;
}


/* Link List
---------------------------------------- */
.area {
	background: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 25px 30px;
	font-family: 'OpenSansBold', Arial, sans-serif;
	font-size: 20px;
	line-height: 1.3;
}

.area p {
	margin: 0;
	/*color: #4b4b4b;*/
}


/* Vcard
---------------------------------------- */
.vcard { margin-bottom: 2em; }

.vcard span {
	display: block;
	margin-bottom: 5px; }

.fn {
	font-family: 'OpenSansBold', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 1.2; }

.tel {
	font-family: 'OpenSansLight', Arial, sans-serif;
	font-size: 46px;
	line-height: 1;
	color: #888; }

.vcard a { font-size: 18px; }

/* Buttons
---------------------------------------- */
.btn {
	display: inline-block;
	width: auto;
   border: 1px solid #4b4b4b;
   background: #4b4b4b;
   background: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#000000));
   background: -webkit-linear-gradient(top, #4b4b4b, #000000);
   background: -moz-linear-gradient(top, #4b4b4b, #000000);
   background: -ms-linear-gradient(top, #4b4b4b, #000000);
   background: -o-linear-gradient(top, #4b4b4b, #000000);
   background-image: -ms-linear-gradient(top, #4b4b4b 0%, #000000 100%);
   padding: 10px 21px 7px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #666633 0 1px 0;
   color: #fff;
   font-family: 'OpenSansBold', Arial, sans-serif;
   font-size: 18px;
   line-height: 28px;
   text-transform: uppercase;
   text-decoration: none;
   vertical-align: middle;
   }
.btn:hover {
   background: #4b4b4b;
   color: #fff;
   }
.btn:active {
   background: #87B16B;
   color: #fff;
   -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
   }


/* #Footer
================================================== */
footer {
	padding: 15px 0 60px;
	border-top: 1px solid #d9d9d9;
}

footer ul { float: right; }

footer li {
	float: left;
	display: inline;
	padding-left: 13px;
	margin-left: 12px;
	background: url(../img/nav-separator.gif) left center no-repeat;
}

footer li:first-child { background: none; }

footer p, footer a {
	color: #888;
	font-size: 14px; }

footer a { text-decoration: none; }

footer a:hover { color: #4b4b4b; }


/* #Extras
================================================== */
::-moz-selection { background: #4b4b4b; color: #fff; text-shadow: none; }
::selection { background: #4b4b4b; color: #fff; text-shadow: none; }


/* #Non-Semantic Helper Classes
================================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* #Print Styles
================================================== */
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}