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

body {
	background-color: #F5F5F7;
}
.centering_div {
  position : relative ;
  width: 1242px ;
  margin-left: auto ;
  margin-right: auto ;
}
.logo {
  background-image : url('images/TE-CM_Logo_350.png');
  background-repeat : no-repeat;
  position : absolute ;
  left : 10px;
  top : 0px;
  width : 350px;
  height : 215px;
  margin-top: 10px;
  visibility: visible;
  z-index: 20;
}
.bridge {
  background-image : url('images/BridgePC_1242.jpg');
  background-repeat : no-repeat;
  position : relative ;
  left : 0px;
  top : 24px;
  width : 1235px;
  height : 555px;
}

.rotator_box {
	position : relative;
	width:683px;
	height:195px;
	right : 50px;
	top: 0px;
	float : right;
}
#textrotator_hype_container	{
	margin:auto;
	width:683px;
	height:195px;
	overflow:hidden;
	}
.tired_of_paying {
  position : relative ;
  left : 42px;
  top: 40px;
  width : 444px;
  height : 153px;
  font-family : Arial;
  font-weight : bold;
  font-size : 29px;
  color : #231F20;
  color : rgb(35, 31, 32);
  float : left;
}
.jump_fish {
	background-image : url('images/JumpFishPC.png');
	background-repeat : no-repeat;
	position : relative ;
	left : 70px;
	top: 30px;
	width : 401px;
	height : 452px;
	float : left;
}
.te_specializes {
  position : relative ;
  left : 0px;
  top: 40px;
  width : 719px;
  height : 415px;
  float : right;
}
.text_box {
	position : relative;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 30px;
	margin-bottom: 20px;
	float : left;
}



.admin, .fin, .assets, .about, .contact	{
	position: relative;
	display: block;
	background : #1B75BB;
	caption-side: bottom;
	padding: 10px;
	margin-left: 50px;
	top: 80px;
	float: left;
	width: 150px;
	height: 20px;
}
.fin {
  background : #008F58;
}
.assets {
  background : #BD1F74;
}
.about {
  background : #25A9E0;
}
.contact {
  background-color: #E5CD5D;
  	margin-bottom: 100px;
}



.admin_art {
	background-image : url('images/AdminArtPC.png');
	background-repeat : no-repeat;
	position : relative ;
	right : 100px;
	width : 789px;
	height : 241px;
	float : right;
}
.financial_art {
	background-image : url('images/FinArtPC.png');
	background-repeat : no-repeat;
	position : relative ;
	right : 100px;
	width : 702px;
	height : 460px;
	float : right;
}
.asset_art {
	background-image : url('images/AssetArtPC.png');
	background-repeat : no-repeat;
	position : relative ;
	right : 100px;
	width : 590px;
	height : 225px;
	float : right;
}
.about_art {
	background-image : url('images/AboutArtPC.png');
	background-repeat : no-repeat;
	position : relative ;
	right : 100px;
	width : 640px;
	height : 254px;
	float : right;
}
.contact_art {
	background-image : url('images/ContactArtPC.png');
	background-repeat : no-repeat;
	position : relative ;
	right : 100px;
	width : 634px;
	height : 185px;
	float : right;
}
.fb_art {
	position : relative;
	width : 120px;
	height : 50px;
	top: 280px;
	float : left;
}

.marquee {
 height: 40px;	
 overflow: hidden;
 position: fixed;
 width: 1242px;
 bottom: 1px;
 background: red;
 color: white;
 border: 1px solid red;
 z-index: 10;
}
.marquee p {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 30px;
 font-size: 1.5em;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scroll-left 20s linear infinite;
 -webkit-animation: scroll-left 20s linear infinite;
 animation: scroll-left 20s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}


.responsive_map {
    position: relative;
    padding-bottom: 56.25%; /* This is the aspect ratio */
    height: 0;
	width: 100%;
	float : left;
    }
.responsive_map iframe,
.responsive_map object,
.responsive_map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif; }
h1 {
	font-size: 1.25em;
	color: #F4F594;
	font-weight: bold;
	text-align: left;
	left: auto;
	top: auto;
	margin: 0px;
	text-transform: uppercase;
	font-style: oblique;
	text-decoration: underline; }
h2 {
	font-size: 1.5em;
	color: #DBF8FF;
	margin: 0px 0px .5em 0px;
	text-shadow: 2px 1px 3px #000000;
	line-height: 23px; }
h3 {
	font-size: 2.3em;
	color: #E9F2F4;
	margin: 0em 0px .25em 0px;
	font-style: italic;
	text-decoration: underline; }
h4 {
	font-size: 1.25em;
	color: #FFFFFF;
	margin: 0em 0px .25em 0px;
}
h5 {
	font-size: 1.5em;
	color: #F7F9F9;
	margin: 0em 0px .25em 0px;
	text-align: center;
	vertical-align: middle; }
h6 {
	display: inline; 
	text-decoration: none;
	color: #F4F594 !important;
	font-weight: bold;
	margin: 0px 0px 1em 0px;
	font-size: 1.1em; }
