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

/* 
This CSS resource incorporates links to font software which is 
the valuable copyrighted property of WebType LLC, The Font Bureau 
and/or their suppliers. You may not attempt to copy, install, 
redistribute, convert, modify or reverse engineer this font 
software. Please contact WebType with any questions: www.webtype.com

*/
@font-face {
	font-family: 'Trade Gothic W01';
	font-weight: normal;
	src: url(/TradeGothic.ttf);
}
@font-face {
	font-family: 'Gotham A';
	font-weight: normal;
	src: url(/GothamOTF/Gotham-Medium.otf);
}

@font-face {
	font-family: 'Gotham A';
	font-weight: bold;
	src: url(/GothamOTF/Gotham-Bold.otf);
}
@font-face {
 font-family: "GarageGothic Bold";
 src: url("http://wac.6a25.edgecastcdn.net/006A25/webtype/ff/3/5cb4e1df-3c2e-4486-a059-82e0882651c0") format("woff");
 font-style: normal;
 font-weight: bold;
}
@font-face {
 font-family: "GarageGothic Regular";
 src: url("http://wac.6a25.edgecastcdn.net/006A25/webtype/ff/3/3d8e33ae-43f7-4110-802b-55ef6ad1cf92") format("woff");
 font-style: normal;
 font-weight: normal;
}

.garagegothicbold {
  /*font-family: "GarageGothic Bold";*/
  font-family: 'Trade Gothic W01' !important;
  font-style: normal;
  font-weight: bold;
  font-size: 1.5em;
}
h2.cyclone.topBorder {
  line-height: 1;
  margin-bottom: 10px;
}
.gotham {
	font-family: 'Gotham A', 'Gotham B'; font-weight: 400; font-style: normal;
}
.gjmakesthings {
	/*font-family: 'Cyclone Background A', 'Cyclone Background B'; font-weight: 400; font-style: normal;*/
	/*font-family: "GarageGothic Bold";*/
		font-family: 'Trade Gothic W01' !important;
	font-weight: normal;
}

.cyclone {
	/*font-family: "GarageGothic Regular" !important;*/
	font-family: 'Trade Gothic W01' !important;
	font-weight: normal !important;
}
.subtitle {
  font-family: 'Gotham A', 'Gotham B', Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  color:#000;
}
/*
.miniNav li .active {
	background: transparent;
} */
.miniNav li {
	//background: #000;
	margin-top: .25em;
}

.limitDesktop {
	max-width: 950px; 
	margin-right: auto; 
	margin-left: auto;
}

.mobileNavbar {
	background: #000;
}

img.center {
	margin-left: auto;
	margin-right: auto;
}
.socialMediaButtons { display: none !important; }
@media (max-width: 1000px) { 
	.bodyPortion {
		margin-left: 2em;
		margin-right: 2em;
	}
}

@media (max-width: 510px) {
	.hero-unit h1 {
		font-size: 3.8em;
		color: #fff;
		text-align: center;
	}
	header p {
		color: #ffcc00;
		text-align: center;
		font-size: 1em;
	}
}
@media (min-width: 510px) {
	.hero-unit h1 {
		font-size: 7em;
		color: #fff;
		text-align: center;
	}
	header p {
	color: #ffcc00;
	text-align: center;
	font-size: 1.3em;
	}
}

.siteDescription {
	padding-left: 1em;
}

h1.sectionHead {
	color: #000;
}


.textured {
	background-image: url('../img/bigtop.jpg');
	//height: 30em;
	//width: 100%;
	background-size:cover;
	background-repeat: no-repeat;
}

@media (min-width: 300px) {
	h1.sectionHead { 
	font-size: 6em;
	margin-top: .25em;
	margin-bottom: .25em;
	
	}
}

@media (max-width: 300px) {
	h1.sectionHead { 
	font-size: 2.5em;
	margin-top: .25em;
	margin-bottom: .25em;
	 line-height: 3em;
	}
}

h2.sectionHead { 
	font-size: 1.5em;
	margin-top: .25em;
	margin-bottom: .25em;
	font-family: 'Gotham A', 'Gotham B', Arial, sans-serif;
	font-weight: normal;
	color: #888;
}

.nontextured {
	background-image: url('../img/bigtop2.jpg');
	//height: 30em;
	//width: 100%;
	//background-size:cover;
	background-repeat: no-repeat;
}

.row-fluid {
	width: 100%;
}

@media (max-width: 524px) {
	.fixSpacing { display: none; }
	.fixSpacingMobile {display: inline; margin: 40px; font-size: 1em; }
	//li.mainMenu {margin-left: 20px; padding-left: 10px;}
}

@media (min-width: 525px) {
	.fixSpacing {display: inline; }
	.fixSpacingMobile {display: none; }
	
}

@media (max-width: 1000px) {
	.nav { margin-bottom: 0px; }
}

.headerContainer {
	width: 100%;
	padding: 0px;
}

.topLine {
	margin-top: 25px;
}

.panel h2 {
	font-size: 1.7em;
	padding-top: .5em;
	margin: 0;
	//border-top: solid #000 1px;
}

.topBorder {
	border-top: solid #000 1px;
}

