@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	/*clear: both;*/
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 399px and below. */


.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	/*padding-left: 2.275%;
	padding-right: 2.275%;*/
	clear: none;
	float: none;
}

body{
	background-color: #FFFFFF;
	font-family: 'Noto Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#div1 {
}

.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}

#header{
	background-color:rgba(14,24,55,.3);
	position: absolute;
	z-index: 500;
	width:96%;
	padding-top:6px;
	padding-bottom:20%;
}

#logo {
    position: absolute;
    margin-left: 3%;
    margin-top: 2.2%;
    width: 40%;
    z-index: 50000;
}

#introContact{
	position: absolute;
	color:#ffffff;
	text-align: center;
	font-family: league-gothic, sans-serif;
	font-size: 12px;
	margin-top:7%;
	margin-left:27%;
	display:none;
	width: 60%;
}

#introContact p{
	font-family: league-gothic, sans-serif;
	font-size: 12px;
	width: 100%;
}

#nav{
	position: relative;
	text-align: center;
	display: block;
	margin-top: -1%;
	font-family: league-gothic, sans-serif;
	background-color:transparent;
	padding:10% 0;
	background-color:#B5B6B9;
	clear:left;
}

#nav ul a{
	text-decoration: none;
	color:#ffffff;
	font-size:14px;	
}

#nav ul li a:hover {
	color: rgba(75,142,191,1);
}

/* script for hamburg menu*/
/*
body{
  font-family: 'Noto Sans', sans-serif;
	margin:0;
	width:100%;
  	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
header{
	width:100%; 
	background:#ffffff; 
	border-bottom:1px solid #dddddd;
}
.hamburger{
  background:none;
  position:absolute;
  top:0;
  right:0;
  line-height:45px;
  padding:5px 15px 0px 15px;
  color:#999;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.cross{
  background:none;
  position:absolute;
  top:0px;
  right:0;
  padding:7px 15px 0px 15px;
  color:#999;
  border:0;
  font-size:3em;
  line-height:65px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.menu{z-index:1000000; font-weight:bold; font-size:0.8em; width:100%; background:#f1f1f1;  position:absolute; text-align:center; font-size:12px;}
.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.menu li {display: block;   padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
.menu li:hover{display: block;    background:#ffffff; padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
.menu ul li a { text-decoration:none;  margin: 0px; color:#666;}
.menu ul li a:hover {  color: #666; text-decoration:none;}
.menu a{text-decoration:none; color:#666;}
.menu a:hover{text-decoration:none; color:#666;}

.glyphicon-home{
  color:white; 
  font-size:1.5em; 
  margin-top:5px; 
  margin:0 auto;
}
header{display:inline-block; font-size:12px;}
span{padding-left:20px;}
a{color:#336699;}
*/


/*nav*/


#navMobile {
    position: absolute;
    width: 100%;
    margin-top: 52%;
    z-index: 2000;
}

#navMobile ul li {
  background: rgba(23,68,123,1);
  text-align: center;
  padding: 14px 0;
  border-bottom: 1px solid #ddd;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
}
	
  /*&:hover, &:active, &:focus{
  background: darken(#eee, 3%);
}*/


#navMobile button{
    position: fixed;
    top: 25px;
    right: 35px;
    border: 0;
    text-indent: 200%;
    overflow: hidden;
    background: rgba(255,255,255,.8) url(http://i.imgur.com/vKRaKDX.png) center no-repeat;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-size: 80%;
    width: 30px;
    height: 30px;
    outline: none;
    transition: all 400ms ease;
	z-index: 1000;
}

/*&.expanded{
	transform: rotate(90deg);
    background-color: transparent;
    border: 0;
	display:block;
	z-index: 2000;
	color: #ffffff;
}*/

#navMobile button a{
    display: block;
	color: #ffffff;
  }
	  
#navMobile a{
  text-align: center;
  padding: 5px 10px;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
}

#navMobile a:hover {
	color: rgba(75,142,191,1);
}

/*&hover, &active, &focus{
  background: darken(#eee, 3%);
  display: block;
}*/

#navDesktop{
  display: none;
  overflow: hidden;
} 

#navDesktop a{
    width: 25%;
    float: left;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    border-right: none;
}


/*end*/

#title1{
	position: relative;
	margin-top:9%;
	text-align: center;
	font-weight: 600;
	font-size: 35px;
	color: rgba(255,255,255,1);
	z-index: 100;
	font-family: bigshot-one, serif;
}

#title2{
	position: relative;
	margin-top:-17%;
	text-align: center;
	font-weight: 600;
	font-size: 30px;
	color: rgba(255,255,255,1);
	z-index: 100;
	font-family:cursive;
}

#hero1{
	position: absolute;
	margin-top: -2%;
	z-index: -10;
}

#hero2{
	position: absolute;
	margin-top: 137%;
	z-index: -10;
}

#tagline{
	position: relative;
	background-color:rgba(75,142,191,1);
	padding-top: 7%;
	padding-bottom: 5%;
	float:left;
}

#tagline h1{
	font-size:26px;
	color:rgba(255,255,255,.4);
	position: relative;
	margin-left: 7%;
	font-family: league-gothic, sans-serif;
	margin-top: 1%;
	font-weight: 100;
}

#tagline h4{
	font-size:20px;
	color:rgba(255,255,255,.9);
	position: relative;
	text-align: center;
	font-family: league-gothic, sans-serif;
	margin-top: -17%;
	margin-left: 22%;
	font-style: italic;
	width:68%;
}

hr { 
	border: 0; 
	height: 55px; 
	background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.65), rgba(255,255,255,0));
	position:relative;
	width:65%;
	margin-left:35%;
	z-index: 50;
	margin-top:-7.5%;
}

#about{
	background-image:url(images/onlinePhotos/door2.jpg);
	background-size: 125%;
	background-repeat: no-repeat;
	position: relative;
}

#about p{
	font-family: goudy-bookletter-1911, georgia, serif;
	background-color:rgba(255,255,255,.5);
	font-size:16px;
	color:#000000;
	position: relative;
	margin-top: -6%;
	width: 80%;
	padding: 5%;
	margin-left: 5%;
	z-index: 500;
	text-align: justify;
}

#about img{
	display: none;
	position: relative;
	z-index: -1;
	width:100%;
}

#about h2{
	font-family: league-gothic, sans-serif;
	width:95%;
	margin-left: 5%;
	text-align: center;
	color:#FFFFFF;
	z-index: 500;
	position: relative;
}

#about a{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:18px;
	color:#ffffff;
	margin-left: 10%;
	text-decoration: none;
}

#about a:hover {
	color: rgba(75,142,191,1);
}

.services{
	padding-bottom:5%;
	margin-top: -3%;
}

.serviceContain1{
	
	font-family: goudy-bookletter-1911, georgia, serif;
	background-color:rgba(23,68,123,1);
	font-size:16px;
	color:#000000;
	padding-bottom: 105%;
	
}

