html, body{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}

body{
	background-image:url('../Images/squared_metal_@2X.png');
	background-repeat:repeat;
	background-color: #d3d3d3;
	font-family: 'PT Sans', sans-serif;
}
h1, h2, h3{
color:#562456;
}

h1{
font-size:1.5em;	
}

#wrapperwhite{
position:absolute;
background-color:#fff;
top:0px;
left:0px;
right:0px;
height:122px;
width:100%;
z-index:-1;
}

#wrapper{
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom:-150px;
}

#wrapper1{
	position:relative;
background-color: #fff;
min-width:965px;
width:965px;
margin: 0 auto;
}

nav{
width:100%;
padding-top:70px;
padding-bottom:10px;
margin:0 auto;
z-index:1; /*position above everything else so it's clickable*/
}

nav ul{
list-style-type:none;
text-align:center;
}

nav ul li{
margin-right:5px;
display: inline;
}

.button {
	background-color: #562456; /*fallback for older browsers*/ 
   padding: 5px 10px 5px 10px;
   border-radius: 15px; /*CSS3 curves the borders edges*/
   color: #fff; /*text colour*/
   font-size: 1em;
   text-decoration: none; /*removes underline on links*/
   vertical-align: middle;
   -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
   }
.button:hover {
   color: #aba391;
   }

.button1 {
   background: #562456;
   padding: 5px 10px 5px 10px;
   border-radius: 15px; /*CSS3*/
   color: #aba391;
   font-size: 1em;
   text-decoration: none; /*removes underline on links*/
   vertical-align: middle;
   }   
header{
padding-top:20px;
padding-left:20px;
width:965px;
}
header img{
height:70px;	
}

article{
margin:0 auto; /*top right bottom left margins*/
width:750px;
padding-bottom:20px;
}

section{
margin:0 auto; /*top right bottom left margins*/
width:882px;
padding-bottom:40px;
}

a:hover, a:visited, a:link, a:active{ 
text-decoration: none; /*removes underlined links*/
}
a p{font-weight:bold; color:#562456;}
a p:hover{color:#aba391;}

section img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
	z-index:2;
}

header img{
height:70px;
}

#home section {
height:420px;
padding-top:50px;
}

section img{
float:left;
margin-left:2px;
border:1px solid #282c2f;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
-ms-transition: all 300ms ease;
transition: all 300ms ease;	
z-index:1;
}

#home section img{
	float:left;
width:290px;
}

#sub-navigation #images {
height:140px;
margin-bottom:20px;
}

#sub-navigation section #images img{
	float:left;
width:172px;
}

#sub-navigation section h1{
text-align:center;	
}

.construction {
	display:inline-block;
	border:solid 1px #282c2f;
	width:882px;
	text-align: center;
}

article #about img{
float:right;
width:150px;
margin-left:20px;
margin-right:10px;
margin-top:5px;
}

article a{
	margin-top:10px;
}

article input, article textarea {
	padding: 5px;
	width: 635px;
	margin: 0px 0px 10px 0px;
}

article textarea {
	height: 90px;
}
article textarea:focus, article input:focus {
	border: 2px solid #562456;
	outline:none;
}
article #submit-button {
	width: 70px;
	float: right;
	border:none;
	text-align:center;
}
article label {
	float: left;
	text-align: right;
	width: 100px;
	padding-top: 5px;
}
article #contact{
height:275px;
}

#push{
	height:150px;
}

footer{
width:100%;
padding-top:40px;
height:70px;
color:#fff;
background-color: #282c2f;
margin-top:40px;
}

footer img{
height:40px;
width:40px;
}
.left{
padding-left:20px;
float: left;
display: inline;
border:none;
}
.centre{ /*centre aligned between two floats*/
display: inline;
border:none;
text-align:center;
}
.right{
padding-right:15px;
float: right;
display: inline;
border:none;
}
.right a{
padding-right:5px;
}

.right a.facebook{
float:right;
display:block;
background:url(../Images/facebook.png) no-repeat;
height:39px;
width:40px;
}

.right a.email{
float:right;
display:block;
background:url(../Images/email.png) no-repeat;
height:39px;
width:40px;
}

.right a.twitter{
float:right;
display:block;
background:url(../Images/twitter.png) no-repeat;
height:39px;
width:40px;
}

.text_line{
clear:both; /*clears floats*/
}

img{
border-style:none; /*removes blue border around linked images*/
}
# index a{
text-decoration:none;
}

p.speech
{
	position: relative;
	text-align: center;
	width:200px;
	padding:10px;
	background-color: #fff;
	border: 4px solid #666;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
}

p.speech:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 0 10px 20px;
border-color: transparent #666;
display: block;
width: 0;
z-index: 1;
right: -22px;
top: 35%;
}

p.speech_left
{
	position: relative;
	text-align: center;
	width:200px;
	padding:10px;
	background-color: #fff;
	border: 4px solid #666;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
}
p.speech_left:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 20px 10px 0;
border-color: transparent #666;
display: block;
width: 0;
z-index: 1;
left: -22px;
top: 35%;
}