html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0 none;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;vertical-align:baseline;margin:0;padding:0;}
body{line-height:14px;font-size:12px;cursor:default;background:#fff;font-family:Georgia, Helvetica, Arial, sans-serif;margin:0;}
html,body{height:100%;text-align:left;}
.clear{clear:both;height:0;visibility:hidden;display:block;}
a{text-decoration:none;}
strong{color:#586c8f;font-weight:400;font-style:italic;}
b{color:#586c8f;font-weight:400;font-style:italic;}
#container{width:999px;min-height:100%;position:relative;margin:0 auto;padding:0;}
#ctrl {padding: 7px;}
#ctrl a{color:#586c8f;}
#ctrl a:hover{border-bottom:1px dotted #000;color:#000;}
#ctrl span a{color: red;font-weight: bold;}
#ctrl span a b{color: red;font-weight: bold;}
#ctrl cite{float: right;color:#586c8f;font-style:italic;}
#top{color:#b3b3b3;padding:24px 0;}
#top p.first{font-size:40px;line-height:1.5em;}
#top p.second{font-size:24px;line-height:1.3em;}
#top div.left{float:left;}
#top div.left img {width: 164px;max-height: 200px;}
#top div.right{float:left;width:740px;padding:24px;}
#menu{float:left;padding-left:24px;border-left:1px solid #cecece; width: 100px}
#menu ul{font-size:22px;list-style:none;list-style-position:outside;}
#menu ul li{list-style:none;list-style-position:outside;line-height:1.3em;color:#b3b3b3;cursor:pointer;}
#menu ul li:hover{color:#586c8f;cursor:pointer;}
#menu ul li.active{color:#586c8f;}
#content{float:left;width:700px;border:1px solid #cecece;line-height:1.5;margin-bottom:12px;border-width:0;padding:0 24px 24px 64px;}
#content h1{font-size:20px;color:#586c8f;}
#content h2{font-size:20px;color:#b3b3b3;line-height:1em;border-bottom:1px solid #b3b3b3;padding-top: 7px}
#content h3{font-size: 30px; line-height: 36px;color:#586c8f;padding-top: 15px}
#content h4{font-size:30px;color:#586c8f;line-height:1em;border-bottom:2px solid #586c8f;background:#fff;}
#content h4 a{color:#586c8f;}
#content div.section{padding:12px;}
#content div.section p {font-size: 20px; line-height: 26px; padding-top: 10px;}
#content div.section p#cp {font-size: 12px; line-height: 18px; padding-top: 10px;}
#content div.section p span {font-size: 12px; line-height: 14px;color:#b3b3b3}
#content div.section a{color:#000;border-bottom:1px dotted #b3b3b3;font-weight:lighter;}
#content div.section a:hover{color:#586c8f;border-bottom:1px dotted #000;font-weight:lighter;}
#content div.section ul li {padding-top: 7px;}
#content div.section ul li a {color:#000;border-bottom:1px dotted #b3b3b3;font-weight: normal}
#content div.section ul li a:hover {color:#586c8f;border-bottom:1px dotted #000;font-weight: normal}
#content ul{list-style:none;margin:12px;}
#areaAbout,#areaProjects,#areaBlog,#areaContact{display:none;}
#footer{width:999px;border-top:1px solid #cecece;color:#b3b3b3;font-size:11px;position:relative;margin:-42px auto 0;padding:12px 0;}
#footer a {color: #586c8f; float:  right}
#content div.section div.gallery a,#content div.section div.gallery a:hover{border:0;}
.arr {text-align: center; padding: 25px; color:#b3b3b3;}
#rarr {float: right; width: 100px}
#larr {float: left;width: 100px}


*{margin:0;padding:0;}
#TB_window{font:12px Arial, Helvetica, sans-serif;font-size:10px;position:fixed;background:#eee;z-index:102;color:#000;display:none;border:2px solid #525252;text-align:left;top:50%;left:50%;}
#TB_secondLine{font:10px Arial, Helvetica, sans-serif;color:#666;}
#TB_overlay{position:fixed;z-index:100;top:0;left:0;height:100%;width:100%;}
.TB_overlayMacFFBGHack{background:url(macFFBgHack.png) repeat;}
.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
#TB_window img#TB_Image{display:block;margin:15px 0 0 15px;}
#TB_caption{height:25px;float:left;padding:7px 30px 10px 25px;}
#TB_closeWindow{height:25px;float:right;padding:11px 25px 10px 0;}
#TB_closeAjaxWindow{margin-bottom:1px;text-align:right;float:right;padding:7px 10px 5px 0;}
#TB_ajaxWindowTitle{float:left;margin-bottom:1px;padding:7px 0 5px 10px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;overflow:auto;text-align:left;line-height:1.4em;padding:2px 15px 15px;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0;}
#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;}
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}
#TB_window a:link,#TB_window a:visited,#TB_window a:focus{color:#586c8f;}
#TB_window a:hover,#TB_window a:active{color:#5a80c1;}
* html #TB_overlay,* html #TB_HideSelect{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight:document.body.offsetHeight+'px');}
* html #TB_window,* html #TB_load{position:absolute;margin-top:expression(0-parseInt(this.offsetHeight/2) 0 (TBWindowMargin=document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop) 0 px);}