@charset "UTF-8";
 

body, h1, h2, h3, h4, h5, h6, p, ul, li, a, img, form {margin:0; padding:0;}

img {border:none;}

a {text-decoration:none;}

.clear {clear:both;}

.call1, #mobile-bar {display:none}

html {-webkit-text-size-adjust:none;}

body {background:#032441 url(../images/background.png) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff }

#wrapper {width:100%;  }

#wrapper1 {width:1000px; margin:0 auto; background:url(../images/header.png) no-repeat top right;}

#top {width:1000px; height:35px;}

#top ul {float:left; margin:9px 0 0 -15px}

#top ul li {float:left; list-style-type:none; padding:0 15px}

#top ul li a {color:#fff; font-size:12px; font-weight:bold; text-transform:uppercase}

#top ul li a:hover {color:#b6bfc3;}

#top p {float:right; margin:3px 0 0 0}

#top p img {margin:0 10px 0 0}

#header {width:1000px; height:303px;}

#header img {margin:30px 0 0 0}

#header ul {margin:0 0 0 20px}

#header ul li {font-size:22px; color:#c2c4c5; font-size:22px; padding:10px 0 0 0}

#header p {font-size:22px; padding:15px 0 0 0; color:#fff}

#header h2 {font-size:23px; color:#acb3b6; font-weight:100; padding:15px 0 0 0}

#header h2 a {color:#fff; text-decoration:underline}

#content {width:1000px;}

#left {width:631px; float:left}

#left h3 {color:#fff; font-size:20px; font-weight:100; text-transform:uppercase; padding:30px 0 0 0}

#left p {padding:20px 30px 0 0; line-height:17px}

#left img {float:left; margin:25px 20px 20px 0}

#left .list {float:left; margin:10px 40px 0 0}

#left .list li {list-style-type:none; margin:5px 0 0 0; background:url(../images/arrow.png) no-repeat 0 3px; padding:0 0 0 23px}

#left .list .heading {font-size:20px; text-transform:uppercase; font-weight:100; background:none; padding:0}

#left h3 {font-size:15px; padding:20px 0 0 0}

#right {width:366px; float:right; margin:40px 0 0 0}

.contact {width:366px; height:575px; background:url(../images/right.png) no-repeat}

.contact h2 {text-align:center; font-size:24px; color:#0f515d; padding:30px 0 0 0; text-transform:uppercase}

.contact label span { float:left; clear:left; margin:23px 0 0 25px;width:150px; font-size:11px; color:#012930; text-transform:uppercase}

.contact .field {margin:18px 0 0 0; width:153px; height:18px; background:#fff; color:#000; border:1px solid #817f7f; padding:2px 5px 0 5px; }

.contact .submit {width:72px; height:30px; background:none; border:0; margin:20px 0 0 175px; padding:0}

#footer {width:100%; height:132px; background:url(../images/footer.png) repeat-x; font-size:11px; color:#7c7b7b; }

#footer_int {width:1000px; margin:0 auto}

#footer p {float:left; margin:50px 0 0 0; line-height:20px}

#footer img {float:left; margin:-40px 0 0 60px}

#footer h6 {float:right; font-size:11px; font-weight:100; margin:-40px 10px 0 0}

#footer a {color:#c9c5c5}

#footer a:hover {color:#f2eded}

#footer .card {margin-top:-20px}

#footer h1 {float:left; clear:left; font-size:10px; font-weight:100; width:300px}

.call {width:353px; height:173px; background:url(../images/call.png) no-repeat; margin:0 0 20px 6px}

.call h2 {color:#fff; font-size:19px; font-weight:100; text-transform:uppercase; line-height:27px; margin:15px 0 0 20px; float:left}

.call p {color:#acb3b6; font-size:16px; float:left; clear:left; padding:0 0 0 20px;}

.call p a {color:#acb3b6; font-size:14px; display:block}

#contact_form label span { float:left; clear:left; margin:15px 0 0 0;width:290px;}

#contact_form .field {margin:3px 0 0 0; width:450px; height:18px;background:#b9b9b9; color:#000; border:1px solid #909090; padding:2px 5px 0 5px; }

#contact_form select {margin:3px 0 0 0; width:461px; height:18px;background:#b9b9b9; color:#000; border:1px solid #909090; padding:2px 5px 0 5px; height:24px }

#contact_form textarea {margin:3px 0 0 0; width:450px; height:180px; background:#b9b9b9; color:#000; padding:2px 5px 0 5px; border:1px solid #909090;}

#contact_form {width:400px; margin:10px 0 0 2px;}

#contact_form .submit {position:relative; top:20px; margin-bottom:30px}

#contact_form .field:focus {background:#959393; border:1px solid #737070}

#contact_form textarea:focus {background:#959393; border:1px solid #737070}

#contact_form .code img {float:left; margin:10px 0 0 0}


#contact_form .field1:focus {background:#959393; border:1px solid #737070}

#contact_form .field1 {margin:3px 0 0 0;background:#F5B6C1 ; background:#b9b9b9; border:1px solid #909090; }

#contact_form select {float:left}

.gallery {margin:0 0 0 7px}

.gallery img {margin:0 0 30px 0}

#build-menu {
	visibility: visible;
	z-index: 0;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	display: none;
	width: 240px;
  padding: 0;
  position: static;
  z-index: 0;
  top: 0;
  height: 100%;
  overflow-y: auto;
  left: 0;
  margin-top:330px;
}



#build-menu ul li a {font-size:13px; color:#fff}

#build-menu ul li {padding:0; background:url(../images/bullet.png) no-repeat; margin:10px 0 0 10px; list-style-type:none}

#build-menu p {font-size:13px; color:#fff; padding:10px; line-height:20px; color:#cdccc8}

#build-menu p #build-menu-button {display:block; width:29px; height:29px; text-indent:-9999px; outline:0; float:right; background:url(../images/close.png) no-repeat; margin-right:60px;}

.build-menu-animating #build-menu-page {
	position: fixed;
	overflow: hidden;
	width: 100%;
	top: 0;
	bottom: 0;
}

.build-menu-animating.build-menu-close #build-menu-page,
.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transition: -webkit-transform 250ms;
	-moz-transition: -moz-transform 250ms;
	-o-transition: -o-transform 250ms;
	-ms-transition: -ms-transform 250ms;
	transition: transform 250ms;
}

.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.build-menu-animating #build-menu { display: block }

.build-menu-open #build-menu {
	display: block;
	-webkit-transition-delay: 0ms, 0ms, 0ms;
	-moz-transition-delay: 0ms, 0ms, 0ms;
	-o-transition-delay: 0ms, 0ms, 0ms;
	-ms-transition-delay: 0ms, 0ms, 0ms;
	transition-delay: 0ms, 0ms, 0ms;
}

.build-menu-open #build-menu,
.build-menu-close #build-menu {
	-webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-moz-transition: -moz-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-o-transition: -o-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-ms-transition: -ms-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	transition: transform 250ms, opacity 250ms, visibility 0ms 250ms;
}

@media only screen and (max-width:480px) {
		@-webkit-keyframes fade-in {
0% {
    opacity: 0;
}
60% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
		
		.fade-in {
			-webkit-animation: slide 1000ms ease-in;
		}
		
		.fade-in {
    -webkit-animation-name: reset, fade-in;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
	-webkit-animation-delay: 0, 0;
}

#wrapper {background:url(../images/header-mobile.png) no-repeat 0 30px}

#wrapper1 {width:300px; background:none;}

#top {width:300px; height:auto}

#top p {display:none}

#header {width:300px; height:340px; margin:0; padding:0}

#header img {margin:5px 0 0 0; padding:0; width:300px;}

#top ul {display:none}



#header ul {position:relative; top:40px; margin-left:70px;}

#header ul li {color:#c2c4c5; font-size:18px; padding:4px 0 0 0}

#header p {display:none}

#header h2 {position:relative; top:35px; font-size:20px; text-align:center}

#header .call1 {display:block}

#header .call1 img {display:block; margin:10px auto 0 auto; width:auto}

#mobile-bar {display:block;
background: #24292b; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0MjkyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #24292b 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#24292b), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #24292b 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #24292b 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #24292b 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #24292b 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24292b', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
display:block; width:300px; text-align:center; font-size:20px;color:#fff; text-transform:uppercase;
-webkit-box-shadow: inset 1px 1px 2px #6f7376, inset -1px -1px 2px #6f7376, 2px 2px 3px #01101d;
-moz-box-shadow: inset 1px 1px 2px #6f7376, inset -1px -1px 2px #6f7376, 2px 2px 3px #01101d;
box-shadow:inset 1px 1px 2px #6f7376, inset -1px -1px 2px #6f7376, 2px 2px 3px #01101d;
margin:10px 0 0 0;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

#mobile-bar a {
background:url(../images/navigation.png) no-repeat 20px 10px; color:#fff; display:block;  padding:9px 0;
}

#content {width:300px}

#left {width:280px; float:none; margin:15px 0 0 0; padding:0 10px 10px 10px; background:#e8e7e7; 
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
color:#161616;
-webkit-box-shadow: 2px 2px 5px #000;
-moz-box-shadow: 2px 2px 5px #000;
box-shadow: 2px 2px 5px #000;
}

#left p {padding:20px 0 0 0; line-height:17px}

#left h3 {color:#161616}

#left img {float:none; margin:10px 0 0 0}

#right {width:300px; float:none; margin:20px 0 0 0}

.contact {width:280px; padding:0 10px 10px 10px; height:auto; background:none;
background:#e8e7e7; 
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
color:#161616;
-webkit-box-shadow: 2px 2px 5px #000;
-moz-box-shadow: 2px 2px 5px #000;
box-shadow: 2px 2px 5px #000;

}

.contact h2 {text-align:center; font-size:20px; color:#0f515d; padding:10px 0 0 0; text-transform:uppercase}

.contact label span { float:left; clear:left; margin:10px 0 0 0;width:150px; font-size:11px; color:#012930; text-transform:uppercase}

.contact .field {margin:3px 0 0 0; width:270px; clear:left; height:18px; background:#fff; color:#000; border:1px solid #817f7f; padding:2px 5px 0 5px; }

.contact .submit {width:72px; height:30px; background:none; border:0; margin:20px 0 0 205px; padding:0}

#footer {height:250px;  background:url(../images/footer.png) repeat-x top left; background-size:auto 250px; margin:0; padding:0; float:none }

#footer_int {width:300px; text-align:center; margin:0 auto; padding:70px 0 0 0}

#footer p {float:none; margin: 0; line-height:20px}

#footer img {float:none; margin:0 }

#footer h6 {float:none; font-size:11px; font-weight:100; margin:0}

#footer a {color:#c9c5c5}

#footer a:hover {color:#f2eded}

#footer .card {margin-top:0}

#footer h1 {float:none; clear:left; font-size:10px; font-weight:100; width:300px; }

.call {width:300px; height:147px; background:url(../images/call.png) no-repeat; background-size:300px 147px; margin:0 0 20px 0 }

.call h2 {color:#fff; font-size:14px; font-weight:100; text-transform:uppercase; line-height:27px; margin:15px 0 0 7px; padding:0; float:left}

.call h2 br {display:none}

.call p {color:#acb3b6; font-size:12px; float:left; clear:left; padding:10px 0 0 7px}

.call p a {font-size:12px}

#contact_form label span { float:left; clear:left; margin:15px 0 0 0;width:260px;}

#contact_form .field {margin:3px 0 0 0; width:260px; height:18px;background:#b9b9b9; color:#000; border:1px solid #909090; padding:2px 5px 0 5px; }

#contact_form select {margin:3px 0 0 0; width:260px; height:18px;background:#b9b9b9; color:#000; border:1px solid #909090; padding:2px 5px 0 5px; height:24px }

#contact_form textarea {margin:3px 0 0 0; width:260px; height:180px; background:#b9b9b9; color:#000; padding:2px 5px 0 5px; border:1px solid #909090;}

#contact_form {width:260px; margin:10px 0 0 2px;}

.gallery img {width:300px; margin:0 0 20px 0}
}

@media only screen and (min-width:481px) and (max-width:768px) {
#wrapper1 {width:700px; background-size:500px; background-position:right 9px}

#top {width:700px;}

#header {width:700px}

#content {width:700px;}

#left {width:700px; float:none}

#left img {clear:left}

#right {width:700px; float:none}

.contact{background:#e8e7e7; width:700px; 
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-box-shadow: 2px 2px 5px #000;
-moz-box-shadow: 2px 2px 5px #000;
box-shadow: 2px 2px 5px #000;
}

.contact .field {width:470px; clear:left; height:18px; background:#fff; color:#000; border:1px solid #817f7f; padding:2px 5px 0 5px; }

#footer_int {width:700px}


#footer img {
    float: left;
    margin: 0 0 0 0;
}

#footer .card {position:relative; top:40px}

}