html, body{ margin:0px; padding:0px; height:100%; width:1200px; }
body{ font-family:'Lucida Sans Unicode', 'Geneva', 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif; ; font-size:10pt; background:url('images/bg.png') repeat-y; }

/* columns */
#one{ width:195px; border-right:1px dotted #ababab; min-height:100%; float:left; }
#two{ width:150px; border-right:1px dotted #ababab; min-height:100%; float:left; padding-left:16px; padding-top:75px; }
#three{ margin-left:58px; width:618px; float:left; padding-top:79px; }

/* html */
h1{ color:#000; margin:0px; padding:0px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;  font-size:18pt; }
h2{ color:#000; margin:0px; padding:0px; font-family:'Cooper Std', 'Cooper Black', Garamond, Hoefler Text, Times New Roman, Times, serif; font-size:28pt; line-height:55px; }
h3{ color:#606060; font-size:9pt; font-weight:normal; margin:0px; padding:0px; }
h4{ color:#000; margin:0px; padding:0px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;  font-size:16pt; }
hr{ border:none; border-bottom:1px solid #d1d1d1; margin:3px 0px 0px 0px; background:#fff;}
a { outline:none; }
a img{ border:none; }
input[type='text']:focus, input[type='password']:focus {  border:1px solid #666; }
input[type='submit']{ font-size:9pt; }
p a{ color:#000; text-decoration:none; border-bottom:1px dotted #000; } 
p a:hover{ background:#000; color:#fff; }

/* divs */
#logo{ width:164px; height:32px; margin-top:32px; background:url('images/logo.png'); margin-bottom:10px;}

/* common */
.hdivide-left{ width:46.5%; float:left; }
.hdivide-right{ width:30%; float:right; text-align:right; }
.section{ min-height:10px; margin-bottom:50px; }
.ta-right{ text-align:right; }
.quiet{ color:#666; }

/* navigation */
ul.navigation { list-style-type:none; margin:0px; padding:0px; font-size:9pt; }
ul.navigation li { height:21px; width:179px; margin-left:7px; padding-top:4px; cursor:pointer; }
ul.navigation li:hover { width:183px; background:#eee; }
ul.navigation li.active { width:202px; background:url('images/tip.png') right top no-repeat #000; }
ul.navigation li a { margin-left:14px; color:#000; text-decoration:none; white-space:nowrap; overflow:hidden; }
ul.navigation li:hover a { color:#000; }
ul.navigation li.active a { color:#fff; }
#two ul.navigation li{ margin-left:3px; }
#two ul.navigation li a{ height:21px; display:block; border-bottom:1px dotted #aaa; margin-left:3px; padding-left:3px; width:125px; }
#two ul.navigation :last-child a, #two ul.navigation li:hover a, #two ul.navigation li.active a { border-bottom:none; }
#two ul.navigation li:hover{ width:133px; }
#two ul.navigation li.active { width:161px; }

/* say hello */
textarea.hello { width:333px; height:70px; font-size:10.5pt; margin-top:15px; padding:8px; font-family:'Lucida Handwriting'; color:#616161; float:left; }
.hello-submit{ width:85px; float:left; margin-top:15px; }
.hello-btn{ width:47px; height:50px; background:url('images/hello-tickbtn.png'); }
.hello-submit a:hover .hello-btn{ background:url('images/hello-tickbtn-hover.png'); }
.hello-links{ width:200px; float:left; }
.hello-teaser{ position:absolute; overflow:hidden; top:0px; width:618px; }
.hello-teaser .inner{ width:200000px; }
.hello-teaser .inner div{ width:618px; float:left; cursor:pointer;  }

/* linkList */
a.linkList, a.linkListNoHover{ font-size:9pt; display:block; text-decoration:none; padding-top:4px; padding-bottom:4px; color:#000; padding-left:3px; padding-right:3px; border-bottom:1px dotted #999; }
a.linkList b, a.linkListNoHover b{ font-weight:normal; color:#444; }
a.linkList:hover{ background:#000; color:#fff; border-bottom:1px solid #000; }
a.linkList:hover b{ color:#fff; }
a.linkList:last-child{ border-bottom:none; }

/* bubble */
a.bubble{ display:block; width:116px; float:left; height:55px; font-size:8pt; padding-left:12px; padding-right:11px; padding-top:17px; color:#666; margin-right:20px; margin-top:5px; margin-bottom:15px; display:block; text-decoration:none; overflow:hidden; padding-bottom:55px; }
a.bubble span{ height:75px; overflow:hidden; display:block; }
a.bubble:hover { background:url('images/bubble.png'); }
a.bubble:last-child, a.last { margin-right:0px; }
a.bubble b{ font-weight:normal; color:#000; }

/* blog */
.blog-header{ width:618px; height:450px; margin-top:-97px; background:url('images/blog-header.png') no-repeat top left; }
.blogPost{ font-size:9pt; margin-bottom:70px; }
.blogPost h1{ margin:7px 0px 7px 0px; }
a.blogPostTitle{ text-decoration:none; }
.blogPostLinks{ padding-top:5px; text-align:right; }
.blogPostLinks a{ text-decoration:none; color:#888; font-size:8pt; margin-left:17px; }
.blogPostLinks a:hover{ color:#000; }
.blogPostContent{ margin-top:5px; margin-bottom:10px; font-size:10pt; text-align:justify; line-height:14pt; color:#111; }
.blogPostContent a{ border-bottom:1px dotted #000; text-decoration:none; color:#000; }
.comment{ padding:10px; padding-left:15px; background:#f7f7f7; margin-bottom:10px; font-size:9pt; }
.comment .avatar{ padding:5px; border:1px dotted #ccc; float:left; margin-right:10px; width:70px; min-height:70px; }
.comment .inner{ width:360px; float:left; }

/* pagination */
.pagination { font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; text-align:center; margin-bottom:50px; margin-top:15px; padding-top:3px; background:#000; height:19px; padding-left:5px; padding-right:5px; }
.pagination .current { font-size:10pt; }
.pagination .next_page { float:right; font-size:8pt; color:#fff; padding-top:1px;}
.pagination .prev_page { float:left; font-size:8pt; color:#fff;}
.pagination a, .disabled, .current { text-decoration:none; color:#fff; font-weight:700; font-size:8pt; }

/* portfolio */
.macwindow { margin-top:12px; margin-bottom:50px; width:617px; background:url('images/macwindow.png') no-repeat;  padding:17px 1px 0px 1px; -moz-box-shadow:1px 1px 5px #aaa; }
.macwindow .canvas { width:617px; background:#eee; overflow:hidden; border:1px solid #c0c0c0; margin-left:-1px; border-top:none; }
.macwindow .canvas img{ width:617px; }
hr.portfoliotop{ margin-bottom:10px;}
a.nextLink, a.prevLink{ color:#444; text-decoration:none; font-size:9pt; padding:5px; padding-top:3px; }
a.nextLink:hover, a.prevLink:hover{ color:#fff; background:#000;}
.portfolioDesc{ margin-top:15px; font-size:9pt; }
.portfolioDesc hr{ margin-bottom:5px; }
.portfolioDesc .left{ width:300px; float:left; }
.portfolioDesc .left p { margin-top:0px; padding:3px; font-size:9pt; color:#000; text-align:justify; line-height:14pt; font-family:Verdana, Geneva, Tahoma, sans-serif; }
.portfolioDesc .right { width:250px; margin-left:58px; float:left; }

/* footer */
.footer{ margin-top:150px; margin-bottom:30px; font-size:8pt; color:#666; vertical-align:bottom; }
.footer .right{ display:block; margin-top:1px; float:right; }
.footer hr{ margin-bottom:6px; }
.footer .left a{ color:#666; text-decoration:none; }
.footer .left a:hover{ color:#000; }
.addthis_button{ border-bottom:none; }

/* flash notice */
.flash{ position:absolute; top:0px; padding:5px; background:#000; width:608px; color:#fff; padding-top:4px; font-size:9pt; }
.flash img{ margin-bottom:-3px; margin-right:5px; }

/* file upload */
.file-upload{ padding:10px; background:#f8f8f8; margin-top:10px; border:1px solid #eee; }
.file-upload p { margin-top:1px; margin-bottom:3px; color:#333; font-size:9pt; }
.file-upload label { font-size:9pt; margin-bottom:3px; display:block; color:#333; }