@charset "utf-8";
html, body {height:100%; margin:0; padding:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
html {overflow-y:hidden;}
body {overflow-y:auto;}
#con {position:static; padding:10px;}

.none {}
.maatfa {font-size: small;}
.small {font-size:small; color:#FFF; text-align:center;}
.x-small {font-size:x-small; color:#FFF; text-align:center;}
#main {position:relative; table-layout:auto; width:85%; height:auto; margin:auto; padding:0;}
#background {position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%;}
#header {position:absolute; z-index:1000; width:700px; height:70px; top:60px; left:250px;}
#logo {position:absolute; z-index:1000; width:200px; height:200px; top:30px; left:30px;}
#navigation {position:absolute; z-index:999; top:140px; left:263px; width:auto; height:30px;}
#navigation_bar {position:absolute; z-index:998; top:130px; background-color:transparent; background-image:url(navigation_bar.bg.png); background-repeat:repeat-x; repeat-x; width:100%; height:60px; opacity:0.8; filter:alpha(opacity=80);}
#partners {position:absolute; z-index:850; bottom:70px; right:5%; width:240px; height:120px;}
#footer {position:absolute; z-index:825; bottom:30px; width:100%; height:40px; background-color:#CC0066; opacity:0.8; filter:alpha(opacity=80);}
#copyright {position:absolute; z-index:800; bottom:15px; width:100%; height:15px; background-color:#609; opacity:0.8; filter:alpha(opacity=80);}
#content {clear:both; position:absolute; z-index:800; top:225px; left:300px; width:60%; height:55%; overflow:scroll; padding:10px}

/* ---  CROSS FADE REFERENCE --- */
#xfade {clear:both;}
#xfade img {}