*{margin:0;padding:0;text-decoration:none;font-size:1em;outline:none}code,pre,textarea,input,select{font:inherit;font-size:1em}th,h1,h2,h3,h4,h5,h6{font-weight:normal}a,img,a img,form,abbr,acronym,object{border:none}table{border-collapse:collapse;border-spacing:0}th,td{text-align:left;vertical-align:top}body{line-height:1;}a{color:inherit}hr{display:none}ul{list-style-type:none}

html {height:100%;background-color:#fff;}
body {color:#000;height:100%;text-align:center;font:96% luxi sans,trebuchet ms,sans-serif;width:960px;margin:0 auto;}

h2{font-weight:bold;font-size:x-large;margin:2em 0 .5em;line-height:1em;letter-spacing:-1px;}
h3{border-bottom:4px solid #e6e6e6;margin:1em 0 .5em;font-weight:bold;font-size:x-large;}
h4{font-weight:bold;font-size:1.2em;}
#container{text-align:left;overflow:hidden;}

#header{border-bottom:2px solid #e6e63d;height:102px;background-color:#ffff1a;position:relative;margin-bottom:43px;}
#header h1{border:none;}
#header h1 a{position:absolute;bottom:-63px;left:2em;background-image:url('/yjm-assets/logo.png');display:block;width:231px;height:148px;}
#header .intro{position:absolute;z-index:-1;left:308px;bottom:-65px;width:500px;font-size:medium;font-weight:bold;line-height:1em;}

.contact-tab{background:#ffffb8 url('/yjm-assets/contact-tab_left_corner.png') no-repeat bottom left;position:absolute;top:0px;right:20px;}
.contact-tab .col{padding:.5em 1em;}
.contact-tab .last{background:url('/yjm-assets/contact-tab_right_corner.png') no-repeat bottom right;}
.contact-tab h4{margin-bottom:-.2em;font-size:small;letter-spacing:-1px;}
.contact-tab p{font-size:small;font-weight:bold;margin-bottom:0;}

#nav{position:absolute;bottom:0;left:290px;}
#nav ul{margin:0;padding:0;}
#nav li{float:left;font-size:medium;letter-spacing:-1px;list-style-type:none;}
#nav li a{color:#949400;font-weight:bold;padding:.5em 1em;display:block;}
#nav li a:hover{color:#595900;text-decoration:none;}
#nav li.here a {border-right:2px solid #e6e63d;border-left:2px solid #e6e63d;border-top:2px solid #e6e63d;color:#000;background-color:#ffff9e;}
#nav li ul{position:absolute;left:-999em;margin:0 0 0 .5em;border:2px solid #e6e63d;background-color:#ffff1a;width:10em;overflow:hidden;}
#nav li ul li{font-size:small;width:100%;}
#nav li:hover ul,#nav li.hover ul{left:auto;}
#nav li.here ul li a{border:none;}
#nav li ul li a:hover{background-color:#ffffb5;}

#content{clear:both;margin:1em 2em;padding-bottom:2em;overflow:hidden;}

.balloon{position:relative;background:url('/yjm-assets/balloon-bottom.png') no-repeat bottom;padding:70px 50px 30px;}
.balloon h2{background:url('/yjm-assets/balloon-top.png') no-repeat top;margin-top:0px;padding:25px 50px 0;position:absolute;top:0px;left:0px;font-size:large;width:798px;}
.balloon li{line-height:1em;margin-bottom:.5em;}

/* front page */

#quote{background:url('/yjm-assets/quote.png') no-repeat;width:793px;height:65px;margin:2em auto 1em auto;padding:30px 30px;}
#quote .standout{width:85px;height:15px;background:url('/yjm-assets/standout.png') no-repeat;margin:0 0 .2em;}

.main{width:60%;margin-right:3em;}
.sidebar{width:30%;background:#f9f9f9 url('/yjm-assets/sidebar_top_left_corner.png') no-repeat top left;}
.sidebar .container{background:url('/yjm-assets/sidebar_top_right_corner.png') no-repeat top right;padding:.6em;}
.sidebar .heading{background:#e6e6e6 url('/yjm-assets/sidebar-heading_top_left_corner.png') no-repeat top left;}
.sidebar h2{font-size:medium;padding:.5em;margin:0;color:#666;font-weight:bold;padding-left:.8em;background:url('/yjm-assets/sidebar-heading_top_right_corner.png') no-repeat top right;}
.main-entry .date{font-size:small;}

.img{padding-right:20px;}
.drive,.convert,.measure{clear:both;}
.drive h2,.convert h2,.measure h2{font-size:1.2em;margin-top:1em;}
.drive .col,.convert .col,.measure .col{width:350px;}
.drive .img,.convert .img,.measure .img{width:120px;}
.drive-link,.convert-link,.measure-link{display:block;background-repeat:no-repeat;margin-top:2em;width:117px;height:149px;}
.drive-link{background-image:url('/yjm-assets/drive.png');}
.convert-link{background-image:url('/yjm-assets/convert.png');}
.measure-link{background-image:url('/yjm-assets/measure.png');}

/* blog */

.entry{background-color:#e6e6e6;padding:.8em;margin-top:.5em;}
.entry h3{font-size:large;font-weight:bold;letter-spacing:-1px;margin:0;}
.entry .date{font-size:small;color:#666;}
.entry p{font-size:small;}

/* portfolio view */

.piece{height:150px;float:left;margin:1em;}
.piece li{font-size:small;}
.piece .col{width:120px;}
.piece img{padding:5px;margin-top:.4em;border:2px solid #ccc;}
.piece .content{width:250px;margin:0 .5em;}
.piece h4{font-weight:bold;font-size:large;margin-bottom:0;}

.info{width:400px;margin-right:18px;}
.visit{border-top: 2px solid #e6e6e6;margin-top:1em;padding-top:.5em;}

#footer{background-color:#ececec;border-top:2px solid #9f9f9f;padding:1em 2em;color:#ccc;}
#footer .logo{float:left;margin:0 0 1em 0;}
#footer .logo a{background-image:url('/yjm-assets/logo-small.png');display:block;width:114px;height:73px;}
#footer .nav{overflow:hidden;float:right;font-size:small;}
#footer .nav li{float:left;margin-right:.5em;border-left:1px solid #ccc;padding-left:.5em;list-style-type:none;}
#footer .nav li.first{border:none;}
#footer p{clear:both;font-size:small;}

a{color:#00a2ff;}
a:hover{color:#75cdff;text-decoration:underline;}

p{margin-bottom:1em;}

ol,ul{margin:.5em 2em;}
ul li{list-style-type:disc;}
pre{font-family:courier,monospace;margin-bottom:1em;padding:.5em;}

.col{float:left;}
.replace{position:absolute;left:-999em;}