.panel img {
	margin-bottom: 3em;
	-webkit-box-shadow: rgba(36,32,26,0.5) 0 0 3px;
	-moz-box-shadow: rgba(36,32,26,0.5) 0 0 3px;
	box-shadow: rgba(36,32,26,0.5) 0 0 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.panel p {
	font-family: 'Gotham A', 'Gotham B';
	margin-bottom: 1.5em;
}

.panel a {
	color: #993333;
	font-style: normal;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.5em;
	font-family: 'Gotham A', 'Gotham B';
}

.footer {
	margin-top: 1.25em;
	  background: rgba(153, 153, 153, 0.28);
  border-top: 1px solid #CCC;
}

.panel a:hover {
	color: #000;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	font-size: 1em;
	margin-top: 1.5em;
}
@media (min-width: 1000px) {
	.miniNav li.mainMenu a:hover {
		color: #fff;
	}
	
	li.mainMenu {
		margin-right: 0 !important;
		margin-left: 1em !important;
	}
	
	li.mainMenu2 {
		margin-right: 0 !important;
		margin-left: 1em !important;
	}
	
	li.mainMenu a {
		padding: .4em !important;
		margin-right: 0;
		margin-left: 0;
	}
	
	li.mainMenu a:hover {
		padding: .4em !important;
		margin-right: 0;
		margin-left: 0;
	}
	
	li.mainMenu2 a {
		padding: .4em !important;
		margin-right: 0;
		margin-left: 0;
	}
	
	li.mainMenu a:hover {
		padding: .4em !important;
		margin-right: 0;
		margin-left: 0;
	}
}

@media (max-width: 1000px) {
	.miniNav li.mainMenu a:hover {
		background: none;
	}
}

.miniNav li.mainMenu.active a:hover {
	color: #000;
}

img.mobileSignature {
	margin-top: .5em;
}

.miniNav li.mainMenu.active {
	margin: 0;
}

.miniNav li.active a.active2  {
	color: #000;
	background: #fff;
	padding: .5em .5em;
	margin: 0;
}

ul.inline > li {
	padding: 0;
}

@media (min-width: 406px) {
	ul {
		margin: 0px;
		//padding: 0px;
	}
}

@media (max-width: 406px) {
	ul {
		margin: 0px;
		padding: 0px;
	}
}

.hero-unit {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-color: transparent;
	padding: 0px;
}

.hero-unit a {
	color: #fff;
}

.hero-unit a:hover {
	color: #000;
	text-decoration: none;
}

.socialMediaButtons {
	margin: none; padding-left: 0;
}


li.mainMenu {
	margin-right: 1em;
	margin-left: 1em;
	margin-bottom: .5em;
	font-size: 1.5em;
	color: #fff;
}

@media (max-width: 410px) {
	li.mainMenu {
		font-size: 1em;
		margin-left: 0;
	}
	li.mainMenu a {
		padding: 0 !important;
	}
	li.mainMenu a:hover {
		padding: 0 !important;
	}
}

@media (max-width: 428px, min-width: 410) {
	li.mainMenu {
		font-size: 1.5em;
		margin-left: 0;
	}
	li.mainMenu a {
		padding: 0 !important;
	}
	li.mainMenu a:hover {
		padding: 0 !important;
	}
}

@media (max-width: 260px) {
	li.mainMenu{
		margin-right: 0;
	}
	li.mainMenu a {
		padding: 0;
	}
	li.mainMenu a:hover {
		padding: 0;
	}
}

.valignMenu {
	vertical-align: middle !important; 
	line-height: 6em;
}

li.mainMenu a {
	color: #fff;
	padding: .10em;
	
}

@media (min-width: 250px) {
	li.mainMenu {
		padding: .15em;
	}
}

li.mainMenu a.active {
	color: #000;
	cursor: default;
}

@media(min-width: 1000px) {
	li.active {
		border-bottom: 2px dotted #000;
	}
}

li.mainMenu2 {
	margin-right: 1em;
	margin-left: 1em;
	margin-bottom: .5em;
	font-size: 1.5em;
	color: #fff;
}

li.mainMenu2 a {
	color: #000;
	padding: .15em;
}

li.mainMenu2 a:hover {
	color: #fff;
	-webkit-transition: background 0.2s ease-in;
	-moz-transition: background 0.2s ease-in;
	transition: background 0.2s ease-in;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	background: #000;
	padding: .15em; 
}


li.mainMenu2 a.active {
	color: #000;
	cursor: default;
}

.smallLinks a {
	font-size: 1.5em;
	line-height: 1.5em;
}

.smallLinks a:hover {
	font-size: 1.5em;
}

ul.smallLinks {
	padding-left: 0;
}

ul.smallLinks li {
	border-bottom: 1px dotted #d3d3d3;
}

.testimonial {
	text-align: center;
}

.signatureImage {
	margin-bottom: 1em;
}

.thumbNailSection h2 {
	text-align: center;
	border-top: 1px dotted #d3d3d3;
	border-bottom: 1px dotted #d3d3d3;
}


.testimonial p {
	font-style: italic;
	font-size: 1.5em;
	font-family: 'Gotham A', 'Gotham B';
}

.testimonial .customerName {
	color: #993333;
	font-style: normal;
}

.testimonial h2 {
	border-bottom: 1px dotted #d3d3d3;
	border-top: 1px dotted #d3d3d3;
	//color: #993333;
}

.dottedBottomBorder {
	border-bottom: 1px dotted #d3d3d3;
}

@media (max-width: 997) {
	li.mainMenu a {
		padding: 0;
	}
	
	li.mainMenu a:hover {
		padding: 0;
	}
}

@media (min-width: 1000px) {
	li.mainMenu a:hover {
		color: #fff;
		-webkit-transition: background 0.2s ease-in;
		-moz-transition: background 0.2s ease-in;
		transition: background 0.2s ease-in;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		-ms-border-radius: 7px;
		-o-border-radius: 7px;
		border-radius: 7px;
		background: #000;
		padding: .10em;
	}
}
.footer .span12 {
  padding-top: 25px;
  padding-bottom: 25px;
}
body {
	font-family: 'Gotham A', 'Gotham B';
}
.footer .row-fluid {
	max-width:95%;
	margin:auto;
}
img#backToTop {
  position: fixed;
  bottom: 100px;
  right: 50px;
  cursor: pointer;
}