/*global styles */

 	
 #form	{
 	clear: both;
 	float: left;
 	
 	}	
 
 input[type=submit]	{
 	background-color: #4682b4;
 	color: white;
 	border-color: black;
 	padding: 10px 10px;
 	border-radius: 5px;
 	}	
 	
 .left	{
 	float: left;
 	}
 	
 	
 .icon1	{
 	width: auto;
	height: auto;
	max-width: 3%;
	max-height: 3%;
 	float: right;	
 	padding-left: 5px;
 	}
 	
 html	{
 	background-color: #dfebf5;
 
 	}

nav	{
	float: right;
	padding-right: 40px
	}

/* slideshow styles */
#slideshow	{
	text-align: center;
	}
 	
 #image	{
 	margin-top: -6px;
 	width: auto;
	height: auto;
	width: 102%;
	height: 100%;
	margin-left: -10px;
	}
 	
 main	{
 	clear: both;
 	}	
 	
 footer	{
 	background-color: black;
 	color: white;
 	clear: both;
 }
 
 .hide	{
 	color: #dfebf5;
 	}
 	
/* Desktop Styles */

 @media screen and (min-width: 1116px)	{
 
/* map and form styles together */

#formtitle	{
clear: both;
	list-style-type: none; 
margin-left: auto;
    margin-right: auto;
	width: 950px;	
	}

#formtitle li	{
	float: left;
	color: white;
	background-color: black;
	display:block;
	text-align: center;
	padding: 20px 20px;	
	width: 435px;
	font-weight: bold;
	font-size: 20px;
	
	}	

#item1	{
	margin-left: -20px;
}

form	{
	padding-left: 20px;
	float: left;
	width:430px;
	height: 400px;
	background-color: white;
	color: #0465b3;
	}

form p	{
	}

label { 
	float: left; 
	width: 7em; 
	margin-right: 1em; 
	padding-top: 10px;	
	padding-bottom: 25px;
	}


form	input	{
	float: right;
	margin-right: 30px;
	}

.pleasemove1	{
	margin-left: -130px;
	margin-top: 10px;
	}

.pleasemove	{
	margin-left: -125px;
	margin-bottom: 10px;
	width: 100px;
	margin-top: 5px;
	}	
form	textarea	{
	float: right;
	margin-right: 30px;
	width: 200px;
	height: 100px;
	}
	
input[type=submit]	{
	margin-left: 120px;
	margin-top: 60px;
	width: 100px;
	}
	

#map	{
	float: right;
	}

#mergefront	{
	margin-left: auto;
    margin-right: auto;
	width: 950px;
	clear: both;
	padding-bottom: 20px;
	}

/* footer area styles */
footer	{
clear: both;
padding-top: 20px;
	}
	
.iconfooter	{
 	width: auto;
	height: auto;
	max-width: 20%;
	max-height: 20%;
 	padding-left: 10px;
 	}	

.big	{
font-weight: bold;
font-size: 24px;
}

#copyright	{
	text-align: center;
	}

/* services columns in footer */
#columns	{
	-webkit-columns: 3 250px;
	-moz-columns: 3 250px;
	columns: 3 250px;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
	}
	
#columns p	{
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 1.3em;
	margin-right: 1em;
	margin-left: 2em;
	float: left;
    }

#tooclose	{
	padding-left: 100px;
}

#tooclose2	{
	padding-left: 60px;
}



#movefooter	{
	padding-left: 95px;
	margin-top: -2px;
	}
	
/* main body area for front page styles */

#fronttitle	{
	text-align: center;
	color: #0465b3;
	}

#frontformat	{
	font-size: 18px;
	}

#frontbody	{
	margin-left: auto;
    margin-right: auto;
	padding-right: 50px;
	color: #0465b3;
	}

#white	{
	background-color: white;
	padding-top: 10px;
	margin-top: -20px;
	height: 400px;
	}

#front	{
	width: 400px;
	height: auto;
	float: left;
	padding-right: 30px;
	padding-left: 30px;
	}

 /* header area styles */
 
#stayright	{
 	float: right;
	margin-top: -230px; 
	padding-bottom: 50px;	
 	} 	
#logo	{	
 	 height: 130px;
 	 padding-left: 30px;
 	 clear: both;
 	 margin-top: 30px;
 	}
 	
.icon1	{
 	width: auto;
	height: auto;
	max-width: 3%;
	max-height: 3%;
 	float: right;	
 		margin-right: 20px;

 	}	



