/* ==========================================================================
   Author's custom styles
   ========================================================================== */
*,:before,:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

html,button,input,select,textarea{color:#222}

body{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}
body{color:#555;font:400 16px/1.667 "Roboto",helvetica,arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;position:relative;-webkit-tap-highlight-color:transparent}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
a {text-decoration:none; color:#393939;}
a:focus{outline:thin dotted; text-decoration:none;}
a:active,a:hover{outline:0; text-decoration:none;}
img{vertical-align:middle}

fieldset{border:0;margin:0;padding:0}

textarea{resize:vertical}

.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}


/*
@font-face {
font-family: 'Roboto';
src: url('../../includes/fonts/chunk-webfont.eot');
src: url('../../includes/fonts/chunk-webfont.eot?#iefix') format('eot'),
     url('../../includes/fonts/chunk-webfont.woff') format('woff'),
     url('../../includes/fonts/chunk-webfont.ttf') format('truetype'),
     url('../../includes/fonts/chunk-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'Roboto';
src: url(http://themes.googleusercontent.com/static/fonts/roboto/v10/Fl4y0QdOxyyTHEGMXX8kcbO3LdcAZYWl9Si6vvxL-qU.svg) format('svg');
}
}
*/

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(http://themes.googleusercontent.com/static/fonts/roboto/v10/G1l_KMKj5pga7ZKths0iTXYhjbSpvc47ee6xR_80Hnw.svg) format('svg');
  src: local('Roboto Thin'), local('Roboto-Thin'), url(http://themes.googleusercontent.com/static/fonts/roboto/v10/G1l_KMKj5pga7ZKths0iTXYhjbSpvc47ee6xR_80Hnw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://themes.googleusercontent.com/static/fonts/roboto/v10/Fl4y0QdOxyyTHEGMXX8kcbO3LdcAZYWl9Si6vvxL-qU.svg) format('svg');
  src: local('Roboto Light'), local('Roboto-Light'), url(http://themes.googleusercontent.com/static/fonts/roboto/v10/Fl4y0QdOxyyTHEGMXX8kcbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(http://themes.googleusercontent.com/static/fonts/roboto/v10/mUdRVCMHGKUBOACHGTH1g-vvDin1pK8aKteLpeZ5c0A.svg) format('svg');
  src: local('Roboto Regular'), local('Roboto-Regular'), url(http://themes.googleusercontent.com/static/fonts/roboto/v10/mUdRVCMHGKUBOACHGTH1g-vvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}

h1,h2,h3, h4{margin:0;padding:0; font-weight:100; font-family: "Roboto", Helvetica, Arial, serif}


.pad{width:1043px;margin: auto;position:relative;}

header{
	position:fixed;
	top:0;left:0;width:100%;
	border-bottom: 1px solid #f1f1f1;
	z-index:9000;
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	transition:all 200ms linear;
	background:rgba(255,255,255, 1);
	background-color: #fff;}

@media only screen and (min-width:320px) and (max-width:767px){
#header{height: 60px!important} 
}

@media only screen and (min-width:768px){
#header{height: 70px!important} 
}

header h1{display:block;width:150px;height:62px;margin:6px 30px 0;padding:0;float:left}
header h1 a{display:block;width:150px;height:62px;background:url(../images/sitelogo.png) 0 0 no-repeat;text-indent:-9999px}
@media only screen and (min-width:320px) and (max-width:767px){
header h1{display:block;width:150px;height:62px;margin-left: auto; margin-right:auto; margin-top:12px; margin-bottom:8px; float:none;}
header h1 a{display:block;width:150px;height:62px;background:url(../images/sitelogo.png) 0 0 no-repeat;text-indent:-9999px}
}
@media only screen and (min-width:320px) and (max-width:767px){
header h4{display:block;width:226px;height:100%;margin:auto; float:left; padding:0; background-color:#fff}
header h4 a{display:block;width:226px;height:62px;background:url(../images/sitelogo.png) 0 0 no-repeat;text-indent:-9999px; padding:0; margin-left: 6px; margin-top:6px; margin-bottom:12px;}
}



header.bg{background:rgba(255,255,255, .9)}


.h-nav{display:block;list-style:none;margin:0;padding:0; float:right}
.h-nav li{list-style-image:none;list-style-type:none;margin-left:0;}
.h-nav-label{
	color:#333;
	width:100%;
	display:block;
	font-size:15px;
	font-weight:400;
	line-height:70px;
	position:relative;
	vertical-align:middle}

.h-nav--horizontal .h-nav-item{
	background-color: #fff;
	border-left:1px solid #f1f1f1;
	display:table-cell;
	width: 100px;
	height:70px;
	padding:0;
	text-align:center;
	-webkit-transition:background 190ms ease-out;
	transition:background 190ms ease-out;
	vertical-align:middle}
.h-nav-item:hover{background:#fafafa}

@media only screen and (min-width:768px) and (max-width:1043px){
.h-nav--horizontal .h-nav-item{font-size:14px}}

.h-nav--overflow{height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.h-nav-item{color:#3b3b3b;text-decoration:none;}

@media only screen and (min-width:320px) and (max-width:767px){
.h-nav, .h-nav li, .h-nav--horizontal, .h-nav-item, .h-nav-label{
	display:none;}
}

.num{display:none}


/*Home Hero*/
#homehero{
	position:relative;
	width:100%!important;
	background:#FFF;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position: top left;
	background-size: cover;
	}	
@media only screen and (min-width:320px) and (max-width:479px){
#homehero{height: 420px!important; background-image: url(../images/home1-360h.jpg)} 
}
@media only screen and (min-width:480px) and (max-width:767px){
#homehero{height: 480px!important; background-image: url(../images/home1-480h.jpg)}
}
@media only screen and (min-width:768px) and (max-width:1043px){
#homehero{height: 540px!important; background-image: url(../images/home1-540h.jpg)}
}
@media only screen and (min-width:1044px) and (max-width:1365px){
#homehero {height: 640px!important; background-image: url(../images/home1-640h.jpg)}
}
@media only screen and (min-width:1366px){
#homehero {height: 720px!important; background-image: url(../images/home1-720h.jpg);
}
}
#homehero .pad{
	width: 100%;
	height: 100%;
	float: right;
	margin: auto;
	position: relative;
}
	#homehero .headline { 
	position:absolute;
	width: auto;
	height: auto;
	bottom: 0;
	right: 0;
	z-index:9;
}
	#homehero .alpha {
	background: #F00;
	position:absolute;
	top:0; bottom:0; right:0; left:0;
	z-index:10;
	}
	
	#homehero .headlinepad {
	position:relative;
	text-align:right;
	width: 100%; 
	height: 100%;
	z-index:11;
	}
		
	#homehero h1{ color:#fff; line-height:54px; font-weight:200; text-align:right;}
	#homehero h3{ color:#fff; line-height:36px; font-weight:300; text-align:right;}
	#homehero h4 a{ color:#fff; line-height:30px; font-weight:300; text-align:right; text-decoration:none;}
	#homehero h4 a:hover{color:#0C3; text-decoration:none; -webkit-transition:color 190ms ease-out; transition:color 190ms ease-out;}
	@media only screen and (min-width:320px) and (max-width:640px){
	#homehero .headline {margin:0; width:100%;}
	#homehero. headlinepad {padding: 20px; width: 100%; height: auto;}
	#homehero h1{ font-size:33px; margin: 10px 20px 0px; font-weight: 300; line-height:normal; text-align:center;}
	#homehero h3{ font-size:21px; margin: 0px 20px 5px; line-height:normal; text-align:center;}
	#homehero h4{ font-size:21px; margin: 0px 20px 5px; line-height:normal; text-align:center;}
	}
	@media only screen and (min-width:641px) and (max-width:767px){
	#homehero .headline {margin:0; width:100%;}
	#homehero. headlinepad {padding: 20px; width: 100%; height: auto;}
	#homehero h1{ font-size:42px; margin: 15px 20px 0px; font-weight: 300; line-height:normal; text-align:center;}
	#homehero h3{ font-size:24px; margin: 0px 20px 10px; line-height:normal; text-align:center;}
	#homehero h4{ font-size:24px; margin: 0px 20px 10px; line-height:normal; text-align:center;}
	}
	@media only screen and (min-width:768px) and (max-width:1043px){
	#homehero .headline {margin:0; width:100%;}
	#homehero. headlinepad {padding: 20px; width: 100%; height: auto;}
	#homehero h1{ font-size:54px; margin: 15px 20px 0px; line-height:normal; text-align:center;}
	#homehero h3{ font-size:27px; margin: 0px 20px 10px; line-height:normal; text-align:center;}
	#homehero h4{ font-size:27px; margin: 0px 20px 10px; line-height:normal; text-align:center;}
	}
	@media only screen and (min-width:1044px) and (max-width:1359px){
	#homehero .headline {margin-bottom: 20px; margin-right: 20px;}
	#homehero. headlinepad {padding: 20px; width: 100%; height: auto;}
	#homehero h1{ font-size:60px; margin:30px 20px 0px;}
	#homehero h3{ font-size:30px; margin: 15px 20px 20px;}
	#homehero h4{ font-size:30px; margin: 0px 20px 20px;}

	}
	@media only screen and (min-width:1360px){
	#homehero .headline {margin-bottom: 20px; margin-right: 20px;}
	#homehero. headlinepad {padding: 20px; width: 100%; height: auto;}
	#homehero h1{ font-size:66px; margin:40px 20px 0px;}
	#homehero h3{ font-size:33px; margin: 20px 20px 20px;}
	#homehero h4{ font-size:33px; margin: 0px 20px 20px;}
	}


/*Service Updates*/
#updates{
	width: 100%;
	background-color:#fff;
	height: auto;
	overflow: hidden;
	z-index:12;
	position:relative}
	
#updates .m_title{display:none}
#updates .pad{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	text-align:center}

.updatesheadline { 
	margin-left:auto; 
	margin-right:auto; 
	width:100%;
	height:auto;
	background-color: #fff;
	text-align:center;}
	
	#updates h1{ color:#393939; line-height:54px; font-weight:200; text-align:center;}
	#updates h3{ color:#393939; line-height:36px; font-weight:200; text-align:center;}
	@media only screen and (min-width:320px) and (max-width:640px){
	#updates h1{ font-size:33px; margin: 60px 20px 0px; font-weight: 300; line-height:normal;}
	#updates h3{ font-size:21px; margin: 0px 20px 40px; font-weight: 300; line-height:normal;}
	}
	@media only screen and (min-width:641px) and (max-width:767px){
	#updates h1{ font-size:42px; margin: 70px 20px 0px; font-weight: 300; line-height:normal;}
	#updates h3{ font-size:24px; margin: 0px 20px 50px; font-weight: 300; line-height:normal;}
	}
	@media only screen and (min-width:768px) and (max-width:1043px){
	#updates h1{ font-size:54px; margin: 80px 20px 0px; line-height:normal; text-align:center;}
	#updates h3{ font-size:27px; margin: 0px 20px 60px; line-height:normal; text-align:center;}
	}
	@media only screen and (min-width:1044px) and (max-width:1359px){
	#updates h1{ font-size:60px; margin:90px 20px 0px;}
	#updates h3{ font-size:30px; margin: 15px 20px 70px;}
	}
	@media only screen and (min-width:1360px){
	#updates h1{ font-size:66px; margin:100px 20px 0px;}
	#updates h3{ font-size:33px; margin: 20px 20px 80px;}
	}
	
	
.updateswrapper{
	list-style:none;
	width: auto;
	max-width:1043px;
	height:auto;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	padding: 20px 10px 100px 10px;}
.updateswrapper:after,.updatesitemfooter:after{clear:both;content:"";display:table}
#updatesitem {
	background-color: #fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
	letter-spacing:normal;
	text-align:left;
	vertical-align:top;
	text-rendering:auto}
	
@media only screen and (min-width:320px) and (max-width:640px){
.it1 { width:95%; margin-left: 2.5%; margin-right: auto; margin-bottom: 20px; height:540px;} 
.it2 { width:95%; margin-left:2.5%; margin-right:0; margin-bottom: 20px; height: 540px;}
.it3 { width:95%; margin-left:2.5%; margin-right:0; height: 540px;}
}
@media only screen and (min-width:641px) and (max-width:767px){
.it1 { width:95%; margin-left: 2.5%; margin-right: auto; margin-bottom: 20px; height:460px;} 
.it2 { width:95%; margin-left:2.5%; margin-right:0; margin-bottom: 20px; height: 460px;}
.it3 { width:95%; margin-left:2.5%; margin-right:0; height: 460px;}
}
@media only screen and (min-width:768px) and (max-width:1043px){
.it1 { width:32%; margin-left:0; margin-right:0; height: 640px;} 
.it2 { width:32%; float:none; margin-left:1.8%; margin-right:0; height: 640px;}
.it3 { width:32%; float:right; margin-left:0; margin-right:0; height: 640px;}
}
@media only screen and (min-width:1044px) and (max-width:1359px){
.it1 { width:32%; margin-left:0; margin-right:0; height: 720px;} 
.it2 { width:32%; float:none; margin-left:1.8%; margin-right:0; height: 720px;}
.it3 { width:32%; float:right; margin-left:0; margin-right:0;  height: 720px;}
}
@media only screen and (min-width:1360px){
.it1 { width:32%; float:left; margin-left:0; margin-right:0; height: 720px;} 
.it2 { width:32%; float:none; margin-left:2%; margin-right:0; height: 720px;}
.it3 { width:32%; float:right; margin-left:0; margin-right:0; height: 720px;}
}
	
.updatesitemwrapper{
	border:1px solid #f0f0f0;
	-webkit-box-shadow:rgba(85,85,85,.1) 0 0 7px;
	box-shadow:rgba(85,85,85,.1) 0 0 7px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width: 100%;
	height:100%;
	position:relative}

.updatesitemimagecontainer{
	background-color: #FFF;
	border: none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	display: block;
	width: 100%;
	height:272px;
	overflow:hidden;
	padding:6px;
	text-align:center}

@media only screen and (min-width:768px) and (max-width:1043px){.updatesitemimagecontainer{height:150px;}}
@media only screen and (max-width:767px){.updatesitemimagecontainer{height:150px}}

.updatesitemimagecontainer.withbottomalignedimage{padding-bottom:0}
.updatesitemimagecontainer.withfullimage{padding:0}
.updatesitemimage{
	background-position:center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
	width: 100%;
}
@media only screen and (max-width:767px){.updatesitemimage.section1{background-image: url(../images/updates-bc-720x160.jpg)}}
@media only screen and (min-width:768px){.updatesitemimage.section1{background-image: url(../images/updates-bc-330x280.jpg)}}

@media only screen and (max-width:767px){.updatesitemimage.section2{background-image: url(../images/updates-dh-720x160.jpg)}}
@media only screen and (min-width:768px){.updatesitemimage.section2{background-image: url(../images/updates-dh-330x280.jpg)}}

@media only screen and (max-width:767px){.updatesitemimage.section3{background-image: url(../images/updates-canvas-720x160.jpg)}}
@media only screen and (min-width:768px){.updatesitemimage.section3{background-image: url(../images/updates-canvas-330x280.jpg)}}


.updatesitemtextcontainer{overflow:hidden;padding:0 32px 95px}
		
@media only screen and (max-width:1043px){
.updatesitemtextcontainer{padding:0 20px 40px}}

.updatesitemheadline{
	color:#181818;
	display:inline-block;
	font-size:24px;
	text-decoration:none;
	-webkit-font-smoothing:auto;
	font-weight:100;
	line-height:1.33333;
	padding-top:25px;
	-webkit-transition:color 190ms ease-out;
	transition:color 190ms ease-out}
.updatesitemheadline:hover{color:#0C3;text-decoration:none}

@media only screen and (max-width:767px){.updatesitemheadline{font-size:20px;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.5;padding-top:20px}}

.updatesitembody{color:#181818;font-size:1em;font-weight:300;line-height:1.66667;overflow:hidden;padding-top:10px}
.updatesitembody a{color:#31b4e7}

.updatesitemfooter{
	background-color:#fafafa;
	bottom:0; left:0; right:0;
	line-height:1;
	padding:15px 32px;
	position:absolute;
	height: 50px;}
	
	.updatesitemfooterlink{
	color:#181818;
	display:inline-block;
	font-size:16px;
	text-decoration:none;
	font-weight:300;
	line-height:1.33;
	-webkit-font-smoothing:auto;
	-webkit-transition:color 190ms ease-out;
	transition:color 190ms ease-out}
.updatesitemfooterlink:hover{color:#0C3;text-decoration:none}
.updatesitemfooter:after{clear:both;content:"";display:table}
/*END - SERVICE UPDATES*/



/*WOOD*/	
#woodhero{
	position:relative;
	z-index:11;
	width:100%!important;
	background:#FFF;
	overflow:hidden;
	background-repeat: repeat-y;
	background-position: top left;
	background-size: auto;
	height: 720px!important;
	background-image: url(../images/woodbg7.jpg);
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	}	

#woodhero .pad{
	width: 100%;
	height: 720px;
	margin: auto;
	position: relative;
	bottom:0; top:0;
}
	#woodhero h1{ color:#393939; line-height:54px; font-weight:200; text-align:center; position:relative;}
	#woodhero h3{ color:#393939; line-height:36px; font-weight:300; text-align:center;}
	#woodhero h3 a{ color:#393939; line-height:36px; font-weight:300; text-align:center; text-decoration:none;}
	#woodhero h3 a:hover{ color:#0C3; text-decoration:none;  -webkit-transition:color 190ms ease-out; transition:color 190ms ease-out;}
	@media only screen and (min-width:320px) and (max-width:640px){
	#woodhero h1{ font-size:42px; font-weight:300; padding:50px 0px 0px;}
	#woodhero h3{ font-size:21px; margin: 10px 36px 0px;}
	#woodhero h3 a{ font-size:21px; line-height:normal; margin: 0px 20px 5px;}
	}
	@media only screen and (min-width:641px) and (max-width:767px){
	#woodhero h1{ font-size:42px; font-weight:300; padding:58px 0px 0px;}
	#woodhero h3{ font-size:24px; margin: 15px 50px 0px;}
	#woodhero h3 a { font-size:24px; line-height:normal; margin: 0px 20px 10px;}
	}
	@media only screen and (min-width:768px) and (max-width:1043px){
	#woodhero h1{ font-size:54px; padding:64px 0px 0px;}
	#woodhero h3{ font-size:27px; margin: 15px 0px 	0px;}
	#woodhero h3 a{ font-size:24px; font-weight:300; margin: 0px 20px 10px;}
	}
	@media only screen and (min-width:1044px) and (max-width:1359px){
	#woodhero h1{ font-size:60px; padding:72px 0px 0px;}
	#woodhero h3{ font-size:30px; font-weight:300; margin: 20px 0px 0px;}
	#woodhero h3 a{ font-size:27px; font-weight:300; margin: 0px 20px 20px;}
	}
	@media only screen and (min-width:1360px){
	#woodhero h1{ font-size:66px; padding:80px 0px 0px;}
	#woodhero h3{ font-size:33px; font-weight:300; margin: 20px 0px 0px;}
	#woodhero h3 a{ font-size:30px; font-weight:300; margin: 0px 20px 20px;}
	}
	
	#woodhero .image-wrapper{
			display: block;width: 100%; height: 440px; bottom: 0; padding: 0; position: absolute; float:right; border: none;
			background-color: inherit; background-image:url(../images/woodhero.png); background-repeat: no-repeat; background-position:bottom center;}

/*Marketing Essentials*/
#mktess{
	height:720px;
	background-color:#fff;
	}
	#mktess .pad{
	width: 100%;
	max-width: 1043px;
	height: 100%;
	margin: auto;
	position: relative;
}
	#mktess h1{ color:#393939; line-height:54px; font-weight:200; text-align:center;}
	#mktess h3{ color:#393939; line-height:36px; font-weight:300; text-align:center;}
	#mktess h3 a{ color:#393939; line-height:36px; font-weight:300; text-align:center; text-decoration:none;}
	#mktess h3 a:hover{color:#0C3; text-decoration:none;  -webkit-transition:color 190ms ease-out; transition:color 190ms ease-out;}
	@media only screen and (min-width:320px) and (max-width:640px){
	#mktess h1{ font-size:42px; font-weight:300; margin:50px 0px 0px;}
	#mktess h3{ font-size:21px; margin: 10px 36px 0px;}
	#mktess h3 a{ font-size:21px; line-height:normal; margin: 0px 20px 5px;}

	}
	@media only screen and (min-width:641px) and (max-width:767px){
	#mktess h1{ font-size:42px; font-weight:300; margin:58px 0px 0px;}
	#mktess h3{ font-size:24px; margin: 15px 50px 0px;}
	#mktess h3 a { font-size:24px; line-height:normal; margin: 0px 20px 10px;}
	}
	@media only screen and (min-width:768px) and (max-width:1043px){
	#mktess h1{ font-size:54px; margin:64px 0px 0px;}
	#mktess h3{ font-size:27px; margin: 15px 0px 0px;}
	#mktess h3 a{ font-size:24px; font-weight:300; margin: 0px 20px 10px;}
	}
	@media only screen and (min-width:1044px) and (max-width:1359px){
	#mktess h1{ font-size:60px; margin:72px 0px 0px;}
	#mktess h3{ font-size:30px; margin: 20px 0px 0px;}
	#mktess h3 a{ font-size:27px; font-weight:300; margin: 0px 20px 20px;}
	}
	@media only screen and (min-width:1360px){
	#mktess h1{ font-size:66px; margin:80px 0px 0px;}
	#mktess h3{ font-size:33px; font-weight:200; margin: 20px 0px 0px;}
	#mktess h3 a{ font-size:30px; font-weight:300; margin: 0px 20px 20px;}
	}
	#mktess .image-wrapper{
			display: block;width: 100%; height: 400px; bottom: 50px; padding: 0px 0px 50px;; position: absolute; float:right; border: none;
			background-color: inherit; background-image:url(../images/mktess.jpg); background-repeat: no-repeat; background-position:bottom center; background-size:auto;}
			
/*Favors*/
#favors{
	position:relative;
	z-index:12;
	width:100%!important;
	height: 720px!important;
	background:#f7f7f9;
	overflow:hidden;
	background-image: url(../images/favorsbg.png);
	background-repeat: repeat;
	background-position: top;
	}
