@charset "utf-8";
/* CSS Document */

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;}

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

.phonemobile, #top .call, .invisible, #togglemenubutton, .mobile-header {display:none}

body { background: url(../images/background.jpg) repeat-x;  font-family: Arial, Helvetica, sans-serif}

#wrapper { background-color: #f1f0f0; border: 3px solid #bbbeb7; width: 1000px; margin: 80px auto 20px auto; padding: 10px;
    -webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;}

#top img { float: left; margin: 10px 0 0 10px}	
	
#top p { color: #595959; font-size: 14px; float: left; line-height: 24px; padding: 20px 0 0 30px; width:250px}

#top p .bold { color: #000; font-size: 24px; font-weight: bold;}

#top h3 {
    float: right;
    font-size: 18px;
    color: rgb(89, 89, 89);
    font-weight: 100;
    text-transform: uppercase;
    width: 250px;
    text-align: center;
    margin: 20px 5px 0px 0px;
}

#top h3 img {
    float: none;
    margin: 2px 2px;
    text-align: center;
}

#header {
     background: url(../images/header.png) no-repeat; width: 954px; height: 618px; margin: 30px 0 0 12px; 
}

#arrow { float: left}

#arrow h3 { font-size: 18px; color: #fff; padding: 550px 0 0 70px; text-transform: uppercase; font-weight: normal;}

#form { float: right; margin: 27px 22px 0 0; width: 310px; background-color: #eb9004; border: 2px solid #f0ad45; -webkit-border-top-left-radius:10px; height: 570px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
}
#form h2 { font-size: 18px; color: #eaecae; font-weight: normal; text-align: center; padding-top: 20px}

#form p {font-size:12px; color:#fff; padding:10px 15px 0 30px; }

#form p a {color:#054362}

#form p a:hover {color:#0b567b}

#form p + #quick-contact {margin-top:0}

#form p + #quick-contact label span {margin-top:10px}

#quick-contact {width:260px; margin:25px 0 0 15px}

#quick-contact label span {color:#fff; font-size:12px; float:left; clear:left; margin:15px 0 0 15px}

#quick-contact input {background:#f0ad45; float:left; height:20px; clear:left; border:0; width:250px; margin:3px 0 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0.2em}

#quick-contact textarea {background:#f0ad45; float:left; clear:left; border:0; width:250px; height:100px; margin:3px 0 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:12px;  padding:0.2em}

#quick-contact .submit {width:126px; height:36px; background:none; border:0; padding:0; margin:25px 0 0 15px}

#quick-contact input:focus{background:#fccd84;}

#quick-contact textarea:focus {background:#fccd84;}

#content { width: 930px; margin: 30px 0 0 35px}

#content p {color: #554646; font-size: 16px; line-height: 34px; padding-right: 10px}

#content img { float: right}

#gallery { width: 311px; margin: 15px 0 0 30px; float: left}

#gallery img { margin-top: 20px}

#right { float: right; width: 650px}

#right .list { float: left; margin-left: 40px}

#right .list h2 { text-transform: uppercase; font-size: 18px; color: #eb9004; line-height: 24px; font-weight: normal}

#right .list li { color: #554646; font-size: 18px; list-style-type: none; background: url(../images/bullet.png) no-repeat left; padding: 4px 0 4px 45px}

#right .list ul { margin-top: 10px}


#right p { width: 595px; height:50px; text-align: center; padding-top:15px; font-size: 14px; text-transform: uppercase  }

#right a { display: block; background:url(../images/button.png) no-repeat; margin: 22px 0 0 35px; color: #000; }

#right a:hover { color: #313030}

#footer {
    text-align: center;
    font-size: 11px;
    color:#6f6f6f;
    line-height: 20px;
	width: 700px; margin:0 auto
}

#footer h2 {font-size: 11px;
    font-weight: 100;
    padding: 7px 0px 0px;}
	
#footer h1 {
    font-size: 11px;
    font-weight: 100;
    padding: 7px 0px 0px;
    line-height: 16px;
}

#footer img {
margin: 10px 30px 20px 0
    }

#footer p {
    padding: 7px 0px 0px;
}

#footer a {color: #a3a59b}

@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;
}

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

#wrapper {width: 274px;}

#top img { float: none; margin: 10px 0 0 0; width:280px}

#top h3 img {width:auto}

#top p { color: #595959; font-size: 14px; float: none; line-height: 24px; padding: 15px 0 0 0; width:280px; text-align:center}

#top h3 {float:none; margin:15px 0 0 17px}

#top .call {display:block}

#top .call img {width:auto; float:none; margin:10px 0 0 48px}

