@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:  Arial, Verdana,Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #fff;
	}
	
#container {
width:100%;
/*border:1px solid red;*/
}

#page {
margin-top:36px;
margin-left: 72px;
/*border:1px solid orange;*/
width:800px;
height: 300px;
}
#nav{
width:300px;
/*border:1px solid green;*/
float:left;
clear:right;
}

#nav ul{
margin:0;
padding: 0;
margin-left:2px;
margin-top:1px;
/*border:1px solid blue;*/
}

#nav li{
margin:0;
padding:0;
list-style:none;
/*border:1px solid black;*/

}
#nav img{
margin:0;
padding:0;
/*border:1px solid coral;*/

}

#nav a{
margin:0;
padding:0;
/*border:1px solid cyan;*/
}

#nav ul li ul{
margin:0;
padding: 0;
margin-left:2px;
margin-top:1px;
/*border:1px solid deeppink;*/

}


#nav ul li ul li{
margin:0;
padding:0;
list-style:none;
float:left;
/*border:1px solid lawngreen;*/
}

#subnav{
float:right;
position:relative;
top:-23px;
left: -60px;
/*border:1px solid lightseagreen;*/
}

#content{
width: 800px;
/*border: 1px solid midnightblue;*/
float:left;
}

/*#content img{
border: 1px solid white;
float:right;
}

#image{
position:relative;
left: -55px;
top: -12px;
z-index: -1;
}*/

#logo{
width: 119px;
height:21px;
background:url(../images/logo_hm.gif);
position:relative;
margin-bottom:16px;
}

.workname{
font-weight:bold;

}
.workdesc{
width:250px;
height:40px;
margin-bottom: 8px;
}

#work{
/*border: 1px solid orangered;*/
width= 800px;
margin-left: 141px;
margin-top: 98px;
}

.workpic{
margin-bottom:12px;
}