html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, hr, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, object, a, abbr, acronym, br, cite, code, dfn, em, img, span, sub, sup, tt, var, legend, fieldset {margin: 0; padding: 0;}
img, fieldset, hr{border:solid 0px;}

html{
	background:url(../img/html.png) repeat-x #bec9cc;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#sitebody{
	background:url(../img/body.png) repeat-x bottom;
}
h1{
	background:url(../img/h1.png) no-repeat;
	height:324px;
	margin:19px auto 0;
	width:815px;
}
h1 a:link, h1 a:visited {
	display:block;
	height:300px;
	outline:none;
	text-indent:-9999px;
	width:815px;
}
/* ---------------------------------------- main menu --------------------------------------- */
#mainmenu{
	height:190px;
	list-style:none;
	margin:0 auto;
	width:815px;
}
#mainmenu li{
	display:block;
	float:left;
	height:190px;
	padding-right:1px;
	text-indent:-9999px;
	width:203px;
}
#mainmenu li.last{
	padding-right:0px;
}
#mainmenu li a:link, #mainmenu li a:visited{
	display:block;
	height:190px;
	outline:none;
	width:203px;
}
#mainmenu_illustration{background:url(../img/mainmenu-illustration.png) no-repeat 0 -190px;}
#mainmenu_web-design{background:url(../img/mainmenu-web-design.png) no-repeat 0 -190px;}
#mainmenu_identity{background:url(../img/mainmenu-identity.png) no-repeat 0 -190px;}
#mainmenu_contact{background:url(../img/mainmenu-contact.png) no-repeat 0 -190px;}
#mainmenu_illustration:hover{background:url(../img/mainmenu-illustration.png) no-repeat;}
#mainmenu_web-design:hover{background:url(../img/mainmenu-web-design.png) no-repeat;}
#mainmenu_identity:hover{background:url(../img/mainmenu-identity.png) no-repeat;}
#mainmenu_contact:hover{background:url(../img/mainmenu-contact.png) no-repeat;}
/* ---------------------------------------- content --------------------------------------- */
#content{
	margin:0 auto;
	position:relative;
	width:815px;	
}
h2{
	margin:50px auto 2px;
	text-indent:-9999px;
	width:815px;
}
#content #pagesummary{
	font-size:12px;
	margin:0 auto;
	padding:0 515px 0 0;
	width:300px;
}
hr{
	background:url(../img/hr.png) no-repeat 0 15px;
	clear:both;
	height:1px;
	padding:15px 0;
	width:815px;
}
hr.last{
	background:none;
	padding:20px 0 20px 0;
}
#content p{
	clear:left;
	font-size:12px;
	float:left;
	padding-top:10px;
	width:300px;
}
#content div.client{
	position:relative;
	float:left;
	width:815px;
}
#content div.images{
	float:right;
	width:450px;
}
#content p.clientname{
	bottom:0;
	position:absolute;
}
#content p.lastpara{
	width:815px;
}
/* ---------------------------------------- web-design --------------------------------------- */
#h2web-design{background:url(../img/h2web-design.png) no-repeat;height:100px;}
#content.web-design h3{
	clear:left;
	font-size:14px;
	float:left;
	padding-top:10px;
	width:300px;
}
#content.web-design a:link, #content.web-design a:visited{
	color:#5d4d40;
	text-decoration:none;
}
#content.web-design a:hover{
	text-decoration:underline;
}
/* ---------------------------------------- personal --------------------------------------- */
#h2personal{background:url(../img/h2personal.png) no-repeat;height:100px;}
#content #illustration-projects{
	position:absolute;
	top:5px;
	right:0;
	width:250px;
}
#content #illustration-projects span{
	position:absolute;
	text-indent:-9999px;
}
#content #illustration-projects a:link,#content #illustration-projects a:visited{
	background:url(../img/illustration-projects.png) no-repeat 110px -180px;
	color:#787878;
	display:block;
	font-size:12px;
	height:30px;
	outline:none;
	padding-top:90px;
	text-decoration:none;
	width:250px;
}
#content #illustration-projects a:hover{
	background:url(../img/illustration-projects.png) no-repeat 110px 0px;
	color:#000;
}
/* ---------------------------------------- identity --------------------------------------- */
#h2identity{background:url(../img/h2identity.png) no-repeat;height:100px;}
#content.identity div.images{
	float:right;
	width:470px;
}
/* ---------------------------------------- illustration --------------------------------------- */
#h2illustration{background:url(../img/h2illustration.png) no-repeat;height:130px;}
#content #personal-projects{
	position:absolute;
	top:50px;
	right:0;
	width:250px;
}
#content #personal-projects span{
	position:absolute;
	text-indent:-9999px;
}
#content #personal-projects a:link,#content #personal-projects a:visited{
	background:url(../img/personal-projects.png) no-repeat 128px -130px;
	color:#787878;
	display:block;
	font-size:12px;
	height:30px;
	outline:none;
	padding-top:72px;
	text-decoration:none;
	width:250px;
}
#content #personal-projects a:hover{
	background:url(../img/personal-projects.png) no-repeat 128px 0px;
	color:#000;
}