#favors .pad{
	width: 100%;
	max-width: 1043px;
	height: 100%;
	margin: auto;
	position: relative;
}
	#favors h1{ color:#fff; line-height:54px; font-weight:200; text-align:center;}
	#favors h3{ color:#fff; line-height:36px; font-weight:300; text-align:center;}
	#favors h3 a{ color:#fff; line-height:36px; font-weight:300; text-align:center; text-decoration:none;}
	#favors h3 a:hover{color:#0C3; text-decoration:none;  -webkit-transition:color 190ms ease-out; transition:color 190ms ease-out;}
	@media only screen and (min-width:320px) and (max-width:640px){
	#favors h1{ font-size:42px; font-weight:300; padding:50px 0px 0px;}
	#favors h3{ font-size:21px; margin: 10px 36px 0px;}
	#favors h3 a{ font-size:21px; line-height:normal; margin: 0px 20px 0px;}
	}
	@media only screen and (min-width:641px) and (max-width:767px){
	#favors h1{ font-size:42px; font-weight:300; padding:58px 0px 0px;}
	#favors h3{ font-size:24px; margin: 15px 50px 0px;}
	#favors h3 a { font-size:24px; line-height:normal; margin: 0px 20px 0px;}
	}
	@media only screen and (min-width:768px) and (max-width:1043px){
	#favors h1{ font-size:54px; padding:64px 0px 0px;}
	#favors h3{ font-size:27px; margin: 15px 0px 0px;}
	#favors h3 a{ font-size:24px; margin: 0px 20px 0px;}
	}
	@media only screen and (min-width:1044px) and (max-width:1359px){
	#favors h1{ font-size:60px; padding:72px 0px 0px;}
	#favors h3{ font-size:30px; margin: 20px 0px 0px;}
	#favors h3 a{ font-size:27px; margin: 0px 20px 0px;}
	}
	@media only screen and (min-width:1360px){
	#favors h1{ font-size:66px; padding:80px 0px 0px;}
	#favors h3{ font-size:33px; margin: 20px 0px 0px;}
	#favors h3 a{ font-size:30px; margin: 0px 20px 0px;}
}
#favors .image-wrapper{
			display: block;width: 100%; height: 480px; bottom: 0px; padding: 0px 0px 0px;; position: absolute; float:right; border: none;
			background-color: inherit; background-image:url(../images/favorshero.png); background-repeat: no-repeat; background-position:bottom center; background-size:auto; }

