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

body {
	background-image: url(../images/background_light.png);
	background-repeat: repeat;
}

/* Fonts */
@font-face {
    font-family: "RobotoRegular";
    src: url(http://elitetreacle.com/fonts/Roboto/Roboto-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "RobotoBold";
    src: url(http://elitetreacle.com/fonts/Roboto/Roboto-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "RobotoBlack";
    src: url(http://elitetreacle.com/fonts/Roboto/Roboto-Black.ttf) format("truetype");
}

@font-face {
    font-family: "RobotoItalic";
    src: url(http://elitetreacle.com/fonts/Roboto/Roboto-Italic.ttf) format("truetype");
}

@font-face {
    font-family: "RobotoLight";
    src: url(http://elitetreacle.com/fonts/Roboto/Roboto-Light.ttf) format("truetype");
}

/* Titles */

.LargeTitle {
font-weight: 200;
font-family: RobotoBlack, Calbri, Arial;
font-size: 50px;
color: #FFF;
line-height:0%
}

.MedTitle {
font-weight: 200;
font-family: RobotoBlack, Calbri, Arial;
font-size: 30px;
color: #FFF;
line-height:0%
}

.SmallTitle {
font-weight: 200;
font-family: RobotoRegular, Calbri, Arial;
font-size: 20px;
color: #FFF;
line-height:0%
}

a.MedTitle:link {
font-weight: 200;
font-family: RobotoBlack, Calbri, Arial;
font-size: 30px;
color: #FFF;
line-height:0%
}

a.MedTitle:visited {
font-weight: 200;
font-family: RobotoBlack, Calbri, Arial;
font-size: 30px;
color: #FFF;
line-height:0%
}

a.MedTitle:hover {
font-weight: 200;
font-family: RobotoBlack, Calbri, Arial;
font-size: 30px;
color: #FFF;
line-height:0%
}

a.MedTitle:active {
font-weight: 200;
font-family: RobotoBlack, Calbri, Arial;
font-size: 30px;
color: #FFF;
line-height:0%
}

.ThinTitle {
font-weight: 200;
font-family: RobotoLight, Calbri, Arial;
font-size: 30px;
color: #FFF;
line-height:0%

}

.HugeTitle {
font-weight: 200;
font-family: RobotoBlack, Calbri, Arial;
font-size: 75px;
color: #FFF;
line-height:0%

}

/* Header */

#layer-logo
{
width: 350px;
height: 180px;
position: fixed;
left:0px;
top: 0px;

background-image: url(images/elitetre_minilogo.png);
background-repeat: no-repeat;
background-position: left top;

z-index: 1;
}


/* Showreel */

#showreel
{
width: 800px;
height: 100%;
position: fixed;
left:0px;
top: 0px;

background-image: url(images/elitetre_minilogo.png);
background-repeat: no-repeat;
background-position: left top;

z-index: 1;
}

/* Text */

.MainTextMed{
font-family: Calbri, Arial;
font-size: 17px;
color: #FFF;
}

.MainTextSmall{
font-family: RobotoRegular, Calbri, Arial;
font-size: 17px;
font-weight: normal;
color: #FFF;
}

.CopyrightText{
font-family: RobotoRegular, Calbri, Arial;
font-size: 12px;
font-weight: normal;
color: #CCCCCC;
}

a.MainTextSmall:link{
font-family: RobotoRegular, Calbri, Arial;
font-size: 17px;
font-weight: bold;
color: #FFF;
}

a.MainTextSmall:active{
font-family: RobotoRegular, Calbri, Arial;
font-size: 17px;
font-weight: bold;
color: #FFF;
}

a.MainTextSmall:visited{
font-family: RobotoRegular, Calbri, Arial;
font-size: 17px;
font-weight: bold;
color: #FFF;
}

a.MainTextSmall:hover{
font-family: RobotoRegular, Calbri, Arial;
font-size: 17px;
font-weight: bold;
color: #FFF;
}

/* MenuBar */

a.menulinks:link {
text-decoration: none;
font-weight: 100;
font-family: Calbri, Arial;
font-size: 15px;
color: #FFF;
}
a.menulinks:visited {
text-decoration: none;
font-weight: 100;
font-family: Calbri, Arial;
font-size: 15px;
color: #FFF;
}
a.menulinks:hover {
text-decoration: none;
font-weight: 100;
font-family: Calbri, Arial;
font-size: 15px;
color: #FFF;
}
a.menulinks:active {
text-decoration: none;
font-weight: 100;
font-family: Calbri, Arial;
font-size: 15px;
color: #FFF;
}

/* Lines */

.horizline
{
margin-left:auto;
margin-right:auto;
width:300px;
height:1px;
display:block;
} 

.vertline
{
margin-left:auto;
margin-right:auto;
width:1px;
height:300px;
display:block;
} 

/* IE SUX */

a img, img, a {
    border: none !important;
}