/*Reset CSS*/
*{margin:0 auto; padding:0}

/*general elements*/
body{font-family:Calibri}
a, img, ul, form, fieldset{border:none; text-decoration:none; outline:none; list-style:none; resize:none}
h1, h2, h3{font-weight:normal}
input[type=text], textarea {-webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out outline:none; resize:none}
input[type=text]:focus, textarea:focus {box-shadow:0 0 5px rgba(81, 203, 238, 1); border:1px solid #51CBEE}

/*layout*/
.wrapper{max-width:960px}

header{background-color:#fff; position:relative; z-index:9999; -webkit-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.5); box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.5)}
header h1{line-height:0}

nav{float:right; margin-top:8px}
nav ul{margin-top:15%}
nav ul li{display:inline}
nav ul li a{font:26px Arial, Helvetica, sans-serif; color:#6e6e6e; padding:0 7px 3px}
nav ul li a:hover, nav ul li a.active{color:#829147; border-bottom:2px solid #829147}

banner{height:500px; position:relative; overflow:hidden}
.banner-header{position:absolute; top:22%; color:#fff; width:100%; z-index:99999}
.banner-header h1{font-size:35px; line-height:40px; width:70%}
.banner-header h1 span{color:#ff8a00}
.banner-header p{font-size:14px; line-height:20px; width:60%}
.banner-header p a{font-size:18px; width:100px; text-align:center; border:2px solid #ff8a00; color:#fff; display:block; padding:15px 20px 17px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.banner-header p a:hover{border-color:#fff; color:#ff8a00}

.mainContent{padding:30px 0 60px}
.mainContent h1{color:#3a3a3a; text-transform:uppercase; font-size:28px; margin-bottom:5px}
.mainContent h2{color:#3a3a3a; font-size:22px; margin-bottom:5px}
.mainContent h3{color:#3a3a3a; font-size:20px}
.mainContent p{color:#363333; font-size:18px; line-height:24px}

.contactForm fieldset{overflow:visible; position:relative; margin-bottom:10px; width:400px}
.contactForm label{display:block; float:left; margin-right:10px; width:80px; padding-top:3px; font-size:16px; color:#363333}
.contactForm fieldset p{font-size:12px; float:left}
.inputText{padding:5px 2px; border:1px solid #aaa; width:300px}
.inputTextarea{padding:5px 2px; border:1px solid #aaa; width:300px; height:150px}
.submit{background-color:#829147; cursor:pointer; font-size:14px; border:none; padding:5px 10px; color:#fff; float:right; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px}
.requiredField{border:1px solid #ddd; outline:medium none; padding:5px 0 5px 10px; font-size:12px}
.spmhidip{display:none}
.error{display:block; position:absolute; top:6px; left:400px; font-size:12px; width:100%}

.contactInfo{width:480px; margin-top:30px}
.contactInfo li{display:inline-block; background:url(../images/bullet.png) no-repeat left center; width:200px; padding-left:15px; margin:0 10px; font-size:14px; text-transform:uppercase}
.contactInfo li a{color:#363333}

footer{background-color:#888c78; padding:15px 0; border-top:2px solid #fff}
footer p{color:#fff; font-size:12px}
footer p a{color:#fff}
footer li{display:inline-block}

/*misc*/
.clear{clear:both; height:0}
.fltlft{float:left}
.fltrgt{float:right}

#contactus .spmhidip{display:none}

header, banner, section, footer, aside, nav, article, figure {display:block}