/* All the design and code contained here remains the sole property of Timothy Paul Read and is used strictly under license. It may not be copied, re-used or redistributed in any fashion without prior permission. */

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

@font-face {
    font-family: "Trade Gothic Next LT Pro BdCn";
    src: url("../fonts/TGNLTP_BdCn.eot");
    src: url("../fonts/TGNLTP_BdCn.eot?#iefix")format("embedded-opentype"),
    url("../fonts/TGNLTP_BdCn.woff2")format("woff2"),
    url("../fonts/TGNLTP_BdCn.woff")format("woff"),
    url("../fonts/TGNLTP_BdCn.ttf")format("truetype"),
    url("../fonts/TGNLTP_BdCn.svg#Trade Gothic Next LT Pro BdCn")format("svg");
}

@font-face {
    font-family: "Trade Gothic LT Std BdCn Italic";
    src: url("../fonts/TGLTSTDBCI.eot");
    src: url("../fonts/TGLTSTDBCI.eot?#iefix")format("embedded-opentype"),
    url("../fonts/TGLTSTDBCI.woff2")format("woff2"),
    url("../fonts/TGLTSTDBCI.woff")format("woff"),
    url("../fonts/TGLTSTDBCI.svg#Trade Gothic LT Std BdCn Italic")format("svg");
}

@font-face {
    font-family: "Trade Gothic LT Std";
    src: url("../fonts/TGLTSTD.eot");
    src: url("../fonts/TGLTSTD.eot?#iefix")format("embedded-opentype"),
    url("../fonts/TGLTSTD.woff2")format("woff2"),
    url("../fonts/TGLTSTD.ttf")format("truetype"),
    url("../fonts/TGLTSTD.svg#Trade Gothic LT Std")format("svg");
}

html, body {
    margin: 0;
    min-height: 100%;
}
	
body {
    position: relative; /* needed for the overlay to extend when you scroll */
    /* general styles */
    /* padding: 30px; */
	/* background-color: #878697; */
    background-color: rgba(117,117,117,1.0);
	text-align: center;
	font-family: "Trade Gothic Next LT Pro BdCn", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   	font-weight: 300;
}

#ctrlbar {
	position: fixed;
	display: block;
	/* 
left: 0px;
	right: 0px;
	top: 0px;
 */
	width: 768px;
	height: 60px;
	background-color: rgba(255,255,255,1.0);
	z-index: 10;
}
#minilogo {
	position:absolute;
	top: 4px;
	left: 5px;
}

#send{
	position:relative;
	float: right;
}

#services{
	position:relative;
	float: right;
}

#contact{
	position:relative;
	float: right;
}

.emptypanel {
	position: relative;
	display: inline-block;
	width: 100%;
	/* height: 400px; */
	color: rgba(0,0,0,1.0);
	background-color: rgba(255,255,255,1.0);
	/*font-size: 1.9em;*/
	font-family: "Trade Gothic Next LT Pro BdCn", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.tealpanel {
	position: relative;
	display: inline-block;
	width: 100%;
	/* height: 400px; */
	/* color: rgba(0,0,0,1.0); */
	color: rgba(255,255,255,1.0);
	background-color: rgba(0,153,204,1.0);
	/*font-size: 1.9em;*/
	font-family: "Trade Gothic Next LT Pro BdCn", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.blackpanel {
	position: relative;
	display: inline-block;
	width: 100%;
	/* height: 400px; */
	background-color: rgba(0,0,0,1.0);
	color: rgba(255,255,255,1.0);
	/*font-size: 1.9em;*/
	font-family: "Trade Gothic Next LT Pro BdCn", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.orangepanel {
	position: relative;
	display: inline-block;
	width: 100%;
	/* height: 400px; */
	color: rgba(255,255,255,1.0);
	background-color: rgba(200,30,0,1.0);
	/*font-size: 1.9em;*/
	font-family: "Trade Gothic Next LT Pro BdCn", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.violetpanel {
	position: relative;
	display: inline-block;
	width: 100%;
	/* height: 400px; */
	color: rgba(255,255,255,1.0);
	background-color: rgba(146,130,159,1.0);
	/*font-size: 1.9em;*/
	font-family: "Trade Gothic Next LT Pro BdCn", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.greypanel {
	position: relative;
	display: inline-block;
	width: 100%;
	/* height: 400px; */
	background-color: rgba(69,69,69,1.0);
	color: rgba(255,255,255,1.0);
	/*font-size: 1.9em;*/
	font-family: "Trade Gothic Next LT Pro BdCn", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.textpanel {
	
	text-align: left;
	margin-top: 60px;
	margin-bottom: 40px;
	margin-right: 40px;
	margin-left: 40px;
}

.headerPanel {
	
	text-align: left;
	margin-top: 60px;
	margin-bottom: 40px;
	margin-right: 40px;
	margin-left: 20px;
}

.titleText {
	font-size: 2.2em;
	font-family: "Trade Gothic Next LT Pro BdCn", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.italicText {
	font-family: "Trade Gothic LT Std BdCn Italic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.regularText {
	font-size: 1.5em;
	font-family: "Trade Gothic LT Std", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.xtraText {
	font-size: 1.2em;
	font-family: "Trade Gothic LT Std", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.cardText {
	color: color: rgba(0,0,0,1.0);
	font-size: 1.2em;
	font-family: "Trade Gothic LT Std", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#mainpanel {
	
	display: inline-block;
	width: 768px;

}

.nav_menu {
	display: inline-block;
	font-size: 1.9em;
	font-family: "Trade Gothic Next LT Pro BdCn", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	width: 100%;
	height: 200px;
	background-color: rgba(255,255,255,1.0);
	/*font-weight: 100;*/
}
.btn_spacer {
	width: 50px;
	color: rgba(200,200,200,1.0);
}
.btn_main {
	color: rgba(255,255,255,1.0);
	cursor: pointer;
}

.btn_main:hover {
	color: rgba(255,0,0,1.0);
	cursor: pointer;
}

.btn_main:visited {
	color: rgba(255,255,255,1.0);
	cursor: pointer;
}

input {
    width: 450px;
}