/* Table of Content
===================dark=006633=======light=99cc33=
	B = BANDS
	H = HEADER

	S = STRIPER ------------------- {IMG STRIPS FOR DISPLAY}
	  MS = MOBILE STRIPER

	N = NAVIGATION
	  SN = SUB NAV

	C = CONTENT
	  C = CONTACT

	#M = MEDIA QUERIES
	
/* #Site Styles
================================================== */
*{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


/*----------  BANDSBANDSBA.   ------------*/
/*----------  BAN      SBAN.  ------------*/
/*----------  BAN      SBAN.  ------------*/
/*----------  BANDSBANDSBA    ------------*/
/*----------  BANDSBANDSBA    ------------*/
/*----------  BAN      SBAN.  ------------*/
/*----------  BAN      SBAN.  ------------*/
/*----------  BANDSBANDSBA.   ------------*/
.band.gradient{ background: #fff url(../images/gradient.png) top left repeat-x; height: 10px; width: 100%;}
.band.footer {
	margin-top: 21px;
	padding: 35px 0 14px 0;
	background: #eee;
} 
.band.bottom{
	padding: 7px 0;
	color: #e0e0e0;
	background: url(../images/bg_bottom.png) repeat #343434;
}
.band.header{
	margin-bottom: 25px;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#dfe4ec), to(#fff));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #dfe4ec, #fff);
}
#topbar{
	height: 14px; 
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#99CC33), to(#339933));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #99CC33, #339933);
}
.band.content{
	padding-top: 7px;
}
.band.nav{margin-top: 21px}


/*----------  HEA        RHE  ------------*/
/*----------  HEA        RHE  ------------*/
/*----------  HEA        RHE  ------------*/
/*----------  HEADERHEADERHE  ------------*/
/*----------  HEADERHEADERHE  ------------*/
/*----------  HEA        RHE  ------------*/
/*----------  HEA        RHE  ------------*/
/*----------  HEA        RHE  ------------*/
.band header.main{ padding-top: 21px}

#logo-TT{ float: left}
#logo-TT a {
	width: 300px;
	height: 100px;
	display: block;
	background: url(../images/logo-tt-media.png) no-repeat -300px 0px;
	font-family: "Georgia", "Times New Roman", serif;	
	font: 0/0 a; 
	text-shadow: none;
	color: transparent;
}

/*----------  Header H4s  -----------*/
.main header, .content header{
	text-align: right;
 	/*background: url(../images/diagonal_dark.png) repeat;*/
 	font-size: 14px;
 	line-height: 1em;
 	margin: 0 0 26px 0;
 	clear: left;
}
.main header{ margin-top: 26px}
.main h4, .content header h4{
 	font-weight: bold;
 	font-size: 16px;
 	line-height: 1em;
 	letter-spacing: 0.1em;
 	display: inline;
	padding: 0 3px;
	margin: 0 0 0 14px;
	color: #444;
}

#kc-pushaway{margin-right: 14px}
sub{ font-size: .8em}
h5.tel a{ text-decoration: underline}
header.main h5{
	float: right;
	padding: 0 3px 0 7px;
	font-family: "Open Sans","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
}
/*h5.tel{ margin-right: 14px}*/

/* for View Full Site */
.rwd-display-options{ text-align: center; }
.rwd-display-option{ cursor: pointer; }

#view-responsive{ display: none; }

@media only screen and (min-width: 900px){
    #view-full{ display: none; }
    #view-responsive{ display: inline; }
}

/*-----------  STRIPER  ------------*/
/*-------------------------------------------------------------------------------------------   .RIPERSTRIPER  ------------*/
/*-------------------------------------------------------------------------------------------  STRIPERSTRIPE.  ------------*/
/*-------------------------------------------------------------------------------------------  STRIP.          ------------*/
/*-------------------------------------------------------------------------------------------    RIPERS.       ------------*/
/*-------------------------------------------------------------------------------------------       ERSTRI     ------------*/
/*-------------------------------------------------------------------------------------------         STRIPE   ------------*/
/*-------------------------------------------------------------------------------------------  .TRIPERSTRIPER  ------------*/
/*-------------------------------------------------------------------------------------------  STRIPERSTRIPE   ------------*/
.striper{
	margin: 21px 0;
	width: 100%;
	text-align: center;
}
.st-index{ 
	background: center no-repeat url(../images/striper/striper-path.jpg);
	height: 600px;
	min-height: 500px;
	background-size: cover;
	margin: 21px 0 0;
}
.st-contact{ 
	background: top center no-repeat url(../images/striper/striper-green.jpg);
	height: 160px;
	min-height: 120px;
	background-size: cover;
}
.st-wwd{ 
	background: top center no-repeat url(../images/striper/striper-wwd.jpg);
	height: 160px;
	min-height: 120px;
	background-size: cover;
}
.striper h4{
	color: #fff;
	font-size: 28px
}
.striper .transbox{
	padding: 14px 14px;
    margin: 0 auto 28px auto;
    background-color: rgba(0,0,0,0.7);
    max-width: 580px;
}

