.style1 {color: #FFFFFF;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif
}

.style2 {color: #333333;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif
}

.style4 {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.a1:link 
{ COLOR: #cccccc; TEXT-DECORATION: none;}
.a1:visited 
{ COLOR: #cccccc; TEXT-DECORATION: none;}
.a1:hover 
{ COLOR: #e1a047; TEXT-DECORATION: none;}

body{
	margin:20 0 0 0;
	text-align:center;
	background-color:#1a171b;
	font-size:80%;
	font-family:"Lucida Grande", Tahoma, sans-serif;
}
p{
	margin:0 0 1em 0;
}
a{
    font-size:14px;
    COLOR: #cccccc; TEXT-DECORATION: none;
}
a:hover {
    font-size:14px;
    COLOR: #e1a047; TEXT-DECORATION: none;
}

a img{
	border:none !important;
}
#menu1{
	margin: auto;
	width:265px;
	height:33px;
	text-align:center;
}
#menu2{
	margin: auto;
	width:701px;
	text-align:center;
	padding-bottom:20px;
}

#center{
	margin:auto;
	width:540px;
	padding-top:40px;
	text-align:center;
}

#container{
	margin: auto;
	width:500px;
	padding:40px;
	text-align:center;
	background-color:#1a171b;
}
#container ul{
	text-align:center;
	margin:0 0 30px 0;
	list-style:none;
}
#container ul a{
	border:1px solid #eee;
	background-color:#f5f5f5;
	color:#444;
	font-size:1.5em;
	line-height:2em;
	padding:20px;
	margin:0 0 20px 0;
	display:block;
}
#container ul a:hover{
	border:1px solid #B5DF99;
	background-color:#CDEFB6;
	color:#358610;
}

#lightbox h2{
	margin:0 0 1em 0;
}
#lightbox h3{
	color:#FF713F;
}
#lightbox.done p{
	color:#333;
}

#form{
	text-align:left;
	margin:25px;
}
#form ul{
	list-style:none;
}
#form li{
	margin:0 0 1em 0;
}
#form textarea{
	width:100%;
	height:150px;
}

#definition{
border:none;
	margin:5px;
	background-image:url(http://mathias.pl/mathias/images/mathias.jpg);
}
#about{
width:120px;
}

.highlight{
	background-color:#FEFFAF;
	
}

#box_a {
	margin: 0 10px 10px 0;
    float:left;
    width:76px;
	height:26px;
}
#box_a a{
	display:block;
	padding:2px;
    background-color:#999999;
    width:76px;
	height:26px;
}
#box_a a:hover{
	background-color:#eda748;
    width:76px;
	height:26px;
}



#about_a{ float:left;}
#about_a a{ display:block; width:73px; height:28px; background:url(../images/about.gif) no-repeat;}
#about_a a:hover{ background:url(../images/about_h.gif) no-repeat;}

#portfolio_a{ float:left}
#portfolio_a a{ display:block; width:103px; height:28px; background:url(../images/portfolio.gif) no-repeat;}
#portfolio_a a:hover{ background:url(../images/portfolio_h.gif) no-repeat;}

#contact_a{ float:left;}
#contact_a a{ display:block; width:99px; height:28px; background:url(../images/contacts.gif) no-repeat;}
#contact_a a:hover{ background:url(../images/contacts_h.gif) no-repeat;}


#web_a{ float:left;}
#web_a a{ display:block; width:67px; height:33px; background:url(../images/web.gif) no-repeat;}
#web_a a:hover{ background:url(../images/web_h.gif) no-repeat;}

#print_a{ float:left}
#print_a a{ display:block; width:66px; height:33px; background:url(../images/print.gif) no-repeat;}
#print_a a:hover{ background:url(../images/print_h.gif) no-repeat;}

#logo_a{ float:left;}
#logo_a a{ display:block; width:66px; height:33px; background:url(../images/logo.gif) no-repeat;}
#logo_a a:hover{ background:url(../images/logo_h.gif) no-repeat;}

#other_a{ float:left;}
#other_a a{ display:block; width:66px; height:33px; background:url(../images/other.gif) no-repeat;}
#other_a a:hover{ background:url(../images/other_h.gif) no-repeat;}