/*******************************************
*** N3KROZOFT.COM - Main CSS Site Layout ***
*******************************************/

/* PAGE LAYOUT */

body {  
		margin:0px 0px 0px 0px;
		/* top, right, bottom, left */
		padding:0px; 
		font-size: 85%;
		/*background-image: url(../../../imx/bg/bg4.gif);*/
		font-family: Arial, Helvetica, sans-serif;
		text-align: center; /** NEW: for IE...**/
		}

#container	{position:relative;
		    top:19px;
		    z-index:10;
		    width:700px; /*can be adjusted locally - change jpegOne img width*/
		    margin:0 auto;
			border-bottom: 20px solid transparent;
			border-right: 0px solid yellow;
			padding:0px;
			padding-right:5%; 
			padding-left:2%; 
			/**pushes content to left - was 10%**/
			/**see also #jpegOne**/
			background-color: transparent;
			text-align: left;}

#navig {position:relative; /** follows position of container **/
  left:0px; top:0px; width:415px;
  height:124px;
  float: left;
  padding:0;
  /*padding-top: 90px;*/ /** -> different results for firefox2 and opera9 !?! **/
  padding-left: 15px;
  margin:0px;
  margin-bottom: 25px;
  border: 0px solid lime; /*tzzt*/
  font-size: 100%;
  background-repeat:no-repeat}
#navig img {margin-left: -15px;}

#navlist {margin: 0px;
margin-top: 15px;
border: 0px solid blue;}
ul#navlist {margin:0px; margin-left:0; padding-left:0; white-space: nowrap;}
#navlist li {margin: 0px;display: inline; list-style-type: none;}
#navlist a { padding: 3px 3px; }
#navlist a:link, #navlist a:visited {text-decoration: none;}
#navlist a:hover {text-decoration: underline;}

#dropdown {font-size:100%;}

#navig .navlogo {margin-top: 90px;}

#navig-alt  {position:relative; 
  left:0px; top:0px; float: left;
  padding:15px 0 0 15px;
  /* top, right, bottom, left */
  margin:0; margin-bottom: 15px;
  min-height: 2.3em;
  font-size: 100%;}

  /****************/
 /* main content */
/****************/
  
#mainframe {position:relative; 
           border: 0px solid blue;
            float:left;clear: left;
            width: 32.2em;
            margin:0px;
            padding:0px;
            padding-bottom:10px;
            font-size: 100%;}

.path {margin: 0px;padding:0px;
       border-style: solid;
       border-width: 6px 0px 6px 20px;
       /* top, right, bottom, left */}
 * html .path {width: 438;} /*IE 7 only hack*/
 
 .title {margin: 0px;padding:0px;
       border-style: solid;
       border-width: 3px 0px 3px 20px;
       /* top, right, bottom, left */}

#mainframe h1, h2 {margin: 0px;
               padding-top:7px;
               padding-left:18px;
               padding-bottom:0px;
               font-size: 115%;}
#mainframe h2  {font-size: 100%;}
               
.text {        margin-top:12px;
               margin-left:18px;
               margin-right:28px;
               margin-bottom:5px;
               padding: 5px;}
.text a {font-weight: bold;}

.mp3 {         margin-top:12px;
               margin-left:18px;
               margin-right:28px;
               margin-bottom:5px;
               padding: 10px;}

#bgkolor {margin-top:0px;padding-top:0px;
border: 1px solid;padding-bottom:10px}
 * html #bgkolor {width: 438px;} /*IE 7 only hack*/

#kopyright {position:relative; 
            float:left; clear:both;
            border: 0px solid blue;
            width: 32.2em;
            margin: 10px 0px 30px 0px;
            /* top, right, bottom, left */
            padding: 0px;/*must be 0px as mainframe, else the width changes*/
            font-size: 100%;/*must be same as mainframe, else the width changes*/}
