* { margin: 0px; padding: 0px; }
html { }
body { background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }

.container { margin: 80px auto; padding: 0px; width: 740px; }
.top { width: 740px; }
.left { width: 189px; float: left; }
.right { width: 551px; float: left; }

.logo { margin: 0px 30px 0px 0px; padding: 0px 0px 20px; width: 159px; }
.logo .item { }
.logo .item .content { text-align: right; }

.info { margin: 0px 30px 0px 0px; padding: 20px 0px; width: 159px; border-top: 1px solid #dddddd; }
.info .item { }
.info .item .content { text-align: right; }

.contact { margin: 0px 30px 0px 0px; padding: 20px 0px; width: 159px; border-top: 1px solid #dddddd; }
.contact .item { }
.contact .item .content { text-align: right; }
.contact .item .content a:link, .contact .item .content a:visited, .contact .item .content a:active { color: #000000; text-decoration: none; }
.contact .item .content a:hover { color: #dddddd; text-decoration: none; }

.links { margin: 0px 30px 0px 0px; padding: 20px 0px; width: 159px; border-top: 1px solid #dddddd; }
.links .item { }
.links .item .content { text-align: right; }
.links .item .content a:link, .links .item .content a:visited, .links .item .content a:active { color: #000000; text-decoration: none; }
.links .item .content a:hover { color: #dddddd; text-decoration: none; }

.works { margin: 0px 0px 80px 0px; padding: 0px 0px 0px 30px; width: 520px; border-left: 1px solid #dddddd; }
.works .item { margin: 0px 0px 10px; padding: 10px; background-color: #dddddd; }
.works .item .content { position: relative; }
.works .item .content .more { position: absolute; top: 0px; right: 0px; height: 15px; width: 15px; }
.works .item .content ul { margin: 10px 0px 0px; padding: 0px; list-style-position: inside; }
.works .item .content ul a:link, .works .item .content ul a:visited, .works .item .content ul a:active { color: #666666; text-decoration: none; }
.works .item .content ul a:hover { color: #000000; text-decoration: none; }