/*Body*/

.Banner01 {background-color:#8C8C8C;color:#F2F2F2;height:20px;}
.Banner02a {background-color:#999999;color:#F2F2F2;height:20px;}
.Banner02b {background-color:#A6A6A6;color:#F2F2F2;height:20px;}

.HeadingH4Left {margin:0;padding:0;text-align:left;}
.HeadingH4Centre, .HeadingH5Centre {margin:0;padding:0;text-align:center;}
.HeadingH4Right {margin:0;padding:0;text-align:right;}

.HeadingH5Indent01 {margin:0;padding:0;text-align:left;text-indent:50px;}
.HeadingH5Indent02 {margin:0;padding:0;text-align:left;text-indent:25px;}

/*End of Body*/
/*Table Column (TD)*/

.Left01 {text-align:left;width:20%;}
.Right01 {text-align:left;width:80%;}

.Left02 {text-align:left;width:80%;}
.Right02 {text-align:right;width:20%;}

.Left03 {text-align:left;width:50%;}
.Right03 {text-align:left;width:50%;}

/*End of Table Column (TD)*/
/*Website Content*/

#WebsiteContainer {
display:block;
height:99.8%;
position:fixed;
width:100%;
z-index:1;}

#FrontPageContainer {
display:block;
height:99.8%;
overflow:auto;
position:fixed;
width:100%;
z-index:1;}

#FrontPageLogo {
background-color:#F2F2F2;
cursor:default;
display:block;
height:45%;
margin:auto;
padding:0;
position:relative;
text-align:center;
top:5%;
width:100%;
z-index:2;}

#FrontPageContent {
background-color:#B3B3B3;
border-color:#000000;border-style:solid;border-width:1px;
color:#F2F2F2;
cursor:default;
display:block;
height:75%;
margin:auto;
overflow:auto;
padding:0;
position:relative;
top:10%;
width:75%;
z-index:2;}

#TopNavigation {
background-color:#666666;
color:#F2F2F2;
display:block;
height:11%;
position:fixed;
text-align:center;
width:100%;
z-index:3;}

#TopNavigationLeft {
display:inline-block;
left:0;
position:fixed;
text-align:left;
width:20.5%;
z-index:4;}

#TopNavigationCentre {
display:inline-block;
position:relative;
text-align:center;
width:57.5%;
z-index:4;}

#TopNavigationRight {
display:inline-block;
position:fixed;
right:0;
text-align:right;
width:20.5%;
z-index:4;}

#MainContainer {
cursor:default;
display:block;
height:79%;
margin:auto;
padding:0;
position:fixed;
top:10%;
width:100%;
z-index:2;}

#Logo {
background-color:#F2F2F2;
cursor:default;
display:block;
height:25%;
margin:auto;
padding:0;
position:relative;
text-align:center;
top:5%;
width:100%;
z-index:3;}

#MainContent {
background-color:#B3B3B3;
color:#F2F2F2;
cursor:default;
display:block;
height:65%;
margin:auto;
overflow:auto;
padding:0;
position:relative;
top:11%;
width:100%;
z-index:3;}

.VideoContent {
cursor:default;
display:inline-block;
height:250px;
margin:auto;margin-bottom:5px;margin-left:5px;margin-right:5px;
position:relative;
width:275px;
z-index:3;}

#SocialMediaBanner, #EmptyBanner {
cursor:default;
display:block;
height:10%;
position:relative;
text-align:center;
top:5%;
width:99.9%;
z-index:2;}

#ProjectContainer, #ServiceContainer {
border-color:#F2F2F2;border-style:solid;border-width:1px;
cursor:default;
display:block;
height:60%;
margin:auto;
overflow:auto;
padding:0;
position:relative;
top:10%;
width:100%;
z-index:2;}

#Banner01 {
background-color:#F2F2F2;
border-color:#000000;border-style:solid;border-width:1px;
color:#666666;
cursor:default;
display:block;
min-height:2%;
max-height:11%;
position:relative;
text-align:center;
top:15%;
width:99.9%;
z-index:2;}

#BannerLeft {
display:inline-block;
position:relative;
text-align:left;
min-width:20%;
max-width:25%;
z-index:4;}

#BannerCentre {
display:inline-block;
position:relative;
text-align:center;
min-width:20%;
max-width:25%;
z-index:4;}

#BannerRight {
display:inline-block;
position:relative;
text-align:right;
min-width:20%;
max-width:25%;
z-index:4;}

#Banner02 {
border-color:#B3B3B3;border-style:solid;border-width:1px;
color:#F2F2F2;
cursor:default;
display:block;
height:55%;
position:relative;
text-align:center;
top:20%;
width:99.9%;
z-index:2;}

#Footer01 {
background-color:#F2F2F2;
bottom:0;
color:#666666;
cursor:default;
display:block;
height:10%;
position:relative;
width:100%;
z-index:2;}

#Footer02 {
background-color:#666666;
bottom:0;
color:#F2F2F2;
cursor:default;
display:block;
height:11%;
position:fixed;
width:100%;
z-index:2;}

#FooterLeft {
display:inline-block;
left:0;
position:fixed;
text-align:left;
width:49.5%;
z-index:3;}

#FooterRight {
display:inline-block;
position:fixed;
right:0;
text-align:right;
width:49.5%;
z-index:3;}

/*End of Website Content*/