/* ---------------------------------------- illustration2 --------------------------------------- */
#h2illustration_more{background:url(../img/h2illustration_more.png) no-repeat;height:92px;}
#content #personal-projects{
	position:absolute;
	top:50px;
	right:0;
	width:250px;
}
#content #personal-projects span{
	position:absolute;
	text-indent:-9999px;
}
#content #personal-projects a:link,#content #personal-projects a:visited{
	background:url(../img/personal-projects.png) no-repeat 128px -130px;
	color:#787878;
	display:block;
	font-size:12px;
	height:30px;
	outline:none;
	padding-top:72px;
	text-decoration:none;
	width:250px;
}
#content #personal-projects a:hover{
	background:url(../img/personal-projects.png) no-repeat 128px 0px;
	color:#000;
}

/* ---------------------------------------- about --------------------------------------- */
#h2about{background:url(../img/h2about.png) no-repeat;height:10px;}
#content #personal-projects{
	position:absolute;
	top:50px;
	right:0;
	width:250px;
}
#content #personal-projects span{
	position:absolute;
	text-indent:-9999px;
}
#content #personal-projects a:link,#content #personal-projects a:visited{
	background:url(../img/personal-projects.png) no-repeat 128px -130px;
	color:#787878;
	display:block;
	font-size:12px;
	height:30px;
	outline:none;
	padding-top:72px;
	text-decoration:none;
	width:250px;
}
#content #personal-projects a:hover{
	background:url(../img/personal-projects.png) no-repeat 128px 0px;
	color:#000;
}

/* ---------------------------------------- latest --------------------------------------- */
#h2latest{background:url(../img/h2latest.png) no-repeat;height:92px;}
#content #personal-projects{
	position:absolute;
	top:0px;
	right:0;
	width:250px;
}
#content #personal-projects span{
	position:absolute;
	text-indent:-9999px;
}
#content #personal-projects a:link,#content #personal-projects a:visited{
	background:url(../img/personal-projects.png) no-repeat 128px -130px;
	color:#787878;
	display:block;
	font-size:12px;
	height:30px;
	outline:none;
	padding-top:72px;
	text-decoration:none;
	width:250px;
}
#content #personal-projects a:hover{
	background:url(../img/personal-projects.png) no-repeat 128px 0px;
	color:#000;
}


/* ---------------------------------------- clients --------------------------------------- */
#h2about{background:url(../img/h2clients.png) no-repeat;height:57px;}
#content #personal-projects{
	position:absolute;
	top:50px;
	right:0;
	width:250px;
}
#content #personal-projects span{
	position:absolute;
	text-indent:-9999px;
}
#content #personal-projects a:link,#content #personal-projects a:visited{
	background:url(../img/personal-projects.png) no-repeat 128px -130px;
	color:#787878;
	display:block;
	font-size:12px;
	height:30px;
	outline:none;
	padding-top:72px;
	text-decoration:none;
	width:250px;
}
#content #personal-projects a:hover{
	background:url(../img/personal-projects.png) no-repeat 128px 0px;
	color:#000;
}

/* ---------------------------------------- contacts --------------------------------------- */
#h2contact{background:url(../img/h2contact.png) no-repeat;height:100px;}
#content.contact{
	background:url(../img/contact-content.png) no-repeat 300px 180px;
}
#content.contact p{
	font-size:13px;
	font-weight:bold;
	list-style:none;
	padding-top:30px;
}
#content.contact address{
	clear:left;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	float:left;
	list-style:none;
	padding-top:30px;
}
#content.contact h3{
	background:url(../img/h3usefullinks.png) no-repeat;
	clear:left;
	float:left;
	height:60px;
	width:300px;
	margin-top:70px;
	text-indent:-9999px;
}
#content.contact ul{
	clear:left;
	font-size:13px;
	font-weight:bold;
	float:left;
	list-style:none;
	padding-bottom:60px;
}
#content.contact p.brown{
	color:#5d4d40;
	padding-top:60px;
}
#content.contact a:link,#content.contact a:visited{
	color:#5d4d40;
	text-decoration:none;
}
/* ------------------------------- footer ------------------------------------*/
#footer{
	background:url(../img/footer.png) no-repeat top right;
	height:165px;
	margin:0 auto;
	width:815px;
}
#footer ul{
	height:120px;
	width:715px;
	padding:0;
}
#footer ul li{
	display:block;
	float:left;
	height:120px;
	width:143px;
}
#footer ul li a:link, #footer ul li a:visited{
	color:#0099cc;
	display:block;
	font-size:13px;
	font-weight:bold;
	height:120px;
	text-decoration:none;
	width:130px;
}
#footer ul li a:hover{
	color:#000;
}
#footer p{
	color:#000;
	font-size:10px;
	padding:10px 0 0 0;