@charset "utf-8";

/* CSS Document */
/* common */

.main           { background-color: #ffffff; text-align: center; }
.hide_overflow  { overflow: hidden; }

#preload        { position: absolute; left: 45px; top: 159px; z-index: 0; visibility: hidden; }
#logo           { position: absolute; left: 50px; top: 10px; z-index: 1; }
#navigation     { position: absolute; left: 210px; top: 15px; z-index: 1; width: 220px; text-align: left; }
#top_menu       { position: absolute; right: 50px; top: 10px; z-index: 1; width: 530px; text-align: right; vertical-align: top; }
#main_content   { position: relative; left: 23px; top: 10px; width: 560px; z-index: 1; text-align: justify; }
#bg_photo       { position: relative; top: -120px; left: 25px; width: 560px; z-index: 0; } 
#container      { position: relative; width: 610px; top: 37px;  margin-left: auto; margin-right: auto; }


/* fonts and links */

h1      { font-family: Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: 600; color: #3c3d2f; margin-top: 5px; margin-left: 0px; margin-bottom: 0px; }
p       { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: 400; color: #3c3d2f; margin-top: 0px; margin-bottom: 16px; color: #a2a0a0; line-height: 200%;}
pre     { font-family: Tahoma, Geneva, sans-serif; font-size: 16px; color: #3c3d2f; margin-top: 0px; margin-bottom: 16px; color: #a2a0a0;}

A               { font-family: Tahoma, Geneva, sans-serif; border:hidden; font-size:16px; } 
A:link          { text-decoration: none; color: #a2a0a0; }
A:visited       { text-decoration: none; color: #a2a0a0; }
A:hover         { text-decoration: none; color: #000; }
img             { border: none; }

/* index.html */

.index          	{ background-image: url(IMAGES/CM/main_bg.png); }

#container_0        { position: relative; min-width: 950px; with: 90%; }
#graphic_0          { position: fixed; top: 0px; left: 0px; height: 100%; min-height: 500px; }
#navi_0             { float: right; width: 380px; height: 350px; }
#logo_0             { position: absolute; right: 68px; top: 168px; }  
#links_written_0    { position: absolute; right: 75px; top: 220px; width: 300px; text-align: right; }
#links_graphics_0   { position: absolute; right: 75px; top: 450px; text-align:right; height: 40px; }

#link_iphone_0            { background-image: url(IMAGES/INDEX/link_iphone_0.png); }
#link_iphone_0:hover      { background-image: url(IMAGES/INDEX/link_iphone_0_roll.png); }