#kopyright p {margin:0px;padding: 8px 0px 8px 20px;font-size: 90%;}
 * html #kopyright {width: 438px;} /*IE 7 only hack*/

  /****************/
 /* products box */
/****************/

#produkt {float: left; clear: right; position:relative;
          top: 0px; 
          width:250px;}/* needs to have width, doesnt affect image */
         /*IE hack required*/
#produkt p {margin: 0px;padding:10px;
            font-weight: bold;
            font-size: 90%;}
#produkt img {border-style: solid;} /*define border-width locally*/
#produkt img .noborder {border: 0;}
#produkt .prod-img {margin: 0px;padding:6px 10px 3px 10px;border:0px;}

/* related projects box */

#related {position:relative;
float:left;clear:right;width:170px;} /*IE hack required*/
#related img {padding:0;margin:0;border-width:0px 20px;border-style: solid;
width:130px;float:none;}
#related .text {font-size:90%}
#related p {padding:6px 5px;margin:0;}

/*********************/
/* random background */
/*********************/

#bgtop {position:fixed;
		left:0px; top:0px;
		width:100%; height:153px; 
		margin:0px; padding:0px;
		z-index:4; visibility: visible}
* html #bgtop {position: absolute;} /*IE 7 only hack*/

#bgbottom {position:fixed;
		left:0px; bottom:0px;
		width:100%; height:101px; 
		margin:0px; padding:0px;
		z-index:2; visibility: visible}
* html #bgbottom {position: absolute;} /*IE 7 only hack*/

#bgimg2 {position:fixed; min-width:700px;
         left:20px;right:20px; /* left:0px; */
         margin:0 auto;top:0;
         /*height:508px;*/ bottom: 0px;
         z-index:5; visibility: visible}
* html #bgimg2 {position: absolute;top:51px;height:508px;} /*IE 7 only hack*/
#bgimg2 img {width:100%;height:100%;}

#bgimg3 {position:absolute; min-width:700px; /*image mobile - position: absolute*/
         left:20px; right:20px; top:50px; 
         /*border: 1px solid red;*/
         height:90%; /*can be adapted locally*/
         z-index:3; visibility: visible}
#bgimg3 img {width:100%; height:100%}

/* random imagery */

#jpegOne {position:absolute; 
          text-align: left;
          top: 19px;
          right:0px; /** was 6% -- compensate #container **/
          left:auto; /*was: 2%*/
          z-index:9;
          width:96%; /*compensate padding-right of container 10% -> 91% */
          margin: 0px; padding:0px;
          border: 0px solid red;
          background: transparent;}
#jpegOne img {text-align:center;
              width:150px;height:104px;
              border-style: solid;
              border-width: 10px 10px 10px 440px; /*container width -260*/
              /* top, right, bottom, left */
              margin-right:90px;} /*pushes the box to the left*/
		
	#footer {
		clear: both;
		padding: 5px;
		text-align: center;
		}
		
	#footer p {
	margin:0px 14em 0px 0px;
	/* top, right, bottom, left */
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	}
		
		
/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0px; padding: 0px; border: none; height: 0px; line-height: 1px; font-size: 1px; }	
	
/* GLOBAL TEXT STYLES */

a {color: #000;text-decoration: none;}
a:hover {text-decoration: underline;}

.n3kr0 {font-size: 120%;}
.n3kr0 a:hover {color: #000;}

/** SPECIAL LINK CLASSES **/

.new { background: url(http://n3krozoft.com/imx/new/new.gif) center right no-repeat;
	padding-right: 27px;}

/** external link **/ 
.ext  {background: url(http://n3krozoft.com/imx/ext/ext.gif) center right no-repeat;
	padding-right: 15px;}

/** internal link **/ 
.int {border-bottom:1px dotted;}
.int:hover {text-decoration: none;}

/** quicktime icon **/ 
.qt-img {width:16px;height:16px;border-width:0px;vertical-align:bottom;}

/* end of CSS Document */