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

body {
margin:0px;
background: /*url(images/bg.png) top left repeat-x*/ #160d28;
}

#topBar {
position:fixed;
top:0px;
background:url(images/colourBar.png) top repeat-x;
z-index:5;
height:5px;
width:100%;
}

#container {
margin:0px auto;
position:relative;
width:800px;
height:450px;
}

#contentPanel {
position:absolute;
top:0px;
left:0px;
width:800px;
height:350px;
overflow:visible;
}

#highlight {
position:absolute;
top:0px;
left:0px;
z-index:15;
}

#roundedCorner {
position:absolute;
top:-5px;
left:-5px;
z-index:5;
}

#app {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
position:absolute;
top:-10px;
right:5px;
}

#doc {
position:absolute;
top:-14px;
right:73px;
}

#logo {
position:absolute;
bottom:0px;
left:10px;
z-index:10;
}

#logoCont {
position:absolute;
top:0px;
left:0px;
width:250px;
height:350px;
background: url(images/panelText.png) no-repeat top left #c4c0b5;
z-index:9;
}

#logoDrop-right {
position:absolute;
top:0px;
right:-5px;
background:url(images/drop-right.png) right top repeat-y;
height:175px;
width:5px;
}

#image {
position:absolute;
bottom:0px;
left:30px;
z-index:2;
}

.par {
font-family:Arial, Helvetica, sans-serif;
color:#a8a8a8; 
font-size:12px;
width:800px;
text-align:justify;
z-index:10;
}

#par1 {
position:absolute;
top:400px;
right:10px;
}

#par2 {
position:absolute;
top:450px;
right:10px;
}

.blueHead {
font-family:Arial, Helvetica, sans-serif;
color:#72C2F8; 
font-size:15px;
margin-bottom:7px;
}

.orangeHead {
font-family:Arial, Helvetica, sans-serif;
color:#F8981D; 
font-size:15px;
margin-bottom:7px;
}


#name {
position:absolute;
top:325px;
left:350px;
width:auto;
height:195px;
z-index:9;
border-right:#999999 1px solid;
}

#drop-left {
position:absolute;
left:-20px;
top:61px;
height:300px;
width:20px;
}
#drop-right {
position:absolute;
right:-20px;
top:61px;
height:300px;
width:20px;
}
#drop-top {
background:url(images/drop-top.png) repeat-x top;
position:absolute;
top:-20px;
left:0px;
height:20px;
width:790px;
}
#drop-bottom {
background:url(images/drop-Bottom.png) repeat-x bottom;
position:absolute;
top:345px;
left:0px;
height:20px;
width:250px;
z-index:8;
}
#drop-top-leftCorner {
background:url(images/drop-top-leftCorner.png) no-repeat top left;
position:absolute;
top:0px;
left:0px;
height:5px;
width:25px;
}
#drop-top-rightCorner {
background:url(images/drop-top-rightCorner.png) no-repeat top right;
position:absolute;
top:0px;
right:0px;
height:5px;
width:25px;
}
#drop-bottom-leftCorner {
background:url(images/drop-bottom-leftCorner.png) no-repeat bottom left;
position:absolute;
bottom:0px;
left:0px;
height:5px;
width:25px;
}
#drop-bottom-rightCorner {
background:url(images/drop-bottom-rightCorner.png) no-repeat bottom right;
position:absolute;
bottom:0px;
right:0px;
height:5px;
width:25px;
}

#flame {
position:absolute;
top:-139px;
left:-25px;
z-index:-1;
}

#footer {
margin:0;
width:800px;
height:100px;
position:absolute;
bottom:0px;
left:0px;
}

#footerLogos {
margin:10px auto;
text-align:right;
width:790px;
}

#contact {
position:absolute;
bottom:25px;
left:275px;
width:auto;
height:auto;
z-index:9;
}

#email {
position:absolute;
bottom:3px;
right:0px;
}

#footerLine {
position:absolute;
bottom:25px;
left:375px;
}

#footerDrop {
margin:0px auto 0;
}

#footerTopBar {
position:absolute;
top:30px;
background: url(images/footerHorizLine.png) top repeat-x;
z-index:5;
height:8px;
width:100%;
}

#pageFooter {
position:fixed;
bottom:0px;
background:url(images/footerDrop.png) bottom left repeat-x;
height:20px;
width:100%;
}


/******************** SPLASH PAGE ******************/

.container {margin:300px auto 0px; width:240px; height:200px;}
.click {text-align:right; font-size:10px; margin-top:10px; margin-right:5px;}
.click a {text-decoration:none; color:#999999; font-family:Arial, Helvetica, sans-serif;}
.click a:hover {text-decoration:underline;}

.sp-container {margin:100px auto 0px; width:434px; height:200px; font-family:"Helvetica Neue", sans-serif; font-weight:lighter;}
.sp-IMG  {width:434px; text-align:center; margin-bottom:50px;}

.sp-info {font-size:12px; margin-bottom:50px; color:#ffffff; text-align:justify;}
.sp-info span {font-style:italic;}

.sp-contactContainer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.sp-contact {font-size:13px; color:#f2f2f2; width:200px; margin-right:34px;}
.sp-contact div {margin-bottom:3px;}
.sp-contact:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.sp-header {font-size:14px; text-transform:uppercase; font-weight:bolder;}
.sp-contactInfo div {width:40px; float:left;}

#copy {font-size:10px; margin-top:50px; color:#ffffff; text-align:right;}

.floatLeft {float:left;}
.floatRight {float:right;}