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

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

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

img {border:none;}

a {text-decoration:none;}

.clear {clear:both;}

.call, .invisible {display:none}

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

.wrapper {width:1000px; margin:0 auto}

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

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

.top-middle {width:345px; float:left; margin:0 0 0 50px}

.top-middle ul {width:345px; height:119px; background:url(../images/list.jpg) no-repeat; text-indent:-9999px; margin:10px 0 0 0}

.top-middle ul li {list-style-type:none}

#top .top-middle img {float:none; margin:3px 0 0 37px}

#top p {float:right; width:220px; text-align:center; font-size:18px; color:#f28722; text-transform:uppercase; font-weight:bold; margin:15px 0 0 0}

#top .phone1 {width:188px; height:27px; background:url(../images/phone1.png) no-repeat; display:block; text-indent:-9999px; margin:7px 0 0 7px}

#top .phone2 {width:172px; height:27px; background:url(../images/phone2.png) no-repeat; display:block; text-indent:-9999px; margin:7px 0 0 15px}

#top p img {float:none; margin:-12px 0 0 0}

#header {width:1000px; height:550px; background:url(../images/header.jpg) no-repeat; margin:28px 0}

#header h2 {float:left; font-size:28px; color:#2a2113; text-transform:uppercase; margin:410px 0 0 140px }

#quick-contact {width:313px; height:474px; background:url(../images/quick.png) repeat; float:left; margin:35px 0 0 33px; border:2px solid #fff }

#quick-contact h3 {display:none}

#quick-contact label span {color:#fff; font-size:12px; text-transform:uppercase; float:left; clear:left; margin:11px 0 0 15px; font-weight:bold}

#quick-contact input {background:#f7e3c8; float:left; clear:left; border:0; width:280px; margin:5px 0 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0.2em}

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

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

#wrapper {width:100%; background:url(../images/background1.jpg) repeat; border-top:4px solid #a5a5a5; border-bottom:4px solid #a5a5a5; padding:0 0 30px 0;}

#content {width:639px; float:left; background:#d9d9d9; margin:30px 0 0 0; padding:0 0 30px 0}

#content h2 {font-size:22px; color:#da8a19; text-transform:uppercase; margin:20px 0 0 30px}

#content p {font-size:16px; color:#242323; line-height:32px; padding:20px 30px 0 30px}

.image {float:right; margin:30px 0 0 0}

#services {width:1000px; background:#d9d9d9; margin:30px 0 0 0; float:left}

#services h2 {font-size:19px; color:#da8a19; text-transform:uppercase; margin:-60px 0 0 0; background:#d9d9d9; width:639px; padding:20px 0; text-align:center }