.mo-striper{
	margin-bottom: 21px;
	width: 100%;
	height: 160px;
	min-height: 160px;
	text-align: center;
	display: none;
}
.mo-contact{ display: block}
.mo-striper h4{	
	color: #fff;
	font-size: 18px;
	margin-bottom: 0px;
	line-height: 1.2em;
}
.mo-transbox{
	letter-spacing: 0.1em;
	float: left;
	padding: 3px 21px;
    margin: 10px auto;
    background-color: rgba(5,4,2,0.7);
}
.mo-contact{ background: center no-repeat url(../images/striper/media-strip-contact.jpg)}
.mo-ica{ background: center no-repeat url(../images/striper/striper-m-bw-bic.jpg)}
.mo-wwa{ background: center no-repeat url(../images/striper/striper-m-bw-sm.jpg)}
/*.source:before {
	content: "\2014";
	margin-right: 0.25em;
}
*/

/*----------  NAVIGATION   ----------*/
/* ------------------------------------------------------------------------------------------  NAVI.     NAV  ------------*/
/* ------------------------------------------------------------------------------------------  NAVIGA    NAV  ------------*/
/* ------------------------------------------------------------------------------------------  NAV GAT   NAV  ------------*/
/* ------------------------------------------------------------------------------------------  NAV  AT.  NAV  ------------*/
/* ------------------------------------------------------------------------------------------  NAV  .TI  NAV  ------------*/
/* ------------------------------------------------------------------------------------------  NAV   .IO NAV  ------------*/
/* ------------------------------------------------------------------------------------------  NAV    IONNAV  ------------*/
/* ------------------------------------------------------------------------------------------  NAV     ONNAV  ------------*/
nav.primary{ font-family: "Georgia", "Times New Roman", serif;}

.smoothmenu ul li.wide-nav-a{ width: 32.5%}
.smoothmenu{
	margin: 0 0;
	background: url(../images/menubg.jpg) left top repeat-x;
	border: 1px solid #FFF;
}
.smoothmenu ul,
.smoothmenu ul li{ margin: 0px}
.smoothmenu ul{	height: 42px}

.smoothmenu ul li{
	display: inline-block;
	float: left;
	position: relative;
	border-right: 1px solid #FFF;
	text-align: center;
	width: 22.5%; 

	
}
.smoothmenu ul li{
	

}
.smoothmenu ul li:last-child{ border: none}

.smoothmenu ul li a{
	display: block;
	padding: 12px 0px 0px 0px;
	height: 42px;
	text-transform: uppercase;
	text-decoration: none;
	
	/*-webkit-transition: font-size 1.5s, color 2s;*/
}/*
.smoothmenu ul li a:hover{
	font-size: 17px;
	color: white;

}*/

.smoothmenu ul li a:link,
 .smoothmenu ul li a:visited {
 	font-weight: bold;
	font-family: "Georgia", "Times New Roman", serif;
	font-size: 16px;
	color: #363636;
}

#navshadow{
	margin: 0 0;
	background: url(../images/topmenu_shadow.png);
	background-size: contain;
	height: 32px;
}


