html {
    overflow-y:scroll;
}
    
body {
    margin:0px;
}

header {
    display:block;
    width:100%;
    height:162px;
    background:#efefef;
}

#logo {
    width:220px;
    height:113px;
}
    
page-title-banner {
    display:block;
    width:100%;
    height:52px;
    background:#f7f7f7;
    align-content:center;
    margin-bottom:70px;
}

centre {
    display:block;
    width:960px;
    justify-self:center;
}

.menu {
    display:flex;
    height:30px;
    margin-top:12px;
    padding:0;
    list-style:none;
}
    
.menu-button {
    display:inline-block;
    height:30px;
    box-shadow:2px 2px 5px #222, 0px 0px 0px #222, 0px 0px 0px #E6E6E6;
    background:#e5e5e5;
    text-align:center;
}

#home {
    width:95px;
}

#services {
    width:110px;
}

#faq {
    width:80px;
}

#orderforms {
    width:145px;
}

#media {
    width:96px;
}

#news {
    width:91px;
}

#about {
    width:127px;
}

#randd {
    width:83px;
}

#contact {
    width:133px;
}

.faq-submenu {
    margin-top:7px;
    list-style:none;
    padding-top:4px;
    display:none;
    position:absolute;
    z-index:7;
}
    
.about-submenu {
    margin-top:7px;
    list-style:none;
    padding-top:4px;
    display:none;
    position:absolute;
    z-index:7;
}

#faq:hover .faq-submenu {
    display:block;
}
    
#about:hover .about-submenu {
    display:block;
}

.faq-submenu-item {
    width:220px;
    height:40px;
    padding-top:5px;
    background:#e5e5e5;
}    
    
.about-submenu-item {
    width:130px;
    height:30px;
    padding-top:5px;
    background:#e5e5e5;
}

home-content {
    display:block;
    height:700px;
}
 
home-left-content {
    display:inline-block;
    width:740px;
    height:514px;
    float:left;
    margin-top:45px;
}
    
slideshow-container {
    display:block;
    float:left;
    width:650px;
    height:403px;
    margin-top:0px;
}

.cycler{
    display:block;
    position:relative;
    width:620px;
    height:346px;
    float:left;
    z-index:6;
    margin:10px 0 0 10px;
    border:10px solid #f7f7f7;
    background-color:#f7f7f7;
    list-style:none;
    padding-left:0px;
}

slide {
    display:grid;
    width:620px;
    height:346px;
    text-align:center;
    padding-bottom:10px;
}

.cycler slide{
    position:absolute;
    background-color:#f7f7f7;
    z-index:1;
}

.cycler slide.active{
    z-index:3;
}
    
.slideshow-image {
    width:620px;
    height:277px;
}
    
.slideshow-caption-heading {
    margin-top:10px;
    margin-left:6px;
    margin-bottom:9px;
}

.slideshow-image-caption-body {
    margin-top:0px;
}

.cycler-controls{
    position: absolute;
    top: 256px;
    right: 537px;
    z-index: 4;
}

.slideshow-button {
    display:block;
    background-image:url("../resources/images/graphics/Slideshow_Dot.png");
    height:9px;
    width:9px;
    float:left;
    margin:0 5px 0 5px;
    padding:0;
    text-decoration:none;
    text-indent:-9999px;
}

a.page.slideshow-button.active {
    background-position:0px -9px;
}

.slideshow-image {
    width:620px;
    height:277px;
}

.slideshow-caption-heading {
    margin-top:10px;
    margin-left:6px;
    margin-bottom:9px;
}

.slideshow-image-caption-body {
    margin-top:0px;
}

home-text-container {
    display:inline-block;
    width:650px;
    margin-left:10px;
}
    
home-right-content {
    display:inline-block;
    width:210px;
    height:514px;
    float:right;
    margin-top:60px;
}

box-top {
    display:block;
	height:16px;
	background:url("../resources/images/graphics/Box_Top.png") no-repeat top;
	background-size:contain;
}