.services {width:302px; height:463px; background:#f7a32c; float:left; margin:20px 0 0 24px}

.services ul {margin:0 0 0 20px; height:230px}

.services ul li {list-style-type:none; font-size:18px; color:#fff; text-transform:uppercase; background:url(../images/bullet.png) no-repeat 0 5px; margin:15px 0 0 0; padding:0 20px 0 35px; line-height:24px;}

.services img {margin:0 0 0 10px}

#bottom {width:1000px; height:54px; background:url(../images/bottom.png) no-repeat; padding:15px 0 0 0}

#bottom a {width:147px; height:31px; display:block; outline:0; text-indent:-9999px; background:url(../images/view-full-site.png) no-repeat; margin:0 auto}

#wrapper1 {background:#e5e5e5; padding:40px 0}

#wrapper1 img {margin:0 12px 0 0}

#wrapper1 img + img + img + img + img {float:right; margin:0}

#footer {width:100%; height:162px; background:#cbcbcb}

#footer p {font-size:11px; color:#787878; float:left; clear:left; padding:20px 0 0 0}

#footer h1 {font-size:11px; font-weight:100; color:#787878; float:left; clear:left; padding:5px 0 0 0; width:450px; line-height:17px}

#footer h6 {float:right; font-size:11px; font-weight:100; color:#787878; padding:20px 0 0 0}

#footer a {color:#493f3f}

#footer a:hover {color:#201d1d}

#wrapper1 h3 {display:none}

@media only screen and (max-width:480px) {
body {background:url(../images/background-mobile.jpg) repeat-x}

.invisible {display:block}

.wrapper {width:300px}

#top {width:300px; height:270px; text-align:center}

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

.top-middle {width:300px; float:none; margin:0; text-align:left}

.top-middle ul {width:200px; height:69px; background:url(../images/list.jpg) no-repeat; background-size:200px 69px; text-indent:-9999px; margin:10px 0 0 60px}

.top-middle ul li {list-style-type:none}

#top .top-middle img {float:none; margin:3px 0 0 103px; width:100px}

#top p img {width:25px;}

#top p {float:none; width:300px; text-align:center; margin:20px 0 0 0; padding:0}

#top .phone1 {display:none}

#top .phone2 {display:none}

/*#top .call1 {display:none}*/

#top p br {display:none}

#top .call {display:block}

#top .call img {width:150px; margin:5px 0 0 0}

#header {width:300px; height:auto; background:none; margin:28px 0}

#header h2 {display:none}

#quick-contact {float:none; margin:0; width:296px; height:510px;}



#quick-contact input {background:#f7e3c8; float:left; clear:left; border:0; width:260px; margin:5px 0 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0.2em}

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

#quick-contact .invisible {margin:-30px 0 0 0; padding:30px 96px 0 0}

#quick-contact h3 {display:block; text-align:center; font-size:18px; text-transform:uppercase; color:#fff; padding:7px 0 0 0}

#content {width:300px; margin:20px 0 0 0}

#content h2 {font-size:17px; color:#da8a19; text-transform:uppercase; margin:7px 0 0 0; text-align:center}

#content p {font-size:16px; color:#242323; line-height:32px; padding:10px 10px 0 10px}

#content .invisible {margin:-50px 0 0 0; padding:60px 100px 0 0}

.image {display:none}

#services {width:300px; background:#d9d9d9; margin:20px 0 0 0; float:left}

#services h2 {font-size:17px; color:#da8a19; text-transform:uppercase; margin:0; background:#d9d9d9; width:300px; padding:7px 0 0 0; text-align:center }

.services {width:280px; height:453px; background:#f7a32c; float:left; margin:20px 0 0 10px}

.services img {width:260px}

#services .invisible {padding:50px 100px 0 0; margin:-45px 0 0 0}

#services {padding-bottom:20px}


#bottom {width:300px; height:auto; background:none}

#wrapper1 {padding:0;}
 
#wrapper1 h3 {display:block; text-align:center; font-size:18px; text-transform:uppercase; font-weight:bold; color:#da8a19; padding:13px 0 0 0 }

#wrapper1 .invisible {float:none; width:200px; padding:50px 100px 0 0; margin:-30px 0 0 0}

#wrapper1 img {float:right; width:145px; margin:0 0 20px 0}

#wrapper1 img:nth-child(2n) {float:left;}

#footer {text-align:center; height:262px;}

#footer p {font-size:11px; color:#787878; float:none; clear:none; padding:10px 0 0 0}

#footer h1 {font-size:11px; font-weight:100; color:#787878; float:none; clear:left; padding:5px 0 0 0; width:300px; line-height:17px}

#footer h6 {float:none; font-size:11px; font-weight:100; color:#787878; padding:10px 0 0 0}

}

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

#top {width:700px; height:120px;}

#top img {width:250px; margin:0}

#top .top-middle img {width:auto}

#top p img {width:auto;}

.top-middle {width:250px; margin:0 0 0 20px}

.top-middle ul {width:250px; height:86px; background:url(../images/list.jpg) no-repeat; background-size:250px 86px }

#top p {float:right; width:180px; font-size:14px}

#top .phone1 {width:150px; height:22px; background:url(../images/phone1.png) no-repeat; background-size:150px 22px; display:block; text-indent:-9999px; margin:7px 0 0 0}

#top .phone2 {width:150px; height:24px; background:url(../images/phone2.png) no-repeat; background-size:150px 24px; display:block; text-indent:-9999px; margin:7px 0 5px 0}

#header {width:700px; height:385px; background:url(../images/header.jpg) no-repeat; background-size:700px 385px}

#quick-contact {width:243px; height:360px; background:url(../images/quick.png) repeat; float:left; margin:10px 0 0 10px; border:2px solid #fff }

#quick-contact label span {color:#fff; font-size:11px; text-transform:uppercase; float:left; clear:left; margin:3px 0 0 5px; font-weight:bold}

#quick-contact input {background:#f7e3c8; float:left; clear:left; border:0; width:230px; margin:0 0 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0.1em}

#quick-contact textarea {background:#f7e3c8; float:left; clear:left; border:0; width:230px; height:80px; margin:0 0 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px;  padding:0.1em}

#quick-contact .submit {width:99px; height:28px; background:none; border:0; padding:0; margin:15px 0 0 5px}

#header h2 {float:left; font-size:22px; color:#2a2113; text-transform:uppercase; margin:285px 0 0 80px }

#content {width:359px; padding:0 0 10px 0}

#content h2 {font-size:18px; color:#da8a19; text-transform:uppercase; margin:10px 0 0 10px}

#content p {font-size:13px; color:#242323; line-height:22px; padding:10px 10px 0 10px}

#services {width:700px; margin:20px 0 0 0}

#services h2 {font-size:12px; color:#da8a19; text-transform:uppercase; margin:-60px 0 0 0; background:#d9d9d9; width:359px; padding:25px 0; text-align:center }

.services {width:224px; height:405px; background:#f7a32c; float:left; margin:5px 0 0 7px}

.services ul li {list-style-type:none; font-size:14px; font-weight:bold}

.services ul {margin:0 0 0 10px;}

.services img {width:205px;}

#bottom {width:700px; height:38px; background:url(../images/bottom.png) no-repeat; background-size:700px 48px; padding:10px 0 0 0}

#bottom a {width:100px; height:21px; display:block; outline:0; text-indent:-9999px; background:url(../images/view-full-site.png) no-repeat; background-size:100px 21px; margin:0 auto}

#wrapper1 img {width:165px; margin:0 5px 0 0}

#footer h1 {width:400px}
}