.serviceContain1 h2{
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top:15%;
	color: #ffffff;
	z-index: 500;
}

.serviceContain p{
	padding-left:9%;
	width:86%;
	font-size:16px;
	color:#FFFFFF;
	position: relative;
	z-index: 250;
	text-align: justify;
}

.serviceContain img{
	position: relative;
	z-index: 250;
	margin-top: -69%;
}

.serviceContain h4{
	position: relative;
	color: #ffffff;
	margin-top: 50%;
	z-index: 1000;
	margin-left: 1%;
}

.serviceContain{
	position: relative;
	z-index: 1;
}

.serviceContain h4 a{
	font-family: goudy-bookletter-1911, georgia, serif;
	text-decoration: none;
	color:#FFFFFF;
	position: relative;
	z-index: 1000;
}

.serviceContain h4 a:hover {
	color: rgba(75,142,191,1);
}

.process1{
	font-family: goudy-bookletter-1911, georgia, serif;
	background-color:rgba(23,68,123,1);
	font-size:16px;
	color:#000000;
	padding-bottom: 5%;
}

.process2{
	font-family: goudy-bookletter-1911, georgia, serif;
	background-color:rgba(23,68,123,1);
	font-size:16px;
	color:#000000;
	padding-bottom: 5%;
}

.process3{
	font-family: goudy-bookletter-1911, georgia, serif;
	background-color:rgba(23,68,123,1);
	font-size:16px;
	color:#000000;
	padding-bottom: 5%;
}

.process4{
	font-family: goudy-bookletter-1911, georgia, serif;
	background-color:rgba(23,68,123,1);
	font-size:16px;
	color:#000000;
	padding-bottom: 5%;
}

.process5{
	font-family: goudy-bookletter-1911, georgia, serif;
	background-color:rgba(23,68,123,1);
	font-size:16px;
	color:#000000;
	padding-bottom: 5%;
}

#gallery{
	
	margin-top: -114%;
	background-color:rgba(1,28,64,1);
	
}

#gallery h2{
	font-family: league-gothic, sans-serif;
	margin-top: 10%;
	color:#ffffff;
	z-index: 500;
	text-align: center;
}

.galContain1{
	margin-top:-2%;
	background-color:rgba(1,28,64,1);
	position: relative;
	z-index: -1;
}

.galContain2 p{
	padding-left: 12%;
	padding-bottom: 15%;
	width:86%;
	font-size:18px;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-style: italic;
	color:#ffffff;
	z-index: 250;
}

.galContain2 h4{
	position: relative;
	margin-top: 40%;
	z-index: 500;
	margin-left: 1%;
}

.galContain2 h4 a {
	color: rgba(255,255,255,.9);
	font-family: goudy-bookletter-1911, georgia, serif;
	text-decoration: none;
}

.galContain2 h4 a:hover {
	color: rgba(75,142,191,1);
}

.galContain2 img{
	position:relative;
	z-index: 1;
	margin-top:-64%;
	background-color:rgba(1,28,64,1);
	padding-top:4.5%;
}

#testimonials{
	margin-top: 24%;
}

#testimonials img{
	position: relative;
	z-index: -1;
	margin-top:-141%;
}

#testimonials h2{
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top:-17%;
	color:#ffffff;
}

#testimonials p{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:16px;
	color:#000000;
	background-color:rgba(255,255,255,.5);
	margin-top: 3%;
	width: 80%;
	padding: 5%;
	margin-left: 5%;
	z-index: 500;
}

#testimonials strong a{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:16px;
	color:#ffffff;
	text-decoration: none;
	z-index: 500;
}

#testimonials strong a:hover {
	color: rgba(75,142,191,1);
}

#contact h2{
	position: relative;
	z-index: 500;
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top:3%;
	color:#ffffff;
}

#contact{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:16px;
}

.faq{
	position: relative;
	margin-top: -1%;
	width:100%;
	
}
	
#faq1{
    position: relative;
    float: left;
    display: block;
    background-image: url(images/billsPhotos/25lightBlue.png);
    background-size: 100%;
    background-repeat: no-repeat;
	margin-top: -13.5%;
	z-index: 1000;
	padding-bottom: 2%;
}


#faq1 img{
	position: relative;
	/*z-index: -6;
	margin-top:-73%;*/
}

#faq1 h2{
	position: relative;
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top:1%;
	color:#ffffff;
}

#faq1 p{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:16px;
	color:#ffffff;
	margin-top: -18.5%;
	padding-left:5%;
	z-index: 500;
	margin-bottom: 2%;
}

#faq1 a{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:16px;
	color:#ffffff;
	text-decoration: none;
	z-index: 500;
	font-weight: 700;
}

#faq1 a:hover {
	color: rgba(75,142,191,1);
}

.faq2{
	display: none;
}

.faq2 h4{
	position: relative;
	color: #ffffff;
	margin-top: 50%;
	z-index: 500;
	margin-left: 1%;
}

.faq2 h4 a{
	text-decoration: none;
	color:#FFFFFF;
}

.serviceContain h4 a:hover {
	color: rgba(75,142,191,1);
}

.faq3{
	display: none;
}

#footer{
	margin-top: 5%;
	position: relative;
	
}

#footer p{
	margin-top: 1%;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:16px;
	color:#ffffff;
	text-align: center;
}

/* Side Phone view to Small Tablet Layout: 400px to 557px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 400px) and (max-width: 557px) {

/*.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}*/
	
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	/*padding-left: 2.275%;
	padding-right: 2.275%;*/
	clear: none;
	float: none;
}

body{
	background-color: #FFFFFF;
}

.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}

#header{
	background-color:rgba(14,24,55,.3);
	position: absolute;
	z-index: 500;
	width:96%;
	padding-top:2%;
	padding-bottom: 19%;
}

#logo {
    position: absolute;
    margin-left: 3%;
    margin-top: 2%;
    width: 42%;
    z-index: 1500;
}

#introContact{
	position: absolute;
	color:#ffffff;
	text-align: center;
	font-family: league-gothic, sans-serif;
	font-size: 12px;
	margin-top:7%;
	margin-left:27%;
	width: 60%;
}

#introContact p{
	margin-top: -4%;
	font-family: league-gothic, sans-serif;
	font-size: 12px;
	width: 100%;
    margin-left: 45%;
}

#nav{
	position: relative;
	text-align: center;
	display: block;
	margin-top: -1%;
	font-family: league-gothic, sans-serif;
	background-color:transparent;
	padding:10% 0;
	background-color:#B5B6B9;
	clear:left;
}

#nav ul a{
	text-decoration: none;
	color:#ffffff;
	font-size:14px;	
}

#nav ul li a:hover {
	color: rgba(75,142,191,1);
}
	
	
#title1{
	position: relative;
	margin-top:9%;
	text-align: center;
	font-weight: 600;
	font-size: 52px;
	color: rgba(255,255,255,1);
	z-index: 100;
	font-family: bigshot-one, serif;
}

