@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; background-color:transparent;} body {line-height:1;}article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;}nav ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}/* change colours to suit your needs */ins {/* background-color:#ff9;color:#000; */text-decoration:none;}mark {/* background-color:#ff9; color:#000; */font-style:italic; font-weight:bold;}del {text-decoration: line-through;}abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}table {border-collapse:collapse; border-spacing:0;}hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}input, select {vertical-align:middle;}
::selection {
    background: #999;
    color: #FFF;}
::-moz-selection {
    background: #999;
    color: #FFF;}
@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bold-webfont.eot');
    src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bold-webfont.woff') format('woff'),
         url('fonts/lato-bold-webfont.ttf') format('truetype'),
         url('fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: bold;
    font-style: normal;}
@font-face {
    font-family: 'latolight';
    src: url('fonts/lato-light-webfont.eot');
    src: url('fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-light-webfont.woff') format('woff'),
         url('fonts/lato-light-webfont.ttf') format('truetype'),
         url('fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: lighter;
    font-style: normal;}
@font-face {
    font-family: 'apple_garamond_lightitalic';
    src: url('fonts/applegaramond-lightitalic-webfont.eot');
    src: url('fonts/applegaramond-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/applegaramond-lightitalic-webfont.woff') format('woff'),
         url('fonts/applegaramond-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/applegaramond-lightitalic-webfont.svg#apple_garamond_lightitalic') format('svg');
    font-weight:normal;
    font-style:italic;}
body{
	font-family:'latolight',Lato,Helvetica Neue,Helvetica,sans-serif;
	font-weight:lighter;
	color:#fff;
	background: url(back.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='back.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='back.jpg', sizingMethod='scale')";}
#bd{
	position:absolute;
	height:110%;
	width:100%;
	background-color: rgba(0, 0, 0, 0.35);}
a {
	color:#fff;
	text-decoration:none;}
.bolder{
	font-family:'latobold',Lato,Helvetica Neue,Helvetica,sans-serif;
	font-weight:bold;}
.italics{
	font-family:'apple_garamond_lightitalic',serif;
	font-weight:normal;
    font-style:italic;
	font-size:30px;
	line-height:35px;}
.line{
	margin:0 auto;
	margin-top: 20px;
	margin-bottom:20px;
	height:1px;
	width:80%;
	border-top:1px solid #fff;}
#header{
	position:fixed;
    top:0;
    left:0px;
    right:0px;
    height:70px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index:1000;}
#container{
	margin:0 auto;
	margin-top:13%;
	position:relative;
	width:960px;
	text-align:center;}
.home {
	margin-top:17%!important;
	padding-bottom:0px!important;}
#top{
	letter-spacing:3px;
	line-height:65px;
	font-size:60px;}
#center{
	margin:0 auto;
	width:800px;
	font-size:20px;
	line-height:30px;}
#foot{
	font-size:20px;
	letter-spacing:1px;}
.floater{
	float:left;
	text-align:left;
	width:380px;
	padding: 5px 5px 5px 5px;
	margin-bottom:20px;}
.service{}
#navigation{
	position:absolute;
	right:0px;
	bottom:10px;
	height:20px;
	width:480px;
	font-size:20px;}
.nav_button a {
	margin-left: 20px;}
#logo, #logosm{
	position:absolute;
	width:359px;
	height:55px;
	left:20px;
	bottom:0px;
	background-image:url(logo.png);}
#logosm{
	display:none;}
#navigationsm{
	display:none;}

@media all and (max-width: 740px) {
	body{
		background:#fff;
		color:#000;}
	#bd{
		background-color: #fff;}
	a{
		color:#6E6E6E;}
	.italics{
		font-size:20px;
		line-height:25px;}
	.line{
		border-top:1px solid #000;}
	#header{
		position:relative;
		width:100%;
		height:50px;
		background-color:#fff;}
	#container{
		margin-top:0px;
		width:100%;
		padding-bottom:50px;}
	.home {
		margin-top:0!important;
		padding-bottom:50px!important;}
	#top{
		padding-top:100px;
		line-height:45px;
		font-size:40px;
		width:100%;
		height:300px;
		color:#fff;
		background: url(backsm.jpg) no-repeat right;}
	.features{
		height:150px!important;}
	#center{
		width:95%;
		font-size:15px;
		padding: 5px 5px 5px 5px;}
	#foot{
		font-size:15px;}
	#logo{
		display:none;}
	#logosm{
		display: block;
		width:200px;
		height:31px;
		bottom:10px;
		background-image:url(logosm.png);}
	#navigation{
		display:none;}
	.js .slicknav_menu {
		display:block;}
}

/* Slicknav */
.slicknav_menu {display:none;}
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
.slicknav_menu { *zoom: 1 }
.slicknav_menu {
	font-size:16px;}
.slicknav_btn {
	margin: 5px 5px 6px;	
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #222222;}
.slicknav_menu  .slicknav_menutxt {	
	color: #FFF;
	font-weight: bold;	
	text-shadow: 0 1px 3px #000;}
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;}
.slicknav_menu {
	background:#4c4c4c;
	padding:5px;}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	font-size:25px;}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;}
.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff;}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;}
.slicknav_nav .slicknav_item:hover {
	background:#ccc;
	color:#fff;}
.slicknav_nav a:hover{
	background:#ccc;
	color:#222;}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;
	 margin-bottom:15px;}