/* ----------   .BSUBSUBSUBSU  NAVI.     NAV  ------------*/
/* ----------  SUBSUBSUBSUBS.  NAVIGA    NAV  ------------*/
/* ----------  SUBSU.          NAV GAT   NAV  ------------*/
/* ----------    BSUBSU.       NAV  AT.  NAV  ------------*/
/* ----------       BSUBSU     NAV  .TI  NAV  ------------*/
/* ----------         UBSUBS   NAV   .IO NAV  ------------*/
/* ----------  .UBSUBSUBSUBSU  NAV    IONNAV  ------------*/
/* ----------  SUBSUBSUBSUBS.  NAV     ONNAV  ------------*/
nav select{ /*java nav*/
	display: none;
	width: 100%;
	height: 28px;
}
nav.primary ul ul{
	opacity: 0;
	filter: alpha(opacity=0);
	
	position: absolute;
	z-index: 999;
	min-width: 100%;
	background: #e0e0e0;
	margin-top: 1px;
	
	height: 0px;
	overflow: hidden; 
	
	
   	transition: opacity 0.4s ease-out;
   	-moz-transition: opacity 0.4s ease-out;
   	-o-transition: opacity 0.4s ease-out;
   	-ms-transition: opacity 0.4s ease-out;
   	-webkit-transition: opacity 0.4s ease-out;
	
	-webkit-box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    7px 7px 10px rgba(0, 0, 0, 0.5);
	box-shadow:         7px 7px 10px rgba(0, 0, 0, 0.5);
}
nav.primary ul li span{ display:none} /*used for display of dashes on java nav*/

nav.primary ul ul li{
	width: 100%;
	float: left;
	display: list-item;
}
nav.primary ul ul li:last-child{ border-bottom: 7px solid #99CC33}
nav.primary ul ul li a:link{
	font-size: 14px;
	padding-left: 20px;
	text-align: left;
	display: block;
	text-transform: none;
}

nav.primary ul li:hover ul{
	height: auto;
	overflow: auto;	
	
	opacity: 10;
	filter: alpha(opacity=100);
}
nav.primary ul li:hover > a{
	background:url(../images/manu_bg.jpg) top left repeat-x

}


/* ----------  .OBILM.          .OBILE.   ------------*/
/* ----------  MOBILMOB        EMOBILEM   ------------*/
/* ----------  MOB  MOBI      LEMO  LEM   ------------*/
/* ----------  MOB   OBIL    ILEM   LEM   ------------*/
/* ----------  MOB    BIL.  .ILE    LEM   ------------*/
/* ----------  MOB     ILE  BIL     LEM   ------------*/
/* ----------  MOB      LEMOBI      LEM   ------------*/
/* ----------  MOB       EMOB       LEM   ------------*/
#mo-nav{
	display: none;
	width: 62px;
	height: 280px;
	position: fixed;
	top: 14px;
	right: 0px;

	z-index: 100;
	background-color: rgba(0,0,0,0.5);

	border-radius: 7px 0px 0px 7px;
	-moz-border-radius: 7px 0px 0px 7px;
	-webkit-border-radius: 7px 0px 0px 7px;
}
#mo-nav ul{ margin: 5px auto 0px auto}
#mo-nav ul li{ 
	height: 55px;
	padding-left:5px;
	position: relative;
}
#mo-nav ul li:hover ul{------------------------------------------------------------------------------
	height: auto;
	overflow: auto;	
	
	opacity: 10;
	filter: alpha(opacity=100);
}
#mo-nav ul li:hover > a{-------------------------------------------------------------------------------
	background:url(../images/manu_bg.jpg) top left repeat-x
}

#mo-nav li .last{ }  /*  not used  */

#mo-nav li a.mo-nav-ms1{ background-position: 0px -150px;}
#mo-nav li a.mo-nav-ms2{ background-position: -60px -150px;}
#mo-nav li a.mo-nav-ms3{ background-position: -120px -150px;}
#mo-nav li a.mo-nav-ms4{ background-position: -180px -150px;}
#mo-nav li a.mo-nav-ms5{ background-position: -240px -150px;}
#mo-nav li a.mo-nav-ms6{ background-position: -300px -150px;}
#mo-nav li a.mo-nav-ms7{ background-position: -360px -150px;}
#mo-nav li a.mo-nav-ms8{ background-position: -420px -150px;}
#mo-nav li a.mo-nav-ms9{ background-position: -480px -150px;}
#mo-nav li a.mo-nav-ms10{ background-position: -540px -150px;}