#title2{
	position: relative;
	margin-top:-16%;
	text-align: center;
	font-weight: 600;
	font-size: 40px;
	color: rgba(255,255,255,1);
	z-index: 100;
	font-family:cursive;
}

#hero1{
	position: absolute;
	margin-top: -1%;
	z-index: -10;
	width:100%;
}

#hero2{
	position: absolute;
	margin-top: 123.5%;
	z-index: -10;
	width:96%;
}

#tagline{
	position: relative;
	background-color:rgba(75,142,191,1); 
	padding-top: 7%;
	padding-bottom: 5%;
	margin-top: -1%;
	float:left;
}

#tagline h1{
	font-size:30px;
	color:rgba(255,255,255,.4);
	position: relative;
	margin-left: 10%;
	font-family: league-gothic, sans-serif;
	margin-top: 1%;
	font-weight: 100;
}

#tagline h4{
	font-size:20px;
	color:rgba(255,255,255,.9);
	position: relative;
	font-family: league-gothic, sans-serif;
	margin-top: -18%;
	font-style: italic;
	margin-left: 35%;
	text-align:0;
	width: 60%;
}

hr { 
	border: 0; 
	height: 78px; 
	background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.65), rgba(255,255,255,0));
	position:relative;
	width: 63%;
	margin-left:35%;
	z-index: 50;
	margin-top:-7.5%;
}
	
#about{
	background-image:url(images/onlinePhotos/door2.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	padding-bottom: 15%;
}


#about p{
	font-family: goudy-bookletter-1911, georgia, serif;
	background-color:rgba(255,255,255,.5);
	font-size:16px;
	color:#000000;
	position: relative;
	margin-top: 2%;
	width: 80%;
	padding: 5%;
	margin-left: 5%;
	z-index: 500;
	text-align: justify;
}

#about img{
	display: none;
	position: relative;
	z-index: -1;
	width:100%;
}

#about h2{
	font-family: league-gothic, sans-serif;
	width:95%;
	margin-left: 5%;
	text-align: center;
	color:#FFFFFF;
	z-index: 500;
	position: relative;
}

#about a{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:18px;
	color:#ffffff;
	margin-left: 10%;
	text-decoration: none;
}

#about a:hover {
	color: rgba(75,142,191,1);
}

.services{
	padding-bottom:5%;
	margin-top: -7%;
}

.serviceContain1{
	font-family: goudy-bookletter-1911, georgia, serif;
	background-color:rgba(23,68,123,1);
	font-size:16px;
	color:#000000;
	padding-bottom: 105%;
}

.serviceContain1 h2{
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top:15%;
	color: #ffffff;
	z-index: 500;
}

.serviceContain p{
	padding-left:9%;
	width:86%;
	font-size:16px;
	color:#FFFFFF;
	position: relative;
	z-index: 250;
	text-align: justify;
	margin-bottom: 5%;	
}

.serviceContain img{
	position: relative;
	z-index: 250;
	margin-top: -66%;
	width:100%;
}	
		
.serviceContain h4{
	position: relative;
	color: #ffffff;
	margin-top: 54%;
	z-index: 1000;
	margin-left: 1%;
	font-size: 18px;
}

.serviceContain h4 a{
	font-family: goudy-bookletter-1911, georgia, serif;
	text-decoration: none;
	color:#FFFFFF;
}

.serviceContain h4 a:hover {
	color: rgba(75,142,191,1);
}

#gallery{
	margin-top: -114%;
	background-color:rgba(1,28,64,1);
}

.galContain{
	position:relative;
}
 
#gallery h2{
	font-family: league-gothic, sans-serif;
	margin-top: 10%;
	color:#ffffff;
	z-index: 500;
	text-align: center;
}

.galContain2{
	margin-top:-2%;
	background-color:rgba(1,28,64,1);
	position: relative;
	z-index: 1;
}

.galContain p{

	width:86%;
	font-size:18px;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-style: italic;
	color:#ffffff;
	z-index: 250;
	margin-top:  2%;
}

.galContain img{
	position: relative;
	z-index: 2;
	width:100%;
}
	
.galContain2 h4{
	position: relative;
	margin-top: 50%;
	z-index: 500;
	margin-left: 1%;
}

.galContain2 h4 a {
	color: rgba(255,255,255,.9);
	font-family: goudy-bookletter-1911, georgia, serif;
	text-decoration: none;
	font-size: 18px;
}

.galContain2 h4 a:hover {
	color: rgba(75,142,191,1);
}	
	
.galContain2 img{
	position:relative;
	z-index: -1;
	margin-top:-64%;
	background-color:rgba(1,28,64,1);
	padding-top:4.5%;
}

#testimonials{
	margin-top: 24%;
}

#testimonials img{
	position: relative;
	z-index: -1;
	margin-top:-121%;
	width:100%;
}

#testimonials h2{
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top:-17%;
	color:#ffffff;
}

#testimonials p{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:16px;
	color:#000000;
	background-color:rgba(255,255,255,.5);
	margin-top: 3%;
	width: 80%;
	padding: 5%;
	margin-left: 5%;
	z-index: 500;
}

#testimonials strong a{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:16px;
	color:#ffffff;
	text-decoration: none;
	z-index: 500;
}

#testimonials strong a:hover {
	color: rgba(75,142,191,1);
}

#contact h2{
	position: relative;
	z-index: 500;
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top:3%;
	color:#ffffff;
}

#contact{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:16px;
}

.faq{
	position: relative;
	margin-top: -1%;
	width:100%;
}
	
#faq1{
    position: relative;
    float: left;
    display: block;
    background-image: url(images/billsPhotos/25lightBlue.png);
    background-size: 100%;
    background-repeat: no-repeat;
	margin-top: -3.5%;
	padding-bottom: 10%;
	padding-top: 10%;
	z-index: 500;
}


#faq1 img{
	position: relative;
	/*z-index: -6;
	margin-top:-73%;*/
}

#faq1 h2{
	position: relative;
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top: -2%;
	color:#ffffff;
}

#faq1 p{
    position: relative;
    font-family: goudy-bookletter-1911, georgia, serif;
    font-size: 16px;
    color: #ffffff;
    margin-top: -10%;
    padding-left: 5%;
    z-index: 500;
    margin-bottom: 2%;
    padding-right: 4%;
}

#faq1 a{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:16px;
	color:#ffffff;
	text-decoration: none;
	z-index: 500;
	font-weight: 700;
}

#faq1 a:hover {
	color: rgba(75,142,191,1);
}

.faq2{
	display: none;
}

.faq3{
	display: none;
}

#footer{
	margin-top: 5%;
	position: relative;	
}

#footer p{
	margin-top: 1%;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:16px;
	color:#ffffff;
	text-align: center;
}

}

/* Tablet Layout: 558px to 859px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 558px) and (max-width: 859px) {

/*.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}*/
	
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	/*padding-left: 2.275%;
	padding-right: 2.275%;*/
	clear: none;
	float: none;
}
body{
	background-color: #FFFFFF;
}

.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}