#banner	{
	width: auto;
	height: auto;
	max-height: 120px;
	float: right;
	margin-top: -190px;
	padding-right: 20px;
	}

/* navigation styles */
	 
nav	{
	background-color: black;
	border-radius: 15px 5px 5px 5px;
	margin-top: -60px;
	margin-right: -10px;
	} 
	 
#menu-items	{
	display: inline;
	list-style-type: none;	
	}	

/* Style the hamburger menu */
.topnav a.icon {
  display: none;
  
}

nav li {
	float: left;  
  }
 
nav li a	{
	display:block;
	color: white;
	text-align: center;
	padding: 10px 30px;
	text-decoration: none;
	
	}


/* phone number clickable */ 

#mobile	{
	display: none;
}

#desktop	{
	display: block;
	}

.moveit	{
	padding-left: 70px;
}

/*about us page*/

#aboutpara	{
	color: #0465b3;
	font-size: 18px;
	padding-left: 20px;
	}

#daniel	{
	float: left;
	padding-right: 30px;
	padding-left: 30px;
	max-height: 223px;
	max-width: 201px;
	}

#dan	{
	max-height: 223px;
	max-width: 201px;
	clear: both;
	float: left;
	padding-top: 10px;
	padding-right: 30px;
	padding-left: 30px;
	}

#whiteabout	{
	background-color: white;
	padding-top: 10px;
	margin-top: -20px;
	height: 650px;
	}

/*services*/

#servicepic	{
	float: right;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 40px;
	height: 30%;
	width: 30%;
	}

#whiteservice	{
	background-color: white;
	padding-top: 10px;
	margin-top: -20px;
	height: 650px;
	}

/* testimonials */
	
#whitetestimonials	{
	background-color: white;
	padding-top: 10px;
	margin-top: -20px;
	height: 1100px;
	}

/*gallery*/



#special	{
	clear: both;
	display:block;
	margin: 0;
	padding: 0;
	border: 0;
	float: none;
	}
}

/* Tablet Styles */
@media screen and (min-width: 760px) and (max-width: 1115px) {

#formtitle	{
	clear:both;
	list-style-type: none; 
margin-left: auto;
    margin-right: auto;
	width: 720px;	
	}

#formtitle li	{
	float: left;
	color: white;
	background-color: black;
	display:block;
	text-align: center;
	padding: 20px 20px;	
	width: 320px;
	font-weight: bold;
	font-size: 20px;

	
	}	

#item1	{
	margin-left: -20px;
}



form	{
	float: left;
	width:360px;
	height: 350px;
	background-color: white;
	color: #0465b3;
	padding-left: 10px;
	}

form p	{
	}

label { float: left; 
	width: 6em; 
	margin-right: 1em; 
	padding-top: 10px;
	}



form	input	{
	float: right;
		margin-right: 10px;
		margin-bottom: 20px;
	}

.pleasemove	{
	margin-left: -114px;
	margin-bottom: 10px;
	width: 100px;
	margin-top: 10px;
	}	
form	textarea	{
	float: right;
	margin-right: 10px;
	width: 180px;
	height: 70px;
	}
	
input[type=submit]	{
	margin-left: 120px;
	margin-top: 30px;
	width: 100px;
	}
	
	
#map	{
	float: right;
	width:350px;
	height: 350px;
	}

#mergefront	{
	margin-left: auto;
    margin-right: auto;
	width: 720px;
	clear: both;
	padding-bottom: 20px;
	}

/* footer area styles */
footer	{
clear: both;
	}
	
.iconfooter	{
 	width: auto;
	height: auto;
	max-width: 20%;
	max-height: 20%;
 	padding-left: 5px;
 	}	

.big	{
font-weight: bold;
font-size: 24px;
}

#copyright	{
	text-align: center;
	}

/* services columns in footer */
#columns	{
	-webkit-columns: 3 200px;
	-moz-columns: 3 200px;
	columns: 3 200px;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
	}
	
#columns p	{
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 1.3em;
	margin-right: 2em;
	margin-left: 2em;
	float: left;
    }

#movefooter	{
	padding-left: 50px;
	margin-top: px;
	}

#tooclose	{
	padding-left: 50px;
}

#tooclose2	{
	padding-left: 60px;
}

	
/* main body area for front page styles */

