/* RESETS & BASICS
====================================================== */

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 none;
	outline: 0 none;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
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; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block;}

table { border-collapse: separate; border-spacing: 0; }

caption, th { text-align: left; font-weight: normal;}

td {vertical-align:middle;}

pre, code {font-family: "Menlo", Monaco, Courier, monospace; }
pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }

img {-ms-interpolation-mode: bicubic;}
img {
	max-width: 100%;
	height:auto;
	width: auto\9;   /* ie8 */
	}
object, embed, video, iframe {max-width: 100%;}

* { -webkit-tap-highlight-color: #f4f4f4; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

::selection {background: #000000; color: #fff;}
::-moz-selection {background: #000000; color: #fff;}

:required { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }
:focus {outline: 0;}

.noscript-alert {position:absolute; top:0; left:0; z-index:1000; background-color:#f00; color:#FF0; width:100%; margin:0 auto; padding:3px 0; text-align:center;}
.chromeframe {background-color:#f00; color:#FF0; width:100%; margin:0 auto; padding:3px 0; text-align:center;}




/* WEB FONTS
========================================= */
@font-face {
    font-family: 'open_sanslight';
    src: url('../webfonts/OpenSans-Light-webfont.eot');
    src: url('../webfonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../webfonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../webfonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../webfonts/OpenSans-LightItalic-webfont.eot');
    src: url('../webfonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../webfonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../webfonts/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../webfonts/OpenSans-Regular-webfont.eot');
    src: url('../webfonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../webfonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../webfonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../webfonts/OpenSans-Semibold-webfont.eot');
    src: url('../webfonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../webfonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../webfonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../webfonts/OpenSans-Bold-webfont.eot');
    src: url('../webfonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../webfonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../webfonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../webfonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../webfonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../webfonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../webfonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansCondensedLight';
    src: url('../webfonts/OpenSans-CondLight-webfont.eot');
    src: url('../webfonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('../webfonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('../webfonts/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('../webfonts/OpenSans-CondBold-webfont.eot');
    src: url('../webfonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-CondBold-webfont.woff') format('woff'),
         url('../webfonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('../webfonts/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}





/* ------------------ */
/* FONTELLO ICON FONT */
/* ------------------ */
@font-face {
      font-family: 'fontello';
      src: url('../webfonts/fontello.eot?67564455');
      src: url('../webfonts/fontello.eot?67564455#iefix') format('embedded-opentype'),
           url('../webfonts/fontello.woff?67564455') format('woff'),
           url('../webfonts/fontello.ttf?67564455') format('truetype'),
           url('../webfonts/fontello.svg?67564455#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    .header .icon-right-circled{font-size:14px;}
    .icon-right-circled {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
     	font-size:20px;
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }






/* BASIC STYLES
======================================== */
html {
	font-size: 100%;
}
body {
	background:#2a2828;
	font-family: "open_sanslight", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; font-style:normal;
	font-size:18px;
	color: #555;
	line-height:1.625;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 320px) {
	body {
	font-size:16px;
	}
}




/* TYPOGRAPHY
======================================== */
p { margin: 0px 0 25px 0; padding:0; }
p img { margin: 0; }

em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 80%; }

blockquote {border-left:4px dotted #ccc; margin:1.750em 0em; padding:0em .750em; quotes:"\201C""\201D"; font-family: Georgia, "Times New Roman", Times, serif; font-size:22px; line-height:1.250; color:#999; font-weight:normal; font-style:normal;}

.pink {color:#FFBADA !important;}
.pink a {color:#FFBADA !important; font-weight:bold;}



/* Links 
----------------------------------------------- */
a { color:#366b2f; text-decoration:none; outline:0; }
a:hover, a:focus { color:#98ca3c; }
p a, p a:visited { line-height:inherit; }



/* Lists 
----------------------------------------------- */
ul, ol { margin: 0; }
ul { list-style: disc outside; margin-left:20px; }
ol { list-style: decimal; margin-left:20px; }
ul ul, ul ol,
ol ol, ol ul { margin: 5px 0 5px 30px; }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { margin-bottom: 6px; }

.list-two-columns {
	margin:0 0 25px 25px;
	padding:0;
	text-align:left;
    -moz-column-count: 2;
    -moz-column-gap: 2.5em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2.5em;
     column-count: 2;
     column-gap: 2.5em;
}



/* Forms
----------------------------------------------- */
/*#contact-form {width:100%;}
fieldset {border:none; margin-bottom:10px;}
label {float:left; width:20%; display:block; padding:0; font-size:14px; color:#333; line-height:1; font-weight:normal; font-style:normal; text-align:right; margin-bottom:2px; padding-right:2%; padding-top:8px;}
.input-wrap {float:left; width:78%;}
.input-wrap input {width:96%; padding:1%; margin:2px 0;}
.input-wrap textarea {width:96%; padding:1%;}
.textfieldRequiredMsg, .textfieldInvalidFormatMsg {clear:both; display:block; float:right;}

#captcha-wrap {width:100%;}
.captcha {width:50%; float:left;}
.captcha-input {float:left;}
.captcha-input label {padding-right:5%;}
.captcha-input input {width:75px; padding:3px; margin:2px 0; font-size:14px;}
#captcha-wrap a.text-reload-captcha {display:block; padding-top:5px; font-size:12px;}
img#captcha {border:1px solid #ccc;}

.btn-send {width:auto;}

	@media screen and (max-width: 480px) {
	fieldset {border:none; margin-bottom:10px;}
	label {float:none; width:100%; display:block; padding:0; font-size:14px; color:#333; line-height:1; font-weight:normal; font-style:normal; text-align:left; margin-bottom:2px; padding-right:0; padding-top:8px;}
	.input-wrap {float:none; width:100%;}
	.input-wrap input {width:96%; padding:1%; margin:2px 0;}
	.input-wrap textarea {width:96%; padding:1%;}
	.textfieldRequiredMsg, .textfieldInvalidFormatMsg {clear:both; display:block; float:right;}
	
	#captcha-wrap {width:100%;}
	.captcha {width:100%; float:left;}
	.captcha-input {float:left;}
	.captcha-input label {padding-right:0%;}
	.captcha-input input {width:75px; padding:3px; margin:2px 0; font-size:14px;}
	#captcha-wrap a.text-reload-captcha {display:block; padding-top:5px; font-size:12px;}
	img#captcha {border:1px solid #ccc;}
	}*/






/* #Layout
/* ---------------------------------------------- */

/* Wrapper */
.wrapper {background:#fff;}
.home .wrapper {background:none #fff;}

/* Header */
.header {position:absolute; width:96%; padding:1% 2%; z-index:150;}
.header.no-banner {position:relative; width:96%; padding:1% 2%; background-color:#ccc; background:url(../SiteImages/bg-header.jpg) top center repeat-x; z-index:150;}

.header .logo {float:left; display:inline;}
.header .logo img {display:block; margin:0; padding:0;}
	@media only screen and (max-width: 800px) {
	.header .logo {width:55%;}
	}





/* Banner */
.banner {position:relative; margin:0 auto; width:100%; height:575px; margin-bottom:3%;}
.banner.home-banner {background:url(../SiteImages/banner-totem.jpg) top center no-repeat; background-size:cover; height:700px;}
.banner.about-banner {background:url(../SiteImages/banner-heritage-structure.jpg) top center no-repeat; background-size:cover;}
.banner.services-banner {background:url(../SiteImages/banner-inukshuk.jpg) top center no-repeat; background-size:cover;}
.banner.clients-banner {background:url(../SiteImages/banner-island.jpg) top center no-repeat; background-size:cover;}
.banner.contact-banner {background:url(../SiteImages/banner-contact.jpg) top center no-repeat; background-size:cover;}

	@media only screen and (max-width: 1140px) {
	.banner.home-banner {background-position: -150px 0;}
	}
	@media only screen and (max-width: 640px) {
	.banner.home-banner {background-position: -350px 0;}
	}
	@media only screen and (max-width: 320px) {
	.banner.home-banner {background-position: -350px 0;}
	.banner.contact-banner {background-position: -430px 0;}
	}
.caption p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center; 
  width: 100%; 
	font-size:60px;
	font-family: "open_sansextrabold", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#fff;
	line-height:1;
	text-transform:uppercase;
}
	/* @media only screen and (max-width: 480px) {
	.caption p {font-size:42px;}
	} */
	
	@media only screen and (max-width: 480px) {
	.caption p {
		position: absolute;
		top: 40%;
		left: auto;
		transform: none;
		text-align: center; 
		width: 100%; 
		font-size:42px;
		font-family: "open_sansextrabold", Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-style:normal;
		color:#fff;
		line-height:1;
		text-transform:uppercase;
	}
	}
	@media only screen and (max-width: 320px) {
	.caption p {font-size:32px;}
	}





/* Main */
.main {clear:both; padding:0% 2% 4% 2%; background-color:transparent;}
.main.no-banner {padding-top:30px;}





/* Footer */
.footer {
	clear:both;
	background:url(../SiteImages/bg-footer.png) top center repeat-x #efefef;
	padding:50px 0 50px 0;
}
.footer-wrap {width:525px; margin:0 auto;}
.footer img.logo {display:block; margin:0 auto 20px auto;}
.footer .contact {
	font-size:14px;
	color:#666;
	text-align:center;
	margin-bottom:0px;
	padding-top:0px;
}
.footer p {
	margin-bottom:5px;
}
.footer a {
	font-family: "open_sansregular";
	color:#366b2f;
}
.footer a:hover {
	color:#98ca3c;
}
.footer .splash {
	vertical-align:middle;
}
@media screen and (max-width: 640px){
	.footer-wrap {width:90%; margin:0 auto;}
	
}


/* ---------------------------------------------- */
/*                NAVIGATION                      */
/* ---------------------------------------------- */


/* Top Nav */ /* styles found in daisynav.css */


/* Side Nav */
.sidenav ul {
	list-style:none;
	margin:0;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
}
.sidenav ul li {
	line-height:16px;
	margin:0;
	padding:7px 0;
	border-bottom:1px solid #ccc;
}
.sidenav ul li:last-child {
	border-bottom:none;
}
.sidenav a {
	display:block;
	color:#999;
}
.sidenav a:hover {
	display:block;
	color:#333;
}
.sidenav ul ul {
	margin: 5px 0 0 10px;
	font-size:13px;
	font-weight:normal;
	text-transform:none;
}
.sidenav ul ul li {
	line-height:16px;
	margin:0;
	padding:7px 0;
	border-bottom:none;
}
.sidenav ul ul a {
	color:#777;
}







/* Breadcrumbs */
#breadcrumb {
	padding:10px 10px;
	margin-bottom:0px;
}
.breadcrumb {
	font-size:11px;
	color: #666;
	font-weight:normal;
}
.breadcrumb a:last-child {
	color:#99ca3b;
	font-weight:bold;
}
.breadcrumb a.crumb:last-child {
	font-weight:bold;
}
.breadcrumb a {
	color: #999;
	font-style:normal;
	font-weight:normal;
}
.breadcrumb a:hover {
	color: #356b2f;
}
.breadcrumb span {
	color:#ccc;
}
.breadcrumb span.crumb {
	color:#99ca3b;
	font-weight:bold;
}


/* Top of Page */
.top-of-page {
	clear:both;
	display:none;	
}
@media screen and (max-width: 480px){
	.top-of-page {
	display:block;
	}
	.top-of-page img {
	display:block;
	margin:50px auto 0 auto;
	}
}







/* #Unique Page Styles
============================================ */
/* Homepage */
.hp-intro {padding:1% 2% 2% 2%;}






/* #Misc
================================================== */
hr {clear:both; overflow: hidden; height:1px; border:0; border-top:1px dotted #ccc; margin:1.750em 0 1.750em 0; padding:0;}
.hide {display: none;}
.clear {clear:both; height:0; line-height:0; padding:0; margin:0;}

.vertical-align-middle {vertical-align:middle;}