/*Sign*/
#sign{height:720px;overflow:hidden;width:100%}
#sign .pad{
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin: auto;
	position: relative;
}
	#sign h1{ color:#393939; line-height:54px; font-weight:200; text-align:center;}
	#sign h3{ color:#393939; line-height:36px; font-weight:300; text-align:center;}
	#sign h3 a{ color:#393939; line-height:36px; font-weight:300; text-align:center; text-decoration:none;}
	#sign h3 a:hover{color:#0C3; text-decoration:none;  -webkit-transition:color 190ms ease-out; transition:color 190ms ease-out;}
	@media only screen and (min-width:320px) and (max-width:640px){
	#sign h1{ font-size:42px; font-weight:300; padding:50px 0px 0px;}
	#sign h3{ font-size:21px; margin: 10px 36px 0px;}
	#sign h3 a{ font-size:21px; line-height:normal; margin: 0px 20px 5px;}
	}
	@media only screen and (min-width:641px) and (max-width:767px){
	#sign h1{ font-size:42px; font-weight:300; padding:58px 0px 0px;}
	#sign h3{ font-size:24px; margin: 15px 50px 0px;}
	#sign h3 a { font-size:24px; line-height:normal; margin: 0px 20px 10px;}
		}
	@media only screen and (min-width:768px) and (max-width:1043px){
	#sign h1{ font-size:54px; padding:64px 0px 0px;}
	#sign h3{ font-size:27px; margin: 15px 0px 0px;}
	#sign h3 a{ font-size:24px; font-weight:300; margin: 0px 20px 10px;}
	}
	@media only screen and (min-width:1044px) and (max-width:1359px){
	#sign h1{ font-size:60px; padding:72px 0px 0px;}
	#sign h3{ font-size:30px; margin: 20px 0px 0px;}
	#sign h3 a{ font-size:27px; font-weight:300; margin: 0px 20px 20px;}
	}
	@media only screen and (min-width:1360px){
	#sign h1{ font-size:66px; padding:80px 0px 0px;}
	#sign h3{ font-size:33px; font-weight:200; margin: 20px 0px 0px;}
	#sign h3 a{ font-size:30px; font-weight:300; margin: 0px 20px 20px;}
	}

	#sign .image-wrapper{
			display: block;width: 100%; height: 440px; bottom: 50px; padding: 0; position: absolute; float:right; border: none;
			background-color: inherit; background-image:url(../images/signhero.png); background-repeat: no-repeat; background-position:bottom center;}
