@charset "UTF-8";
/* Body */
body {
	font-family: 'Lato', sans-serif;
	background-color: #efefef;
	margin: 0;
}

h1
{
font-family: 'Lato', sans-serif;
	color: #ff9900;
	margin: 0;
}

h2
{
font-family: 'Lato', sans-serif;
color: #666666;
}

h3
{
font-family: 'Lato', sans-serif;
	color: #23abdf;
		margin-top: 0px;
	margin-bottom: 10px;
}

.x-smallContent
{
font-family: 'Lato', sans-serif;
	color: #330000;
font-size: 12px;
}
.RedContent
{
font-family: 'Lato', sans-serif;
	color: #ff9900;
font-size: 14px;
}

.contactlinks
{
	font-family: 'Lato', sans-serif;
	color: #ff9900;
	font-size: 20px;
		text-decoration: none
}


/* Container */
.container {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
/* Header */
.header {
	width: 100%;
	height: 110px;
	background-color: #FFFFFF;
}

.mobileheader
{
	
	width: 100%;
	height: 0px;

}



.menulogo
{
	
	width: 18%;
	height: 90px;
	margin-left: 10px;
	padding-top: 10px;
	}


.logoSize
{
width: 150px;	
	
}




.menulinks
{
	float: right;
	width: 80%;
	height: 60px;
	padding-top: 10px;
	padding-right: 10px;
}

.menuTextlink
{
	display:inline;
	margin-right:  10px;
	padding-right: 10px;

	
}

.menulinkStyle
{	
	color: #ff9900;
	size: 14px;
	text-decoration: none;
}

.menulinkStyle:hover
{	
	color: #666666;
	size: 14px;
	text-decoration: underline;

}

.mobilephonenumber
{  
width: 100%;
background-color: #ff9900;
height: 70px;
}



#menuToggle
{
  display: none;
}


.bannerImage
{
	border-top: solid 5px #ff9900;
width: 100%;
}



/* About Section */

.HomeContentHolder
{
width: 100%;
background-color: #FFFFFF;
}


.HomeContent {
	clear: both;
	display: inline-block;
	width: 98%;
	/* [disabled]min-width: 400px;
*/
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
	min-height: 400px;
	color: #666666;
}

.HomeContentButton
{
display: inline-block;
width: 23%;
margin-right: 10px;
margin-top: 10px;
	vertical-align: top;
}

.HomeContentButtonGraphic
{
	border-bottom: solid #ff9900 10px;
		
}


.OurServices
{
	clear: both;
	display: inline-block;
	width: 98%;
background-color: #efefef;	
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.OurServicesHolder
{
display: inline-block;
width: 30%;	
	vertical-align: top;
}



.SmallHomepageIcon
{
display: inline-block;
width: 31%;
margin-right: 10px;
margin-top: 10px;	
}







.button {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	transition: all 0.3s linear;
}
.button:hover {
	background-color: #6DC7D0;
	color: #FFFFFF;
	cursor: pointer;
}
.copyright {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #717070;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}
footer {
	background-color: #ff9900;
	padding: 30px;
	color: #FFFFFF;
}

.getintouch {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 22px;
	text-align: center;
		color: #FFFFFF;
	text-transform: uppercase;
	
}




/* Small Desktops */
@media (min-width: 937px) and (max-width: 1096px) {


.HomeContent {
width: 95%;
padding-top: 5px;
padding-left: 15px;
padding-right: 15px;
}

.HomeContentButton
{
display: inline-block;
width: 48%;
margin-right: 5px;
background-color: #efefef;
	vertical-align: top;	
}

.menuTextlink
{
	display:inline;
	margin-right:  7px;
	border-right: solid #2D2727 1px;
	padding-right: 7px;
}

	
}







/* Small Tablets */
@media (min-width: 400px)and (max-width: 937px) {

h3
{
font-size: 18px;
}
		
	header {
	height: 65px;
}
.header .menulinks
{
display: none;
}
	

.header .menulogo
{
	width: 100%;
	height: 60px;
	margin-left: 0px;
	
}	
	

.mobileheader
{
	
	width: 100%;
	height: 60px;
	background-color: #7A1616;

}


	
.HomeContent {
width: 95%;
padding: 7px;
margin-top: 10px;
}
	
.HomeContentButton
{
width: 45%;
margin-bottom: 10px;	
}	
	
	
	
.OurServicesHolder
{
display: inline-block;
width: 95%;	
}	
	

.SmallHomepageIcon
{
display: inline-block;
width: 45%;
margin-right: 10px;
margin-top: 10px;	
}

	

		
}



/* Mobile */
@media (max-width: 399px) {
header {
	height: 65px;
}
	
h1
{
font-size: 28px;
	
}

h3
{
font-size: 18px;
}
	
.mobileheader
{
	
	width: 100%;
	height: 60px;
	background-color: #7A1616;
}

	
 

.menulogo
{
width: 90%;
}
	
.menulinks
{
display: none;
}	

.HomeContent {
width: 94%;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
}
	
.HomeContentButton
{
width: 100%;
margin-bottom: 10px;

}	

	
.OurServices
{

	width: 90%;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 15px;
}
	
.OurServicesHolder
{
display: inline-block;
width: 95%;	

}	
		
	

.SmallHomepageIcon
{
display: inline-block;
width: 100%;
margin-right: 10px;
margin-top: 10px;	
}

	

	
	
}

