@font-face						{ font-family: "bree serif"; src: url(../fonts/BreeSerif_Reg.otf) format("opentype"); }
@font-face						{ font-family: "liberation"; src: url(../fonts/liberation-mono-reg.ttf) format("truetype"); }
@font-face						{ font-family: "cantarell";  src: url(../fonts/OpenSans-Regular.ttf) format("truetype"); }
@font-face						{ font-family: "amble"; 	 src: url(../fonts/Amble-Light.ttf) format("truetype"); }



/* Defaults
////////////////////////////////////////////////// */
h1,h2,h3,h4,h5,h6				{ font-family: bree serif, Georgia, serif; font-weight: normal; margin:0; padding:0; line-height:1.5 !important; }
a								{ color:steelblue; text-decoration: none; outline-width:0; }
a:hover 							{ text-decoration: underline; }
body.modal-open 					{ overflow: hidden; } /* for JQuery UI Dialog */
a								{ color:steelblue; text-decoration: none; outline-width:0; }
a:hover 							{ text-decoration: underline; }
input[type=submit],
input[type=reset],
button 							{ font-family: cantarell, trebuchet ms, Georgia, serif !important; text-align: center; cursor:pointer; padding:5px 20px; font-size:13px !important; }
.button::-moz-focus-inner,
button::-moz-focus-inner,
button:focus						{ border:0;outline-width: 0; outline:none; }





/* Page
////////////////////////////////////////////////// */
.main-logo 						{ background: url('../img/logo4.png') no-repeat scroll left center; vertical-align:middle;
								  width:248px; height:58px; display:inline-block; cursor:pointer; position:relative; border:1px solid transparent;
								}
.main-logo-wrap					{
								  background: rgba(0,0,0,0.5);
								  background: -webkit-linear-gradient(left, rgba(0,0,0,0.8), rgba(0,0,0,0.6), rgba(0,0,0,0)); /* safari and chrome */
								  background:    -moz-linear-gradient(left, rgba(0,0,0,0.8), rgba(0,0,0,0.6), rgba(0,0,0,0)); /* firefox */
								  background:     -ms-linear-gradient(left, rgba(0,0,0,0.8), rgba(0,0,0,0.6), rgba(0,0,0,0)); /* microsoft */
								  background:      -o-linear-gradient(left, rgba(0,0,0,0.8), rgba(0,0,0,0.6), rgba(0,0,0,0)); /* opera */
								  background:         linear-gradient(left, rgba(0,0,0,0.8), rgba(0,0,0,0.6), rgba(0,0,0,0)); /* must be last */
								  border-radius:10px;
								  overflow:hidden;
								}