#header{
	background-color:rgba(14,24,55,.3);
	position: absolute;
	z-index: 1500;
	width:96%;
	padding-top:6px;
	padding-bottom: 13%;
	border-bottom:0;
}

#logo{
    margin-left: 3%;
    margin-top: 1.5%;
    width: 38%;
    z-index: 500;
}

#introContact{
	position: absolute;
	color:#ffffff;
	text-align: center;
	margin-top:3%;
	margin-left:27%;
	width: 60%;
}

#introContact p{
	margin-top: -1%;
	font-family: league-gothic, sans-serif;
	font-size: 16px;
	width: 100%;
    margin-left: 45%;
}

#nav{
	position: relative;
	/*text-align: center;*/
	margin-top: -1%;
	font-family: league-gothic, sans-serif;
	text-decoration: none;
	/*color:#ffffff;
	padding:10% 0;
	background-color:#B5B6B9;*/
}

#nav ul{
	display:inline;
}

#nav ul li{
	
}	
	
#nav ul a{
	font-size:16px;	
}

#nav ul li a:hover {
	color: rgba(75,142,191,1);
}

/*nav*/

#navMobile button{
    position: fixed;
    top: 8%;
	right: 6%;
    text-indent: 200%;
    overflow: hidden;
    background: rgba(255,255,255,.8) url(http://i.imgur.com/vKRaKDX.png) center no-repeat;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-size: 80%;
    width: 30px;
    height: 30px;
    outline: none;
    transition: all 400ms ease;
}
		
#title1{
	position: relative;
	margin-top: 8%;
	text-align: center;
	font-weight: 600;
	font-size: 60px;
	color: rgba(255,255,255,1);
	z-index: 100;
	font-family: bigshot-one, serif;
}

#title2{
	position: relative;	
	margin-top:-13.2%;
	text-align: center;
	font-weight: 600;
	font-size: 49px;
	color: rgba(255,255,255,1);
	z-index: 100;
	font-family:cursive;
}

#hero1{
	position: absolute;
	margin-top: 0;
	float:left;
	z-index: -5;
}	
	
#hero2{
	position: absolute;
	margin-top: 52.8%;
	z-index: -4;
	width:96%;
}

#tagline{
	position: relative;
	background-color:rgba(75,142,191,1);
	margin-top: -4.8%;
	padding-top: 4%;
	padding-bottom: 3%;
}

#tagline h1{
	font-size:39px;
	color:rgba(255,255,255,.4);
	position: relative;
	margin-left: 3%;
	font-family: league-gothic, sans-serif;
	margin-top: 1%;
	font-weight: 100;
}

#tagline h4{
	font-size:25px;
	color:rgba(255,255,255,.9);
	position: relative;
	font-family: league-gothic, sans-serif;
	margin-top: -11%;
	font-style: italic;
	margin-left: 28%;
	text-align: left;
}

hr { 
	border: 0; 
	height: 78px; 
	background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.65), rgba(255,255,255,0));
	position:relative;
	width:65%;
	margin-left:35%;
	z-index: 50;
	margin-top:-7.5%;
}
	
#about{
	position: relative;
	background-color: rgba(1,28,64,1);
	background-image: none;
	width: 100%;
	padding-top: 3%;
	z-index: 1000;
	margin-top: 0;
}

#about h2{
	background-image:none;
	font-family: league-gothic, sans-serif;
	color:#FFFFFF;
	z-index: 500;
	position: relative;
	font-size: 28px;
	width: 100%;
	text-align: center;
	margin-top: 5%;
	margin-left: 0;
}
	
#about a {
    position: relative;
    font-family: goudy-bookletter-1911, georgia, serif;
    font-size: 20px;
    color: #FFFFFF;
    margin-left: 7%;
    text-decoration: none;
    float: left;
    margin-top: 3%;
    z-index: 500;
    padding-bottom: 5%;
}
	
#about a:hover {
	color: rgba(75,142,191,1);
}	
		
#about p{
	font-family: goudy-bookletter-1911, georgia, serif;
    background-color: rgba(255,255,255,.001);
    font-size: 18px;
    color: #ffffff;
    position: relative;
    width: 40%;
    float: left;
    text-align: justify;
    margin-left: 2%;
    margin-top: -5%;
}
	
#about img{
	display:block;
	margin-top: 1%;
	position: relative;
	z-index: -1;
	float: left;
	width: 45%;	
	z-index: 500;
	margin-left: 3%;
}
		
.services{
	margin-left: 0;
	width: 100%;
	position: relative;
	margin-top: 0;
	background-color: rgba(23,68,123,1);
	padding-top: 1%;
	z-index: 500;
	padding-bottom: 5%;
}

.serviceContain1{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	background-color: rgba(23,68,123,1);
	font-size: 18px;
	color: #000000;
	z-index: 250;
	width: 100%;
	float: left;
	padding-bottom: 5%;
}
	
.serviceContain{
    clear: none;
    margin-left: 2%;
    width: 42%;
    float: left;
    display: block;
    position: relative;
	margin-top: 0;
    padding-right: 5%;
    padding-top: 2%;
}


.serviceContain1 h2{
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top:10%;
	color: #ffffff;
	z-index: 500;
}

.serviceContain p{
    padding: 9%;
    font-size: 16px;
    color: #FFFFFF;
    position: relative;
    z-index: 250;
    margin-top: -3%;
    width: 107%;
    margin-left: -3%;
}

.serviceContain img{
	position: relative;
	z-index: 250;
	margin-top: -83%;
	margin-left: 8%;
}

.serviceContain h4{
	position: relative;
	color: #ffffff;
	margin-top: 60%;
	z-index: 500;
	margin-left: 14%;
}
	
.serviceContain h4 a{
	text-decoration: none;
	color:#FFFFFF;
	font-family: goudy-bookletter-1911, georgia, serif;
}

.serviceContain h4 a:hover {
	color: rgba(75,142,191,1);
}

#gallery{
	margin-top: 0;
	z-index: 500;
	position: relative;
	background-color:rgba(75,142,191,1);
	padding-top: 5%;
	padding-bottom: 5%;
}
	
#gallery h2{
	font-family: league-gothic, sans-serif;
	margin-top: 4%;
	color:#ffffff;
	z-index: 500;
	text-align: center;
	font-size: 27px;
}

.galContain{
	width: 30%;
	position:relative;
	float:left;
	padding-left: 2%;
}
	
.galContain p{
	position:relative;
	font-size:20px;
	font-family: goudy-bookletter-1911, georgia, serif;
	color:#ffffff;
	z-index: 250;
	float: left;
	margin-top: -1%;	
	
}
	
.galContain2{
	position: relative;
	width:100%;
	float: left;
	margin-top: 1%;
}

.galContain2 h4{
	z-index: 500;
	font-size: 18px;
	position: relative;
	margin-top: 49%;
}

.galContain2 h4 a {
	color: rgba(255,255,255,.9);
	font-family: goudy-bookletter-1911, georgia, serif;
	color:#FFFFFF;
	text-decoration: none;
}

