body {
margin: 0;
background-image:url('Images/universal/darkbluegrid.png');

}

img {
max-width: 100%;

}

h2 {
font-family: subheading;
color: #4d5151;
text-align: left;

}

.bannerHeadline h2 {
color: white;
text-align: center;
	
}

h3 {
font-family: subheading;
color: #019bdb;

}

p {
font-family: copy;
color: black;
font-size: 1.1em;
text-align: left;

}

blockquote {
text-align: left;
font-family: copy;
color: #4d5151;
font-size: 1.1em;

}

#content ul {
margin-left: 2%;
margin-bottom: 4%;

}

#content li {
font-size: 1.1em;
font-family: copy;
margin-bottom: 1%;
}
/**Font declarations  **/
@font-face {
    font-family: heading;
    src: url(Fonts/AlegreyaSC-Bold.otf);
	
}

@font-face {
    font-family: subheading;
    src: url(Fonts/Alegreya-Bold.otf);
	
}

@font-face {
    font-family: copy;
    src: url(Fonts/Alegreya-Regular.otf);
	
}

@font-face {
    font-family: navheading;
    src: url(Fonts/AlegreyaSC-Regular.otf);
	
}
/**End of font declarations  **/
header {
width: 100%;
height: auto;
font-family: heading;
text-align: center;
font-size: 2em;
color: white;
letter-spacing: 3px;
padding-top: 2%;
padding-bottom: 2%;
margin-top: 7%;

}

nav {
position: fixed;
top: 0;
width: 100%;
height: auto;
background: rgba(255,255,255,0.95); 
border-bottom: 4px #4d5151 solid;
text-align: center;
padding-top:1%;
padding-bottom: 1%;

}

nav ul {
margin:0;
padding:0;

}


nav li {
display: inline;
padding: 1%;
text-align: center;
font-size: 1.125em;
font-family: navheading;

}

nav a {
text-decoration: none;
color: #4d5151;
font-weight: bold;

}

a {
color: #029ad9;
text-decoration: none;
font-size: 1.2em;

}

#active {
color: #029ad9;

}

a:hover {
color: #029ad9;

}

#content {
width: 78%;
height: auto;
margin-left: 5%;
background-color: white;
margin-bottom: 10%;
padding-left: 6%;
padding-right: 6%;
margin-top: 3%;
padding-top: 3%;
padding-bottom: 6%;
float: left;

}
/**Index page **/
#introduction {
width: 100%;
height: auto;
float: left;
margin-bottom: 3%;

}

#highlight {
width: 100%;
height: auto;
float: left;
margin-bottom: 3%;

}

#contactInformation {
width: 25%;
height: auto;
float: left;
background-color: white;

}

#paymentOptions {
width: 30%;
height: auto;
float: left;

}
/**End of index page **/
.banner{
width: 100%;
height: 70px;
float: left;
background-color:#029ad9;
background-repeat: no-repeat;
background-position: right;
margin-bottom: 3%;
color: white;

}

#ethicsBanner {
background-image:url('Images/universal/wheel.png');

}

#surveysBanner {
background-image:url('Images/universal/anchor.png');

}

#prepBanner {
background-image:url('Images/universal/fish.png');

}

#workOrderBanner {
background-image:url('Images/universal/wheel.png');

}

#prePurchaseBanner {
background-image:url('Images/universal/anchor.png');

}

#servicesBanner {
background-image:url('Images/universal/fish.png');

}
/** Form pages **/
#signature {
width: 500px;
height: auto;
float: left;
margin-top: 2%;

}

#date {
width: 300px;
height: auto;
float: right;
margin-top: 2%;

}

button.css3button {
	font-family: 'subheading';
	font-size: 1em;
	color: white;
	padding: 8px 20px;
	background-color: #019bdb;
	border: 0px solid black;
	margin-bottom: 4%;
	
}
/**End of form pages**/
/**Surveys page**/
section {
width: 90%;
height: auto;
float: left;
background-color:transparent;
margin-left: 5%;
margin-bottom: 3%;
margin-top: 5%;

}

.window {
width: 30%;
height: auto;
float: left;
background-color: transparent;
text-align: center;

}

.text {
width: 65%;
height: auto;
float: left;
background-color: white;
text-align: center;
font-family: copy;
padding-left: 5%;

}

.altwindow {
width: 30%;
height: auto;
float: left;
background-color: transparent;

}

.alttext {
width: 65%;
height: auto;
float: left;
background-color: white;
text-align: center;
font-family: copy;
padding-right: 5%;

}
/**End of surveys page**/
/**Footer**/
#wheel {
width: 100%;
height: 199px;
float: left;
text-align: right;

}

footer {
width: 100%;
height: auto;
background-image:url('Images/footer/wood.png');
background-repeat: x;
float: left;

}

#footercontainer  {
width: 90%;
height: auto;
text-align: center;
margin-left: auto;
margin-right: auto;
background-color: transparent;
padding-top: 3%;
padding-bottom: 3%;

}
/**End of footer, and document**/