/* CSS for screen size greater than 1200px*/


* {
/* With these codes padding and border does not increase it's width and gives intuitive style.*/

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}





body {
  font: 15px/1.4 "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L",  serif;
  background-color: #FFF;
  border: 3px solid rgb(75,75,75);
  box-shadow: 0 0 15px 5px rgba(104,104,104,.75);
  width: 56.547619%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;

}




a:link, a:visited {
	text-decoration: none;
	color: black;
		  		  
	  }
	  
a:hover {
	
	text-decoration: none;
	color: rgb(238,142,209);
	
	
}
	  
	.mainNav {
	background: rgb(1,45,116);
	font-family: "Century Gothic", "Gill Sans", sans-serif;
	height: 32px;
	line-height: 30px;
	margin-bottom: 30px;
	
}
	  
	  
	  
	  
.mainNav a:link,
.mainNav a:visited { 
	text-decoration: none;
}


.mainNav li {
	display: block;
	float: left;
	padding: 0 20px;
	text-decoration: none;
}


.mainNav a {
	font-size: 16px;
	color: #89a6d3;
	text-transform: uppercase;
	outline: none
	text-decoration: none;
}

.mainNav a:hover,
.mainNav a.active {
	color: rgb(238,142,209);
	text-decoration: none;
	
}



.mainNav li {
	display: block;
	float: left;
	border-right: 1px dashed rgba(137,166,211,.75);
	padding: 0 20px;
	text-decoration: none;
}




p a:link, p a:visited {
	text-decoration: none;
	color: #012d74;
	font-weight: bold;
		  		  
}
	  
	  
p a:hover {
	
	text-decoration: none;
	color: rgb(238,142,209);

	
}



.sidebar {
	
	float: left;
	width: 50%;
	
	
}


.location {
	
	
	float: left;
	width: 50%;
	
}


footer {
	
	clear:both;
}


.location pic_caption {
  float: left;
  text-align: left;
  margin: 0 0 20px 0;
  
}


h1 {
 font-size: 2em;
 font-family: "Century Gothic", "Gill Sans", sans-serif;
 font-weight: normal;
 color: rgb(1,45,116);
 border-bottom: 2px dotted rgb(1,45,116);
 padding-bottom: 5px;
 margin-bottom: 15px;
 float: none;
 overflow: hidden;
}

h2 {
 font-size: 2em;
 font-family: "Century Gothic", "Gill Sans", sans-serif;
 font-weight: normal;
 color: rgb(1,45,116);
 border-top: 2px dotted rgb(1,45,116);
 padding-top: 10px;
 margin-top: 20px;
 float: none;
 overflow: hidden;
}


h3 {
 font-size: 2em;
 font-family: "Century Gothic", "Gill Sans", sans-serif;
 font-weight: normal;
 color: rgb(1,45,116);
 border-bottom: 2px dotted rgb(1,45,116);
 padding-bottom: 5px;
 margin: 15px 0 15px 0;
 float: none;
 overflow: hidden;
}

header {
	
	padding-bottom: 20px;
	
}



.google-maps {
       
padding-bottom: 10%; // This is the aspect ratio
		
}


.google-maps iframe {
       
width: 100%;
padding: 5px;
background-color: rgba(1,45,116,.1);
border-radius: 10px;
box-shadow: 5px 5px 10px rgba(0,0,0,.5);
}


.outside_view {
 width: 100%;
 float: left;
 margin-left: 0px;
 margin-bottom: 20px;
 padding: 5px;
 width:auto;
 background-color: rgba(1,45,116,.1);
 border-radius: 10px;
 box-shadow: 5px 5px 10px rgba(0,0,0,.5);
 
 }
 


.model {
 
 float: right;
 margin: 10px;
 width: auto;
 padding: 5px;
 background-color: rgba(1,45,116,.1);
 border-radius: 10px;
 box-shadow: 5px 5px 10px rgba(0,0,0,.5);
}

img.fitness {

 float: right;
 margin: 10px;
 margin-top: 30px;
 width: auto;
 padding: 5px; 
 background-color: rgba(1,45,116,.1);
 border-radius: 10px;
 box-shadow: 5px 5px 10px rgba(0,0,0,.5);
}

img.quotes {
 float: left;
 margin: 20px;
 padding: 5px; 
 background-color: white;
}


img.quotesBottom {
 float: right;
 margin: 20px;
 padding: 5px; 
 background-color: white;
}


img.facebook {
 float: left;
 margin: 10px;
 padding: 5px; 
 width: auto;
}



#slider {
	
	
	padding-bottom: 20px;
	
}


#testimonials {
	
	margin-top: 60px;
}




footer {
	font-size: 90%;
	background-color: rgba(1,45,116,.1);
	text-align: center;
	padding: 10px; 
	margin-top: 60px;
}



footer a:link, p a:visited {
	text-decoration: none;
	font-weight: bold;
		  		  
}
	  
	  
footer a:hover {
	
	text-decoration: none;
	color: rgb(238,142,209);
	
}



/* FORM STYLES */

label {
	display: block; 
	margin-top: 10px;
	
}

textarea {
	resize: none;
}


/* 
	Generic Table Styling for Desktops/Laptops 
	*/
	table { 
		width: 100%; 
		border-collapse: collapse;
		font: 14px/1.4 Georgia, Serif;
		 
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #012d74; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 10px; 
		border: 1px solid #89a6d3; 
		text-align: left; 
	}

tr:nth-of-type(odd) {background-color: rgba(1,45,116,.1)}
tr:nth-of-type(even) {background-color: white;}





div#envelope{
width: 85%;
margin: 0 30% 10px 11%;
padding:10px 0;
border: 2px solid #89a6d3;
border-radius:10px;
background-color: rgba(1,45,116,.1);

}




form{
width:89%;
margin:4% 5%;
}

.form_header{
background-color: #012d74;
text-align: center;
padding: 12px;
margin-top: -11px;
margin-bottom: -8px;
border-radius: 10px 10px 0 0;
color: #fff;
}

/* Makes responsive fields. Sets size and field alignment.*/
input[type=text]{
margin-bottom: 20px;
margin-top: 10px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #89a6d3;
}
input[type=submit]
{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #89a6d3;
background-color: #012d74;
color: aliceblue;
font-size:15px;
cursor:pointer;
}
#submit:hover
{
background-color: #000;

}
textarea{
width:100%;
padding: 15px;
margin-top: 10px;
border:1px solid #89a6d3;
border-radius:5px;
margin-bottom: 20px;
resize:none;
}
input[type=text]:focus,textarea:focus {
border-color: #89a6d3;
}/* CSS Document */