@charset "utf-8";
/* CSS Document */

			html,body
			{
    			overflow-x: hidden; 
			}

			body
			{
				font-family: 'Arimo', sans-serif;
				font-size: 1.063em;
				background-color : black;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
			
			#header
			{
				background-color: black;
				height: auto;
				padding: 1.25em;
				width: 100%;
			}
			
			.container
			{
				width: 80%;
				height: auto;
				margin:  0  auto;
			}
			
			#header img {
					width: 40%;
   					height: auto;
					margin-left: 30%;
					margin-right: 30%;
					transform:scale(1.2,1.2);		
				}
			
			@media handheld, screen and (max-width: 768px)
			{
				#header img
				{
					width: 90%;
   					height: auto;
					margin-left: 0px;
				}	
			}
				
			#welcome
			{
				background: 
				linear-gradient(
				rgba(0, 0, 0, 0.25), 
				rgba(0, 0, 0, 0.25)
				),
				url(images/welcome_top.jpg);
				
				background-position: center;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: 50% 40%;				
				color : white;
				padding: 2.5em;
			}
			
			@media handheld, screen and (max-width: 768px)
			{
				#welcome
				{
					padding: 0px;
					padding-top: 5px;
					padding-bottom: 10px;
				}
			}
			
			#about_us
			{
				background-color: black;
				color : white;
				padding: 1.25em;
			}
			
			@media handheld, screen and (max-width: 768px)
			{
				#about_us
				{
					padding: 0px;
					padding-top: 5px;
					padding-bottom: 10px;
				}
			}
			
			#contact_us
			{
				background: 
				linear-gradient(
				rgba(0, 0, 0, 0.25), 
				rgba(0, 0, 0, 0.25)
				),
				url(images/contact_us.jpg);
				
				background-position: center;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				color : white;
				padding: 1.25em;
			}
			
			.contact_us
			{
				background-color: rgba(0, 0, 0, 0.25);
				color : white;
				padding-left: 2.5em;
				padding-right: 2.5em;
				padding-top: 1em;
				padding-bottom: 1em;
			}
			
			
			.errorMsg
			{
				padding: 5px;
				background-color: red;
				margin-bottom: 8px;
				margin-top: 8px;
				width: 500px;
			}
			
			.msgSent
			{
				padding: 5px;
				background-color: rgb(129,206,40);
				margin-bottom: 8px;
				margin-top: 8px;
				width: 500px;
			}
			
			#services
			{
				/*background: 
				linear-gradient(
				rgba(0, 0, 0, 0.25), 
				rgba(0, 0, 0, 0.25)
				),
				url(images/services.png);*/
				background-color : #353232;
				
				background-position: center;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: 50% 35%;				
				color : white;
				padding: 2.5em;
			}
			
			.services
			{
				/*background-color: rgba(0, 0, 0, 0.25);*/
				color : white;
				/*padding-left: 2.5em;
				padding-right: 2.5em;
				padding-top: 1em;
				padding-bottom: 1em;*/
			}
		
			#quote
			{
				background-color: rgb(0,179,235);
				color : black;
				padding: 1.25em;
				box-shadow: 0px 0px 8px 0px #000000;
			}
			
			#quote h1
			{
				font-family: 'Oswald', sans-serif;
				padding-bottom: 15px;
				padding-top: 10px;
				font-style:italic;
			}
			
			#terms
			{
				background-color: rgb(0,179,235);
				color : black;
				padding: 1.25em;
				box-shadow: 0px 0px 8px 0px #000000;

			}
			
			#terms a:hover
			{
				color : black;
			}
			
			@media handheld, screen and (max-width: 768px)
			{
			#quote h1
			{
				font-size: 1.7em;
				padding: 0px;
			}
			.quote
			{
				padding: 0px;
			}
			}
			
			
			#footer
			{
				background-color : black;
				color : white;
				padding-top  :  20px;
				height : 2.5em;
				width:  100%;
				float:  bottom;
				margin-left: 100px;
				font-family: 'Oswald', sans-serif;;

			}
			
			.footer, .push 
			{
				height: 155px;
			}
			
			@media handheld, screen and (max-width: 768px)
			{
				#footer
				{
					margin-left: 10px;
					font-size: 1em;
					width: 70%;
				}
			}
			
			
			
			.backToTop 
			{
				display: none;
				position: fixed;
				bottom: 20px;
				right: 20px;
				width: 30px;
				height: 30px;
				cursor: pointer;
				z-index: 10;
				background: url(images/arrow.png) no-repeat 0 0 #333; /* fallback for older browsers */
				background: url(images/arrow.png) no-repeat 0 0 rgba(0,179,235,0.7);
				border-radius: 5px;
			}
			
			input, textarea, select
			{
				-webkit-transition: all 0.30s ease-in-out;
  				-moz-transition: all 0.30s ease-in-out;
  				-ms-transition: all 0.30s ease-in-out;
  				-o-transition: all 0.30s ease-in-out;
				width : 18.75em;
				height: 1.875em;
				margin: 0;
				outline: none;
				font-family: arial;
				font-size: 15px;
				color:rgb(68,68,68);
				border: 1px solid;
			}
			
			input:focus, textarea:focus, select:focus
			{
				box-shadow: 0 0 5px rgb(0,175,235);
  				border: 1px solid rgb(0,175,235);
			}
			
			textarea
			{
				height: 6.25em;
			}
			
			button
			{
				width: 9.375em;
				height: 3.125em;
				background: rgb(0,175,235);
        		border: 2px solid transparent;
        		color: white;
        		transition: all 0.4s ease-in-out;
				margin-top: 5px;
				font-size: 0.938em;
			}
			
			button:hover
			{
        		background: rgb(68,68,68);
        		color: white;
			}
			
			/* unvisited link */
			a:link {
			   color: white;
			}

			/* visited link */
			a:visited {
			    color: white;
			}

			/* mouse over link */
			a:hover {
			    color: rgb(0,175,235);
			}

			/* selected link */
			a:active {
			    color: rgb(68,68,68);
			}
			
			
			p
			{
				padding-bottom:10px;
			}
			br
			{
				padding-bottom:5px;
			}
			
			h1, h2, h3, h4
			{
				font-family:'Droid Sans', sans-serif;;
				padding-bottom: 15px;
				padding-top: 10px;
			}
			
			h1
			{
				font-size: 2.375em;
			}
			
			h2
			{
				font-size: 1.563em;
			}
			
			@media handheld, screen and (max-width: 768px)
			{
				h1
				{
					font-size: 1.71em;
				}
				
				h2
				{
					font-size: 1.2em;
				}
			}
			
			
			
			
			
@import url(http://fonts.googleapis.com/css?family=Raleway);
body {
  margin: 0px;
}
nav {
  margin-top: 40px;
  padding: 24px;
  text-align: left;
  font-family: 'Droid Sans', sans-serif;;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}
#nav-1 {
  background: rgb(68,68,68);
}
.link-3 {
  transition: 0.4s;
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
  padding: 0 10px;
  margin: 0 10px;
}
.link-3:hover {
  background-color: #ffffff;
  color: rgb(0,179,235);
  padding: 24px 10px;
}

.nav-text {
	margin-left: 10%;
}