#header {
background: none; width: 268px; height: auto; margin: 30px 0 0 0; 	 
background: -webkit-gradient(linear,left top,left bottom,color-stop(0.25, rgb(198,195,195)), color-stop(0.75, rgb(60,60,60)));
background:-moz-linear-gradient(center top, rgb(198,195,195) 25%, rgb(60,60,60) 75%);
border:3px solid #807f7f
}

#arrow {display:none}

.mobile-header {display:block}

#form { float: none; margin: 15px 0 5px 5px; width: 255px;}

#quick-contact {width:248px; margin:15px 0 0 7px}

#form h2 { font-size: 16px; color: #eaecae; font-weight: normal; text-align: center; padding-top: 15px}

#form p {font-size:12px; color:#fff; padding:10px 10px 0 10px; }

#quick-contact label span {color:#fff; font-size:12px; float:left; clear:left; margin:15px 0 0 0}

#quick-contact input {background:#f0ad45; float:left; height:20px; clear:left; border:0; width:235px; margin:3px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0.2em}

#quick-contact textarea {background:#f0ad45; float:left; clear:left; border:0; width:235px; height:100px; margin:3px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px;  padding:0.2em}

#quick-contact .submit {width:126px; height:36px; background:none; border:0; padding:0; margin:25px 0 0 0}

#content p {color: #554646; font-size: 16px; line-height: 34px; padding-right: 10px}

#content { width: 270px; margin: 15px 0 0 0}

#gallery { width: 270px; margin: 15px 0 0 0; float: none}

#gallery img { margin-top: 10px; width:275px}

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

#right .list { float: none; margin-left: 15px}

#right .list h2 { text-transform: uppercase; font-size: 18px; color: #eb9004; line-height: 24px; font-weight: normal; padding:20px 0 0 0}

#right p { width: 275px; height:53px; text-align: center; padding-top:15px; font-size: 14px; text-transform: uppercase  }

#right a { display: block; background:url(../images/button1.png) no-repeat; width:275px; margin: 22px 0 0 0; color: #000; padding:2px 0 0 0 }

#footer {width:300px}
}

@media only screen and (min-width:481px) and (max-width:768px) {
#wrapper {width:674px}

#top img {width:250px}

#top h3 img {width:auto}

#top p { color: #595959; font-size: 11px; float: left; line-height:18px; padding: 20px 0 0 10px; width:190px}

#top p .bold { color: #000; font-size: 18px; font-weight: bold;}

#top h3 {width:200px;}

#top .angles, #top .advisor, #top .seal {height:50px}

#header {
     width: 660px; height: 428px;  background: url(../images/header.png) no-repeat; background-size:660px 428px; margin: 30px 0 0 0; 
}

#arrow h3 { font-size: 15px; color: #fff; padding: 380px 0 0 20px; text-transform: uppercase; font-weight: normal;}

#form { width: 210px; height: 386px;  margin: 20px 15px 0 0;}

#form h2 { font-size: 14px; font-weight:bold; padding:10px 0 0 0 }

#form p {font-size:10px; color:#fff; padding:5px 10px 0 10px;  }

#quick-contact {width:200px; margin:0 0 0 10px}

#quick-contact label span {color:#fff; font-size:11px; float:left; clear:left; margin:5px 0 0 0}

#quick-contact input {background:#f0ad45; float:left; height:20px; clear:left; border:0; width:188px; margin:5px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:0;}

#quick-contact textarea {background:#f0ad45; float:left; clear:left; border:0; width:188px; height:50px; margin:1px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:10px;  padding:0}

#quick-contact .submit {width:126px; height:36px; background:none; border:0; padding:0; margin:25px 0 0 0}

#form p + #quick-contact label span {margin:1px 0 0 0}

#form p + #quick-contact input {padding:0 !important; height:15px;}

#form p + #quick-contact .submit {width:70px; height:20px; margin:5px 0 0 0;}

#content { width: 664px; margin: 30px 0 0 10px}

#gallery { width: 311px; margin: 15px 0 0 10px; float: left}

#right { float: right; width: 348px}

#right .list { float: left; margin-left: 10px; margin-top:30px;}

#right .list h2 { text-transform: uppercase; font-size: 13px; color: #eb9004; line-height: 20px; font-weight: normal}

#right .list li { color: #554646; font-size: 14px; list-style-type: none; background: url(../images/bullet.png) no-repeat top left; padding: 4px 0 4px 35px; margin:4px 0 0 0}

#right .list ul { margin-top: 10px; width:160px;}

#right p { width: 349px; height:28px; text-align: center; padding-top:6px; font-size: 14px; text-transform: uppercase  }

#right a { display: block; background:url(../images/button.png) no-repeat; background-size:349px 28px; margin: 24px 0 0 0; color: #000; }

#footer {width:700px}
}