html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
html{overflow-x:hidden}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
table,td,th{vertical-align:middle}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
a img{border:none}
img{vertical-align:top}
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#jquery-lightbox img{border:0;padding:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative;background-color:#000;width:250px;height:250px;margin:0 auto;border:1px solid #333}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box>#lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:29%;height:100%;display:block}
#lightbox-nav-btnPrev{left:0;float:left;margin-left:10px;display:inline}
#lightbox-nav-btnNext{right:0;float:right;display:inline;margin-right:10px}
#lightbox-container-image-data-box{font:12px Tahoma,Helvetica,sans-serif;color:#fff;background-color:#000;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:10px 10px 5px 10px;border:1px solid #333;border-top:0}
#lightbox-container-image-data{padding:0 10px;color:#fff}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:bold}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:.7em}
body{line-height:16px;width:100%;font-family:"Trebuchet MS",Arial,Verdana;font-size:62.5%;cursor:default;color:#484848;background:#f5f5f5 url('images/top-bkg0.jpg') repeat-x left top}
h1,h2,h3,h4,h5,h6{font-weight:normal!important;font-family:"Trebuchet MS";color:#0091dc;margin-bottom:20px}
h1,h1 a{font-size:30px;line-height:30px}
h2,h2 a{font-size:26px;line-height:26px}
h3,h3 a{font-size:22px;line-height:22px}
h4,h4 a{font-size:18px;font-weight:bold!important;line-height:18px}
h5,h5 a{font-size:16px;line-height:16px}
h6,h6 a{font-size:14px;line-height:14px}
a{font-family:"Trebuchet MS";text-decoration:none}
a:hover{text-decoration:underline}
.clearer{clear:both}
.aligncenter{display:block;margin:0 auto}
.alignleft{display:block;float:left!important}
.alignright{display:block;float:right!important}
img.alignleft{margin:0 20px 20px 0}
img.alignright{margin:0 0 20px 20px}
img{border:1px dotted #e0e0e0;padding:4px}
p{font-size:11px;color:#aaa;line-height:20px;padding-bottom:20px}
ul.style-a{list-style-type:square;list-style-position:inside}
ul.style-a li{font-size:11px;color:#999;margin-bottom:4px}
ul.social-links{list-style-type:none}
ul.social-links li{clear:both;overflow:hidden}
ul.social-links li img{border:0}
ul.social-links li a{display:block;color:#99cdf1}
#root{position:relative;overflow:hidden;width:760px;margin:0 auto;padding-top:60px}
#website-controller{height:604px;width:604px;background:transparent url('images/controll.png') top center;margin:0 auto;position:relative;z-index:10}
.shadow{position:relative;margin:0 auto;background:transparent url('images/shadow00.png') no-repeat center;width:312px;height:24px;z-index:0;top:-18px}
.copyright{padding:0 10px;font-size:12px;color:#ccc;text-align:center}
.copyright a{color:#ccc;text-decoration:none}
.copyright a:hover{color:#ccc;text-decoration:underline}
.logo-space{position:absolute;width:230px;height:60px;left:190px;top:270px}
.logo-space img{float:left;border:0}
.logo-space .meta-data{float:right;text-align:left;width:106px}
.logo-space .meta-data h4{font-family:Arial;font-weight:bold;color:#5e5e5e;margin-bottom:0;text-transform:capitalize}
.logo-space .occupation{font-size:12px;color:#98cfd5;font-family:Arial;font-weight:bold}
ul.controller-links{position:absolute;list-style-type:none}
ul.controller-links li{position:absolute}
ul.controller-links li a{cursor:pointer;text-align:center;width:134px;height:75px;display:block;color:#a3a3a3;font-size:14px;font-weight:bold;text-decoration:none;background:transparent url('images/controlm.png') no-repeat top center}
ul.controller-links li a span.image{display:block;position:relative;padding:0;top:14px;height:60px}
ul.controller-links li a span.image img{display:block;padding:0;margin:0 auto;position:relative;bottom:0;top:0;margin-bottom:4px}
ul.controller-links li a span.image{display:block;position:relative;padding:0;top:14px;height:40px}
ul.controller-links li a span.title{clear:both;cursor:pointer;display:block;padding:0;position:relative;font-family:"Trebuchet MS";text-transform:uppercase;font-weight:bold;bottom:16px;color:#555}
ul.controller-links li a span.image.correction{top:20px}
ul.controller-links li a span.image.bottom-correction{margin-bottom:3px}
ul.controller-links li a:hover{color:#888;background:transparent url('images/controln.png') no-repeat top center}
ul.controller-links li a:hover span{color:#888!important}
ul.controller-links li.about-me{left:236px;top:70px}
ul.controller-links li.my-works{left:444px;top:270px}
ul.controller-links li.social-links{left:26px;top:270px}
ul.controller-links li.contact-me{left:236px;top:460px}
#big-screen{background:transparent url('images/big-scre.png') no-repeat top center;width:752px;height:553px;position:absolute;z-index:20;top:-640px;left:4px}
#big-screen .page{width:598px;height:404px;border:1px solid #b0b0b0;background:#fff;position:absolute;left:36px;top:36px;padding:14px 40px 40px 40px;display:none;overflow:hidden;z-index:30}
#big-screen.down-state{top:86px}
#big-screen .page.down-state{display:block}
#big-screen .page h1,h2,h3,h4,h5,h6{border-bottom:1px dotted #eee;text-transform:uppercase;padding:4px 0}
#big-screen .page .color{color:#70afd7}
#big-screen .page .simple{color:#808080;border-bottom:0;padding:0;margin-bottom:10px;font-weight:normal!important;text-transform:capitalize}
a.back-to-menu{text-transform:uppercase;color:#828282;font-size:11px;display:block;width:114px;height:24px;background:transparent url('images/back-to-.png') no-repeat left center;text-align:center;line-height:24px;position:absolute;top:510px;left:319px}
a.back-to-menu:hover{text-decoration:none;background:transparent url('images/back-to0.png') no-repeat left center}
a.button{cursor:pointer;text-align:center;text-decoration:none;display:block;width:150px;position:relative;display:block;background:transparent url('images/button-l.png') no-repeat left center;height:28px;color:#aaa}
a.button span{font-size:11px;display:block;background:transparent url('images/button-r.png') no-repeat right center;height:28px;line-height:28px;margin-left:10px;padding-right:10px}
a.button:hover{display:block;background:transparent url('images/button-l.png') no-repeat left center;height:28px;color:#7b7b7b}
a.button:hover span{display:block;background:transparent url('images/button-r.png') no-repeat right center;height:28px}
#slider{clear:both;position:relative}
.scroller{overflow:scroll!important}
#slider-content{width:600px;height:340px;margin:0 auto;position:relative}
#slider-wrapper{position:relative;width:600px;height:340px}
#slider-content .slide{float:left;margin:0 auto;width:600px}
#slider-nav{position:relative;z-index:1;bottom:-30px;right:-26px;list-style-type:circle}
#slider-nav li{display:inline;float:left}
#slider-nav li a{display:block;padding:0 4px;text-decoration:none;color:#999;border:1px solid #ccc;margin-right:2px}
#slider-nav li a.on{color:#fff;background:#ccc}
ul.portfolio{list-style-type:none}
ul.portfolio li{background:transparent url('images/portfoli.png') no-repeat top center;width:172px;height:160px;float:left;margin-right:40px;padding-bottom:20px;position:relative}
ul.portfolio li img{position:absolute;border:0;top:3px;left:26px}
ul.portfolio li a.button{top:130px;margin:0 auto}
.columns{margin-bottom:20px;clear:both}
.col300{width:280px;float:left;margin-right:20px}
.col300.border-right{border-right:1px dotted #ccc;width:279px}
.col-third{width:180px;float:left;margin-right:20px}
.col-two-thirds{width:380px;float:left;margin-right:20px}
.last{margin-right:0!important}
form div{position:relative}
input,textarea{font-family:"Trebuchet MS";font-style:italic;font-size:11px;color:#cbcbcb;padding:4px;border:1px solid #e2e2e2;margin-bottom:10px;width:200px}
textarea{width:350px}
input.submit-button{display:block;background:transparent url('images/contact-.png') no-repeat left center;border:0;width:129px;height:28px;z-index:20;top:0;position:absolute;cursor:pointer;font-style:normal;color:#999}
form a.button{position:absolute;z-index:10}
.output-messages{border:1px solid #e6d7a9;background:#ffffe0 url('images/warning0.png') no-repeat left center;background-position:10px;padding:10px 10px 10px 60px;margin-bottom:20px;font-size:12px;color:#4f5256}