.galContain2 h4 a:hover {
	color: rgba(75,142,191,1);
}

.galContain2 img{
	position:relative;
	z-index: 250;
	margin-top:0;
	background-color:rgba(75,142,191,1);
	padding-top:6%;
	margin-top: -77%;
	float: left;
}
	
#testimonials{
    position: relative;
	background-color: rgba(1,28,64,1);
	width: 100%;
	margin-top: -1%;
	padding-top: 5%;
	z-index: 2;
}

#testimonials h2{
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top: 6%;
	color: #ffffff;
	position: relative;
	z-index: 600;
}

#testimonials p{
    position: relative;
    font-family: goudy-bookletter-1911, georgia, serif;
    font-size: 18px;
    color: #ffffff;
    background-color: rgba(1,28,64,1);
    margin-top: -2.5%;
    width: 33%;
    padding: 5% 5%;
    margin-left: 0;
    z-index: 500;
    float: left;
    text-align: justify;
}

#testimonials strong {
	position: relative;
	z-index: 500;
}	
	
#testimonials strong a{
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:18px;
	color:#ffffff;
	text-decoration: none;
	margin-left: 1%;
}

#testimonials strong a:hover {
	color: rgba(75,142,191,1);
}
	
#testimonials img{
    position: relative;
    z-index: 400;
    margin-top: 3%;
    width: 52%;
    float: left;
    padding-left: 5%;
}
	
#contact h2{
	position: relative;
	z-index: 500;
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top: 7%;
	color:#ffffff;
}

#contact{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:16px;
}

#faq{
	position: relative;
	width:100%;
	background-color: rgba(23,68,123,1);
	z-index: 1;
}
	
#faq1{
    position: relative;
    float: left;
    display: block;
    background-image: none;
	width: 59%;
	padding-bottom: 2.2%;
}
	
/*#faq1 img{
	position: relative;
	margin-top: -56.1%;
	
}*/

#faq1 h2{
	position: relative;
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top: 35%;
	color:#ffffff;
	font-size:24px;
	z-index: 500;
}

#faq1 p{
    position: relative;
    font-family: goudy-bookletter-1911, georgia, serif;
    font-size: 16px;
    color: #ffffff;
    width: 90%;
    margin-top: -10%;
    padding-left: 5%;
    z-index: 500;
}

#faq1 a{
	/*position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:16px;
	color:#ffffff;
	margin-left: 0;
	text-decoration: none;
	z-index: 500;
	font-weight: 700;*/
	display: none;
}

#faq1 a:hover {
	color: rgba(75,142,191,1);
}
	
.faq2 {
	position: relative;
	float:left;
	width: 39%;
	display:block;
	margin-top: -7%;
}
	
.faq2 h4{
	text-align: center;
	margin-top: 54%;
	color:#ffffff;
	font-size:24px;
	z-index: 200;
}

.faq2 h4 a{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:20px;
	color:#ffffff;
	text-decoration: none;
	font-weight: 700;
}

.faq2 h4 a:hover {
	color: rgba(75,142,191,1);
}

.faq2 img{
	position: relative;
	z-index: -4;
	margin-top: -67%;
	float:left;
}
	
.faq3{
	position: relative;
	width:25%;
	margin-top: -3%;
	display:block;	
}
	
.faq3 h4{
	text-align: center;
	margin-top: 27%;
	color:#ffffff;
	z-index: 200;
}

.faq3 h4 a{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:17px;
	color:#ffffff;
	text-decoration: none;
	font-weight: 700;
}

.faq3 h4 a:hover {
	color: rgba(75,142,191,1);
}

.faq3 img{
	position: relative;
	float:left;
	z-index: -4;
	width:100%;
	margin-top: -75.2%;
}

	
#footer{
	margin-top: 3%;
	margin-bottom: 5%;
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:18px;
	color:#ffffff;
	text-align: center;
	padding-bottom: 5%;
}
	
#footer p {
    margin-top: 4%;
}
	
}


/* Desktop Layout: 860px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 860px) and (max-width: 1232px) {


 #navMobile{
    display: none;
 }
	
#navDesktop{
  display: inline;
  overflow: hidden;
} 
		
 #navDesktop{
    display: inline;
	overflow: hidden;
}

#navDesktop{
	position: relative;
	text-align: center;
	margin-top: -.5%;
	font-family: league-gothic, sans-serif;
	padding: 1.2% 0;
	clear:left;
}

#navDesktop li a{
	text-decoration: none;
	color:#ffffff;
	font-size:16px;	
	margin-top:-1.1%;
}
	
#navDesktop a{
    width: 14.28%;
    float: left;
	border: 1px solid #ddd;
    box-sizing: border-box;
    border-right: none;
	background-color:rgba(75,142,191,.6);
}		
	
#navDesktop a:hover {
	color: rgba(1,28,64,1);
}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	/*padding-left: 2.275%;
	padding-right: 2.275%;*/
	clear: none;
	float: none;
}
	
body{
	background-color: #FFFFFF;
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
}

#div1 {
}

.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}

#header{
	background-color:rgba(14,24,55,.3);
	position: absolute;
	z-index: 1500;
	width:90%;
	padding-top:6px;
	padding-bottom: 9.5%;
	border-bottom:0;
}

#logo{
    margin-left: 3%;
    margin-top: 0;
    width: 35%;
    z-index: 500;
}

#introContact {
    position: absolute;
    color: #ffffff;
    text-align: center;
    margin-top: .5%;
    margin-left: 215%;
    display: block;
	width: 60%;
    }

#introContact p {
    font-family: league-gothic, sans-serif;
    font-size: 16px;
    display: block;
    width: 100%;
    }

#nav{
	position: relative;
	/*text-align: center;*/
	margin-top: -1%;
	font-family: league-gothic, sans-serif;
	text-decoration: none;
	/*color:#ffffff;
	padding:10% 0;
	background-color:#B5B6B9;*/
}

#nav ul{
	display:inline;
}

#nav ul li{
	
}	
	
#nav ul a{
	font-size:16px;	
}

#nav ul li a:hover {
	color: rgba(75,142,191,1);
}

/*nav*/

#navMobile button{
	display: none;
    position: fixed;
    top: 4%;
	right: 6%;
    border: 0;
    text-indent: 200%;
    overflow: hidden;
    background: rgba(255,255,255,.8) url(http://i.imgur.com/vKRaKDX.png) center no-repeat;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-size: 80%;
    width: 30px;
    height: 30px;
    outline: none;
    transition: all 400ms ease;
}
		
#title1{
	position: relative;
	margin-top: 4%;
	text-align: center;
	font-weight: 600;
	font-size: 60px;
	color: rgba(255,255,255,1);
	z-index: 100;
	font-family: bigshot-one, serif;
}

#title2{
	position: relative;	
	margin-top:-9.2%;
	text-align: center;
	font-weight: 600;
	font-size: 49px;
	color: rgba(255,255,255,1);
	z-index: 100;
	font-family:cursive;
}