/*Gallery*/
#gallery{
	position:relative;
	z-index:13;
	width:100%!important;
	height: 480px!important;
	background:#f7f7f9;
	overflow:hidden;
	background-image: url(../images/gallerybg.jpg);
	background-repeat: repeat;
	background-position: center;
	}
#gallery .pad{
	width: 100%;
	max-width: 1043px;
	height: 100%;
	margin: auto;
	position: relative;
}
	#gallery h1{ color:#fff; line-height:54px; font-weight:200; text-align:center;}
	#gallery h3{ color:#fff; line-height:36px; font-weight:300; text-align:center;}
	#gallery h3 a{ color:#fff; line-height:36px; font-weight:300; text-align:center; text-decoration:none;}
	#gallery h3 a:hover{color:#0C3; text-decoration:none;  -webkit-transition:color 190ms ease-out; transition:color 190ms ease-out;}
	@media only screen and (min-width:320px) and (max-width:640px){
	#gallery h1{ font-size:42px; font-weight:300; padding:50px 0px 0px;}
	#gallery h3{ font-size:21px; margin: 10px 36px 40px;}
	#sign h3 a{ font-size:21px; line-height:normal; margin: 0px 20px 5px;}
	}
	@media only screen and (min-width:641px) and (max-width:767px){
	#gallery h1{ font-size:42px; font-weight:300; padding:58px 0px 0px;}
	#gallery h3{ font-size:24px; margin: 15px 50px 50px;}
	#sign h3 a { font-size:24px; line-height:normal; margin: 0px 20px 10px;}
	}
	@media only screen and (min-width:768px) and (max-width:1043px){
	#gallery h1{ font-size:54px; padding:64px 0px 0px;}
	#gallery h3{ font-size:27px; margin: 15px 0px 60px;}
	#sign h3 a{ font-size:24px; font-weight:300; margin: 0px 20px 10px;}
	}
	@media only screen and (min-width:1044px) and (max-width:1359px){
	#gallery h1{ font-size:60px; padding:72px 0px 0px;}
	#gallery h3{ font-size:30px; margin: 20px 0px 70px;}
	#sign h3 a{ font-size:27px; font-weight:300; margin: 0px 20px 20px;}
	}
	@media only screen and (min-width:1360px){
	#gallery h1{ font-size:66px; padding:80px 0px 0px;}
	#gallery h3{ font-size:33px; margin: 20px 0px 80px;}
	#sign h3 a{ font-size:30px; font-weight:300; margin: 0px 20px 20px;}
	}

