/* 
Title: Precision Heat and Air
Description: Responsive layout with top navigation bar,full width pages compatibile with mobile devices
URL: https://precisionheatandair.pages.dev
Created: June 17 2022
*/
body {background:#fff;color:#333;font-size:16px;font-size:120%;font-family:Tahoma,Arial,Helvetica,Sans-Serif;margin:0 auto;padding:0}
a,a:visited {color:#0000cc;text-decoration:none}
a:hover {color:#cc0000;text-decoration:underline}
.alignright {float:right;border:none;padding:8px 0 0 10px}
.alignleft {float:left;border:none;padding:8px 10px 0 0}
.aligncenter {display:block;text-align:center;border:none;margin:0 auto;padding:0.2em}
.smalltext {font-size:0.9em}
.largetext {font-size:1.5em;font-weight:bold;text-align:center;color:#0000cc}
/*iframe wrap resizeable container*/
.iframewrap {position:relative;height:0;overflow:hidden;padding-bottom:20%;padding-top:25%;margin-left:-5px}
.iframewrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;border:0} 
/*header section*/
#header {background:#fff url('images/logo.jpg') center center no-repeat;width:auto;height:80px;border-bottom:#999 1px solid;margin:0 auto;padding:5px 0}
/*Top Nav bar*/
#nav {background:#transparent;width:100%;max-width:1100px;height:32px;text-align:center;border-bottom:#999 1px solid;margin:0 auto;padding:2px 0 0}
#nav ul {margin:0;padding:2px 0 0}
@media screen and (max-width:800px) {#nav li {font-size:1.1em;padding:1px 10px}}
@media screen and (min-width:801px) {#nav li {font-size:1em;padding:1px 6px}}
#nav li {display:inline;list-style-type:none;margin:0}
#nav ul li a,#nav ul li a:visited {font-family:inherit;background:transparent;color:#222;text-decoration:none;padding:1px 4px;margin:0}
#nav ul li a:hover {color:#cc0000;background:#fff;text-decoration:none}
/*Main Pagewrap*/
@media screen and (max-width:800px) {#main {width:100%;margin:0 auto}}
@media screen and (min-width:801px) {#main {width:91%;max-width:1100px}}
#main {background:#fff;margin:0 auto;padding:0}
/*Contect section*/
#content {background:#fff;width:97%;max-width:1100px;margin:0 auto;padding:10px 0}
#content p {border:none;line-height:1.4em;text-align:justify;margin:0;padding:0 0 15px}
#content h1 {color:#222;font-size:1.3em;font-family:inherit;font-weight:bold;margin:0;padding:15px 0 20px}
#content h2 {color:#222;font-size:1.25em;font-family:inherit;font-weight:normal;margin:0;padding:15px 0}
#content h3 {color:#222;font-size:1.23em;font-family:inherit;font-weight:normal;margin:0;padding:15px 0}
#content h4 {color:#222;font-size:1.21em;font-family:inherit;font-weight:normal;margin:0;padding:15px 0}
#content h5 {color:#222;font-size:1.2em;font-family:inherit;font-weight:normal;margin:0;padding:15px 0}
#content h1 a {color:#222;text-decoration:none}
#content h1 a:hover {color:#777;text-decoration:none}
#content ol {margin:0 0 14px 20px;padding:0}
#content ol li {font-size:1em;font-family:inherit;line-height:1.5em;text-align:justify;margin:0 0 6px 20px;padding:0}
#content ul {margin:0 0 14px 20px;padding:0 0 10px}
#content ul li {list-style-type:disc;font-size:1em;font-family:inherit;line-height:1.5em;text-align:justify;margin:0 0 6px 20px;padding:0}
#content img {max-width:95%}
/*Homepage nav section*/
@media screen and (max-width:800px) {#nav2 ul li {font-size:1.16em;line-height:2em}}
@media screen and (min-width:801px) {#nav2 ul li {font-size:1em;line-height:1.5em}}
#nav2 {width:95%;margin:0 10px;padding:0 0 10px}
#nav2 h3 {color:#222;font-size:1.23em;font-family:inherit;font-weight:normal;padding:14px 0;margin:0}
#nav2 h3 a {color:#222;text-decoration:none}
#nav2 h3 a:hover {color:#777;text-decoration:none}
#nav2 ul {margin:0;padding:0}
#nav2 ul li,#nav2 ul li a {text-decoration:none;list-style:none;margin:0 0 2px;padding:0}
#nav2 ul li a:hover {color:#777;text-decoration:underline}
/*breadcrumbs*/
#breadcrumb {font-size:0.86em;padding:0}
#breadcrumb ol {margin:0;padding:0.9em 0.5em 0 0}
#breadcrumb ol li {list-style-type:none;display:inline;padding:0 4px 0 0;margin:0}
#breadcrumb ol li:before {content:"›";padding:0 4px 0 1px}
/*Social buttons section*/
#share {width:98%;text-align:right;margin:0;padding:0 0 0.9em}
#share ul {margin:0;padding:0.9em}
#share ul li {list-style-type:none;display:inline;padding:0 10px 0;margin:0}
/*footer section*/
#footer {background:#fff;width:100%;max-width:1100px;height:auto;color:#333;font-family:inherit;font-size:0.9em;border-top:#999 2px solid;margin:0 auto 10px;padding:8px 0 4px}
@media screen and (max-width:800px) {footer ul li {line-height:2em} }
@media screen and (min-width:801px) {footer ul li {line-height:1.4em} }
#footer ul {text-align:left;margin:0 0 4px;padding:0}
#footer ul li {display:block;list-style-type:none;margin:0 0 2px 0;padding:0 10px 0}
#footer ul li a:hover {color:#777;text-decoration:underline}