a { font-style:italic; text-decoration:none; } body { background-color:#FFFFCC; font-family:arial; } footer { color:#000066; margin:8px; padding:5px; } h1,h2,h3,h4,h5,h6 { font-family:arial; font-weight:bold; font-style:none; text-decoration:none; } header { color:#FFF; background:#FF66FD; padding:5px 20px 2px 20px; border-radius:15px 15px 0px 0px; height:90px; text-align:center; } iframe { margin-left:auto; margin-right:auto; } main { color:#000066; background:#E5FEFF; padding:10px 20px 10px 20px; font-size:1.2em; } nav { background:#FF99FE; border-radius:0px 0px 15px 15px; padding:5px; } nav ul { list-style-type:none; } nav li { display:inline; } nav button { width:19.63%; height:40px; border:0; background:#FF99FE; color:#FFF; font-size:1.1em; -moz-transtion:all .1s linear; -o-transition:all .1s linear; -webkit-transition:all .1s linear; } nav button:hover,.current { border-radius:15px; background:#FFF; color:#000; } #jhead { width:175px; margin:15px; float:right; } #wrapper { background:#E5FEFF; border-radius:15px; max-width:1000px; min-width:1000px; margin:0 auto 0 auto; padding:20px; } .active,.demo:hover { opacity:1; } .caption-container { text-align:center; background:#000; padding:2px 16px; color:white; } .close { color:white; position:absolute; top:10px; right:25px; font-size:35px; font-weight:bold; } .close:hover,.close:focus { color:#999; text-decoration:none; cursor:pointer; } .column { /* making four columns equal widths to float next to one another */ float:left; width:22%; } .demo { opacity:0.6; } .hover-shadow { transition:0.3s; width:200px; } .hover-shadow:hover { box-shadow:0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19) } .modal { display:none; position:fixed; z-index:1; padding-top:100px; left:0; top:0; width:100%; height:100%; overflow:auto; background:#000; } .modal-content { position:relative; background:#FEFEFE; margin:auto; padding:0; max-width:1000px; } #carModal .mySlides { display:none; height:800px; width:1200px; background:#000; text-align:center; } #catModal .mySlides { display:none; height:600px; width:1200px; background:#000; text-align:center; } .numbertext { color:#F2F2F2; font-size:12px; padding:8px 12px; position:absolute; top:0; } .photo { max-width:1000px; max-height:750px; } .row > .column { padding:0px 8px; } .row:after { content:""; display:table; clear:both; } .thumb { width:200px; margin-left:10px; margin-right:10px; }