/*Contact*/
#contact{height:420px;overflow:hidden;width:100%}
#contact .pad{
	width: 100%;
	max-width: 1043px;
	height: 100%;
	margin: auto;
	position: relative;
}
	#contact h1{ color:#393939; line-height:54px; font-weight:200; text-align:center;}
	#contact h3{ color:#393939; line-height:36px; font-weight:300; text-align:center;}
	#contact h3 a{ color:#393939; line-height:36px; font-weight:300; text-align:center; text-decoration:none;}
	#contact h3 a:hover{color:#0C3; text-decoration:none; -webkit-transition:color 190ms ease-out; transition:color 190ms ease-out;}
	@media only screen and (min-width:320px) and (max-width:640px){
	#contact h1{ font-size:42px; font-weight:300; margin:50px 0px 0px;}
	#contact h3{ font-size:21px; margin: 10px 36px 0px;}
	#contact h3 a{ font-size:21px; line-height:normal; margin: 0px 20px 5px;}
	#contact .infotext{font-size:14px!important;}	
	}
	@media only screen and (min-width:641px) and (max-width:767px){
	#contact h1{ font-size:42px; font-weight:300; margin:58px 0px 0px;}
	#contact h3{ font-size:24px; margin: 15px 50px 0px;}
	#contact h3 a { font-size:24px; line-height:normal; margin: 0px 20px 10px;}
	}
	@media only screen and (min-width:768px) and (max-width:1043px){
	#contact h1{ font-size:54px; margin:64px 0px 0px;}
	#contact h3{ font-size:27px; margin: 15px 0px 0px;}
	#contact h3 a{ font-size:24px; font-weight:300; margin: 0px 20px 10px;}
	}
	@media only screen and (min-width:1044px) and (max-width:1359px){
	#contact h1{ font-size:60px; margin:72px 0px 0px;}
	#contact h3{ font-size:30px; margin: 20px 0px 0px;}
	#contact h3 a{ font-size:27px; font-weight:300; margin: 0px 20px 20px;}
	}
	@media only screen and (min-width:1360px){
	#contact h1{ font-size:66px; margin:80px 0px 0px;}
	#contact h3{ font-size:33px; font-weight:200; margin: 20px 0px 0px;}
	#contact h3 a{ font-size:30px; font-weight:300; margin: 0px 20px 20px;}
	}