h_blueheader, h_greenheader, h_redheader, h_yellowheader {
	font-family : Raleway;
	font-weight : bold;
	font-size : 19px;
	color : #008BDB;
	line-height: 30px;
}
h_greenheader {
  color : #008F58;	}
h_redheader {
  color : #BD1F74;	}
 h_yellowheader {
  color : #E5CD5D;	}
h_specializes {
  font-family : Raleway;
  font-size : 19px;
  color : #231F20;
  color : rgb(35, 31, 32); }
h_specializes_italic {
  font-family : Raleway;
  font-style : italic;
  font-size : 19px;
  color : #231F20;
  color : rgb(35, 31, 32); }
h_specializes_bold_italic {
  font-family : Raleway;
  font-weight : bold;
  font-style : italic;
  font-size : 19px;
  color : #231F20;
  color : rgb(35, 31, 32); }
a img {
}
p {
	font-family: 'Raleway', sans-serif;
	margin: 0px 0px 1em 0px;
	font-size: 1em;
}
li {
	font-size: 1em;
	padding-left: 15px;
	text-indent: -15px;
}
a {
	color: #0F2EB2;
}
a:hover {
	color: #663366;
	background-color: #F9F8F8;
	font-size: 1.05em;
}

/* Layout */

.clear_both { clear: both; line-height: 1px; }
.foot {
	position: relative;
	margin-right: auto;
	margin-left: -300px;
	text-align: center;
	width: 600px;
	left: 50%;
	right: 50%;
	bottom: 10px;
	float: left;
}


/* Rules Sensitive to Screen Size */
/* Pad Screen Rules */
@media screen and (min-width: 768px) and (max-width: 1024px) {
.centering_div {
  width: 768px ;
}
.logo {
  background-image : url('images/TE-CM_Logo-220.png');
  left : 15px;
  top : 0px;
  width : 220px;
  height : 136px;
}
.bridge {
  background-image : url('images/Ringling_Bridge_768.jpg');
  top : 40px;
  width : 766px;
  height : 343px;
}
.tired_of_paying {
    top : 60px;
	width : 344px;
  height : 240px;
}
.te_specializes {
  width : 680px;
}
.admin_art {
	background-image : url('images/Admin_Art_475.png');
  right : 35px;
  width : 475px;
  height : 142px;
}

.financial_art {
	background-image : url('images/Financial_Art_435.png');
  right : 35px;
  width : 426px;
  height : 278px;
}
.asset_art {
	background-image : url('images/Asset_Art_375.png');
  right : 65px;
  width : 375px;
  height : 145px;
}
.about_art {
	background-image : url('images/About_Art_380.png');
  right : 55px;
  width : 400px;
  height : 160px;
}
.contact_art {
	background-image : url('images/Contact_Art_395.png');
  top: 40px;
  right : 55px;
  width : 400px;
  height : 130px;
}
.contact {
  	margin-bottom: 30px;
}
.fb_art {
	right: 60px;
	top: 300px;
}
.marquee p {
 /* Apply animation to this element */	
 -moz-animation: scroll-left 15s linear infinite;
 -webkit-animation: scroll-left 15s linear infinite;
 animation: scroll-left 15s linear infinite;
}
}


/* Smartphone Screen Rules */
@media screen and (min-width: 320px) and (max-width: 767px) {	
.centering_div {
  width: 320px ;
}
.logo {
  background-image : url('images/TE-CM_Logo-220.png');
  left : 5px;
  top : 140px;
  width : 220px;
  height : 136px;
}
.bridge {
  background-image : url('images/Ringling_Bridge_320.jpg');
  top : 150px;
  width : 766px;
  height : 343px;
}
.rotator_box {
	right : 0px;
	width : 320px;
	height : 250px;
	top: 100px;
	float : left;
}
#textrotator_hype_container	{
	width : 320px;
	height : 250px;
	}
.tired_of_paying {
  left : 5px;
  top: 110px;
  width : 320px;
  font-size : 18px;
}
.jump_fish {
	background-image : url('images/JumpOutFish_260.png');
	left : 30px;
	width : 320px;
	height : 280px;
}
.te_specializes {
  width : 320px;
  height : 600px;
}
.text_box {
	margin-left: 5px;
	margin-right: 5px;
}
.admin, .fin, .assets, .about, .contact	{
	top: 120px;
}
.contact {
  	margin-bottom: 70px;
}
.admin_art {
  background-image : url('images/Admin_Art_200.png');
  right : 65px;
  width : 200px;
  height : 142px;
}

.financial_art {
  background-image : url('images/Financial_Art_200.png');
  top: -60px;
  right : 65px;
  width : 200px;
  height : 178px;
}
.asset_art {
  background-image : url('images/Asset_Art_200.png');
  top: -20px;
  right : 65px;
  width : 200px;
  height : 145px;
}
.about_art {
  background-image : url('images/About_Art_200.png');
  top: -20px;
  right : 65px;
  width : 200px;
  height : 160px;
}
.contact_art {
  background-image : url('images/Conatact_Art_200.png');
  top: -100px;
  right : 55px;
  width : 200px;
  height : 130px;
}
.fb_art {
	left: 40px;
	top: -20px;
}
	
.marquee {
 z-index: 10;
 width: 400px;
 height: 60px;	
}
.marquee p {
	font-weight: 600;
	font-size: 1.2em;
 /* Apply animation to this element */	
 -moz-animation: scroll-left 15s linear infinite;
 -webkit-animation: scroll-left 15s linear infinite;
 animation: scroll-left 15s linear infinite;
}	
}