/* CSS Document */


/******** MAIN STYLES *************/


body { background-color:#ffffff; margin:0; padding:0; font-family: "Courier New", Courier, monospace; font-size:11px; color:#000000; font-weight: 200; }



p { font-family: "Courier New", Courier, monospace; font-size: 11px;  color:#000000; font-weight: 200; }

h1 {font-family: "Courier New", Courier, monospace; line-height: normal; font-size:14px; color:#000000; font-weight: bold; margin-bottom: 0px; margin-top: 0px; }
h2 {font-family: "Courier New", Courier, monospace; line-height: normal; font-size:14px; color:#000000; font-weight: bold; text-decoration: underline; margin-top: 0px; }

p.no_margin { margin-top: 0px; }

a { font-family: "Courier New", Courier, monospace; font-size: 11px; line-height: normal; color:#000000; font-weight: 200;  }

a:link { text-decoration: none; color:#000000; }
a:visited {  text-decoration:none; color:#000000;}
a:hover { text-decoration: none; none; color:#A3A3A3; }
a:active { text-decoration: none; color:#000000; }

a#thispage { text-decoration: none; color:#000000; }

a.menu {  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 14px; color:#000000; font-weight: normal; }

a.menu:link { text-decoration: none; color:#000000; }
a.menu:visited {  text-decoration:none; color:#000000;}
a.menu:hover { text-decoration: none; none; color:#A3A3A3; }
a.menu:active { text-decoration: none; color:#000000; }



ul li {list-style: disc;}




#container { position:relative; width:99.9%; height: 610px; margin-top: 10px; z-index: 1;  /* border: thin dotted #000000; */}

#bg_stage_1 { position:absolute; width: 900px; height: 600px; left: 100px; top:5px; background-image:url(../images/global/BG_stage_01.jpg); z-index: 1; /* border: thick dotted #ff0000; */}
#bg_stage_2 { position:absolute; width: 900px; height: 600px; left: 100px; top:5px; background-image:url(../images/global/BG_stage_02.jpg); z-index: 2;/* border: thick dotted #ff0000; */ }

#bg_overflow { position: fixed; right: 0px; width: 50%; height: 100%; background-image:url(../images/global/slamdek-logo.jpg); background-repeat:repeat;  z-index: 10; overflow: hidden;  }

#column1 {  position: fixed; width: 100px; left: 10px; top: 15px; text-align: left; z-index: 3; /* border: thin dotted #FF0000; */}
#column2 {  position: fixed; width: 100px; left: 110px; top: 15px; text-align: left; z-index: 4;  /* border: thin dotted #00FF00; */}
#column3 {  position: fixed; width: 150px; left: 210px; top: 15px; text-align: left; z-index: 5;  /* border: thin dotted #0000FF;*/ }

#column1 p, h1, h2 {  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; text-decoration: none; }
#column2 p, h1, h2 {  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; text-decoration: none; }
#column3 p, h1, h2 {  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; text-decoration: none; }



#column1 a {  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 14px; color:#000000; font-weight: normal; }
#column2 a {  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 14px; color:#000000; font-weight: normal; }
#column3 a, input {  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 14px; color:#000000; font-weight: normal; }



#column_imgs {   width: 100%; }


#column4 { background-color:#ffffff; height: 600px; position: fixed; width: 280px; left: 370px; top: 15px; text-align: left; z-index: 6;  /* border: thin dotted #00FFFF;*/ }
#column4_blog { background-color:#ffffff; position: fixed; width: 790px; left: 380px; top: 15px; text-align: left; z-index: 6;  /* border: thin dotted #00FFFF; */}
#column4_scroll {  background-color:#ffffff;  min-height: 550px;   position: absolute; width: 300px; left: 300px; padding-bottom: 100px; top: 5px; text-align: left; z-index: 7;  padding-right: 10px; padding-left: 15px;  /*border: thin dotted #FF6699; */}
#column4-gif {  position: fixed; width: 810px; left: 400px; top: 15x; text-align: left; z-index: 8;  /* border: thin dotted #00FFFF;*/ }
#column4_5 { background-color:#ffffff;  min-height: 550px;   position: absolute; width: 750px; left: 250px; padding-bottom: 100px; top: 5px; text-align: left; z-index: 7;  padding-right: 10px; padding-left: 15px;  /*border: thin dotted #FF6699; */}
#column4_5_news { background-color:#ffffff; position: absolute; width: 680px; left: 280px; top: 3px; text-align: left; z-index: 8;  overflow: auto; /* border: thin dotted #00FFFF;*/ }
#column5 { background-color:#ffffff; min-height: 550px;  position: absolute; width: 400px; left: 600px; padding-bottom: 100px; top: 5px; text-align: left; z-index: 7;  padding-right: 10px; padding-left: 15px;  /*border: thin dotted #FF6699; */}
#column5 img { border: thin solid #000; }
#column5_colour { background-color:#D8D8D2;  min-height: 550px;  position: fixed; width: 400px; left: 680px; top: 15px; text-align: left; z-index: 7;  padding-right: 10px; padding-left: 10px; height: 610px; overflow: auto; /* border: thin dotted #FF6699;*/ }

#navigation { position: fixed; right: 40px; top: 230px; text-align: right; z-index: 3;   /* border: thin dotted #0033FF;*/}

#navigation a {  text-decoration: none; font-family: "Courier New", Courier, monospace; font-size: 11px; color:#000000; font-weight:400; }

#navigation a:link { text-decoration: none; color:#000000; }
#navigation a:visited { text-decoration: none; color:#000000; }
#navigation a:hover { text-decoration: underline; color: #000000; }
#navigation a:active { text-decoration: none; color:#000000; }

#navigation a#thispage { text-decoration: underline; !important; color:#000000; !important; }

#arrow { position: fixed; right: 300px; top: 560px; text-align: right; z-index: 3;   /* border: thin dotted #0033FF; */}

#content { position: absolute; width: 55%; top: 280px; left:100px;  z-index: 4; line-height: 18px; text-align: justify; /* border: thin dotted #FF0000; */}




.error { font-family:Arial, Helvetica, sans-serif; color:#990000; text-align:left; font-weight:600; font-size:11px;}
.sorry { font-family:Arial, Helvetica, sans-serif; color:#990000; text-align:left; font-size:12px;}
.wideform { width:300px; }


/******** MAIN PAGE *************/
#container { position:relative;  margin-left: auto; margin-right: auto; margin-top: 10px; z-index: 0; /* border: thin dotted #00FF00; */}
#debug { background-color:#FFF;  position: absolute; width: 400px;  top: 200px; left: 600px;  line-height: 18px; text-align: left; padding-bottom: 100px;  z-index: 18; /* border: thin dotted #FF0000; overflow: auto  */}
#white_mask { position: fixed; background-color:#FFF; width: 81%; height: 20px;  top: 0px; left: 200px; text-align: left; z-index: 2; }
#content { position: absolute; width: 89%;   top: 0px; line-height: 18px; text-align: left;  z-index: 1; /* border: thin dotted #FFFF00; */ }
/* #back_image {position: fixed; width: 81%; height: 400px; top: 100px; left: 200px; background-image:url(../images/global/iona-fortune-logo-trans.png); background-repeat: no-repeat; background-position: right;  z-index: 3; } */	

/******** HEADER *************/
#head_text { position: fixed; width: 81%; left: 200px; top: 20px; text-align: right; z-index: 3; /* border: none;*/ }


/******** LEFT SIDEBAR *************/
#logo { position: fixed; width: 150px; height: 150px; top: 50px; left: 30px; text-align:left;  z-index: 4; /* border: thin dotted #000000;*/ }
#left_menu { position: fixed; width: 150px; height: 350px; top: 200px; left: 30px; text-align:left;  z-index: 5; /* border: thin dotted #000000; */}

/******** TOP SUBHEADER *************/
#submenu { position: fixed; background-color:#FFF; width: 81%; height: 70px; top: 0px; left: 200px; text-align: left; z-index: 26; /* border: thin dotted #FFF; padding-top: 50px;*/ }

/******** INCLUDE PAGE *************/
#body { position: relative;  background-color:#FFF; width: 100%; text-align: left;  z-index: 4; /* border: thin solid #00FF00;*/ }




/******** FOOTER *************/
#footer {  position: fixed; top:555px; left: 10px;  font-family: "Courier New", Courier, monospace; text-align: left; font-size: 11px; color:#000000; z-index: 10; line-height: normal; /* border: thin dotted #FFFF00; */}

#footer p { font-family: "Courier New", Courier, monospace; font-size: 11px; line-height: normal; }


#footer a {  text-decoration: none; font-family: "Courier New", Courier, monospace; font-size: 11px; color:#000000; font-weight:400; }

#footer a:link { text-decoration: none; color:#000000; }
#footer a:visited { text-decoration: none;  color:#000000;}
#footer a:hover { text-decoration: none;  none; color:#A3A3A3; }
#footer a:active { text-decoration: none;  color:#000000; }