#mo-nav li a, #mo-nav li a:visited{
	display: block;
	cursor: pointer;
	height: 50px;
	width: 50px;
	background: url(../images/logo-tt-media.png) no-repeat 0px -150px;
	overflow: hidden;
	
	font: 0/0 a; 
	text-shadow: none;
	color: transparent;
}
/*  ------------  SUBPLAIN NAV  --------------  */
#mo-nav-subplain{
	/*display: none;*/
	width: 120px;
	height: 280px;
	position: fixed;
	top: 14px;
	right: 62px;
	z-index: 10;
	/*background-color: rgba(0,0,0,.5);*/
}
#mo-nav-subplain ul{ 
	margin: 5px auto 0px auto;
	/*opacity: 0;-----------------------------------------------------------
	filter: alpha(opacity=0);
	height: 0px;
	overflow: hidden; 
	
	
   	transition: opacity 0.4s ease-out;
   	-moz-transition: opacity 0.4s ease-out;
   	-o-transition: opacity 0.4s ease-out;
   	-ms-transition: opacity 0.4s ease-out;
   	-webkit-transition: opacity 0.4s ease-out;
	
	-webkit-box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    7px 7px 10px rgba(0, 0, 0, 0.5);
	box-shadow:         7px 7px 10px rgba(0, 0, 0, 0.5);*/
}

#mo-nav-subplain li a, #mo-nav-subplain li a:visited{
	display: block ;
	height: 55px;
	width: 100%;
	position: relative;
	text-align: right;
}
#mo-nav-subplain a, #mo-nav-subplain a:visited{
	padding-right: 7px;
	padding-top: 14.5px; is 50% of monav img height
	
	background-color: rgba(0,0,0,.5);
	background-clip: content-box;
	text-shadow: 1px 1px #444;

	border-radius: 7px 0px 0px 7px;
	-moz-border-radius: 7px 0px 0px 7px;
	-webkit-border-radius: 7px 0px 0px 7px;
}
/*  ------------------  Version2 MONAV  --------------  */
/*#mo-nav{
	display: none;
	width: 180px;
	height: 280px;
	position: fixed;
	top: 14px;
	right: 0px;
	z-index: 100;
}
#mo-nav-subplain{
	display: none;
	width: 62px;
	height: 280px;
	position: fixed;
	top: 14px;
	right: 0px;
	z-index: 10;
	background-color: rgba(0,0,0,.5);

	border-radius: 7px 0px 0px 7px;
	-moz-border-radius: 7px 0px 0px 7px;
	-webkit-border-radius: 7px 0px 0px 7px;
}
#mo-nav ul{ 
	margin: 5px 0 0px 0;
	z-index: 20;
}
#mo-nav ul li{ 
	display: block ;
	cursor: pointer;
	height: 55px;
	width: 100%;
	position: relative;
	text-align: right;
}
#mo-nav li .last{ }
#mo-nav li span{
	margin-right: 5px;
	float: right;
	display: inline-block;
	height: 50px;
	width: 50px;
	background: url(../images/logo-tt-media.png) no-repeat 0px -150px;
}
#mo-nav li span.mo-nav-ms1{ background-position: 0px -150px;}
#mo-nav li .mo-nav-ms2{ background-position: -60px -150px;}
#mo-nav li .mo-nav-ms3{ background-position: -120px -150px;}
#mo-nav li .mo-nav-ms4{ background-position: -180px -150px;}
#mo-nav li .mo-nav-ms5{ background-position: -240px -150px;}
#mo-nav li .mo-nav-ms6{ background-position: -300px -150px;}
#mo-nav li .mo-nav-ms7{ background-position: -360px -150px;}
#mo-nav li .mo-nav-ms8{ background-position: -420px -150px;}
#mo-nav li .mo-nav-ms9{ background-position: -480px -150px;}
#mo-nav li .mo-nav-ms10{ background-position: -540px -150px;}

#mo-nav li a, #mo-nav li a:visited{
	display: inline-block;
	padding-right: 7px;
	padding-top: 14.5px; is 50% of monav img height
	
	background-color: rgba(0,0,0,.5);
	background-clip: content-box;
	text-shadow: 1px 1px #444;

	border-radius: 7px 0px 0px 7px;
	-moz-border-radius: 7px 0px 0px 7px;
	-webkit-border-radius: 7px 0px 0px 7px;
}-----------------------------------------------------------------------*/