#contact .infotext{color:#393939;font-size:18px;font-weight:300;line-height:1.66667;overflow:hidden; padding-top:20px; text-align:center;}
#contact .infotext a{color:#393939}
#contact .infotext a:hover{color:#0C3;text-decoration:none; -webkit-transition:color 190ms ease-out;
	transition:color 190ms ease-out}


/*Footer*/
#footer{
	width: 100%;
	background-color:#FBFBFB;
	height:auto;
	overflow: hidden;
	z-index:15;
	position:relative;
	border-top:1px solid #f1f1f1;}

#footer .pad	{
	width: 100%;
	max-width: 1043px;
	height: 100%;
	margin-left: auto;
	margin-right:auto;
	padding:0;
	position: relative;
display: block;
}
#footer .wrapper{
	position:relative;
	list-style: none;
	max-width: 1043px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0; 
	}

@media only screen and (min-width:120px) and (max-width:640px){
#footer .section {
	position:relative;
	width:100%;
	height: auto;
	float: left;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom:10px;
text-align: center} 

}
@media only screen and (min-width:641px) {
#footer .section {
	position:relative;
	width:25%;
	height: auto;
	float:left;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom:10px;
           } 

}

.footerlabel{
	font-size:16px;
	color:#8b8b89;
	font-weight:400}
