@charset "utf-8";
/* CSS Document */
/* #326295 */
/* #51687F */




#USBtext {
	width:750px;
	padding-right:15px;
}

#wifiText {
	padding-right:15px;
	width:600px;
	
}

.g-recaptcha {
	margin-top: 20px;
	min-height: 50px;
}

#construction {
	padding-top:45px;	
}

#wrapper {
	text-align:center;
	margin:auto;
	width:850px;	
}

#menuIcon {
	margin:auto;	
}

table {
	margin:auto;
	text-align:center;
}

a {
	width:100px;
	text-decoration:none;
	font-family:Arial;
	color:grey;
	font-weight:bold;
	margin:63px;
	padding:3px;
}


#slideshow {
	margin-top:35px;	
	height:600px;
	width:auto;
}

p {
	text-align:center;
	margin:0px;
	color:grey;	
}

#counter {
	margin-right:8px;
	font-family:arial;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	margin-bottom:35px;
	margin-top:10px;
}

#footerRule {
	color:grey;
}

#title {
	max-width:60%;	
	padding-top:10px;
}

#contactText {
	font-family:arial;	
}

#constructionMessage {
	font-family:arial;
}

#landing {
	font-family:arial;
	text-align:center;	
}

.current {
	border-style:solid;
	border-width:2px;
	border-radius:3px;
	border-color: rgb(50, 95, 149);
}

#content {
	height:650px;	
}

#map-canvas { height: 500px; margin: 0; padding: 0; width: 500px;}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	
}

#map-container {
	height:501px;
	width:501px;	
	padding-right:15px;
	padding-top:15px;
}


.left {
	text-align:left;	
}

.show {
	display:block;
}


li {
	font-family:arial;	
}

h1 {
	font-family:arial;
	color:rgb(50, 95, 149);	
	margin-bottom:0px;
}

#menuIcon {
	display:none;
}

.hide {
	display:none;
}

.currentTab {
	border-style:solid;
	border-width:0px;	
	
	background-color: rgb(50, 95, 149);
}

table {
	width:100%;
	text-align:center;	
}

#tabWrapper {
	width:100%;	
	margin-top:5%;
}

#laptop {
	height:375px;
	padding:11px;
}

#cart {
	height:600px;	
	padding:11px;
}

form {
	width:300px;	
}

.text {
	width:250px;	
	text-align:left;
}

.tabContent {
	border-style:solid;
	border-width:1px;
	border-radius:3px;	
}

.tab {
	font-family:arial;
	font-size:24px;	
	font-weight:bold;
	border-radius:3px;
	color:#A7A7A7;
}

#footer {
	margin-top:25px;
}

#footerText {
	color:grey;	
	font-family:Arial;
}

#reglink {
	color: rgb(50, 95, 149);
	text-decoration: underline;	
}


@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}




@media only screen and (max-device-width : 480px) {
	.nav {
		display:none;
		opacity:0;
		margin-top:10px;
	}
	
	/*fade menu logo out quick and then menu slide down by changing height*/
	/*image scaling! refer to photog site*/
	
	/*
	.openMenu {
		
	}
	
	.activeIcon {
		display:
	}
	*/
	
	#map-container {	
		display:none;
	}
	
	#map-canvas {
		display:none;
	}
	
	#mapCell {
		width:0px;
	}
	
	#menuIcon {
		display:block;
	}
	
	a {
		width:345px;
		margin:auto;
		font-size:28px;
		display:block;
		/* stretch links across screen */
	}
	
	form {
		padding:0;
		margin:auto;
		text-align:center;	
	}
	
	/* make a dropdown for nav stuff*/
	
	
	
	#wrapper {
		width:380px;	
	}
	#title {
		max-width:90%;
		margin:auto;	
		padding:5px;
		padding-top:15px;
	}
	
	#slideshow {
		max-width:345px;
		height:auto;
		max-height:400px;
		padding:5px;
		margin:auto;
	}
	
	#content {
		height:auto;
		min-height:400px;	
	}
		
	#tabWrapper {
		width:100%;	
	}
	
	h1 {
		font-size:1.5em;
		text-align:center;
	}
	
	li {
		font-size:1.25em;
	}
	
	#construction {
		max-width:345px;
		height:auto;	
	}
	
	.image {
		display:none;	
	}
	
	.text {
		text-align:left;
		margin:0;
		padding:3px;
	}
	
	/*#footerWrapper {
		display:none;
	}*/
}

