/* These styles are outdated and a bad example of CSS*/




/* basic elements */
body {
	font: 9pt/16pt Microsoft sans serif, Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #555753;
	margin: 0px;
	background-color: #fff;
	background-image: url(2pics/bg.jpg);
	background-repeat: repeat;
	text-align: center;
	}


h1 {
font-size: 12px;
padding: 0 0 0 19px;
color: #6F6F6F;

}

h3 { 
	font: italic normal 12pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}
.dreamhost {
position:relative;
top: 5px;
}
a:link {
font-size: 14px;
	text-decoration: none;
	color: #524745;
	}
a:visited {
font-size: 12px;
	text-decoration: none;
	color: #524745;
	}
a:hover, a:active {
	text-decoration: underline;
	
	}

a:active {
	position: relative;
left: 0px;
top: 1px;
	
	}



/* specific divs */
#container {

	margin: 0 auto;
	text-align: left;
	width: 754px;
	}

#header {

	height: 152px;
	width: 754px;
/*	background-image: url(2pics/Leonart_cut_1_03.png); */ /* IE sucks! */
	background-repeat: no-repeat;
	background-position: center top;
}

#leftborder {
	height: 437px;
	width: 38px;
/*	background-image: url(2pics/Leonart_cut_1_05.png); */
	background-repeat: no-repeat;
	float: left;
}

#maincontainer {
	width: 608px;
	float: left;
	background-color: #FFFFFF;
}

#rightborder {
/*	background-image: url(2pics/Leonart_cut_1_08.png); */
	float: left;
	height: 437px;
	width: 28px;
}

#rightestborder {
/*	background-image: url(2pics/Leonart_cut_1_09.png); */
	float: right;
	height: 437px;
	width: 80px;
}

#viewing {
	float: left;
	height: 51px;
	width: 266px;
}
#focus {
	height: 51px;
	width: 342px;
	background-image: url(2pics/Leonart_cut_1_07.png);
	background-repeat: no-repeat;
	float: right;
}

#main {
	background-image: url(2pics/Leonart_cut_1_13.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 608px;
	height: 386px;
	clear: both;
}

#mainleft {
	width: 438px;
	float: left;
    height: 386px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;

}

#mainleft ul {
line-height: 1.2em;
}

#mainright {
	width: 169px;
	height: 386px;
	float: right;
	background-image: url(2pics/Leonart_cut_1_22.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	

}

#services {
	width: 166px;
	height: 49px;
margin-top: 100px
	
}


#portfolio {
	width: 166px;
	height: 49px;

}

#footer {
/*	background-image: url(2pics/Leonart_cut_1_25.png); */
	text-align: center;
	clear: both;
	height: 26px;
	width: 754px;

}

/* sorcery my @@@ */

a.info{
    position:relative; 
    z-index:24; }

a.info:hover{z-index:26;}

a.info span{display: none}

a.info img{display: inline}

a.info:hover span{ 
    display:block;
    position:absolute;
    top: 62px; 
    left: 0px; 
}
	
a.info2{
    position:relative; 
    z-index:25; }
	
a.info2 img{display: inline}

a.info2:hover{z-index:27;}

a.info2 span{display: none}

a.info2:hover span{ 
    display:block;
    position:absolute;
    top: 7px; 
    left: 0px; 
}
#overflow {
	width: 400px;
	height: 140px;

}

#overflow ul {
	margin-top: 0px;
	margin-bottom: 5px;
line-height: 1.4em;

}

#overflow ul li {
font-size: 10px;
}

.neoweb {
text-align: left;
font-size: 10px ;
padding: 0 0 0 34px;
}

.neoweb a {
font-size: 10px ;
}





































/*xa*/


.style1 {color: #CCCCCC}