.footerlabel,.footerlink{margin:0 0 10px}
.footerlink{
	color:#8b8b89;
	text-decoration:none;
	display:block;
	line-height:1em;
	font-weight:300}
.footerlink:hover{
	color:#0C3;
	text-decoration:none;   -webkit-transition:color 190ms ease-out; transition:color 190ms ease-out;}


@media only screen and (min-width:320px) and (max-width:640px){
	.footerlabel{ font-size:16px;}
	.footerlink {font-size:16px;}
	}
	@media only screen and (min-width:641px) and (max-width:767px){
	.footerlabel{ font-size:14px;}
	.footerlink {font-size:14px;}
	}
	@media only screen and (min-width:768px) and (max-width:1043px){
	.footerlabel{ font-size:15px;}
	.footerlink {font-size:15px;}
	}
	@media only screen and (min-width:1044px) and (max-width:1359px){
	.footerlabel{ font-size:16px;}
	.footerlink {font-size:16px;}
	}
	@media only screen and (min-width:1360px){
	.footerlabel{ font-size:16px;}
	.footerlink {font-size:16px;}
	}

#footer .notewrapper{
	width: 100%;
	max-width: 1043px;
	margin-left:auto;
	margin-right:auto;
	padding: 30px 20px 50px;
	height: auto;
	overflow: hidden;
	z-index:20;
	position:relative;}
	

