/* STYLES.CSS - GENERAL STYLE SHEET */

/* HEADER */

html, body, #container { height: 80%; margin: 0; padding: 0; }
body > #container { height: auto; min-height: 100%; }

#header { overflow: hidden; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; 
height: 2.5em; padding:12px ; text-align: center; margin: 0 auto; position:fixed; background: 
rgba(0,0,0,0.5);}

/*center table (content)*/
div.centered
{text-align: center;}
div.centered table
{margin: 0 auto; text-align: center;}
/*end center table*/


/* FOOTER */

#footer { overflow: hidden; position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; 
height: 1em; padding:24px; font-family: ftb, sans-serif; letter-spacing: 0.2em; font- 
variant:small-caps; font-size:0.6em; color: rgb(255, 255, 240); text-align:center; 
position:fixed; background: rgba(0,0,0,0.5);} 

a {text-decoration:none; color: rgb(255, 255, 240)}


/* FONTS */

@font-face {
 font-family: fta;
 src: url('fnt/PlazaSH-Regular.eot')}
@font-face {
 font-family: fta;
 src: url('fnt/PlazaSH-Regular.ttf')}
@font-face {
 font-family: fta;
 src: url('fnt/PlazaSH-Regular.otf')}
@font-face {
 font-family: fta;
 src: url('fnt/PlazaSH-Regular.woff')}

@font-face {
 font-family: ftb;
 src: url('fnt/Blakely-Light.eot')}
@font-face {
 font-family: ftb;
 src: url('fnt/Blakely-Light.ttf')}
@font-face {
 font-family: ftb;
 src: url('fnt/Blakely-Light.otf')}
@font-face {
 font-family: ftb;
 src: url('fnt/Blakely-Light.woff')}

@font-face {
 font-family: ftc;
 src: url('fnt/ftc.eot?') format('eot'), url ('fnt/ftc.ttf') format('truetype');}

.fta {font-family:fta, sans-serif; font-size:6em;}
.ftb {font-family:ftb, sans-serif; font-size:2em;}
.ftc {font-family:ftc, sans-serif; }
#ftb {font-family:ftb, sans-serif; }

h1,h2,h3,p {color: rgb(255, 255, 240);}



/* HOME PAGE TEXT ALIGN */

#lt1 {margin-left:9%; line-height:70%}

#lt2 {margin-left:24%; line-height:10%}

#lt3 {margin-left:9%; }


/* EQUIP COLUMN ALIGN */

table.equip {
width: 100%;
height: 87%;
}

#td1e {width: 15%; text-align:left; vertical-align:text-top;}

#td2e {width: 40%; text-align:left; vertical-align:text-top;}

#td3e {width: 45%; text-align:left; vertical-align:text-top;}



/* CONTACT COLUMN ALIGN */


#td1c {width: 100%; text-align:left; vertical-align:text-top; 
position: fixed;
top:20em;}

#p1 {text-align:center; }

#p2 {margin-left:65%; }

#p3 {margin-left:35%; }


#td2c {width: 100%; text-align:left; vertical-align:text-top; 
position: fixed;
bottom:10em;}


/* CLIENTS COLUMN ALIGN */

table.td3c {width: 100%; text-align:center; vertical-align:text-top; 
position: fixed;
top:5em;}


/* NOTFOUND COLUMN ALIGN */

.td4c {width: 100%; text-align:center; vertical-align:text-top; 
position: fixed;
top:12em; right:18em}

table.td5c {width: 100%; text-align:center; vertical-align:text-top; 
position: fixed;
bottom:14em; left:18em}


/* BUTTONS */

a.f_b, button.f_b { 
  background: #555; 
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.4)), to(rgba
(77,77,77,0.4)));  
  background: -moz-linear-gradient(top, rgba(0,0,0,0.4), rgba(77,77,77,0.4)); 
  float: left; 
  padding: 0px; 
  text-decoration: none; 
  outline: 0; 
  border-width: 1px; 
  border-style: solid;
  width: auto;
  overflow: visible;
  border-color: transparent transparent #666 transparent; 
  border-color: transparent transparent rgba(202,202,202,0.27) transparent;
  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
  -webkit-background-clip: padding-box;
  background-color: #000;
opacity:.60;
filter:alpha(opacity=60);
filter: “alpha(opacity=60)”;
}

a.f_b span, button.f_b span { 
  display: block; 
  float: left;
  letter-spacing: -1px; 
  border-width: 1px; 
  border-style: solid; 
  border-color: #ccc #444 #111 #444; 
  border-color: rgba(255,255,255,0.7) rgba(0,0,0,0.5) rgba(0,0,0,0.7) rgba(0,0,0,0.5); 
  font: src: url("fnt/Premi.eot"), src: url("fnt/Premi.ttf"), 14px/100% Arial, Helvetica, sans-   
 serif; letter-spacing: 0.05em; 
  color: rgb(255, 255, 240);
  padding: 0.25em 2em; 
  cursor: pointer; 
  text-shadow: rgba(0,0,0,0.45) 0 -1px 0; 
  -webkit-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0,0.75) 0px 0px 
3px; box-shadow: rgba(0,0,0,0.75) 0px 0px 3px;
  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba
(255,255,255,0.6)), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.5, rgba
(255,255,255,0.01)), to(transparent)); 
  background: transparent -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.15) 
50%, rgba(255,255,255,0.0) 50%, transparent);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#80FFFFFF', 
EndColorstr='#00FFFFFF'); 
  -webkit-background-clip: padding-box;
}

a.f_b:hover span, button.f_b:hover span {  
  border-top-color: rgba(255,255,255,0.65); 

  background: -webkit-gradient(linear, left top, left bottom, from(rgba(220,220,220,0.6)), color
-stop(0.5, rgba(100,100,100,0.2)), color-stop(0.5, rgba(0,0,0,0.21)), to(rgba(0, 0, 0, 0.20)));
 
  background: -moz-linear-gradient(top, rgba(220,220,220,0.6), rgba(100,100,100,0.2) 50%, rgba
(0,0,0,0.21) 50%, rgba(0, 0, 0, 0.20));

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#99dcdcdc', 
EndColorStr='#33000000'); 
  -webkit-background-clip: padding-box;
}

a.f_b:active span, button.f_b:active span {  
  border-top-color: rgba(255,255,255,0.2); 
  border-left-color: rgba(0,0,0,0.4); 
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(150,150,150,0.6)), color
-stop(0.5, rgba(60,60,60,0.6)), color-stop(0.5, rgba(40,40,40,0.6)), to(rgba(20, 20, 20, 0.5))); 
  background: -moz-linear-gradient(top, rgba(150,150,150,0.6), rgba(60,60,60,0.6) 50%, rgba
(40,40,40,0.6) 50%, rgba(20, 20, 20, 0.5));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#80969696', 
EndColorStr='#59000000'); 
  -webkit-box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-
shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: inset 0 0 18px 
rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; 
  -webkit-background-clip: padding-box;
}

a.f_b span:active, button.f_b span:active { 
  border-top-color: rgba(255,255,255,0.2); 
  border-left-color: rgba(0,0,0,0.4); 
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#80969696', 
EndColorStr='#59000000'); 
  -webkit-background-clip: padding-box;
}

