/*Global Styles*/
html {/*background-color:#FFF;*/ overflow-x:hidden; height:100%;}
html, body {margin:0; padding:0; font-family:Calibri, 'Lato', 'Helvetica', 'Arial', sans-serif;}
html nav ul {margin:0; padding:0;}
a {text-decoration:none; color:white;}

/*Navigation Bar*/
nav {background-color:#4C4C4C; height:50px; position:fixed; top:0; z-index:100; width:100%; line-height:50px; padding: 5px; margin-bottom: 5px;}
nav #bContainer{width:950%; margin:auto; max-width: 1020px;}
nav #bContainer h1{display: inline;}
nav #mobileNav{float: right; display: none;}
nav #mobileNav:hover{opacity: .8; cursor: pointer;}
@media (max-width: 2000px) {nav #dropDownMenu{display:none;} }
@media (max-width: 1330px) {nav #bContainer h1{display: none;} nav #bContainer {width: 95%;} nav #dropDownMenu{display: none;} }
@media (max-width: 850px) {nav #bContainer #menuOptions{display: none;} nav #mobileNav{float: right; display: inline;} nav #dropDownMenu {display: block;}}
nav h1 {display:inline; padding: 0px 0px 0px 15px;}
nav h1 span {font-size:150%;}
nav p {display:inline; padding:0px;}
nav #menuOptions {float:right; right:0; top:0; display:inline;} 
nav #menuOptions li {list-style-type:none; display:inline; padding: 10px 15px; height:100%;}
nav #dropDownMenu {width: 180px; position: absolute; right: 0px; margin-top: 50px;}
nav #dropDownMenu li {list-style-type:none; display:block; padding: 10px 25px; height:100%; background-color: #4C4C4C; text-align: right; height: 40px;}
nav #dropDownMenu #last {border-radius: 0px 0px 20px 20px;}
nav ul li span {font-size:22px;}
nav img {float:left; height:50px;}
nav ul li:link, li:visited {background-color:#4C4C4C;}
nav ul  li:hover {background:#1A1A1A;}
nav ul li:active {background:#000;}
#header span {font-size:30px;}
nav #titleLink:link, #title:visited {background-color:#4C4C4C;}
nav #titleLink:hover {color:#B2B2B2;}
nav #titleLink:active {color:#999;}

/*home page*/
#container {margin:75px 25px 25px; padding:15px; border-top:5px solid #4C4C4C; border-bottom: 5px solid #4C4C4C; color:#4C4C4C; text-align:center; border-radius:5px;}
#container #bigLogo {width:150px; float:left; margin-left:40px;}
#container header h1 {font-size:400%; margin:0px; padding:0px;}
#container header h1 span {font-size:150%;}
#container header p {font-size:175%; margin:0px; padding:0px 5px 20px 5px;}
#container header p span {font-size:150%;}
#container section {width:100%; margin:0px auto; margin-top:20px; padding-bottom:25px;}
#container section article {float:left; width:33%; margin:0px auto; border-right:2px solid #4C4C4C; padding:25px 0px; text-align:center;}
#container section article:last-child {border-right:none;}
#container section h1 {color:#4C4C4C; font-size:180%;}
#container section h1 span {font-size:130%;}
#container section article img {width:80%; border:2px solid #4C4C4C; border-radius:5px;}
#container h3 {color:#4C4C4C; font-size:130%; margin-top:100px; padding-top:350px; text-align:center;} 
#container h3 span {font-size:120%;}
.widthadjust {margin:0px auto; width:100%; max-width: 1020px;}
#contactlogo {width:220px;}

/*HOME PAGE RESPONSE*/
@media (max-width: 850px){
    #container {margin-bottom: 95%; border-bottom:none;}
    #container section article {float:left; width:75%; margin:0px auto; border-right:none; margin-left: 10%;}
    #container h3 {display: none;}
    #homeFoot {float:left;}
}

/*about page*/
/*#aboutContain {margin: 75px 25px 25px; padding:15px;}*/
#about {margin: 75px 25px 25px; padding:15px; border-top:5px solid #4C4C4C; border-bottom:5px solid #4C4C4C; color:#4C4C4C; border-radius:5px; font-size:150%;}
#about img {margin:0px auto; display:block;}
#abouthead span {font-size:150%;}
#meet span {font-size:150%;}
#about p {text-indent:25px;}

/*contact page*/
#contactcontain {margin: 75px 25px 25px; padding:15px; border-top:5px solid #4C4C4C; border-bottom:5px solid #4C4C4C; color:#4C4C4C; border-radius:5px; text-align:center;}
#contactcontain section article h1 {font-size:140%;}
#contactcontain section article p {font-size:140%;}
#contact span {font-size:150%;}
#companyname span {font-size:150%;}

/*services page*/
#servicescontain {margin: 75px 25px 25px; padding:15px; border-top:5px solid #4C4C4C; border-bottom:5px solid #4C4C4C; color:#4C4C4C; border-radius:5px; text-align:center; font-size:150%;}
#servicescontain section article h1 {font-size:125%;}
#servicescontain section article h1 span {font-size:150%;}
#servicescontain ul {list-style-type:none;}
#servicescontain .p {width:300px; border:2px solid #4C4C4C; border-radius:5px; margin:10px 10px;}
#servicescontain #slideshow {margin:25px auto; border:2px solid #4C4C4C; border-radius:5px;}
#servicesheader {font-size:175%;}
#servicesheader span {font-size:150%;}
#servicescontain .listleft {display:inline-block;}
#servicescontain .listright {display:inline-block;}
#serviceslogo {width:220px;}

/*testimonials page*/
#testcontain {margin:75px 25px 25px; padding:15px; border-top:5px solid #4C4C4C; border-bottom:5px solid #4C4C4C; color:#4C4C4C; border-radius:5px; text-align:center; font-size:150%;}
#testcontain section article footer {font-size:135%; padding-top:0px; padding-bottom:40px;}
#testheader {font-size:175%}
#testsubhead {font-size:130%;}
#testheader span {font-size:150%;}
#testsubhead span {font-size:150%;}
#scoreboard ul {list-style-type:none; vertical-align:text-top;}
#scoreboard .leftlist {display:inline-block;}
#scoreboard .rightlist {display:inline-block;}
#scoreboard h1 {font-size:125%;}
#scoreboard h1 span {font-size:150%;}

/*footer*/
footer {text-align:center; bottom:0; width:100%; padding:5px 5px 0px; margin-bottom: 10px; display: block; float: bottom;}
footer p {margin:0px auto; padding:0px; }