/*  Before you are able to read this sentence will end.  */
  /*  arturbodenstein.com (c) 2005 Artur Bodenstein - Vienna  */

body {
  margin: 0;
  padding: 0;	
  background:#fff url(../images/43.gif) top left repeat-x;
  }

p, blockquote, li, h3 {
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 17px;
  text-align: left;
  color:#666;
}

ul { list-style:none; margin: 0; padding:0; }

li { margin: 0; padding: 0; height:19px; }

li a { color:#000; border-bottom: 1px dotted #000; font: 11px Georgia, Times, Serif; }

li a:hover { color:#b26676; border-bottom: 1px dotted #000; }


#ab { position:absolute; left:0; top:40px; width:226px; height:39px; }

#ab img { border: 0; }

.date {
  font: 10px Georgia, serif;
  line-height: 18px;
  text-align: left;
  font-weight:normal;
  color:#999;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  }

blockquote {
  margin-left: 20px;
  margin-right: 0px;
  }

#head {
  position:relative;
  top:0;
  /*left:0;*/
  margin:0 auto;
  height: 110px;
  width:770px;
  }

#head2 {
  position:relative;
  top:0;
  /*left:0;*/
  margin:0 auto;
  height: 110px;
  width:840px;
  }

#random {
  position: absolute;
  top:0;
  left:600px;
  width:170px;
  height:130px;
  border:0;
  padding: 0;
  margin: 0;
  z-index:10;
  }  

#nav {
  position:relative;
  top: 100px;
  /*left: 35px;*/
  width: 549px;
  height: 22px;
  border: 0;
  padding: 0;
  margin: 0;
  z-index:9;
  }
	
#nav ul	{
  width: 549px;
  height: 22px;
  background: url(../images/20.gif);
  margin: 0;
  padding: 0;
  position: relative;
  }
	
#nav ul li	{
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0;
  }
	
#nav ul li, #nav a {
  height: 22px;
  display: block;
  }

#nav ul li a {
  text-indent: -9999px; 
  text-decoration: none;
  border-bottom: 0;
  }

#a1 {left: 0; width: 110px;}
#a2 {left: 111px; width: 110px;}
#a3 {left: 221px; width: 110px;}
#a4 {left: 331px; width: 110px;}
#a5 {left: 441px; width: 108px;}

#a1 a:hover {
background: transparent url(../images/20.gif) 0 -22px no-repeat;}
#a2 a:hover {
background: transparent url(../images/20.gif) -111px -22px no-repeat;}
#a3 a:hover {
background: transparent url(../images/20.gif) -221px -22px no-repeat;}
#a4 a:hover {
background: transparent url(../images/20.gif) -331px -22px no-repeat;}
#a5 a:hover {
background: transparent url(../images/20.gif) -441px -22px no-repeat;}

body#illu #a1 {
background: transparent url(../images/20.gif) 0 -22px no-repeat;}

body#print #a2 {
background: transparent url(../images/20.gif) -111px -22px no-repeat;}

body#web #a3 {
background: transparent url(../images/20.gif) -221px -22px no-repeat;}

body#paint #a4 {
background: transparent url(../images/20.gif) -331px -22px no-repeat;}

body#contact #a5 {
background: transparent url(../images/20.gif) -441px -22px no-repeat;}

#container {
  position:relative;
  /*top:150px;
  left:0;	*/
  width: 770px;
  \width: 770px;
  w\idth: 770px;
  margin: 30px auto;
  padding: 0px;
/*  background: #fff ;*/
  }

#container2 {
  position:relative;
  /*top:150px;
  left:0;	*/
  width: 840px;
  \width: 840px;
  w\idth: 840px;
  margin: 30px auto;
  padding: 0px;
/*  background: #fff ;*/
  }

#center {
  margin: 0 210px 0 0;
  padding:0;
  font-family: Verdana, Tahoma, Helvetica,sans-serif;
  font-size: 11px;
  line-height: 18px;
  text-align: left;
  color:#666;
  }

#center-singular {
  margin: 0 0 0 210px;
  padding:0;
  background-color:#fff;
  text-align: left;
  font-family: Georgia, serif;
  font-size: 12px;
  line-height: 17px;	
  color:#000;
  }

#center-singular a {
  border-bottom: 0px dotted #000;
  font-weight:bold;
  color:#e2871b;
  }

#center-singular a:hover {
  border-bottom: 0px dotted #000;
  font-weight:bold;
  color:#000;
  }

#center-singular p {
  padding: 0;
  font-family: Georgia, serif;
  font-size: 12px;
  line-height: 17px;
  text-align: left;
  color:#000;
  }

#center-singular img {
  float: left;
  padding:4px;
  margin: 0 0 10px 0;
  border: 1px solid #999;
  background-color:#fff;
}

#right {
  float: left;
  width: 200px;
  \width: 200px;
  w\idth: 200px;
  padding:0;
  color:#666;
  font: normal 9px Verdana, "Trebuchet MS", "Lucida Grande", sans-serif;
  line-height: 140%;
}

#right p {
  padding-bottom:5px;
  font: normal 9px Verdana, "Trebuchet MS", "Lucida Grande", sans-serif;
  line-height: 140%;
  }

a { border: 0px; color: #e2871b; font-weight:bold; text-decoration: none; }

a:hover { color:#000; }

#right a { border: 0px; color: #e2871b; font-weight:bold; }

#right a:hover { color:#000; }

#right ul { list-style:none; margin: 0; padding:0; }

#right li { margin: 0; padding: 0; height:19px; }

#right li a { color:#000; border-bottom: 1px dotted #000; font: 11px Georgia, Times, Serif; }

#right li a:hover { color:#b26676; border-bottom: 1px dotted #000; }

div.float { float: left; padding:0 20px 10px 0; }
  
div.float p { text-align: left; padding:0 50px 10px 0;}

div.float a { border:0px; }

div.float img { 
  padding:4px; margin: 0; border: 1px solid #999; background-color:#fff; }

div.contact { float: left; padding:0 20px 10px 0; }

div.contact img { 
  float:left; padding:4px; margin: 0 10px 10px 0; border: 1px solid #999;
  background-color:#fff; }

.bh {    /*bloghead*/
  font-family: Georgia, Verdana, Tahoma, Helvetica,sans-serif;
  font-size: 12px;
  font-weight:normal;
  line-height: 15px;
  text-align: left;
  color:#000;
}

.bh11 {
  font-family: Georgia, Verdana, Tahoma, Helvetica,sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  color:#000;
}
 
#foot { 
  clear: both; 
  height: 200px; 
  margin: 30px 0 0 0 ; 
  padding: 0; 
  text-align: left; 
  /*background: #edece8 url(../images/16.gif) top left repeat-x;*/ 
  }

#foot p {
  margin: 0;
  padding: 20px 0 0 0;
  font: 11px Georgia, serif;
  line-height: 18px;
  text-align: left;
  font-weight:normal;
  font-style:italic;
  color:#333;
  }

#foot a {
  color:#000;
  border-bottom: 1px dotted #000;
  }