* {	margin: 0; padding: 0; border: 0; outline: none }

html, body { min-height: 100%; height: auto !important; height: 100% }
body { font: 11px/16px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif !important; background: #fff; color: #333; letter-spacing: 0.01em }
p, #content ul { margin-bottom: 1em }
a { text-decoration: none; color: #416276 }
a:hover, a:active { color: #c33 }
ul { list-style: none }
h1 { font: 20px/24px "Fontin-Sans-Regular", Calibri, "Lucida Grande", sans-serif !important }
h2 { font: 14px/18px "Fontin-Sans-Regular", Calibri, "Lucida Grande", sans-serif !important }
table { border-collapse: collapse; margin-bottom: 2em }
td { vertical-align: top }
img { margin-bottom: 3px }

@font-face{
font-family: 'Fontin-Sans-Regular'; 
src: url('Fontin-Sans-Regular.otf') format('opentype');
}

#menu { width: 180px; overflow: auto; position: fixed; left: 0; height: 100%; z-index: 99; background: #fff }
#menu .container { background: transparent !important; padding: 20px }
#title { margin-bottom: 20px }
#nav ul li.active a, body.section3 #nav ul li.section-title { color: #416276; font-weight: bold; cursor: default }
#nav ul li.section-title { color: #416276; cursor: pointer }
#nav ul li.section-title:hover { color: #c33 }
ul#list li { padding-left: 5px }
ul#list li.section-title { padding-left: 0 !important }
ul#list1, ul#list4, ul#list6 { display: none } /* hides Press, Shows and Projects navs if Hide isn't set */

body.section6 #nav li.sec9 a { font-weight: bold } /*projects pages bold menu link */
body.section4 #nav li.sec12 a { font-weight: bold } /*press pages bold menu link */

#content { height: 100%; margin-left: 180px }
#content .container { width: 760px; padding: 64px 20px 20px }
#content img {  }
body.Welcome #content img { max-height: 540px }
body.CV #content .container, body.section4 #content .container, body.section5 #content .container, body.section6 #content .container { width: 600px; text-align: justify }
body.section4 #content img, body.section5 #content img, body.section6 #s1 img { max-width: 600px }
body.section4 #content img + img { margin-top: 20px }
body.CV p, body.Projects p { margin-bottom: 2em }
body.Projects img { height: 100px; margin: 0 5px 3px 0 }
body.News #content .container { width: 360px; float: left }
body.News p + h2 { border-top: 1px solid #ccc; padding-top: 5px }
#news-imgs { position: absolute; left: 580px; top: 85px; width: 200px }
#news-imgs img { max-width: 200px; margin-bottom: 20px }

* html #page, * html #menu { position: absolute }

p.nav { margin-bottom: 20px }

#num { color: #666; margin-left: 20px }
#iwanum { float: right; color: #666 }
#img-container { display: block; color: #666 }
#img-container img { max-width: 760px; max-height: 540px }
#once { clear: left }

#print { position: absolute; top: 26px; left: 200px; font: 14px/14px "Fontin-Sans-Regular", Calibri, "Lucida Grande", sans-serif !important }
#print:before { content: "\00BB  " }

.title { font-style: italic }
.hidden { display: none }
.right { float: right; margin: 2px 0 5px 15px }
.left { float: left; margin: 2px 15px 5px 0 }
.border { border: 1px solid #333 }
.indent, .tab { margin-left: 15px }
.year { width: 80px }
.shaun { margin-top: 2em }
.copy { font: 9px/10px sans-serif; color: #999; margin-top: 40px }
.more:before { content: "\00BB  " }


@media print
{

body { width: 100%; color: #000; font: 10pt/15pt "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif !important } 
a { color: #000 !important }

#menu { position: relative; height: auto; width: 100% !important }

#title { font-size: 18pt }
#title:after { content: "www.vichaven.com"; font-size: 10pt; margin-left: 1em }

#content { width: 100% !important; margin: 0 !important }
.container { padding: 0 !important }

#nav, #print { display: none !important }

}