/*Shades.net.au general styles*/
body,td,th {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #FFFFFF;
}
body {
	background-color: #000000;
	margin:0;
	padding:0;
	letter-spacing:1px;
}

body,html{
height:100%;
overflow:hidden;
}
#container{
position:relative;
text-align:left;
margin:0;
width:100%;
height:100%;
background:#000077;
overflow:auto;

}
a{
outline:none;
text-decoration:none;
border:none;
}
img{
border:none;
}
img{ behavior: url(iepngfix.htc); }

/*page content that will be changing*/
#mainpage{
position:absolute;
bottom:14px;
top:60px;
left:auto;
right:auto;
text-align:center;

width:100%;
}


#headerOne{
position:absolute;
height:60px;
width:12px;
background:url(../images/header_left.png);
behavior: url(iepngfix.htc);
}


/*The whole footer area*/
#footer{
background:#333333;
position:absolute;
bottom:0px;
height:14px;
width:100%;
}


/*The area that the logos slide out from*/
#footerBar{
padding:0;
margin:0;
position:absolute;
right:0px;
height:100%;
width:126px;
background:#00A0C6;
bottom:0px;
overflow:hidden;
z-index:2;
}



/*The actual div that slides around to create the menu effect*/
#storeMenuSlider{
padding:0;
margin:0;
position:absolute;
right:0px;
height:auto;
width:103px;
background:#FFFFFF;
bottom:0px;
overflow:hidden;
z-index:1;
}

#container{
background:none;}
#background, #floatingPic{
position:absolute;
bottom:14px;
top:0px;
left:auto;
right:auto;
text-align:center;
height:100%;

width:100%;
}
#background img{
height:100%;
width:100%;
}