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

body {
	margin:0px 0px;
	padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	background-color:#e5e4e4;
}
@font-face{	font-family: "Eras_Light"; src: url(fonts/eraslight.ttf) format("truetype"); }
@font-face{	font-family: "Eras_Demi"; src: url(fonts/erasdemi.ttf) format("truetype"); }
h1{ font-family: "Eras_Light"; text-align: justify;font-size: 48px; font-weight:lighter; color:#f3da08; text-transform:capitalize; }
.title{ font-family:"Eras_Light"; text-align: justify;font-size: 48px; font-weight:lighter; color:#FFF; text-transform:capitalize; }
#container { position:absolute; left:0px; top:0px; width:100%; height:100%;background-color:#e5e4e4; }
#topHeader { position:absolute; margin:0px auto; top:0px; width:100%; height:100px; background-image:url(../images/bg-menu.png); background-repeat:repeat-x; z-index:1000; }
#topHeaderB { position:relative; margin:0px auto; top:0px; width:100%; height:100px; background-image:url(../images/bg-menu.png); background-repeat:repeat-x; z-index:1000; }
#colourLine{ position:relative;top:0px;left:0px;width:100%;z-index:1; }
#logo {
	position:absolute;
	margin:0px auto;
	top:10px;
	left:15px;
	width:208px;
	height:80px;
	z-index:1;
}
#navBar {
	position:absolute;
	margin:0px auto;
	top:10px;
	right:15px;
	width:850px;
	height:70px;
	z-index:1;
	text-align:right;
}
#content {
	position:relative;
	margin:0px auto;
	width:100%;
	height:auto;
	background-image:url(../images/bg-header.png);
	background-repeat:repeat-x;
}
#topBar {
	position:relative;
	margin:0px auto;
	width:100%;
	height:auto;
}
#title {
	position:relative;
	margin:0px auto;
	top:25px;
	width:850px;
	height:50px;
}
#videos {
	position:relative;
	margin:0px auto;
	top:5px;
	width:850px;
	height:50px;
}
.gradient {
	position:relative;
	margin:0px auto;
	top:-70px;
	left:290px;
	width:314px;
	height:88px;
}
/* PAGE CLASSES START */
.sectionTitle{ font-family:"Eras_Light"; text-align: justify;font-size: 48px; font-weight:lighter; color:#f3da08; text-transform:capitalize; }
.videoTitle{ font-family:"Eras_Light"; text-align: justify;font-size: 48px; font-weight:lighter; color:#FFF; text-transform:capitalize; line-height:70px; }
.smallTitle{ font-family:Tahoma, Geneva, sans-serif; text-align: justify;font-size: 18px; font-weight:bolder; color:#000; text-transform:capitalize; }
.smallBold{ font-family:Tahoma, Geneva, sans-serif; text-align: justify;font-size: 16px; font-weight:bold; color:#000; }
.textContent {
	font-family:Tahoma, Geneva, sans-serif;
	text-align: justify;
	font-size: 16px;
	color:#000;
	line-height:24px;
	vertical-align:top;
}
.headerContent { font-family:"Eras_Light";text-align: right;font-size: 21px;font-weight:bold;color:#FFF; line-height:28px;vertical-align:top; text-transform:uppercase; }
.headerBold { font-family:"Eras_Demi";text-align: right;font-size: 24px;font-weight:bold;color:#f3da08; line-height:28px;vertical-align:top; text-transform:uppercase; }
.topNav A:link { font-family:"Eras_Demi";text-align: justify;font-size: 20px;font-weight:100;color:#f3da08;font-weight:bold;font-variant:small-caps;text-decoration:none;margin-left:15px; }
.topNav A:visited { font-family:"Eras_Demi";text-align: justify;font-size: 20px;font-weight:100;color:#f3da08;font-weight:bold;font-variant:small-caps;text-decoration:none; }
.topNav A:active { font-family:"Eras_Demi";text-align: justify;font-size: 20px;font-weight:100;color:#f3da08;font-weight:bold;font-variant:small-caps;text-decoration:none; }
.topNav A:hover { font-family:"Eras_Demi";text-align: justify;font-size: 20px;font-weight:100;color:#f3da08;font-weight:bold;font-variant:small-caps; }
.textLink A:link { font-family:"Eras_Demi";text-align: justify;font-size: 20px;font-weight:100;color:#454545;font-weight:bold;font-variant:small-caps;text-decoration:none;margin-left:15px; }
.textLink A:visited { font-family:"Eras_Demi";text-align: justify;font-size: 20px;font-weight:100;color:#454545;font-weight:bold;font-variant:small-caps;text-decoration:none; }
.textLink A:active { font-family:"Eras_Demi";text-align: justify;font-size: 20px;font-weight:100;color:#454545;font-weight:bold;font-variant:small-caps;text-decoration:none; }
.textLink A:hover { font-family:"Eras_Demi";text-align: justify;font-size: 20px;font-weight:100;color:#000;font-weight:bold;font-variant:small-caps; }
.veContent { font-family:"Eras_Light";text-align: justify;font-size: 14px;font-weight:bold;color:#454545; line-height:24px;vertical-align:top; }
.veLink A:link { font-family:"Eras_Demi";text-align: justify;font-size: 16px;font-weight:100;color:#454545;font-weight:bold;font-variant:small-caps;text-decoration:none; }
.veLink A:visited { font-family:"Eras_Demi";text-align: justify;font-size: 16px;font-weight:100;color:#454545;font-weight:bold;font-variant:small-caps;text-decoration:none; }
.veLink A:active { font-family:"Eras_Demi";text-align: justify;font-size: 16px;font-weight:100;color:#454545;font-weight:bold;font-variant:small-caps;text-decoration:none; }
.veLink A:hover { font-family:"Eras_Demi";text-align: justify;font-size: 16px;font-weight:100;color:#FF8400;font-weight:bold;font-variant:small-caps; }

.style29 A:link { font-family:Tahoma, Geneva, sans-serif; text-align: justify; font-size: 16px; color:#000; line-height:24px; vertical-align:top; text-decoration:none; }
.style29 A:visited { font-family:Tahoma, Geneva, sans-serif; text-align: justify; font-size: 16px; color:#000; line-height:24px; vertical-align:top; text-decoration:none; }
.style29 A:active { font-family:Tahoma, Geneva, sans-serif; text-align: justify; font-size: 16px; color:#000; line-height:24px; vertical-align:top; text-decoration:none; }
.style29 A:hover { font-family:Tahoma, Geneva, sans-serif; text-align: justify; font-size: 16px; color:#000; line-height:24px; vertical-align:top; text-decoration:underline; }
/* PAGE CLASSES END */