html {
 width: 100%;
 height: 100%;
 padding:0;
 margin:0;
}
body {
 height:100%;
 font-family: 'PT Sans', sans-serif;
 font-size:24px;
 color: #333333;
 background: #888888; /* Old browsers */
 background: -moz-linear-gradient(45deg, #aaaaaa 1%, #ffffff 49%, #e8e8e8 52%, #ffffff 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(45deg, #aaaaaa 1%,#ffffff 49%,#e8e8e8 52%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(45deg, #aaaaaa 1%,#ffffff 49%,#e8e8e8 52%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 background-repeat: no-repeat;
 background-attachment: fixed;
 padding:0;
 margin:0;
}
h1, h2, h3, h4, h5, h6 {
 margin-top:5px;
 margin-bottom:5px;
}
p {
 margin-top:10px;
 margin-bottom:5px;
}
a:link, a:visited {
 color: #555555;
 text-decoration:underline;
}
a:hover {
 color: #888888;
}

hr {
 border: 0;
 height: 1px;
 margin:0px;
 background-image: linear-gradient(to right, rgba(0, 17, 0, 0), rgba(0, 17, 0, 0.2), rgba(0, 17, 0, 0));
}

#container {
 width: 100%;
 position:relative;
 margin:0;
 padding:0;
}

#masthead {
 position:relative;
 height:300px;
 width:100%;
 margin:0px;
 padding:0px;
 text-align:center;
 background-image:url('../images/masthead.jpg');
}


#masthead_title, #masthead_title a:link, #masthead_title a:visited  {
 padding-left:25px;
 padding-top:25px;
 color:white;
 text-decoration:none;
 font-size:40px;
 text-shadow: 2px 2px 5px #333333;
}
#masthead_slogan, #masthead_slogan a:link, #masthead_slogan a:visited  {
 color:white;
 margin:0px;
 text-decoration:none;
 font-size:72px;
 text-shadow: 2px 2px 5px #333333;
}
#navigation {
 margin-right:25px;
 margin-top:25px;
 margin-bottom:25px;
}
.navbox {
 border: 1px solid white;
 width:100px;
 padding:10px;
 margin:5px;
 text-align:center;
 text-shadow: 2px 2px 5px #333333;
}
.navbox a:link, .navbox a:visited {
 color:white;
 font-size:20px;
 text-decoration:none;
}

#content {
 position:relative;
 max-width:1100px;
 min-width:800px;
 min-height:400px;
 padding:0px;
 margin: 30px 0px 30px 0px;
 text-align:justify;
}

#content img {
 opacity: 0.85;
 transition: opacity .5s ease-out;
 -moz-transition: opacity .5s ease-out;
 -webkit-transition: opacity .5s ease-out;
 -o-transition: opacity .5s ease-out;
}
#content img:hover {
 opacity:1;
}



#editor {
 width:1100px;
 overflow:hidden;
}

.contact_spacer {
 height:5px;
 width:1px;
}


#contact input, #contact textarea, #contact select {
 font-family: 'PT Sans', sans-serif;
 font-size:20px;
 border: 1px solid #999999;
 width:100%;
 margin:0px;
 padding: 5px 3px 5px 3px;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 color: #999999;
}
#contact textarea {
 font-family: 'PT Sans', sans-serif;
}
#contact input[type=submit] {
 font-weight:bold;
 height: 76px;
 width:76px;
 position:relative;
 top:-1px;
 color: #010;
}




#footer {
 margin:0% 5% 0% 5%;
 width:90%;
 padding:0;
 font-size:14px;
 font-weight:bold;
 color: #999999;
 margin-bottom:50px;
}
#footer a:link, #footer a:visited {
 color: #999999;
}
#footer a:hover {
 color:#666666;
 text-decoration:none;
 text-shadow: 3px 3px #ffffff;
}


.coloured_button {
 border-radius: 5px;
 color: white;
 width: 100%;
 padding: 10px 0px 10px 0px;
 margin: 0px;
 text-align: center;
 box-shadow: 3px 3px #cccccc;
}
.coloured_button a:link, .coloured_button a:visited {
 color:white;
 text-decoration:none;
}
.coloured_button a:hover {
 text-shadow: 0px 0px 5px #f8f8f8;
}

#button_orange {
 background-color: #da8c29;
}

#button_green {
 background-color: #78d43f;
}

#button_blue {
 background-color: #186cb8;
}

#button_purple {
 background-color: #7621de;
}