/*  ------------------  original MONAV  --------------  */
/*#mo-nav{
	display: none;
	width: 62px;
	height: 280px;
	position: fixed;
	top: 14px;
	right: 0px;
	z-index: 100;
	background-color: rgba(0,0,0,0.5);
	padding: 5px 0px;
	border-radius: 7px 0px 0px 7px;
	-moz-border-radius: 7px 0px 0px 7px;
	-webkit-border-radius: 7px 0px 0px 7px;
}

#mo-nav ul{ margin-bottom: 0px;}
#mo-nav ul li{ 
	padding: 2px 0px 2px 5px;
	position: relative;
	text-align: center;
}
#mo-nav li .last{ }

#mo-nav li a.mo-nav-ms1{ background-position: 0px -150px;}
#mo-nav li a.mo-nav-ms2{ background-position: -60px -150px;}
#mo-nav li a.mo-nav-ms3{ background-position: -120px -150px;}
#mo-nav li a.mo-nav-ms4{ background-position: -180px -150px;}
#mo-nav li a.mo-nav-ms5{ background-position: -240px -150px;}
#mo-nav li a.mo-nav-ms6{ background-position: -300px -150px;}
#mo-nav li a.mo-nav-ms7{ background-position: -360px -150px;}
#mo-nav li a.mo-nav-ms8{ background-position: -420px -150px;}
#mo-nav li a.mo-nav-ms9{ background-position: -480px -150px;}
#mo-nav li a.mo-nav-ms10{ background-position: -540px -150px;}

#mo-nav li a{
	display: block;
	cursor: pointer;
	height: 50px;
	width: 50px;
	background: url(../images/logo-tt-media.png) no-repeat 0px -150px;
	overflow: hidden;
	
	font: 0/0 a; 
	text-shadow: none;
	color: transparent;
}*/