#hero1{
	position: absolute;
	margin-top: -1%;
	float:left;
	z-index: -5;
}	
	
#hero2{
	position: absolute;
	margin-top: 34.5%;
	z-index: -4;
}

#hero2 img{
	width: 94%;
}
	
#tagline{
	position: relative;
	background-color:rgba(75,142,191,1);
	margin-top: -1.3%;
	padding-top: 4%;
	padding-bottom: 3%;
}

#tagline h1{
	font-size:39px;
	color:rgba(255,255,255,.4);
	position: relative;
	margin-left: 3%;
	font-family: league-gothic, sans-serif;
	margin-top: 1%;
	font-weight: 100;
}

#tagline h4{
	font-size:25px;
	color:rgba(255,255,255,.9);
	position: relative;
	font-family: league-gothic, sans-serif;
	margin-top: -5%;
	font-style: italic;
	margin-left: 28%;
	text-align: left;
}

hr { 
	border: 0; 
	height: 78px; 
	background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.65), rgba(255,255,255,0));
	position:relative;
	width:65%;
	margin-left:35%;
	z-index: 50;
	margin-top:-7.5%;
}
	
#about{
	position: relative;
	background-color: rgba(1,28,64,1);
	background-image: none;
	width: 100%;
	padding-top: 3%;
	z-index: 1000;
	margin-top: 0;
}

#about h2{
	background-image:none;
	font-family: league-gothic, sans-serif;
	color:#FFFFFF;
	z-index: 500;
	position: relative;
	font-size: 28px;
	width: 100%;
	text-align: center;
	margin-top: 5%;
	margin-left: 0;
}
	
#about p{
	font-family: goudy-bookletter-1911, georgia, serif;
    background-color: rgba(255,255,255,.001);
    font-size: 18px;
    color: #ffffff;
    position: relative;
    width: 40%;
    float: left;
    text-align: justify;
    margin-left: 2%;
    margin-top: -3%;
}
	
#about img{
	display:block;
	margin-top: 3%;
	position: relative;
	z-index: -1;
	float: left;
	width: 45%;	
	z-index: 500;
	margin-left: 3%;
}
		
#about a {
    position: relative;
    font-family: goudy-bookletter-1911, georgia, serif;
    font-size: 20px;
    color: #FFFFFF;
    margin-left: 7%;
    text-decoration: none;
    float: left;
    margin-top: -8%;
    z-index: 500;
}
	
#about a:hover {
	color: rgba(75,142,191,1);
}
	
.services{
	margin-left: 0;
	width: 100%;
	position: relative;
	margin-top: 0;
	background-color: rgba(23,68,123,1);
	padding-top: 1%;
	z-index: 500;
	padding-bottom: 5%;
}

.serviceContain1{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	background-color: rgba(23,68,123,1);
	font-size: 18px;
	color: #000000;
	z-index: 250;
	width: 100%;
	float: left;
	padding-bottom: 5%;
}
	
.serviceContain{
	clear: none;
	margin-left: 10%;
	width: 35%;
	float: left;
	display: block;
	position: relative;
	margin-top: -4.6%;
	padding-left: 2%;
	padding-top: 2%;
}

.serviceContain1 h2{
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top:10%;
	color: #ffffff;
	z-index: 500;
	padding-bottom: 5%;
}

.serviceContain p{
    padding: 9%;
    font-size: 17px;
    color: #FFFFFF;
    position: relative;
    z-index: 250;
    margin-top: 1%;
    width: 103%;
}

.serviceContain img{
	position: relative;
	z-index: 250;
	margin-top: -83%;
	margin-left: 8%;
}

.serviceContain h4{
	position: relative;
	font-family: league-gothic, sans-serif;
	color: #ffffff;
	margin-top: 60%;
	z-index: 500;
	margin-left: 14%;
}
	
.serviceContain h4 a{
	text-decoration: none;
	color:#FFFFFF;
	font-family: goudy-bookletter-1911, georgia, serif;
}

.serviceContain h4 a:hover {
	color: rgba(75,142,191,1);
}

#gallery{
	margin-top: 0;
	z-index: 500;
	position: relative;
	background-color:rgba(75,142,191,1);
	padding-top: 5%;
	padding-bottom: 5%;
}
	
#gallery h2{
	font-family: league-gothic, sans-serif;
	margin-top: 4%;
	color:#ffffff;
	z-index: 500;
	text-align: center;
	font-size: 27px;
	padding-bottom: 4%;
}

	
.galContain{
	width: 30%;
	position:relative;
	float:left;
	padding-left: 2%;
	padding-bottom: 1%;
}
	
.galContain p{
	position:relative;
	font-size:20px;
	font-family: goudy-bookletter-1911, georgia, serif;
	color:#ffffff;
	z-index: 250;
	float: left;
	margin-top: -1%;
	padding-bottom: 27%;
}
	
.galContain2{
	position: relative;
	width:100%;
	float: left;
	margin-top: 1%;
}

.galContain2 h4{
	z-index: 500;
	font-size: 18px;
	position: relative;
	margin-top: 51%;
}

.galContain2 h4 a {
	color: rgba(255,255,255,.9);
	font-family: goudy-bookletter-1911, georgia, serif;
	color:#FFFFFF;
	text-decoration: none;
}

.galContain2 h4 a:hover {
	color: rgba(75,142,191,1);
}

.galContain2 img{
	position:relative;
	z-index: 250;
	margin-top:0;
	background-color:rgba(75,142,191,1);
	padding-top:6%;
	margin-top: -77%;
	float: left;
}
	
#testimonials{
    position: relative;
	background-color: rgba(1,28,64,1);
	width: 100%;
	margin-top: -1%;
	padding-top: 5%;
	z-index: 2;
}

#testimonials h2{
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top: 6%;
	color: #ffffff;
	position: relative;
	z-index: 600;
	padding-bottom: 2%;
}

#testimonials p{
    position: relative;
    font-family: goudy-bookletter-1911, georgia, serif;
    font-size: 18px;
    color: #ffffff;
    background-color: rgba(1,28,64,1);
    margin-top: -2.5%;
    width: 33%;
    padding: 5% 5%;
    margin-left: 0;
    z-index: 500;
    float: left;
    text-align: justify;
}

#testimonials strong {
	position: relative;
	z-index: 500;
}	
	
#testimonials strong a{
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:18px;
	color:#ffffff;
	text-decoration: none;
	margin-left: 1%;
}

#testimonials strong a:hover {
	color: rgba(75,142,191,1);
}
	
#testimonials img{
    position: relative;
    z-index: 400;
    margin-top: 3%;
    width: 52%;
    float: left;
    padding-left: 5%;
}
	
#contact h2{
	position: relative;
	z-index: 500;
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top: 7%;
	color:#ffffff;
}

#contact{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:16px;
}

#faq{
	position: relative;
	width:100%;
	background-color: rgba(23,68,123,1);
	z-index: 1;
}
	
