@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,600');

body { font-family: 'Open Sans', arial; margin: 0; font-size: 14px; }

header { background-color: #603225; min-height: 150px; width: 100%; position: relative; }
header .logo { width: 218px; margin: 0 auto; padding-top: 30px; margin-bottom: 25px; }
header .toran { background: url(images/toran.png) left top repeat-x; height: 14px; position: absolute; z-index: 2; top: 150px; left: 0px; width: 100%; }
header .nav { text-align: center; }
header .nav ul { list-style: none; margin: 0; padding: 0; }
header .nav ul li { display: inline-block; position: relative; }
header .nav ul li ul { display: none; position: absolute; top: 100%; z-index: 101; }
header .nav ul li ul li a { display: block; width: 150px; background-color: #603225; text-align: left; }
header .nav ul li:hover ul { display: block; }
header a { font-size: 14px; display: inline-block; margin-right: 5px; line-height: 30px; border: 2px solid transparent; color: #FDD09E; text-decoration: none; padding: 0px 10px }
header a:hover, header a.current { border: 2px solid #FDD09E; box-shadow: 1px 1px 7px #000 }

.slider { width: 100%; min-height: 430px; background-image: url(images/banner1.jpg); background-position: center top -50px; background-size: cover; background-repeat: no-repeat; }
.slider .wrapper { padding-top: 100px; }
.slider .text { text-align: center; color: #FFF; font-weight: normal }
.slider p { margin: 0px; color: #FFF; font-size: 30px; text-align: center; font-weight: normal; letter-spacing: -1px; }
.slider p span { font-size: 40px; }
.slider a { margin-top: 15px; letter-spacing: 0px; font-size: 16px; color: #FFF; text-decoration: none; display: inline-block; line-height: 40px; border: 2px solid #FDD09E; padding: 0px 15px }
.slider a img { vertical-align: middle; opacity: 0.8; }
.slider a:hover { background-color: rgba(0,0,0,0.5); }

.home-logos { padding: 30px 0px; text-align: center; clear: both; width: 100%; border-top: 1px solid rgba(0,0,0,0.3);}
.home-logos ul { width: 960px; list-style: none; margin: 0 auto; padding: 0; }
.home-logos ul li { margin-right: 10px; vertical-align: middle; float: left; width: 150px; height: 70px; border-radius: 10px; box-shadow: 1px 1px 8px #603225; }
.home-logos ul li img { vertical-align: middle; width: 120px; padding: 10px 0px;}

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


a.moreLink { background: url(images/rite_arrow1.png) right center no-repeat; text-transform: uppercase; color: #603225; text-decoration: none; font-weight: bold; display: inline-block; padding-right: 20px }
a.moreLink:hover { opacity: 0.8; }

.featured-pan { background-color: #FDD09E; min-height: 300px; }
.featured-pan h1 { margin: 0px; font-weight: normal; font-size: 40px; letter-spacing: -1px; color: #603225; }
.featured-pan h2 { margin: 0px; font-weight: normal; font-size: 30px; letter-spacing: -1px; color: #282828; }
.featured-pan p { color: #595959; }
.featured-pan .levt { float: left; width: 500px; padding: 15px 0px }
.featured-pan .rite { float: right; width: 480px; padding: 15px 0px }
.featured-pan .home-tablet { border: 1px solid #603225; background: url(images/tablet.png) right bottom no-repeat; padding: 10px; min-height: 110px; margin-bottom: 10px }
.featured-pan .home-tablet h3 { margin-top: 0px; margin-bottom: 5px; font-weight: normal; font-size: 22px; color: #603225; }
.featured-pan .home-tablet p { margin: 0px; padding-right: 150px; }
.featured-pan .contact-no { border: 1px solid #603225; padding: 10px; text-align: right; }
.featured-pan .contact-no p { margin: 0px; }
.featured-pan .contact-no .contact { background: url(images/contact.png) 210px center no-repeat; padding-left: 100px; font-size: 30px; letter-spacing: -1px; }
.featured-pan .contact-no a { color: #603225; text-decoration: none; }
.featured-pan .contact-no a:hover { text-decoration: underline; }

.contentbase { padding: 20px 0px; }
.contentbase h1 { margin: 0px; font-weight: normal; font-size: 40px; letter-spacing: -1px; color: #603225; }
.contentbase h2 { margin: 0px; font-weight: normal; font-size: 28px; letter-spacing: -1px; color: #603225; margin-bottom: 15px; }
.contentbase h3 { margin: 0px; font-weight: bold; font-size: 20px; letter-spacing: -1px; color: #603225; margin-bottom: 10px; }

.sepr { border-bottom: 1px dotted #603225; }
.padd15 { padding: 15px; }

ul.features { list-style: none; margin: 0; padding: 0; }
ul.features li { color: #603225; width: 150px; display: inline-block; text-align: center; font-size: 13px; margin-right: 15px }

footer { background-color: #333; color: #999; font-size: 13px; }
footer .wrapper { border-top: 8px solid #FDD09E; padding: 12px 0px }
footer .info { width: 550px; float: left; }
footer .info hr { border-top: 1px solid #777; border-bottom: 1px solid #333; border-left: 0px; }
footer .social img { vertical-align: middle; }
footer a { color: #F3F3F3; font-weight: normal; text-decoration: none; font-size: 13px }
footer a:hover { color: #FDD09E; text-decoration: underline; }

footer .form { width: 440px; float: right; padding-top: 10px }
footer .form input { color: #D3D3D3; margin-bottom: 7px; width: 216px; background-color: #595959; border: 1px solid #999; padding: 8px; }
footer .form select { color: #D3D3D3; margin-bottom: 7px; width: 216px; background-color: #595959; border: 1px solid #999; padding: 7px; }
footer .form .levt { float: left; }
footer .form .rite { float: right; }