@charset "utf-8";
*{
	margin: 0px;
	padding:0px;
}
body{
			
			background-attachment: fixed;
			text-align: left;
			font-family:Arial;

		}
		nav{
			width:100%;
			height: 100px;
			position: fixed;
			font-size: 30px;
			text-align:center;
			background-color: white;
			z-index: 10;

		}
		nav li{
				float: right;
				width: 15%;
				padding-top:15px;
				height: 50px;
				font-size: 17pt;
				border-left: 2pt solid black;
				



				
			}
		nav a{
			text-decoration: none;
				color: black;

		}
		nav a:hover{
				color: blue;
				transition-duration: .2s;
			}
		nav ul{
				list-style:none;
			}
			section{
				width: 100%;
				margin:auto;
				font-size: 14pt;
				background-color:#091073;
				
				
				color: white;
			}
			section p{
			
				/*padding-top: 40px;*/
			}
			footer{
				color: white;
				height: 400px;
				padding-top: 15px;
				background-color: #091073;

			}
			
			footer ul{
				width: 20%;
				float: left;
				color: white;
				list-style: none;
				text-align: center;

			}
			footer li{
				padding-top: 10px;
			}
			footer a{
				color: white;
				text-decoration: none;
			}

			
			main{
				width: 100%;
				margin:auto;

			}
			p img{
				float: left;
			}
			article{
				height: 1000px;
				width: 100%;
				font-size: 14pt;
			}
			article p{
			 	padding-top: 25px;
			}
			article h3{
				text-align: center;
			}
			b{
				padding-right: 30px;
			}

			
			#navtoobig{
				margin-top: 100px;
				padding-bottom: 50px;
			}
			
			#comp {
				width: 40%;
				float: left;
				padding-left: 150px;
			}

			
			#nav{
				float: left;
				padding-left: 15px;
			}
			#contact{
				float: right;
				font-size: 14pt;
			}
			#name{
				float: left;
				font-size: 24pt;
				padding-top: 15px;

			}
			#copyright{
				text-align: center;
				padding-top: 300px;
			}
			#down{
				padding-top: 100px;
				text-align: center;
			}

			#whatweoffer{
				padding-bottom: 50px;
				padding-top: 50px;
			}
			#whatweoffer li{
				padding-top: 30px;
				text-align: center;
				list-style: none;

			}
			#whatweoffer h3{
				font-size: 30pt;
				text-align: center;
			}
			#squishtext{
				width: 70%;
				margin: auto;
				list-style: none;
				
			}
			#linkcolor{
			color: white;
			font-weight: bold;
			width: 300px;
			height: 50px;
			background-color: gray;
			margin:  auto;
			text-align: center;
			padding-top: 15px;
					border-radius: 10px;
		}
			#linkcolor a{
			color: white;
			font-weight: bold;
			text-decoration: none;
		}
			#linkcolor:hover{
			background-color: #989898;
			transition-duration: .5s;
		}
		#slideh1 {
			text-align:center;
			color:white;
			background: url(img/logo.png) no-repeat;
			width: 340px;
			height:92px;
			margin: 0 auto;
		}
		#slideshowContainer {
			width: 632px;
			margin: 0 auto;
			position:relative;
			z-index: 1;
		}
		.slideshow {
			height: 332px;

		}
		.slideshow img {
			padding: 15px;
			border: 1px solid #ccc;
			background-color: #eee;
		}
		#slidenav {
			list-style-type:none;
			z-index:150;
		}
		#slidenav li a {
			display:block;
			width:150px;/*fixed width*/
			height:102px;
			text-indent:-9999px;
			outline:none;
		}
		#prev a {
			background:url(img/l_arrows.png);
			width:150px;
			height:102px;
			position:absolute;
			top:220px;
			left:-150px;
		}
		#next a {
			background:url(img/r_arrow.png);
			width:150px;
			height:102px;
			position:absolute;
			top:220px;
			right:-170px;
		}
		#next a:hover {
			background:url("img/rh_arrow.png")
		}
		#prev a:hover {
			background:url(img/lh_arrows.png);
		}










			@media (min-width: 990px) and (max-width: 1499px){

					article{
						height: 1800px;

					}
					#comp{
								width: 80%;
				}
			
			}

			@media (min-width: 990px) and (max-width: 1160px){
				nav{
					height: 150px;
				}

				nav li{
				float: left;
				width: 21%;
				padding-top:30px;
				height: 50px;
				font-size: 23pt;
				border-left: 0pt solid black;
				text-align: center;
				}
				#name{
					padding-top:5px;
					padding-left: 10px;
					font-size: 17pt;
				}
				#copyright{
					padding-top: 300px;
				}
			}


				@media (max-width: 989px){
					nav{
					height: 450px;
					clear: both;
					position: relative;
				}
				section {
					clear: both;
					font-size: 25pt;
				}
				article{
					font-size: 25pt;
					height: 1800px;
				}

				nav li{
				float: none;
				width: 100%;
				padding-top:20px;
				height: 50px;
				font-size: 30pt;
				border-left: 0pt solid black;
				text-align: center;
				}
				footer{
					height: auto;
					display: none;
				}
				footer ul{
					float: none;
					padding-bottom: 40px;
					width: 100%;
					font-size: 12pt;
				}
				footer li a{
					text-align: center;
				}
				footer p{

				}
				#name{
					padding-top:5px;
					padding-left: 10px;
					font-size: 30pt;
				}
				#contact{
					display: none;
				}
				#nav{
					
				}
				#logo{
					width: 100%;
					height: 100px;
					
				}
				#comp {
				width: 80%;
			}
				#copyright{
					padding-top: 100px;
					padding-bottom: 50px;
				}
				#squishtext{
					width: 80%;
				}
				#linkcolor{
					width: 400px;
					height: 100px;
				}
				#shrink{
					font-size: 12pt;
				}
				#slideshowContainer{
					display: none;
				}

			}