#faq1{
    position: relative;
    float: left;
    display: block;
    background-image: none;
	width: 70%;
	padding-bottom: 2.2%;
	margin-top: 4%;
}

#faq1 h2{
	margin-top: 6%;
}
	
#faq1 a {
   display: none;
}


#faq1 p{
    position: relative;
    font-family: goudy-bookletter-1911, georgia, serif;
    font-size: 18px;
    color: #ffffff;
    width: 90%;
    margin-top: -5%;
    padding-left: 5%;
    z-index: 500;
}
	
.faq2{
	position: relative;
	width:28%;
	margin-top: -4.5%;
	display:block;	
}
	
.faq2 h4{
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top: 54%;
	color:#ffffff;
	font-size:24px;
	z-index: 200;
}

.faq2 h4 a{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:20px;
	color:#ffffff;
	text-decoration: none;
	font-weight: 700;
}

.faq2 h4 a:hover {
	color: rgba(75,142,191,1);
}

.faq2 img{
	position: relative;
	z-index: -4;
	margin-top: -67%;
	float:left;
}
	
.faq3{
	position: relative;
	width:25%;
	margin-top: 3.9%;
	display:block;	
}
	
.faq3 h4{
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top: 27%;
	color:#ffffff;
	z-index: 200;
}

.faq3 h4 a{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:20px;
	color:#ffffff;
	text-decoration: none;
	font-weight: 700;
}

.faq3 h4 a:hover {
	color: rgba(75,142,191,1);
}
	
.faq3 img{
	position: relative;
	float:left;
	z-index: -4;
	width:100%;
	margin-top: -75.2%;
}
	
#footer{
	margin-top: 3%;
	margin-bottom: 5%;
	position: relative;
}
	
#footer p{
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:18px;
	color:#ffffff;
	text-align: center;
}
	
}


/* Desktop  large Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1233px) {

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	/*padding-left: 2.275%;
	padding-right: 2.275%;*/
	clear: none;
	float: none;
}
	
body{
	background-color: #FFFFFF;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}

#navDesktop{
  display: inline;
  overflow: hidden;
} 
	
#navMobile{
    display: none;
 }
	

#navDesktop{
	position: relative;
	text-align: center;
	margin-top: -.5%;
	font-family: league-gothic, sans-serif;
	padding: 1.2% 0;
	clear:left;
}

#navDesktop ul a{
	text-decoration: none;
	color:#ffffff;
	font-size:16px;	
	margin-top:-1.1%;
}

	
#navDesktop a{
    width: 14.28%;
    float: left;
	border: 1px solid #ddd;
    box-sizing: border-box;
    border-right: none;
	background-color:rgba(75,142,191,.6);
}		
	
#navDesktop a:hover {
	color: rgba(1,28,64,1);
}
	
#div1 {
}

.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}

#header{
	background-color:rgba(14,24,55,.3);
	position: absolute;
	z-index: 1500;
	width: 86.4%;
	padding-top:6px;
	padding-bottom: 7.5%;
	border-bottom:0;
}

#logo {
    margin-left: 2%;
    margin-top: -.3%;
    width: 35%;
    z-index: 500;
}

#introContact {
    position: absolute;
    color: #ffffff;
    text-align: center;
    margin-top: 2%;
    margin-left: 227%;
    display: block;
	width: 60%;
    }

#introContact p{
	font-family: league-gothic, sans-serif;
	font-size: 16px;
	display: block;
	width: 100%;
}

#nav{
	position: relative;
	/*text-align: center;*/
	margin-top: -1%;
	font-family: league-gothic, sans-serif;
	text-decoration: none;
	/*color:#ffffff;
	padding:10% 0;
	background-color:#B5B6B9;*/
}

#nav ul{
	display:inline;
}

#nav ul li{
	
}	
	
#nav ul a{
	font-size:16px;	
}

#nav ul li a:hover {
	color: rgba(75,142,191,1);
}

/*nav*/

#navMobile button{
	display: none;
    position: fixed;
    top: 4%;
	right: 6%;
    border: 0;
    text-indent: 200%;
    overflow: hidden;
    background: rgba(255,255,255,.8) url(http://i.imgur.com/vKRaKDX.png) center no-repeat;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-size: 80%;
    width: 30px;
    height: 30px;
    outline: none;
    transition: all 400ms ease;
}
		
#title1{
	position: relative;
	margin-top: 6%;
	text-align: center;
	font-weight: 600;
	font-size: 60px;
	color: rgba(255,255,255,1);
	z-index: 100;
	font-family: bigshot-one, serif;
}

#title2{
	position: relative;	
	margin-top:-6%;
	text-align: center;
	font-weight: 600;
	font-size: 49px;
	color: rgba(255,255,255,1);
	z-index: 100;
	font-family:cursive;
}

#hero1{
	position: absolute;
	margin-top:-1%;
	float:left;
	z-index: -5;
}	

#hero1 img{
	min-width: 100%;
}
	
#hero2{
	position: absolute;
	margin-top: 28%;
	z-index: -4;
	width: 86.4%;
}

#hero2 img{
	min-width: 100%;
}
	
#tagline{
	position: relative;
	background-color:rgba(75,142,191,1);
	margin-top: -1.3%;
	padding-top: 4%;
	padding-bottom: 3%;
}

#tagline h1{
	font-size:39px;
	color:rgba(255,255,255,.4);
	position: relative;
	margin-left: 3%;
	font-family: league-gothic, sans-serif;
	margin-top: 1%;
	font-weight: 100;
}

#tagline h4{
	font-size:25px;
	color:rgba(255,255,255,.9);
	position: relative;
	font-family: league-gothic, sans-serif;
	margin-top: -3.5%;
	font-style: italic;
	margin-left: 20%;
	text-align: left;
}

hr { 
	border: 0; 
	height: 78px; 
	background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.65), rgba(255,255,255,0));
	position:relative;
	width:65%;
	margin-left:35%;
	z-index: 50;
	margin-top:-4.5%;
}
	
#about{
	position: relative;
	background-color: rgba(1,28,64,1);
	background-image: none;
	width: 100%;
	padding-top: 3%;
	z-index: 1000;
	margin-top: 0;
}

#about h2{
	background-image:none;
	font-family: league-gothic, sans-serif;
	color:#FFFFFF;
	z-index: 500;
	position: relative;
	font-size: 28px;
	width: 100%;
	text-align: center;
	margin-top: 5%;
	margin-left: 0;
}
	
#about p{
	font-family: goudy-bookletter-1911, georgia, serif;
    background-color: rgba(255,255,255,.001);
    font-size: 18px;
    color: #ffffff;
    position: relative;
    width: 40%;
    float: left;
    text-align: justify;
    margin-left: 2%;
    margin-top: 0;
}
	
#about img{
	display:block;
	margin-top: 5%;
	position: relative;
	z-index: -1;
	float: left;
	width: 45%;	
	z-index: 500;
	margin-left: 3%;
}
		