/*----------  CONTENT  ------------*/
/*-------------------------------------------------------------------------------------------  CONTENTCONTENT  ------------*/
/*-------------------------------------------------------------------------------------------  CONTENTCONTENT  ------------*/
/*-------------------------------------------------------------------------------------------  CONTE           ------------*/
/*-------------------------------------------------------------------------------------------  CONTE           ------------*/
/*-------------------------------------------------------------------------------------------  CONTE           ------------*/
/*-------------------------------------------------------------------------------------------  CONTE           ------------*/
/*-------------------------------------------------------------------------------------------  CONTENTCONTENT  ------------*/
/*-------------------------------------------------------------------------------------------  CONTENTCONTENT  ------------*/
.content header{
	background: url(../images/diagonal_dark.png) repeat;
	text-align: center;
}
.content header h4{ background: #fff}
/*.content.header.h4 is defined up in HEADER with main.h4*/

strong{ color: #99CC33}
p.quote{ text-align: center} 
h5 a:hover{opacity:0.7}
.media-box p{ line-height: 24px}

/* Display Flexslider */
figure{
	padding: 6px;
	border: 1px solid #e2e2e2;
	background: #fff;
}

.media-box:first-child{	margin-left: 0}
/*.media-box:last-child{ margin-bottom: 21px}*/
.media-box{
	float: left;
	width: 31%;
	text-align: center;
	margin: 21px 0px 21px 30px;
	min-height: 465px;
}
.cnt-contact{ margin-top: 21px}
.cnt-contact .media-box{ 
	width: 100%;
	margin: 21px 0 0 0;
}
/*.right{ float: right} used on whatwedo **old**  */

.media-box-media{
	width: 200px;
	height: 182px;
	background-repeat: no-repeat;
	margin: 12px auto;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: 2px -2px 3px #888888;
}

.cnt-contact .media-box-media{ background-image: url(../images/striper/media-strip-contact.jpg)}
.cnt-ca .media-box-media{ background-image: url(../images/striper/media-strip-who.jpg)}
.cnt-wwd .media-box-media{ background-image: url(../images/striper/media-strip.jpg)}
.cnt-wwa .media-box-media{ background-image: url(../images/striper/media-strip-who.jpg)}

.ms-f1{ background-position: 0px -200px}
.ms-f2{ background-position: -200px -200px}
.ms-f3{ background-position: -400px -200px}
.ms-f4{ background-position: -600px -200px}


.ms-1{  background-position: 0px 0px}
.ms-2{ background-position: 0px -200px}
.ms-3{ background-position: 0px -400px}
.ms-4{  background-position: 0px -600px}
.ms-5{  background-position: 0px -800px}
.ms-6{  background-position: 0px -1000px}
.ms-7{  background-position: 0px -1200px}
.ms-8{  background-position: 0px -1400px}
.ms-9{  background-position: 0px -1600px}


.media-box h4{
	font-weight: 200;
	margin: 21px 0 21px;
	font-family: "Open Sans","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;


	/*-webkit-transition: font-size 1s ease, background-color 2s;------------------------------------------------------------------------------------------------------------------------------*/
}
.cnt-ca h4{text-align: center}
.media-box h5 a{text-decoration: underline}
/*.media-box h4:hover{
	font-size: 23px;
	background-color: #c4c4c4;
}*/

/*.media-box-text p:last-child{ margin-bottom: 7px}*/


/*----------  CONTACTCONTACT  ------------*/
/*----------  CONTACTCONTACT  ------------*/
/*----------  CONTA           ------------*/
/*----------  CONTA           ------------*/
/*----------  CONTA           ------------*/
/*----------  CONTA           ------------*/
/*----------  CONTACTCONTACT  ------------*/
/*----------  CONTACTCONTACT  ------------*/
.ss-footer{
	/*hiding google footer and text under submit*/
	overflow: hidden;
	display: none!important;
	height: 0px;
	font: 0/0 a; 
	text-shadow: none;
	color: transparent;
}
.ss-password-warning{
	overflow: hidden;
	display: none;
	height: 0px;
	font: 0/0 a; 
	text-shadow: none;
	color: transparent;
}
.ss-form-heading{
	overflow: hidden;
	display: none;
	height: 0px;
	font: 0/0 a; 
	text-shadow: none;
	color: transparent;
}
.ss-top-of-page{
	overflow: hidden;
	display: none;
	height: 0px;
	font: 0/0 a; 
	text-shadow: none;
	color: transparent;
}
/*#googleform{ overflow: hidden;}*/
#iframe_gform{ height:1300px}

/*-----------  Original Form Contact  ------------*/

.formshadow{
	background: url(../images/form_shadow.png) left top no-repeat;
	height: 26px;
	width: 440px;
}
/*.toperror {font-size: 1em}*/
.error {color: #d71010;} /*9ACC34*/

#samecheckinput{
	width: 21px;
	min-width: 21px;
	height: 21px;
	display: inline;
}
#same_check_label{
	display: inline;
	vertical-align: 0.6em;
	font-size: 0.8em;
}
form{
	width: 100%;
	margin: 0 auto;
}
label{ letter-spacing: .08em;
}
input, textarea{
	width: 440px;
	height: 35px;
	background: #efefef;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #dedede;
	padding: 7px;
	margin-top: 3px;
	font-size: 0.9em;
	color: #3a3a3a;
	resize: none;
	outline: 0;
	letter-spacing:2px;
	text-align: center;
}
input:focus, textarea:focus, #same_check:focus{
		border: 1px solid #99CC33;
}
textarea{
	text-align: left;
	min-height: 120px;
	height: 213px;	
	font-family: Georgia, Arial, Helvetica, sans-serif;
}
#address_textarea{
	height: 120px;
	background: url(../images/form_address.png) bottom right no-repeat #efefef;
}
#message_textarea{
	background: url(../images/form_message.png) right no-repeat #efefef;
}
#submit{
	width: 127px;
	height: 38px;
	border: none;
	margin-top: 20px;
	cursor: pointer;
}
#submit:hover{opacity:0.9}


/*-----------  FOOTER  ------------*/
/*-------------------------------------------------------------------------------------------  FOOTERFOOTER  ------------*/
/*-------------------------------------------------------------------------------------------  FOOTERFOOTER  ------------*/
/*-------------------------------------------------------------------------------------------  FOOT          ------------*/
/*-------------------------------------------------------------------------------------------  FOOTERFOOTER  ------------*/
/*-------------------------------------------------------------------------------------------  FOOTERFOOTER  ------------*/
/*-------------------------------------------------------------------------------------------  FOOT          ------------*/
/*-------------------------------------------------------------------------------------------  FOOT          ------------*/
/*-------------------------------------------------------------------------------------------  FOOT          ------------*/
#flickrImages img{
	float: left;
	width: 46%;
	margin: 2%;
	padding: 7px;
	border: 1px solid #fff;
	background: #fff;
}

#flickrImages{margin-top: 21px}/*#flickr{}nothing applyed*/

/*for addition of nav into footer w grayed bg to bootom of striper on index*/
.band.footer.index{ 
	margin-top: 0;
	padding: :14px 0;
}

