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

* {margin:0; padding:0;}
img, object {border:0; max-width:100%;}
html {height:100%; -webkit-text-size-adjust:100%;}

h1 {
	font-size:225%;
	font-weight:300;
	color:#EF3D35;
	line-height:133%;
}
h2 {
	font-size:100%;
	font-weight:700;
	line-height:170%;
	color:#EF3D35;
}
h3 {
	font-size:150%;
	font-weight:300;
	color:#191918;
	line-height:88%;
}
h5 {
	font-size:100%;
	font-weight:700;
	line-height:200%;
	color:#EF3D35;
}
.column1 {width:46%;}
.column2 {width:49.5%;}
img.bullet {margin:2.75% .5% 0 0; vertical-align:top;}
.clear {line-height:0; height:0; clear:both;}
.red {color:#EF3D35;}
.lh {line-height:22px;}

body {
	font-family:'Open Sans', Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:300;
	line-height:27px;
	color:#081825;
	background:#FAFAFA;
	border-top:#0077B9 solid 10px;
	border-bottom:#EF3D35 10px solid;
}

#header .container, #banner .container, #content .container, #footer .container {
	max-width:877px;
	margin:0 auto;
}
#header {
	width:83%;
	padding:1.5% 8.5% 0;
	text-align:center;
	white-space:nowrap;
}
#header .container > * {
	vertical-align:middle;
	display:inline-block;
}
#header #TMElogo {
	width:49.5%;
	text-align:left;
}
#header #SkyLogo {
	width:50%;
	font-size:150%;
	line-height:89%;
	text-align:right;
}

#navBar {
	color:#115F99;
	font-size:125%;
	width:83%;
	padding:1% 8.5%;
	white-space:nowrap;
}
#navBar a:link, #navBar a:visited {text-decoration:none; color:#191918;}
#navBar a:hover, #navBar a:active {text-decoration:none; color:#115F99;}
#navBar ul {
	list-style:none;
	text-align:center;
}
#navBar ul li {
	display:inline-block;
	padding:0 2%;
}

#banner {
	width:100%;
	background:#D6D6D6;
}

#content {
	width:100%;
	padding:2% 0;
}
#content .column1, #content .column2 {vertical-align:top;}
#content .column1 {
	width:44%;
	padding:0 11% 0 0;
	display:inline-block;
}
#content .column2 {
	width:44.5%;
	display:inline-block;
}
#content p {padding:0 0 20px;}
#content ul {list-style:none;}
#content ul li {
	background:url(images/bullet1.png) scroll no-repeat 0 11px;
	padding:0 0 5% 5%;
}

#footer {
	color:#FAFAFA;
	background:#2E2D2D;
	width:83%;
	padding:3% 8.5%;
}
#footer .column1, #footer .column2, #footer .column3 {
	width:33%;
	display:inline-block;
	vertical-align:top;
}
#footer .column1 p {max-width:231px; margin:0 0 2%;}
#footer .column2 ul {max-width:219px;}
#footer .column3 ul {max-width:222px; float:right;}
#footer ul {list-style:none;}
#footer ul li {
	background:url(images/bullet1.png) scroll no-repeat 0 11px;
	padding:0 0 7px 5%;
	line-height:22px;
}
#footer h5 {line-height:22px;}

#postFooter {
	width:100%;
	padding:3% 0;
	text-align:center;
}
#postFooter a:link, #postFooter a:visited {text-decoration:none; color:#081825;}
#postFooter a:hover, #postFooter a:active {text-decoration:underline; color:#081825;}

#content .red a:link, #content .red a:visited {text-decoration:none; color:#EF3D35;}
#content .red a:hover, #content .red a:active {text-decoration:underline; color:#EF3D35;}
#content ul#profiles {text-align:center;}
#content ul#profiles li {
	background:none;
	display:inline-block;
	text-align:center;
	width:19%;
	padding:0;
}
#profiles a:link, #profiles a:visited {text-decoration:none; color:#081825;}
#profiles a:hover, #profiles a:active {text-decoration:underline; color:#081825;}
#content ul#prods {text-align:center;}
#content ul#prods li {
	background:none;
	display:inline-block;
	text-align:center;
	width:19%;
	padding:0;
}
#prods a:link, #prods a:visited {text-decoration:none; color:#081825;}
#prods a:hover, #prods a:active {text-decoration:underline; color:#081825;}

.map {
	float:right;
	max-width:274px;
	margin:0 0 0 50px;
	color:#EF3D35;
	}
#content .map p {padding:10px 0 0 30px;}

#contact #content h1 {
	font-size:200%;
	line-height:100%;
}
#contact #content a:link, #contact #content a:visited {text-decoration:none; color:#081825;}
#contact #content a:hover, #contact #content a:active {text-decoration:underline; color:#081825;}

#profile #content .column1 {width:65%; padding:0 6% 0 0;}
#profile #content .column2 {width:28%;}

@media (max-width:875px) {
	#header {padding:1.5% 8.5%;}
	#content {
		width:84%;
		padding:2% 8%;
		}
	#content ul#profiles li {padding:0 1%;}

	h1 {font-size:200%;}
	#header {white-space:normal;}
	#header #TMElogo {
	width:100%;
	display:block;
	text-align:center;
}
	#header #SkyLogo {
	width:100%;
	font-size:120%;
	line-height:89%;
	text-align:center;
}
	#navBar {white-space:normal;}
	#navBar ul li {padding:0 4%;}
	#content .column1 {
		width:47%;
		padding: 0 5% 0 0;
	}
	#content .column2 {width:46.5%;}
	#footer {font-size:75%; line-height:150%;}
	#footer ul li {background:url(images/bullet1.png) scroll no-repeat 0 7px;}
}
@media (max-width:755px) {
	#content .column1, #content .column2 {
		display:block;
		width:100%;
		padding:0;
	}
}
@media (max-width:600px) {
	#footer {text-align:center;}
	#footer .column1, #footer .column2, #footer .column3 {
	width:100%;
	display:block;
	text-align:left;
	}
	#footer .column1 {padding:0 0 3%;}
	#footer .column3 ul {float:none;}
	#footer ul li {padding:0 0 0 5%;}
}