*{margin: 0; padding: 0; font-family: helvetica}

body {margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; padding: 10; background-color: white}

header {font-family: helvetica; min-height: 150px; align-content: left; padding-left: 30px; border-bottom: 2px solid #60574a}
header img{width: 150px; }
#page-site-name{margin-top: 30px; text-align: center; font-size: 25px; margin-bottom: 5px}



nav {width: 240px; background: #f4940d; position: fixed; top: 0; bottom: 0; right: -240px; z-index: 1000; transition: all ease-in-out 200ms; 
overflow-y: auto; -webkit-overflow-scrolling: touch; padding-bottom: 350px; 
}
/* html { . For desktop . overflow: hidden; }*/ 
body { overflow: visible; height: 100%; }

nav div ul li:hover{background-color: #ed8c04}
nav div ul {width: 100%; font-size: 12px; margin-top: 0px;  align-content: center; background-color: #ed8c04; border-left: 2px solid #60574a; border-bottom: 2px solid #60574a}


ol {margin: 0 auto; padding: 0; padding-top: 30px; width: 80%; display: block;}
ol li {list-style: none ; display: list-item; padding: 20px; border: 2px solid #60574a; padding-left: 40px; }



ul {margin: 0 auto; padding: 0; padding-top: 30px; width: 80%; display: block}
ul li {list-style: none ; display: inline-block; padding: 20px; font-weight:normal}
ul li:hover {background-color: #ed8c04; margin: 0 auto}
ul li a:hover{color: #272727; border: 2px solid #f4940d}
ul li a {color: #000fab; text-decoration: none}
#togglemenu{
    width: 25px; height: 25px; background-color: #ed8c04; background-image:url('/images/menubar.png'); 
background-size: cover; background-repeat: no-repeat; position: fixed; top: 5px; right:5px; z-index: 1001; cursor: pointer; 
border: 10px solid #ed8c04; border-radius: 2px; transition: all ease-in-out 200ms;
overflow-y: auto; -webkit-overflow-scrolling: touch; 
}
#togglemenu:hover{opacity: 0.7}

nav ul { position:relative }

nav ul li ul { display: none;  position: absolute; background-color:#ed8c04;  }

nav ul li:hover ul { display:block; border-radius: 2px ; border: 2px solid #60574a; max-height:180px; overflow: scroll; margin-top:10px;
 margin-left: -22px; padding-top: 0px; align-content: center; max-width: 195px; min-width: 195px; }

nav ul li ul li a {  }

nav ul li ul li  { width:165px;  }

#dropdown { margin-bottom:0px; padding-bottom:10px; margin-left: 0px; 
margin-right: 0px; max-width: 175px; min-width: 175px;  }

#dropdown:hover { border-radius: 2px ; border: 2px solid #60574a; padding-right:0% }















#altcolor
{color: #007fab  color: #272727;
	
}

h1{color: #007fab; text-align: center; font-size: 25px; margin-left: 5px; margin-right: 5px}

h2{color: #272727; text-align: center; font-size: 25px; margin-left: 5px; margin-right: 5px}



h3{color: #3a3a3a; text-align: left; margin-bottom: 5px; font-size: 20px; margin-left: 5px; margin-right: 5px; padding-left: 10px;}

h4{color: #3a3a3a; text-align: left; margin-bottom: 5px; font-size: 20px; font-weight:normal; margin-left: 5px; margin-right: 5px; padding-left: 10px;}


p{color: #60574a; text-align: left; margin-left: 5px; margin-right: 5px}


#orderlistitem {text-align: left; padding-left: 10px; border: 2px solid #60574a; }

#head-1{margin-top: 50px; margin-bottom: 20px; text-align: center; font-size: 25px; margin-left: 10px; margin-right: 10px}
}
#head-1-paragraph{text-align: left; margin-bottom: 30px; margin-left: 10px; margin-right: 10px; padding-left: 40px; padding-right: 10px; }

#log-phrase{font-size: 35px; text-align: center; color: #3a3a3a}
.pic-1{margin-top: 30px; width: 100%} 

#contact-info{margin-top: 30px; text-align: left; margin-bottom: 5px}
#office-locations{margin-top: 0; text-align: left; margin-bottom: 20px; margin-left: 5px; padding-left: 40px; }
#contact{text-align: left; color: #000fab; font-size: 20px; text-decoration: none; margin-left: 5px}
#contact:hover{color: #272727}

#office-hours-title{margin-top: 60px; font-size: 30px; color: #272727; text-align: center; margin-bottom: 5px}
#office-hours{text-align: center; margin-bottom: 60px}

.button{color: #f4940d; text-decoration: none; border: 2px solid; border-radius: 2px; font-size: 20px; padding: 5px}
.button:hover{opacity: 0.7}

.pic-2{width: 100%; margin-top: 30px; margin-bottom: 30px}

#paragraph-2{margin-bottom: 30px; text-align: left; padding-left: 40px; padding-right: 10px; }
#paragraph-3{margin-bottom: 15px; margin-left: 5px; margin-right: 5px}
#paragraph-4{margin-top: 30px; margin-bottom: 20px; margin-left: 10px; margin-right: 10px}

#paragraph-4-1{margin-bottom: 20px; margin-left: 10px; margin-right: 10px}
#paragraph-5{margin-top: 30px; margin-bottom: 20px; margin-left: 10px; margin-right: 10px}
#paragraph-6{margin-top: 30px; margin-bottom: 20px; margin-left: 10px; margin-right: 10px}



#list-item{margin-bottom: 20px; text-align: left; border-left: 5px solid #f4940d; padding-left: 20px; font-size: 20px; margin-left: 20px}
#list-para{margin-bottom: 15px; margin-left: 5px; margin-right: 5px}
#list-para-1{margin-bottom: 30px; margin-left: 5px; margin-right: 5px}

#repair-damage{margin-bottom: 20px; text-align: left; border-left: 5px solid #f4940d; padding-left: 20px; font-size: 20px; margin-left: 20px}
#damage-list{margin-bottom: 15px; margin-left: 5px; margin-right: 5px; text-align: left; padding-left: 40px;}
#damage-list-1{margin-bottom: 30px; margin-left: 5px; margin-right: 5px; text-align: left; padding-left: 40px;}




#logo{width: 80%; margin-top: 60px; margin-bottom: 5px}

#footer{background-color: #272727; padding-bottom: 20px; padding-top: 30px; margin-bottom: 0px; margin-top: 30px;  }


#content-links{text-decoration: none; color: #000fab}
#content-links:hover{color: #272727}

#pictures{border: 2px solid #272727}