.bottom footer h5, .bottom footer a{ 
	color: #fff;
	font-family: "Georgia", "Times New Roman", serif;
}

/*.first-credit{}nothing applyed*/
.last-credit{ text-align: right}

footer header{
 	background: url(../images/diagonal_dark.png) repeat;
 	line-height: 1em;
 	margin: 46px 0 21px 0;
}
.showmobile{display: none} /* hides initial h3 because of footerh3.logo*/
footer h4{
 	font-weight: bold;
 	font-size: 14px;
 	line-height: 1em;
 	text-transform: uppercase;
 	letter-spacing: 0.1em;
 	display: inline;
 	background: #eee;
	padding: 0 7px;
	margin: 0 0 0 14px;
}
.footer h5{ text-align: center}
.big-header{ padding: 1px 1px 4px 1px}
.big-header-h3{
	font-size: 21px;
	letter-spacing: .03em;
	line-height: 26px;
	margin-bottom: 3px;
}
footer h3{background: #eee;}

footer ul{ margin: 7px 0}

footer li{
 	margin: 0;
	padding: 21px 0;
 	background: url(../images/stitch_staggered.png) repeat-x left bottom;
}

footer li:last-child {background: none}

.logo-CA{ /*footer cert arb img*/
	display: inline;
	padding: 4px;
	float: right;
}
/*----------  Footer TT Logo swap  -----------*/
#logo-fTT { margin: 7px 0 21px}
#logo-fTT a {
	height: 60px;
	display: block;
	background: url(../images/logo-tt-media.png) no-repeat  -300px -200px;
	font: 0/0 a; 
	text-shadow: none;
	color: transparent;
}


