/* RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
a:active{ outline:none; }:focus{ outline:none; }

/* LAYOUT */
#page { margin:20px auto; overflow:hidden; width:310px; font-family:"trebuchet ms",tahoma,arial; font-size:11px; color:#333; }
#page .heading { font-size:20px; text-decoration:none; color:#ccc; }
#page #secondary { text-align:right; float:left; margin-right:10px; }
#page #secondary .heading { color:#ff6600; }
#page #secondary .head { float:left; width:130px; font-style:italic; color:#ff6600; }
#page #secondary .head .about { line-height:14px; margin-top:6px; }
#page #secondary .head .heading { margin-bottom:0px; }
#page #secondary #nav { float:left; margin-left:10px; margin-right:10px; }
#page #secondary #nav li { text-align:left; }
#page #secondary #nav li a { color:#666; zoom:1 }
#page #secondary #nav li.selected a { color:#ff6600; }

#page #primary .heading a { color:#ccc; text-decoration:none; }
#page #primary { float:left; width:0px; overflow:hidden; display:none; }
#page #primary a { color:#ccc; }
#page #primary .body { width:300px; color:#ccc; display:none; }
#page #primary .body p { margin-bottom:5px; }

#page #primary #contact { margin-top:53px; }
#page #primary #work { margin-top:26px; }

#page #primary form { margin-top:10px; }
#page #primary form label { float:left; width:100px; display:block; }
#page #primary form input.text { border:none; border-bottom:dotted 1px #ccc; color:#333; font-style:italic; width:200px; }
#page #primary form input.submit { margin-left:100px; border:none; background-color:rgb(240,240,240); color:#ccc; padding:6px; }
#page #primary form .error { margin-left:100px; color:red; }
#page #primary .hovered { cursor:default; color:#333; }
#page #primary .hovered .heading { color:#ff6600; }
#page #primary .hovered .heading a { color:#ff6600; zoom:1 }
#page #primary .hovered input.submit { color:#333; }
#page #primary .hovered a { color:#333; }

body.open #page { width:710px; }
body.open #page #primary { display:block !important; width:300px; }
body.open #page #primary #contact { display:block !important; }