.footernote-copy{
width: 50%;
	margin:0 0;
padding-left: 10px;
	color:#8b8b89;
	text-decoration:none;
	line-height:1em;
	font-weight:300;
line-height:24px;
	font-size:12px;
display: inline;
float: left;
	}

.footernote-link{
width: 50%;
	margin:0 0;
padding-right: 10px;
	color:#8b8b89;
	text-decoration:none;
	line-height:1em;
	font-weight:300;
	font-size:12px;
display: inline;
float: right;
text-align: right;
	}



@media only screen and (min-width:120px) and (max-width:800px){
.footernote-copy{
width: 100%;
	margin:0 0;
padding-right: 0px;
text-align: center;
}
.footernote-link{
width: 100%;
	margin:0 0;
padding-right: 0px;
text-align: center;}
}

.footernote-link a{
	color:#8b8b89;
        text-decoration:none;
	display: inline;
	line-height:24px;
        padding: 0;
        margin: 0;
	font-weight:300}

.footernote-link a:hover{
	color:#0C3;
	text-decoration:none; -webkit-transition:color 190ms ease-out; transition:color 190ms ease-out;}

@media only screen and (min-width:320px) and (max-width:640px){
	.footernote-copy{ font-size:14px; line-height: 14px;}
        .footernote-link{ font-size:14px; line-height: 10px;}
	}
	@media only screen and (min-width:641px) and (max-width:767px){
	.footernote-copy{ font-size:14px;}
	.footernote-link{ font-size:14px;}
        }
	@media only screen and (min-width:768px) and (max-width:1043px){
	.footernote-copy{ font-size:14px;}
	.footernote-link{ font-size:14px;}
	}
	@media only screen and (min-width:1044px) and (max-width:1359px){
	.footernote-copy{ font-size:14px;}
	.footernote-link{ font-size:14px;}
	}
	@media only screen and (min-width:1360px){
	.footernote-copy{ font-size:14px;}
	.footernote-link{ font-size:14px;}
	}
	


	@media only screen and (min-width:120px) and (max-width:800px){
#footer .social-icons {
	position:relative;
	width:100%;
	height: auto;
	float:left;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom:10px;
text-align: center;
           }
#footer .quality-logos {
	position:relative;
	width:100%;
	height: auto;
	float:left;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom:10px;
text-align: center;
           }  
#footer .payment-logos {
	position:relative;
	width:100%;
	height: auto;
	float:left;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom:10px;
text-align: center;
           }  }
@media only screen and (min-width:801px) {
#footer .social-icons {
	position:relative;
	width:33.33%;
	height: auto;
	float:left;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom:10px;
           }
#footer .quality-logos {
	position:relative;
	width:33.33%;
	height: auto;
	float:left;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom:10px;
text-align: ceter;
           }  
#footer .payment-logos {
	position:relative;
	width:33.33%;
	height: auto;
	float:left;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom:10px;
text-align: right;
           }  

}





	

	@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   -moz-min-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

	

}