/*-----------  MEDIAQUERIES  ------------*/
/*-------------------------------------------------------------------------------------------  MEDIAQU          QUERIES  ------------*/
/*-------------------------------------------------------------------------------------------  MEDIAQUE        AQUERIES  ------------*/
/*-------------------------------------------------------------------------------------------  MED  QUER      IAQU  IES  ------------*/
/*-------------------------------------------------------------------------------------------  MED   UERI    DIAQ   IES  ------------*/
/*-------------------------------------------------------------------------------------------  MED    ERIE  EDIA    IES  ------------*/
/*-------------------------------------------------------------------------------------------  MED     RIE  EDI     IES  ------------*/
/*-------------------------------------------------------------------------------------------  MED      IESMED      IES  ------------*/
/*-------------------------------------------------------------------------------------------  MED       ESME       IES  ------------*/


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

		#navshadow{ height: 26px}
		/*increase bg so 14px a have room*/
		nav.primary ul ul{ 
			width: 125.34%;
			margin-left: -43px;
		} 
		nav.primary ul ul li{
			text-align: right;
		}
	}	

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		p { text-align: justify} /*only hear and under 480*/

		.media-box{	width: 229px; min-height: 515px;}
		#logo-fTT a{ 
			background-size: 450px 195px;
			background-position: -220px -150px;
			height: 50px;
		}
		footer header{ margin-top: 43px;}---------------------------------------------------------------------------------------------------------------------------------------------------------------
		.h3CA h3{ font-size: 21px}



	}
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 641px) {
		
		/*.formshadow{
			background: none;
			height: 0px;
			width: 0px;
			visibility: hidden;
		}
		input, textarea{
			width: 100%;
			height: 35px;
		}*/
		.nomobile-under6, #flickr{ display: none}

		#iframe_gform{ height:1350px}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		
		
		.nomobile{ display: none}
		.showmobile {display: block}
		.band.nav{ display: none}

		#mo-nav{ display: block}
		#mo-nav-subplain{ display: block}

		.mo-striper{ display: block}
		.container{ padding-right: 58px} /*used to clear content from fixed monav*/
		.main header{ text-align: center;} /*just in case header h4 is a .showmobile*/
				
		.cnt-contact{ text-align: center}
		.media-box{	min-height: 100%;}
		.media-box h5{ text-align: right;}
		
		.st-index{ background: center no-repeat url(../images/striper/striper-m-path.jpg);}
		.st-contact{ background: top center no-repeat url(../images/striper/media-strip-contact.jpg);}

		.striper{
			height: 160px;
			min-height: 160px;
		}
		.striper h4{
			font-size: 18px;
			margin-bottom: 0px;
			line-height: 1em;
		}
		.striper .transbox{
			float: left;
			padding: 3px 21px;
		    margin: 10px auto;
		    background-color: rgba(5,4,2,0.7);	
		}

		
		.footer h5{ text-align: right}
		.footer .logo.index, #logo-fTT a{ display: none}

		footer header{ margin: 21px 0}
		footer header.index{ display: block;} /*replaces logo drop out for footer column1 tt*/
		.band.footer{ margin-top: 21px; padding-top: 21px;}

		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		/*nav select{ display: block; width: 100%;}*/

		#flickrImages img{ width: 21%;}

		.media-box{ margin: 0 0 21px 0; width: 100%; text-align: left;}
		.media-box-media{ float: left; margin: 12px 21px 14px auto;}
		.media-box h4{ margin-top: 12px}
		.media-box-text{ padding-left: 171px}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 959px) {

		.cnt-ca .media-box-media,
		 .cnt-wwa .media-box-media, 
		 .cnt-wwd .media-box-media{ background-size: 150px; width: 150px; height: 137px;}
		.cnt-contact .media-box-media{ background-size: 600px; width: 150px; height: 137px;}


		.ms-f1{ background-position: 0px -150px}
		.ms-f2{ background-position: -150px -150px}
		.ms-f3{ background-position: -300px -150px}
		.ms-f4{ background-position: -450px -150px}

		.ms-1{ background-position: 0px 0px}
		.ms-2{ background-position: 0px -150px}
		.ms-3{ background-position: 0px -300px}
		.ms-4{  background-position: 0px -450px}
		.ms-5{  background-position: 0px -600px}
		.ms-6{  background-position: 0px -750px}
		.ms-7{  background-position: 0px -900px}
		.ms-8{  background-position: 0px -1050px}
		.ms-9{  background-position: 0px -1200px}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		p { text-align: justify} /*only here and between 770 to 980*/

		#logo-fTT a {
			width: 300px;
			height: 50px;
			background-position: 0px -100px;
		}

		/*used for padding all exept h4s n transbox's touching monav*/
		.band p,.band ul,.band  h5,.band header.main h5,.band header.main header{ padding: 0px 7px 0 4px}
		header{ padding-left: 4px}
		.band.footer{ margin-top: 0px; padding-top: 14px;}
		
		/*pushes transboxes to edge of fixed monav*/
		.striper .transbox, .mo-transbox{ 
			margin: 10px 62px 10px auto;
			padding: 3px 21px 3px 21px;
		}

		.media-box{ width: 100%; margin-left: 0}
		#iframe_gform{height:1480px}
	}


	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 359px) {

		#logo-TT a {
			width: 300px;
			height: 50px;
			background: url(../images/logo-tt-media.png) no-repeat -300px -100px;
		}

		.transbox, .mo-transbox { display:none}

		.cnt-ca .media-box-media,
		 .cnt-wwa .media-box-media, 
		 .cnt-wwd .media-box-media{ background-size: 150px; width: 150px; height: 137px;}
		.cnt-contact .media-box-media{ background-size: 600px; width: 150px; height: 137px;}


		.ms-f1{ background-position: 0px -150px}
		.ms-f2{ background-position: -150px -150px}
		.ms-f3{ background-position: -300px -150px}
		.ms-f4{ background-position: -450px -150px}

		.ms-1{ background-position: 0px 0px}
		.ms-2{ background-position: 0px -150px}
		.ms-3{ background-position: 0px -300px}
		.ms-4{  background-position: 0px -450px}
		.ms-5{  background-position: 0px -600px}
		.ms-6{  background-position: 0px -750px}
		.ms-7{  background-position: 0px -900px}
		.ms-8{  background-position: 0px -1050px}
		.ms-9{  background-position: 0px -1200px}
	
		/* original nav------------------------------------------------------------------------------------		
		#mo-nav{
			width: 62px;
			height: 280px;
			position: fixed;
			top: 14px;
			right: 0px;
			z-index: 100;
			background-color: rgba(0,0,0,0.5);
			padding: 5px 0px;

			border-radius: 7px 0px 0px 7px;
			-moz-border-radius: 7px 0px 0px 7px;
			-webkit-border-radius: 7px 0px 0px 7px;
		}*/
	}
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 279px) {

		#logo-TT a{ 
			background-size: 450px 195px;
			background-position: -223px -150px;
			height: 50px;
		}
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/