.page-header,
.page-header2					{ background: #000 url('../img/header-bg2.png') no-repeat fixed right top; color:white; box-shadow:0 0 10px #333; height:340px; }
.page-header2					{ height:110px; }
.page-menu a						{ text-shadow: 0 -1px 0 #555; color:white; border-radius:20px; background-color:rgba(0,0,0,0.6); box-shadow:inset 0 0 0 #000; top:0px; position:relative; font-family:cantarell; text-decoration:none; }
.page-menu a.sel,
.page-menu a:hover				{ text-shadow: 0 -1px 3px #fff; color:white; border-radius:20px; background-color:rgba(32,32,32,0.8); box-shadow:inset 0 5px 3px #000; }
.page-content					{ margin-top:220px; }
.page-footer					{ background: #0f0f0f url('../img/dark-bg.png') no-repeat fixed center bottom; color:white; font-family:cantarell; padding-top:20px; box-shadow:0 0 5px #fff; border-top:10px solid #8CC63E; margin-top:10px; }

/* Images */
.banner.smoke					{ background: transparent url(../img/about/smoke.jpg) no-repeat scroll center center; 			}
.banner.park                    			{ background: transparent url(../img/about/park.jpg) no-repeat scroll center center; 			}
.banner.xp3                     			{ background: transparent url(../img/about/xp3slider.jpg) no-repeat scroll center center; 		}
.banner.fields                  			{ background: transparent url(../img/about/fields.jpg) no-repeat scroll center center; 			}
.thumb.smoke					{ background: transparent url(../img/about/thumb-smoke.jpg) no-repeat scroll center center;		}
.thumb.park                        			{ background: transparent url(../img/about/thumb-park.jpg) no-repeat scroll center center; 		}
.thumb.xp3                          			{ background: transparent url(../img/about/thumb-xp3slider.jpg) no-repeat scroll center center; }
.thumb.fields                   			{ background: transparent url(../img/about/thumb-fields.jpg) no-repeat scroll center center; 	}



/* Slider
////////////////////////////////////////////////// */
/* Basic Settings */
.slider							{ display:inline-block; position:absolute; list-style-type:none; }
.slider input						{ display:none; }
.slider .wrap					{ position:relative; box-shadow:0 3px 3px #000; overflow:hidden; background-color:#000; border-radius:10px; }
.slider .reel					{ position:relative; white-space:nowrap; height:inherit; }
.slider .slide					{ float:none; display:inline-block;  height:inherit; }

#slide1:checked ~ .wrap .reel	{ left:0px;   }
#slide2:checked ~ .wrap .reel	{ left:-100%; }
#slide3:checked ~ .wrap .reel	{ left:-200%; }
#slide4:checked ~ .wrap .reel	{ left:-300%; }
#slide1:checked ~ .nav .reel		{ left:0px;   }
#slide2:checked ~ .nav .reel		{ left:-100%; }
#slide3:checked ~ .nav .reel		{ left:-200%; }
#slide4:checked ~ .nav .reel		{ left:-300%; }


/* Design Custom Settings */
.slider .slide,
.slider .slide img				{ position:relative; display:inline-block; z-index:3; float:none; }
.slider .slide .overlay			{ position:absolute; display:inline-block; background-color: rgba(0,0,0,0.8); z-index:10; height:100%; width:100%;
								  transition: all 3s ease; -moz-transition: all 3s ease; -webkit-transition: all 3s ease; -o-transition: all 3s ease; -ms-transition: all 3s ease; }

.slider .dot						{ display:inline-block; border-radius:50%; background-color:rgba(0,0,0,0.5); vertical-align:middle; z-index:1; box-shadow:inset 0 0 5px #fff;  }
.slider .dot.px40				{ width:40px; height:40px; }
.slider .dot.carve				{ border:5px solid #000; box-shadow: 0 0 2px #000; position:relative; background-color:rgba(0,0,0,0.8); }

#slide1:checked ~ .wrap .slide.s1 .overlay	{ background-color: rgba(64,0,0,0.2); 		box-shadow:inset 0 0 1px #fff; }
#slide2:checked ~ .wrap .slide.s2 .overlay	{ background-color: rgba(0,128,64,0.2); 	box-shadow:inset 0 0 1px #fff; }
#slide3:checked ~ .wrap .slide.s3 .overlay	{ background-color: rgba(255,255,255,0.2); 	box-shadow:inset 0 0 1px #fff; }
#slide4:checked ~ .wrap .slide.s4 .overlay	{ background-color: rgba(128,192,255,0.2); 	box-shadow:inset 0 0 1px #fff; }
.slider .nav .carve.s1:hover,
#slide1:checked ~ .nav .carve.s1				{ border-color: crimson; 	 	}
.slider .nav .carve.s2:hover,
#slide2:checked ~ .nav .carve.s2				{ border-color: limegreen;  	}
.slider .nav .carve.s3:hover,
#slide3:checked ~ .nav .carve.s3				{ border-color: gold;  			}
.slider .nav .carve.s4:hover,
#slide4:checked ~ .nav .carve.s4				{ border-color: dodgerblue;  	}


.slider .nav									{ position:absolute; z-index:5; left:1px; right:1px; bottom:1px; height:30px; text-align:center; }
.slider .nav .caption-box					{ color:white; overflow:hidden; position:relative; font-family:cantarell; float:none; font-size:13px;
											  top:-195px; left:-1px; height:130px;
											  background: -webkit-linear-gradient(right, rgba(0,0,0,0.8), rgba(0,0,0,0.8), rgba(0,0,0,0.5), rgba(0,0,0,0)); /* safari and chrome */
											  background:    -moz-linear-gradient(right, rgba(0,0,0,0.8), rgba(0,0,0,0.8), rgba(0,0,0,0.5), rgba(0,0,0,0)); /* firefox */
											  background:     -ms-linear-gradient(right, rgba(0,0,0,0.8), rgba(0,0,0,0.8), rgba(0,0,0,0.5), rgba(0,0,0,0)); /* microsoft */
											  background:      -o-linear-gradient(right, rgba(0,0,0,0.8), rgba(0,0,0,0.8), rgba(0,0,0,0.5), rgba(0,0,0,0)); /* opera */
											  background:         linear-gradient(right, rgba(0,0,0,0.8), rgba(0,0,0,0.8), rgba(0,0,0,0.5), rgba(0,0,0,0)); /* must be last */
											}
.slider .nav .caption-box .header,
.slider .nav .caption-box .caption			{ margin:5px 10px; padding:0 10px; width:55%; display:inline-block; }
.slider .nav .caption-box .slide				{ white-space:normal; text-align:right; vertical-align:top; }
.slider .nav .caption-box .s1 .header			{ color:crimson; 		}
.slider .nav .caption-box .s2 .header			{ color:#8CC63E; 		}
.slider .nav .caption-box .s3 .header			{ color:gold;		 	}
.slider .nav .caption-box .s4 .header			{ color:lightskyblue; 	}
.slider .nav .caption-box .s1 .caption		{ border-right:5px solid crimson; 	}
.slider .nav .caption-box .s2 .caption		{ border-right:5px solid #8CC63E;  	}
.slider .nav .caption-box .s3 .caption		{ border-right:5px solid gold;  	}
.slider .nav .caption-box .s4 .caption		{ border-right:5px solid lightskyblue; }
.slider .nav .caption-box .s3 .head-pad		{ display:none; }

@media only screen and (min-width : 651px) and (max-width : 959px)   {
.page-header								{ height:280px; 	}							
.page-header-pad							{ margin-bottom:0;  }
.page-content								{ margin-top:140px; }

.slider .nav .dot							{ top:5px; }
.slider .nav .caption-box					{ top:-135px; left:-1px; height:96px; background:rgba(0,0,0,0.8); font-size:11px; border-radius:0 0 8px 8px; }
.slider .nav .caption-box .header,
.slider .nav .caption-box .caption			{ margin:0 10px; padding:5px 10px 5px; width:auto; border-right:0 !important;  }
.slider .nav .caption-box .header				{ font-size:13px; }
.slider .nav .caption-box .s1 .caption		{ border-top:1px solid crimson; 	}
.slider .nav .caption-box .s2 .caption		{ border-top:1px solid #8CC63E;  	}
.slider .nav .caption-box .s3 .caption		{ border-top:1px solid gold;  		}
.slider .nav .caption-box .s4 .caption		{ border-top:1px solid lightskyblue; }

}
@media only screen and (min-width : 481px) and (max-width : 650px)   {
.page-header								{ height:280px; 	}							
.page-header2								{ height:150px; 	}
.page-header-pad							{ margin-bottom:0;  }
.page-content								{ margin-top:240px; }

.slider .nav .dot							{ top:-15px; }
.slider .nav .caption-box					{ top:10px; font-size:11px; background:none; height:auto; }
.slider .nav .caption-box .header,
.slider .nav .caption-box .caption			{ margin:0 5px; padding:0 10px 5px 0; width:auto; color:black; }
.slider .nav .caption-box .header				{ line-height:1 !important; font-size:13px; }
.slider .nav .caption-box .s1 .header			{ color:crimson; 	}
.slider .nav .caption-box .s2 .header			{ color:#8CC63E; 	}
.slider .nav .caption-box .s3 .header			{ color:#E6AF42; 	}
.slider .nav .caption-box .s4 .header			{ color:steelblue; 	}
}
@media only screen and (max-width : 480px){
.page-header								{ height:280px; 	}							
.page-header2								{ height:150px; 	}
.page-content								{ margin-top:200px; }
.page-header-pad							{ margin-bottom:0;  }

.slider .nav .caption-box					{ top:10px; font-size:11px; background:none; height:auto; }
.slider .nav .caption-box .header,
.slider .nav .caption-box .caption			{ margin:0 10px 5px; padding:0 10px 0 0; width:auto; color:black; display:block;  }
.slider .nav .caption-box .header				{ line-height:1 !important; font-size:13px; }
.slider .nav .caption-box .s1 .header			{ color:crimson; 	}
.slider .nav .caption-box .s2 .header			{ color:#8CC63E; 	}
.slider .nav .caption-box .s3 .header			{ color:#E6AF42; 	}
.slider .nav .caption-box .s4 .header			{ color:steelblue; 	}

.slider .nav .caption-box .s3 .head-pad		{ display:inline; 	}
}





/* Footer - Social Media
////////////////////////////////////////////////// */
ul.social				{ list-style:none; margin:20px 0px; }
ul.social li				{ display:inline-block; background-repeat:no-repeat; margin:0px 5px; }
ul.social li a 				{ display:block; width:32px; height:32px; position:relative; text-decoration:none; }
ul.social li a strong 		{ font-weight:normal; font-style:Arial, serif; font-size:12px !important;
						  position:absolute; left:-9px; top:-5px; color:#fff;
						  z-index:999; padding:5px; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75);
						  background-color:rgba(0, 0, 0, 0.7); border-radius:3px;
						  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
						}
ul.social li.facebook		{ border-radius:3px; background-image:url('../img/social-fb.png'); }
ul.social li.youtube 		{ border-radius:3px; background-image:url('../img/social-youtube.png'); }
ul.social li.twitter 		{ border-radius:3px; background-image:url('../img/social-twitter.png'); }
#s-media:hover li 		{ opacity:0.3; }
#s-media li a strong 		{ opacity:0; }
#s-media li:hover 		{ opacity:1; }
#s-media li:hover a strong	{ opacity:1; top:-25px; left:-8px; padding:5px; }





/* Tools
////////////////////////////////////////////////// */

/* Mouses */
.hot							{ cursor:pointer; }
.mouse							{ cursor:default !important; }

/* Placements */
.center							{ text-align:center; }
.justify						{ text-align:justify; }
.left-tx						{ text-align:left; }
.right-tx						{ text-align:right; }
.left							{ float:left; }
.right							{ float:right; }
.fixed							{ position:fixed !important; }
.rel							{ position:relative; }
.abs							{ position:absolute; }
.static							{ position:static !important; }
.fix-grid						{ float:none; display:inline-block; vertical-align:top; } /* Grid Fix -Center align*/

/* Displays */
.ib								{ display:inline-block; }
.bl								{ display:block; }
.none							{ display:none; }
.hide							{ display:none !important; }
.hidden							{ visibility:hidden; }

/* Paddings */
.pad-20,.pad-20-b,.pad-20-tb									{ padding-bottom: 20px; }
.pad-20,.pad-20-t,.pad-20-tb,.pad-20-lt,.pad-20-rt,.pad-20-ltr 	{ padding-top: 20px; }
.pad-20,.pad-20-lt,.pad-20-l,.pad-20-lr,.pad-20-ltr 				{ padding-left: 20px; }
.pad-20,.pad-20-rt,.pad-20-r,.pad-20-lr,.pad-20-ltr 				{ padding-right: 20px; }

.pad-10,.pad-10-b,.pad-10-tb									{ padding-bottom: 10px; }
.pad-10,.pad-10-t,.pad-10-tb,.pad-10-lt,.pad-10-rt,.pad-10-ltr 	{ padding-top: 10px; }
.pad-10,.pad-10-lt,.pad-10-l,.pad-10-lr,.pad-10-ltr 				{ padding-left: 10px; }
.pad-10,.pad-10-rt,.pad-10-r,.pad-10-lr,.pad-10-ltr 				{ padding-right: 10px; }

.pad-5,.pad-5-b,.pad-5-tb										{ padding-bottom: 5px; }
.pad-5,.pad-5-t,.pad-5-tb,.pad-5-lt,.pad-5-rt,.pad-5-ltr 		{ padding-top: 5px; }
.pad-5,.pad-5-lt,.pad-5-l,.pad-5-lr,.pad-5-ltr 					{ padding-left: 5px; }
.pad-5,.pad-5-rt,.pad-5-r,.pad-5-lr,.pad-5-ltr 					{ padding-right: 5px; }

.pad-0,.pad-0-b,.pad-0-tb										{ padding-bottom: 0 !important; }
.pad-0,.pad-0-t,.pad-0-tb,.pad-0-lt,.pad-0-rt,.pad-0-ltr 		{ padding-top: 0 !important; }
.pad-0,.pad-0-lt,.pad-0-l,.pad-0-lr,.pad-0-ltr 					{ padding-left: 0 !important; }
.pad-0,.pad-0-rt,.pad-0-r,.pad-0-lr,.pad-0-ltr 					{ padding-right: 0 !important; }

/* Margins */
.mar-20,.mar-20-b,.mar-20-tb									{ margin-bottom: 20px; }
.mar-20,.mar-20-t,.mar-20-tb,.mar-20-lt,.mar-20-rt,.mar-20-ltr 	{ margin-top: 20px; }
.mar-20,.mar-20-lt,.mar-20-l,.mar-20-lr,.mar-20-ltr 				{ margin-left: 20px; }
.mar-20,.mar-20-rt,.mar-20-r,.mar-20-lr,.mar-20-ltr 				{ margin-right: 20px; }

.mar-10,.mar-10-b,.mar-10-tb									{ margin-bottom: 10px; }
.mar-10,.mar-10-t,.mar-10-tb,.mar-10-lt,.mar-10-rt,.mar-10-ltr 	{ margin-top: 10px; }
.mar-10,.mar-10-lt,.mar-10-l,.mar-10-lr,.mar-10-ltr 				{ margin-left: 10px; }
.mar-10,.mar-10-rt,.mar-10-r,.mar-10-lr,.mar-10-ltr 				{ margin-right: 10px; }

.mar-5,.mar-5-b,.mar-5-tb										{ margin-bottom: 5px; }
.mar-5,.mar-5-t,.mar-5-tb,.mar-5-lt,.mar-5-rt,.mar-5-ltr		{ margin-top: 5px; }
.mar-5,.mar-5-lt,.mar-5-l,.mar-5-lr,.mar-5-ltr 					{ margin-left: 5px; }
.mar-5,.mar-5-rt,.mar-5-r,.mar-5-lr,.mar-5-ltr 					{ margin-right: 5px; }

.mar-0,.mar-0-b,.mar-0-tb										{ margin-bottom: 0 !important; }
.mar-0,.mar-0-t,.mar-0-tb,.mar-0-lt,.mar-0-rt,.mar-0-ltr 		{ margin-top: 0 !important; }
.mar-0,.mar-0-lt,.mar-0-l,.mar-0-lr,.mar-0-ltr 					{ margin-left: 0 !important; }
.mar-0,.mar-0-rt,.mar-0-r,.mar-0-lr,.mar-0-ltr 					{ margin-right: 0 !important; }

/* Drop Shadow */
.shade.s4,.shade.s5				{ box-shadow: 0 1px 5px rgba(0,0,0,0.50); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.50); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.50); }
.shade.s3,.shade.s2				{ box-shadow: 0 1px 3px rgba(0,0,0,0.50); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.50); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.50); }
.shade.s1,.shade				{ box-shadow: 0 1px 2px rgba(0,0,0,0.50); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.50); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.50); }
.shade-in.s5,.shade-in.s4		{ box-shadow: inset 0 5px 5px rgba(0,0,0,0.50); -moz-box-shadow: inset 0 5px 5px rgba(0,0,0,0.50); -webkit-box-shadow: inset  0 5px 5px rgba(0,0,0,0.50); }
.shade-in.s3,.shade-in.s2		{ box-shadow: inset 0 3px 3px rgba(0,0,0,0.50); -moz-box-shadow: inset 0 5px 5px rgba(0,0,0,0.50); -webkit-box-shadow: inset  0 3px 3px rgba(0,0,0,0.50); }
.shade-in.s1,.shade-in 			{ box-shadow: inset 0 2px 2px rgba(0,0,0,0.50); -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.50); -webkit-box-shadow: inset  0 2px 2px rgba(0,0,0,0.50); }

/* Corners */
.x7,.x79,.x71,.x73,.x5			{ border-top-left-radius: 0px; 		}
.x9,.x79,.x93,.x91,.x5			{ border-top-right-radius: 0px; 	}
.x1,.x13,.x71,.x91,.x5			{ border-bottom-left-radius: 0px; 	}
.x3,.x13,.x93,.x73,.x5			{ border-bottom-right-radius: 0px; 	}

.c7,.c79,.c71,.c73,.c5			{ border-top-left-radius: 5px; 		}
.c9,.c79,.c93,.c91,.c5			{ border-top-right-radius: 5px; 	}
.c1,.c13,.c71,.c91,.c5			{ border-bottom-left-radius: 5px; 	}
.c3,.c13,.c93,.c73,.c5			{ border-bottom-right-radius: 5px; 	}

.r7,.r79,.r71,.r73,.r5			{ border-top-left-radius: 22px; 	}
.r9,.r79,.r93,.r91,.r5			{ border-top-right-radius: 22px; 	}
.r1,.r13,.r71,.r91,.r5			{ border-bottom-left-radius: 22px; 	}
.r3,.r13,.r93,.r73,.r5			{ border-bottom-right-radius: 22px; }

/* Animate */
.ani							{ transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }
.ani.fast						{ transition-duration:0.25s; -moz-transition-duration:0.25s; -webkit-transition-duration:0.25s; -o-transition-duration:0.25s; -ms-transition-duration:0.25s; }
.ani.slow						{ transition-duration:1s; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; -ms-transition-duration:1s; }
.ani.slower						{ transition-duration:1.5s; -moz-transition-duration:1.5s; -webkit-transition-duration:1.5s; -o-transition-duration:1.5s; -ms-transition-duration:1.5s; }
.ani.even.slower				{ transition-duration:3s; -moz-transition-duration:3s; -webkit-transition-duration:3s; -o-transition-duration:3s; -ms-transition-duration:3s; }

/* Borders  */
.box-line.dashed,
.underline.dashed				{ border-style:dashed; }
.box-line.dotted,
.underline.dotted				{ border-style:dotted; }
.box-line.ln3					{ line-height:3; 			}
.box-line						{ border:1px solid #555; 	}
.underline.thick				{ border-bottom-width:3px; 	}
.underline						{ border-bottom:1px solid #555; }
.box-line.lightgray,
.underline.lightgray			{ border-color:#ccc; 		}
.box-line.lime,
.underline.lime					{ border-color:#8CC63E; 	}
.box-line.steelblue,
.underline.steelblue			{ border-color:steelblue; 	}
.box-line.gold,
.underline.gold					{ border-color:#E6AF42; 	}
.box-line.teal,
.underline.teal					{ border-color:teal; 		}
.box-line.indigo,
.underline.indigo				{ border-color:indigo; 		}
.box-line.crimson,
.underline.crimson				{ border-color:crimson; 	}

/* High Lines */
.high-line						{ height:5px; display:block; background: url('../img/border-dark.gif') repeat-x scroll left top; }
.high-line.sm					{ height:3px; }
.high-line.gray					{ background-image: url('../img/border-gray.gif'); }
.high-line.dgray				{ background-image: url('../img/border-dgray.gif'); }
.high-line.white				{ background-image: url('../img/border-white.gif'); }
.high-line.lime					{ background-image: url('../img/border-lime.gif'); }
.high-line.steelblue			{ background-image: url('../img/border-steelblue.gif'); }
.high-line.gold					{ background-image: url('../img/border-gold.gif'); }
.high-line.teal					{ background-image: url('../img/border-teal.gif'); }
.high-line.indigo				{ background-image: url('../img/border-indigo.gif'); }
.high-line.crimson				{ background-image: url('../img/border-crimson.gif'); }

/* Font Colors */
.ft-lime,
.header.lime					{ color:#8CC63E; 	}
.ft-steelblue,
.header.steelblue				{ color:steelblue; 	}
.ft-gold,
.header.gold					{ color:#E6AF42;  	}
.ft-teal,
.header.teal					{ color:teal; 		}
.ft-indigo,
.header.indigo					{ color:indigo; 	}
.ft-crimson,
.header.crimson					{ color:crimson; 	}
.ft-lime2						{ color:greenyellow; }
.ft-gold2						{ color:yellow; }
.ft-steelblue2					{ color:lightskyblue; }


.gas,.active					{ color:green 		!important; }
.inactive						{ color:#999 		!important; }
.diesel,.deactivated			{ color:#CA1214 	!important; }
.error,.invalid					{ color:red 		!important; }
.void							{ color:lightcoral 	!important; }
.combo							{ color:teal 		!important; }
.invalid2,.banned				{ color:indigo 		!important; }
.hl								{ color:steelblue 	!important; }
.hl2							{ color:orangered 	!important; }


/* Font Settings */
.font-12						{ font-size:12px; }
.font-13						{ font-size:13px; }
.font-14						{ font-size:14px; }
.font-15						{ font-size:15px; }
.font-16						{ font-size:16px; }
.font-18						{ font-size:18px; }
.pincode						{ font-family:liberation !important; }
.ft-tiny						{ font-family:cantarell !important; font-size:10px !important; }
.ft-small						{ font-family:helvetica, trebuchet ms, serif !important; font-size:11px; }
.ft-mid							{ font-family:cantarell !important; font-size:14px !important; }
.ft-large						{ font-family:cantarell !important; font-size:16px !important; }
.ft-1							{ font-family:helvetica, trebuchet ms, serif !important; }
.ft-2							{ font-family:cantarell !important;  }
.ft-fff							{ color:#fff !important; }
.ft-ccc							{ color:#ccc !important; }
.ft-999							{ color:#999 !important; }
.ft-777							{ color:#777 !important; }

/* Fills */
.fill.header					{ color:#fff !important; 			 }
.fill.lime 						{ background-color:#8CC63E; 		 }
.fill.steelblue					{ background-color:steelblue; 		 }
.fill.gold						{ background-color:#E6AF42; 		 }
.fill.teal						{ background-color:teal; 			 }
.fill.indigo					{ background-color:indigo; 			 }
.fill.crimson					{ background-color:crimson; 		 }
.fill.dark						{ background-color:rgba(0,0,0,0.7);  }
.fill.darkmid					{ background-color:rgba(0,0,0,0.5);  }
.fill.darkless					{ background-color:rgba(0,0,0,0.25); }



/* Racks */
.rack							{ margin-bottom:0; padding:4px; list-style-type:none;  }
.rack-box						{ width:220px; height:220px; }
.rack li.header,		
.rack li							{ min-height:24px; margin-left:0; }
.rack li.platform					{ border-bottom:2px solid #ccc; }
.rack .label						{ width:96px; display:inline-block; text-align:right; color:#777; }
.rack .info						{ display:inline-block; color:#0D0D0D; vertical-align:top;  margin:0;  }


.dot							{ clear:both; border-radius: 50%; display:inline-block; color:white; 
								  vertical-align:middle; text-align:center; }
.dot h1, .dot h2,		
.dot h3, .dot h4 				{ display:block; padding:0 !important; margin:0 !important;  vertical-align:middle; }
.dot.px340						{ width:340px; height:340px; font-size:32px !important; }
.dot.px280						{ width:280px; height:280px; font-size:32px !important; }
.dot.px240						{ width:240px; height:240px; font-size:32px !important; }
.dot.px220						{ width:220px; height:220px; font-size:32px !important; }
.dot.px140						{ width:140px; height:140px; font-size:32px !important; }
.dot.px100						{ width:100px; height:100px; font-size:14px !important; }
.dot.px100						{ width:100px; height:100px; font-size:14px !important; }
.dot.px60               				{ width:60px; height:60px; font-size:32px !important;   }
.dot.px40              				{ width:40px; height:40px; font-size:24px !important;   }
.dot.px30               				{ width:30px; height:30px; font-size:16px !important;   }
.dot.px20               				{ width:20px; height:20px; font-size:12px !important;   }



.icon							{ display:inline-block; text-align:center; vertical-align:middle !important; background-repeat: no-repeat; background-position:center center; padding:0; cursor:pointer; }
.icon.s3  						{ width:24px; height:32px; }
.icon.s2  						{ width:18px; height:24px; }
.icon.s1  						{ width:12px; height:16px; }
.icon.new						{ width:20px; height:20px; background-image:url('../img/star.gif'); }
.icon.busy						{ width:20px; height:20px; background-image:url('../img/genealogy/sm-loading.gif'); }