#fronttitle	{
	text-align: center;
	color: #0465b3;
	}

#frontformat	{
	font-size: 18px;
	}

#frontbody	{
	margin-left: auto;
    margin-right: auto;
	padding-right: 50px;
	color: #0465b3;
	}

#white	{
	background-color: white;
	padding-top: 10px;
	margin-top: -20px;
	height: 400px;
	}

#front	{
	width: 400px;
	height: auto;
	float: left;
	padding-right: 30px;
	padding-left: 30px;
	}

 /* header area styles */
 
#stayright	{
 	float: right;
 	margin-right: 120px;
 	margin-top: -60px;
 	} 	
#logo	{	
 	 height: 90px;
 	 padding-left: 10px;
 	}
 	
.icon1	{
 	width: auto;
	height: auto;
	max-width: 50px;
	max-height: 50px;
 	float: right;	
 	padding-left: 5px;
 	}	


.moveit	{
	padding-left: 50px;
	}

#banner	{
	width: auto;
	height: auto;
	max-height: 90px;
	min-height: 40px;
	float: right;
	margin-top: -150px;
	}

/* mobile menu */	

#menu-items	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}	

nav	{
	position: absolute;	
	right: 1%;
	margin-top: -100px;
	}
	
/*about us page*/

#aboutpara	{
	color: #0465b3;
	font-size: 18px;
		padding-left: 20px;

	}

#daniel	{
	float: left;
	padding-right: 30px;
	padding-left: 30px;
	max-height: 223px;
	max-width: 201px;
	padding-top: 40px;
	}

#dan	{
	max-height: 223px;
	max-width: 201px;
	clear: both;
	float: left;
	padding-top: 10px;
	padding-right: 30px;
	padding-left: 30px;
	}

#whiteabout	{
	background-color: white;
	padding-top: 10px;
	margin-top: -20px;
	height: 700px;
	}

/*services*/

#servicepic	{
	float: right;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 40px;
	height: 30%;
	width: 30%;
	}

#whiteservice	{
	background-color: white;
	padding-top: 10px;
	margin-top: -20px;
	height: 650px;
	}

/* testimonials */
	
#whitetestimonials	{
	background-color: white;
	padding-top: 10px;
	height: 1350px;
	padding-left: 20px;
	}

/*gallery*/



#special	{
	clear: both;
	display:block;
	margin: 0;
	padding: 0;
	border: 0;
	float: none;
	}

/* Style the navigation menu */
.topnav {
  background-color: black;
  position: relative;
  padding-right:  60px;
  margin-top: 50px;

}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  margin-bottom: 10px;
  text-decoration: none;
  font-size: 25px;
  display: block;
  }

/* Style the hamburger menu */
.topnav a.icon {
  display: block;
  position: absolute;
  margin-left: 100px;
  right: 0;
  color: black;
  top: 0;
  background-color: #dfebf5; 
-ms-transform: scale(2,2); /* IE 9 */
    -webkit-transform: scale(2,2); /* Safari */
    transform: scale(2,2); /* Standard syntax */
}



/* Style the active link (or home/logo) */


#mobile	{
	display: none;
}

#desktop	{
	display: block;
}	


}


/* Mobile Styles */
@media screen and (min-width: 320px) and (max-width: 759px)	{

#formtitle	{
	clear:both;
	list-style-type: none; 
 	margin-left: auto;
    margin-right: auto;
	width: 620px;	
	}

#formtitle li	{
	float: left;
	color: white;
	background-color: black;
	display:block;
	text-align: center;
	padding: 10px 10px;	
	width: 290px;
	font-weight: bold;
	font-size: 18px;

	
	}	

#item1	{
	margin-left: -20px;


}



form	{
	padding-left: 20px;
	float: left;
	width:300px;
	height: 300px;
	background-color: white;
	color: #0465b3;
	margin-right: -20px;
	}

form p	{
	}

label { float: left; width: 6em; margin-right: 1em; padding-top: 10px;}



form	input	{
	float: right;
		margin-right: 10px;
		margin-bottom: 20px;

	}

.pleasemove	{
	margin-left: -100px;
	margin-bottom: 10px;
	width: 100px;
	margin-top: 10px;
	}	
form	textarea	{
	float: right;
	margin-right: 10px;
	width: 140px;
	height: 70px;
	}
	
input[type=submit]	{
	margin-left: 120px;
	margin-top: 10px;
	width: 100px;
	}
	
	