#about a{
    position: relative;
    font-family: goudy-bookletter-1911, georgia, serif;
    font-size: 20px;
    color: #FFFFFF;
    margin-left: 7%;
    text-decoration: none;
    float: left;
    margin-top: -19%;
}

#about a:hover {
	color: rgba(75,142,191,1);
}

.services{
	margin-left: 0;
	width: 100%;
	position: relative;
	margin-top: 0;
	background-color: rgba(23,68,123,1);
	padding-top: 1%;
	z-index: 500;
	padding-bottom: 5%;
}

.serviceContain1{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	background-color: rgba(23,68,123,1);
	font-size: 18px;
	color: #000000;
	z-index: 250;
	width: 100%;
	float: left;
	padding-bottom: 5%;
}
	
.serviceContain{
	clear: none;
	margin-left: 10%;
	width: 30%;
	float: left;
	display: block;
	position: relative;
	margin-top: -4.6%;
	padding-right: 5%;
	padding-top: 4%;
}

.serviceContain1 h2{
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top:10%;
	color: #ffffff;
	z-index: 500;
	padding-bottom: 5%;
}

.serviceContain p{
    padding: 9%;
    font-size: 20px;
    color: #FFFFFF;
    position: relative;
    z-index: 250;
    margin-top: 1%;
    width: 103%;
}

.serviceContain img{
	position: relative;
	z-index: 250;
	margin-top: -83%;
	margin-left: 8%;
}

.serviceContain h4{
	position: relative;
	color: #ffffff;
	margin-top: 60%;
	z-index: 500;
	margin-left: 14%;
}
	
.serviceContain h4 a{
	font-family: goudy-bookletter-1911, georgia, serif;
	text-decoration: none;
	color:#FFFFFF;
}

.serviceContain h4 a:hover {
	color: rgba(75,142,191,1);
}

#gallery{
	margin-top: 0;
	z-index: 500;
	position: relative;
	background-color:rgba(75,142,191,1);
	padding-top: 5%;
	padding-bottom: 5%;
}
	
#gallery h2{
	font-family: league-gothic, sans-serif;
	margin-top: 4%;
	color:#ffffff;
	z-index: 500;
	text-align: center;
	font-size: 27px;
	padding-bottom: 4%;
}

	
.galContain{
	width: 30%;
	position:relative;
	float:left;
	padding-left: 2%;
	padding-bottom: 2%;
}
	
.galContain p{
	position:relative;
	font-size:24px;
	font-family: goudy-bookletter-1911, georgia, serif;
	color:#ffffff;
	z-index: 250;
	float: left;
	margin-top: -1%;
	padding-bottom: 37%;
}
	
.galContain2{
	position: relative;
	width:100%;
	float: left;
	margin-top: 1%;
}

.galContain2 h4{
	z-index: 500;
	font-size: 18px;
	position: relative;
	margin-top: 51%;
}

.galContain2 h4 a {
	color: rgba(255,255,255,.9);
	font-family: goudy-bookletter-1911, georgia, serif;
	color:#FFFFFF;
	text-decoration: none;
}

.galContain2 h4 a:hover {
	color: rgba(75,142,191,1);
}

.galContain2 img{
	position:relative;
	z-index: 250;
	margin-top:0;
	background-color:rgba(75,142,191,1);
	padding-top:6%;
	margin-top: -77%;
	float: left;
}
	
#testimonials{
    position: relative;
	background-color: rgba(1,28,64,1);
	width: 100%;
	margin-top: -1%;
	padding-top: 5%;
	z-index: 2;
}

#testimonials h2{
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top: 6%;
	color: #ffffff;
	position: relative;
	z-index: 600;
	padding-bottom: 2%;
}

#testimonials p{
    position: relative;
    font-family: goudy-bookletter-1911, georgia, serif;
    font-size: 18px;
    color: #ffffff;
    background-color: rgba(1,28,64,1);
    margin-top: -2.5%;
    width: 33%;
    padding: 5% 5%;
    margin-left: 0;
    z-index: 500;
    float: left;
    text-align: justify;
}

#testimonials strong {
	position: relative;
	z-index: 500;
}	
	
#testimonials strong a{
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:18px;
	color:#ffffff;
	text-decoration: none;
	margin-left: 1%;
}

#testimonials strong a:hover {
	color: rgba(75,142,191,1);
}
	
#testimonials img{
    position: relative;
    z-index: 400;
    margin-top: 3%;
    width: 52%;
    float: left;
    padding-left: 5%;
}
	
#contact h2{
	position: relative;
	z-index: 500;
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top: 7%;
	color:#ffffff;
}

#contact{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:16px;
}

#faq{
	position: relative;
	width:100%;
	background-color: rgba(23,68,123,1);
	z-index: 1;
}
	
#faq1{
    position: relative;
    float: left;
    display: block;
    background-image: none;
	width: 67%;
	padding-bottom: 2.2%;
}
	
/*#faq1 img{
	position: relative;
	margin-top: -56.1%;
	
}*/

#faq1 h2{
	position: relative;
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top: 27%;
	color:#ffffff;
	font-size:24px;
	z-index: 500;
}

#faq1 p{
    position: relative;
    font-family: goudy-bookletter-1911, georgia, serif;
    font-size: 18px;
    color: #ffffff;
    width: 70%;
    margin-top: 1%;
    padding-left: 14%;
    z-index: 500;
	text-align: center;
}

#faq1 a{
	/*position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:16px;
	color:#ffffff;
	margin-left: 0;
	text-decoration: none;
	z-index: 500;
	font-weight: 700;*/
	display: none;
}

#faq1 a:hover {
	color: rgba(75,142,191,1);
}
	
.faq2 {
	position: relative;
	float:left;
	width: 28%;
	display:block;
	margin-top: -2%;
}

.faq2 h4 {
	text-align: center;
}
	
.faq2 h4 a{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:20px;
	color:#ffffff;
	text-decoration: none;
	font-weight: 700;
}

.faq2 h4 a:hover {
	color: rgba(75,142,191,1);
}


.faq2 img{
	position: relative;
	z-index: -4;
	margin-top: -67%;
	float:left;
}
	
.faq3{
	position: relative;
	width:25%;
	margin-top: 1%;
	display:block;	
}
	
.faq3 h4{
	font-family: league-gothic, sans-serif;
	text-align: center;
	margin-top: 45%;
	color:#ffffff;
	font-size:20px;
	z-index: 200;
	text-align: center;
}

.faq3 h4 a{
	position: relative;
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:20px;
	color:#ffffff;
	text-decoration: none;
	font-weight: 700;
}

.faq3 h4 a:hover {
	color: rgba(75,142,191,1);
}
	
.faq3 img{
	position: relative;
	float:left;
	z-index: -4;
	width:100%;
	margin-top: -75.2%;
}

	
#footer{
	margin-top: 3%;
	margin-bottom: 5%;
	position: relative;
}
	
#footer p{
	font-family: goudy-bookletter-1911, georgia, serif;
	font-size:18px;
	color:#ffffff;
	text-align: center;
}
	
}