box-middle {
    display:grid;
	width:208px;
	height:490px;
	border-left:1px solid #caebf2;
	border-right:1px solid #caebf2;
    justify-content:center;
}
    
box-bottom {
    display:block;
	height:8px;
	background:url("../resources/images/graphics/Box_Bottom.png") no-repeat top;
}

double-associate-link {
    display:inline;
    width:140px;
    height:52px;
    justify-self:center;
}

.associate-link {
    display:inline-block;
    height:52px;
}

.associate-link-left {
    display:inline-block;
    height:52px;
    float:left;
}

.associate-link-right {
    display:inline-block;
    height:52px;
    float:right;
}

.divider {
    width:189.266px;
    height:0px;
    margin:7px 0 7px 0;
}

box-bottom {
    display:block;
	height:8px;
	background:url("../resources/images/graphics/Box_Bottom.png") no-repeat top;
}

.associate-image {
    display:inline;
    width:189px;
}

.small-associate-image {
    display:inline;
    width:60px;
}
    
hyperlink-box {
    display:block;
    width:600px;
    background:#f7f7f7;
    border:1px solid #ccc;padding:10px 10px 10px 47px;
    margin-bottom:40px;
}

#damage-example-image {
    display:block;
    height:304px;
    width:339px;
    padding:7px 7px 7px 7px;
    margin-bottom:13px;
    margin-left:auto;
    margin-right:auto;
}
    
#faq-diagram-left {
    width:338.672px;
    height:291.797;
    padding-left:113px;
    padding-top:6.5px;
}

#faq-diagram-right {
    width:338.672px;
    height:240.406;
    padding-left:33.5px;
    padding-bottom:20.5px;
}
    
iframe {
    margin-bottom:20px;
}
    
news-item {
    display:block;
    background-color:#f7f7f7;
    width:753px;
    padding:10px;
    margin-bottom:13px;
    margin-left:120px;
}
    
team-member {
    display:block;
    overflow:hidden;
}

.team-member-photo {
    height:180px;
    width:180px;
    padding:18px;
}

contact-content {
    display:block;
    height:360px;
}

addresses {
    display:inline-block;
    width:330px;
    vertical-align:top;
    float:left;
}

.map {
    display:inline-block;
    height:315px;
    width:560px;
    border:0;
    float:right;
}

footer {
    border-top:1px solid #a9a9a9;
    padding-top:5px;   
}
    
a {
    color:#005ccc;
    text-decoration:none;
}
    
ul {
    list-style:disc;
}
    
h1 {
    font-size:22px;
    font-weight:400;
    margin:0 0 0 0;
    font-family:Verdana, Arial, Helvetica, sans serif;
    color:#005ccc;
}

h2 {
    font-size:21px;
    font-weight:400;
    margin:17px 0 11px 0;
    font-family:Verdana, Arial, Helvetica, sans serif;
    color:#005ccc;
    background-color:#f7f7f7;
}
    
h3 {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 0 0;
    font-family: Verdana, Arial, Helvetica, sans serif;
    color: #005ccc;
}

h4 {
    font-size:18px;
    font-weight:400;
    margin:0 0 0 0;
    font-family:Verdana, Arial, Helvetica, sans serif;
    color:black;
}
    
h5 {
    font-size:16px;
    font-weight:400;
    margin:5px 0 0 0;
    font-family:Arial;
    color:#005ccc;
}

p {
    font-size:14px;
    font-weight:400;
    font-family:Verdana, Arial, Helvetica, sans serif;
    color:black;
}

.submenu-text {
    font-size:14px;
    font-weight:400;
    font-family:Arial;
}

.caption-text {
    font-size:10px;
    font-weight:400;
    margin:0;
    font-family:Verdana, Arial, Helvetica, sans serif;
    color:black;
    text-align:center;
}
    
.marginless-text {
    margin:0;
}

.footer-text {
    font-size:10px;
    font-weight:400;
    margin:0;
    font-family:Verdana, Arial, Helvetica, sans serif;
    color:black;
    text-align:right;
}