#map	{
	float: right;
	width: 300px;
	height: 300px;
	}

#mergefront	{
	margin-left: auto;
    margin-right: auto;
	width: 620px;
	clear: both;
	}

/* footer area styles */
footer	{
clear: both;
	}
	
.iconfooter	{
 	width: auto;
	height: auto;
	max-width: 10%;
	max-height: 10%;
 	padding-left: 5px;
 	}	

.big	{
font-weight: bold;
font-size: 24px;
}

#copyright	{
	text-align: center;
	}

/* services columns in footer */
#columns	{
	-webkit-columns: 3 200px;
	-moz-columns: 3 200px;
	columns: 3 200px;
	-webkit-column-gap: 1em;
	-moz-column-gap: 1em;
	column-gap: 1em;
	}
	
#columns p	{
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 1.3em;
	margin-right: 1em;
	margin-left: 1em;
	
    }

#movefooter	{
	padding-left: 10px;
	margin-top: -2px;
	}
	
/* main body area for front page styles */

#fronttitle	{
	text-align: center;
	color: #0465b3;
	}

#frontformat	{
	font-size: 16px;
	}

#frontbody	{
	margin-left: auto;
    margin-right: auto;
	padding-right: 15px;
	color: #0465b3;
	padding-left: 10px;
	}

#white	{
	background-color: white;
	padding-top: 10px;
	margin-top: -20px;
	height: 350px;
	}

#front	{
	width: 200px;
	height: auto;
	float: left;
	padding-right: 15px;
	padding-left: 10px;
	}

 /* header area styles */
 
#stayright	{
 	float: right;
	margin-top: -180px;
 	} 	
#logo	{	
 	 height: 70px;
 	 padding-left: 20px;
 	}
 	
.icon1	{
 	width: auto;
	height: auto;
	max-width: 5%;
	max-height: 5%;
 	float: right;	
 	padding-left: 20px;
 	} 	

#banner	{
	width: auto;
	height: auto;
	max-width: 73%;
	max-height: 73%;
	float: right;
	margin-top: -170px;
	margin-right: auto; 
	margin-left: auto;
	}

.moveit	{
	padding-left: 20px;
	}

#topspace	{
	margin-top: -10px;
	padding-bottom: 20px;
	padding-left: 15px;
}


/* mobile menu */	

#menu-items	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}	

nav	{
	position: absolute;	
	right: 1%;
	margin-top: -100px;
	}
	

/* Style the navigation menu */
.topnav {
  background-color: black;
  position: relative;
  padding-right:  60px;
  margin-top: 50px;

}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  margin-bottom: 10px;
  text-decoration: none;
  font-size: 25px;
  display: block;
  }

/* Style the hamburger menu */
.topnav a.icon {
  display: block;
  position: absolute;
  margin-left: 100px;
  right: 0;
  color: black;
  top: 0;
  background-color: #dfebf5; 
-ms-transform: scale(2,2); /* IE 9 */
    -webkit-transform: scale(2,2); /* Safari */
    transform: scale(2,2); /* Standard syntax */
}

/* Style the active link (or home/logo) */


#mobile	{
	display: none;
}

#desktop	{
	display: block;
}	

/*about us page*/

#aboutpara	{
	color: #0465b3;
	font-size: 18px;
	padding-left: 15px;
	padding-right: 15px;
	}

#daniel	{
	float: left;
	padding-right: 30px;
	padding-left: 30px;
	max-height: 223px;
	max-width: 201px;
	padding-top: 50px;
	}

#dan	{
	max-height: 223px;
	max-width: 201px;
	clear: both;
	float: left;
	padding-top: 80px;
	padding-right: 30px;
	padding-left: 30px;
	}

#whiteabout	{
	background-color: white;
	padding-top: 10px;
	margin-top: -20px;
	height: 860px;
	}

/*services*/

#servicepic	{
	float: right;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 40px;
	height: 30%;
	width: 30%;
	}

#whiteservice	{
	background-color: white;
	padding-top: 10px;
	margin-top: -20px;
	height: 650px;
	}

/* testimonials */
	
#whitetestimonials	{
	background-color: white;
	padding-top: 10px;
	margin-top: -20px;
	height: 850px;
	}

/*gallery*/

#special	{
	clear: both;
	display:block;
	margin: 0;
	padding: 0;
	border: 0;
	float: none;
	}

}