/*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:2px solid #51CBEE}

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

header{background-color:#7fb6b5; padding:7px 0; border-bottom:1px solid #fff}
header h1{font-size:30px; color:#363333}
header li{display:inline-block; margin:6px 5px 0}

.about, .services{padding:20px 0 30px; color:#fff; text-align:center}
.about h1{font-size:30px; font-weight:bold; border-bottom:3px solid #7fb6b5; padding-bottom:2px; display:inline}
.about h2{font-size:36px; text-transform:uppercase}
.about img{border:5px solid #fff; float:left; margin-right:20px}
.about p{text-align:justify; font-size:18px; line-height:20px}

.services h1{font-size:30px; color:#333435; font-weight:bold; border-bottom:3px solid #7fb6b5; padding-bottom:2px; display:inline}
.services li{display:block; float:left; width:280px; margin:10px 20px; color:#363333}
.services li h2{font-size:30px; font-weight:bold; text-transform:uppercase; margin:10px auto}
.services li p{font-size:14px; line-height:18px}

.contact{padding:20px 0 30px; text-align:center; background-color:#5ebcba}
.contact h1{font-size:30px; color:#333435; font-weight:bold; border-bottom:3px solid #fff; padding-bottom:2px; display:inline}
.contact li{display:inline-block; text-align:center; margin:15px}
.contact li p a{font-size:15px; line-height:30px; font-weight:bold; color:#fff; text-transform:uppercase}

footer{background-color:#353637; padding:20px 0}
footer p{color:#fff; font-size:14px; text-transform:uppercase}

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

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