body, html{
padding: 0;
top: 0;


}

a:link, a:visited, a:hover, a:active{
text-decoration: none;

}


.wordstyle{
font-family:candara;
font-weight: bold;
}

#wrappercontact{
margin-left: 0%;
width: 90%;
text-align: center;
margin-left: 5%;
margin-top: 5%;
float: left;
border-bottom: 2px solid gainsboro;
background: rgb(243,243,243);
}


#wrappercontact a{
color: rgb(70,70,70);	
	
}




#contentmap{
margin-top: 2%;
margin-bottom: 0%;
width: 100%;
margin-left: 0%;
float: left;
display: none;
}

#headg{
width: 33%;
margin-left: 2%;
margin-top: 0%;
display: inline-block;
vertical-align: top;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 2%;
font-family: calibril;
font-size: 90%;
text-align: left;
color: rgb(50,50,50);
}


#headg h3{
font-weight: 400;	

	
}

 .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0%;
	width: 100%;
	height: 100%;
} 

#headbottom{
width: 50%;
margin-left: 9%;
border: 10px solid darkcyan;
background: #FBF2E1;
float: left;
margin-bottom: 3%;
margin-top: 2%;
}

#headf{
width: 80%;
margin-left: 10%;
margin-right: 10%;
}



#headb{
background: white;
padding:0%;
margin-left: 15%;
margin-right: 15%;
float: left;
font-family: arial;
font-size: 80%;
colour: rgba(0,0,0, 0.5);
}





.contactbutton{
width: auto;
position: absolute;
bottom: 0%;
left: 0%;
padding-left: 15px; 
padding-right: 15px; 
padding-top: 5px; 
padding-bottom: 5px;
margin-top: 1%;
margin-bottom: 4%;
background: transparent;
color: white;
background: #cb0808;
font-family: calibril;
font-weight: 300;
font-size: 110%;
border-radius: 2px;
text-align: center;
box-shadow: inset 0px 0px 0px #551313, 0px 4px 0px 0px #551313, 0px 4px 4px #999;
}



.contactbutton:active{
padding-bottom: 3px;
padding-top: 4px;
  box-shadow: inset 0px 0px 0px #551313, 0px 2px 0px 0px #551313, 0px 2px 1px #999;
bottom: -2%;	
	
}

.contactbutton:hover {
background: rgb(179, 0, 0);
opacity: 1.0;
}


.buttoncontact{
width: auto;
color: white !important;
background: #af231e;
border-radius: 1px;
padding-top: 4px;	
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
vertical-align: top;	
font-size: 105%;
font-family: calibril;
font-weight: 400;
text-transform: uppercase;	
cursor: pointer;
text-align: center;
text-decoration: none;
border: 0;
}

.buttoncontact:link{text-decoration:none;}
.buttoncontact:visited{text-decoration:none;}
.buttoncontact:hover{text-decoration:none;}
.buttoncontact:active{text-decoration:none;}


.buttoncontact:hover {
	
background: rgb(50,50,50);	
color: white !important;		
	
	
}


#wrapblock{
width: 200px;
margin-left: 2%;
float: left;
}

.email{
font-size: 9pt;
color: gray;
}

#center{
float: left;
width: 100%;

}

#contactbox{
width: 55%;
margin-left: 2%;
display: inline-block;
vertical-align: top;
}



/*contact form css */

#emailcontain{
width: 100%;
float: left;

}


.text{
text-align: center;
font-size: 120%;
font-family: arial;
}

.text3{
margin-top: 1%;
padding: 3%;
text-align: left;
font-size: 100%;
font-family: calibril;
font-weight: 300;
}

.text2{
font-size: 90%;
font-family: calibril;
text-transform: uppercase;
font-weight: 400;
text-align: left;
color: rgb(10,10,10);
}


.text2 input{
	
color: rgb(10,10,10) !important;
	
	
}

.box{
width: 96%;
padding: 2%;
border-radius: 2px;
border: 1px solid gainsboro;
background: gainsboro;
}

.boxa{
width: 96%;
padding: 2%;
height: 300px;
border-radius: 2px;
border: 1px solid lightgray;
background: gainsboro;
}

.boxb{
padding: 14px;
width: 150px;
border-radius: 2px;
border: 1px solid lightgray;
display: inline-block;
vertical-align: top;
}

.buttoncon{
width: auto;
border-radius: 2px;
text-align: center;
font-family: calibril;
font-size: 90%;
color: white !important;
background: #af231e;
padding: 2%;
margin-bottom: 4%;
display: inline-block;
vertical-align: top;
border: 0px solid white;
}

.buttoncon:hover{
background: rgb(21,21,21);
}

.bordercap{
text-align: left;
width: 100%;
}
.error {color: tomato;}


.emailthis{
	
display: none;	
}


/** Map Hold **/

.maphold{
width: 100%;
display: inline-block;
text-align: center;
vertical-align: top;
margin-top: 3%;
margin-bottom: 4%;	
	
	
}


.openmap{
width: auto;
color: white;
background: #af231e;
border-radius: 1px;
padding: 8px;	
display: inline-block;
vertical-align: top;	
font-size: 105%;
font-family: calibril, sans-serif;
font-weight: 400;
text-transform: uppercase;	
cursor: pointer;
}


.openmap:active {
background: rgb(50,50,50);	
margin-top: 2px;	
	
}

.openmap:hover {
	
background: firebrick;	
border-bottom: 5px solid #4700006;
		
	
	
}


@media (max-width: 790px) and (min-width: 300px) {
#headb{
background: white;
padding:0%;
margin-left: 6%;
margin-right: 6%;
float: left;
font-family: arial;
font-size: 80%;
colour: rgba(0,0,0, 0.5);
}

#headbottom{
width: 90%;
margin-left: 2.5%;
border: 10px solid darkcyan;
background: #FBF2E1;
float: left;
margin-bottom: 6%;
margin-top: 2%;
}

#contactbox{
width: 90%;

}

#headg{
width: 75%;
}



}

@media (max-width: 299px) {
#headb{
background: white;
padding:0%;
margin-left: 4%;
margin-right: 4%;
float: left;
font-family: arial;
font-size: 80%;
colour: rgba(0,0,0, 0.5);
}

#headbottom{
width: 98%;
margin-left: 1%;
border: 10px solid darkcyan;
background: #FBF2E1;
float: left;
margin-bottom: 3%;
margin-top: 2%;
}

#contactbox{
width: 96%;

}

#headg{
width: 90%;

}

}


@media (max-width: 1024px) and (min-width: 990px) and (orientation: Landscape) { 

.info4{
margin-top: 0.5%;
width: 35%;
float: left;
margin-left: 3%;
display: block;
}


}	


@media (max-width: 989px) and (min-width: 940px) and (orientation: Landscape) { 

.info4{
margin-top: 0.5%;
width: 30%;
float: left;
margin-left: 3%;
display: block;
}

#blocks{

background: white;
margin-left: 3%;
margin-right: 3%;
margin-top: 5%;
width: 300px;
height: 430px;
float: left;
font-family: arial;
font-size: 120%;
colour: rgba(0,0,0, 0.5);
text-align: center;	
}


}	

	

	
	
@media (max-width: 299px) and (orientation: Portrait) { 


	#blocks{

background: white;
margin-left: 0%;
margin-top: 5%;
width: 200px;
height: 430px;
float: left;
font-family: arial;
font-size: 120%;
colour: rgba(0,0,0, 0.5);
text-align: center;	
}

#wrapblock{
width: 200px;
margin-left: -3%;
float: left;
}



	}