body{background:#141414 url(/images/generalBodyBg.png) repeat-x;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#999;font-size:11px;line-height:16px;}
header,footer,nav,section,article,aside,details{display:block;}
a{color:#ffcc00;text-decoration:none;}
a:hover{color:#fff;}
h2,h3{color:#fff;font-size:30px;}
input,select,textarea{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:14px;color:#666;background:#000;border:0;padding:10px;margin:0;}
.hiddenSubmit{position:absolute !important;left:-99999px !important;width:0 !important;}
.lubalXLT{font-family:"LubalGraph XLt BT","Lucida Sans Unicode", "Lucida Grande", sans-serif;letter-spacing:-2px;}
.lubalMd{font-family:"LubalGraph Md BT","Lucida Sans Unicode", "Lucida Grande", sans-serif;letter-spacing:-2px;}
.lucida{font-family:"Lucida Grande","Lucida Sans Unicode", sans-serif;letter-spacing:-2px;}
.oyh{overflow-y:hidden;}

.rotating{text-indent:-99999px;*text-indent:0px;background-position:bottom left!important;background-repeat:no-repeat;cursor:pointer;display:block;}
	.rotating span{position:absolute;display:block;background-position:top left!important;background-repeat:no-repeat;}


#ribbon{display:block;width:69px;height:115px;position:absolute;left:100%;top:0;margin:0 0 0 -69px;background:url(/images/sotd.png) no-repeat;z-index:2;text-indent:-999999px;display:none;}

#getSite{position:fixed;width:100%;height:100%;top:45px;left:0;overflow:auto;z-index:998;background:#000 url(/images/ajax-loader.gif) no-repeat center;display:none;}
#back{position:fixed;width:100%;top:0;left:0;z-index:999;display:none;background:#000;-moz-box-shadow:0 2px 2px #000;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;}
#back a{display:block;float:left;margin:10px;padding:5px 20px;background:#ffcc00;color:#000;font-size:13px;}
#back a:hover{color:#fff;}

#content{background:url(/images/generalHtmlBg.png);margin-top:5px;}

	#light{background:url(/images/generalLight.png) no-repeat center top;}
		#contentWrapper{overflow:hidden;}
		#contentWrapper h1{}
		#contentWrapper h1 span{display:block;height:130px;text-indent:-99999px;background:url(../images/titleBg.png) no-repeat;}
		#contentHeader{height:154px;}
			#logo{margin-top:65px;height:22px;background-image:url(/images/generalLogo.png);}
			#menu{margin-top:70px;}
				#menu ul{}
					#menu ul li{float:left;padding:0 15px;}
						#menu ul li p{float:left;width:16px;height:11px;overflow:hidden;cursor:default;}
						#menu ul li p.p1{background:url(/images/menuArr1.png) no-repeat;background-position:16px 0px;}
						#menu ul li p.p2{background:url(/images/menuArr2.png) no-repeat;background-position:-16px 0px;}
						#menu ul li a{float:left;height:11px;padding-top:2px;}
						#menu ul li a#menuWorks{width:42px;background:url(/images/menuWorks.png);}
						#menu ul li a#menuInfo{width:28px;background:url(/images/menuInfo.png);}
						#menu ul li a#menuBlog{width:31px;background:url(/images/menuBlog.png);}
						#menu ul li a#menuContact{width:56px;background:url(/images/menuContact.png);}
						#menu ul li.current{margin:0 7px;}
						#menu ul li.current .p1{background-position:4px 0px!important;}
						#menu ul li.current .p2{background-position:0px 0px!important;}
						#menu ul li.current a span{display:none;}
			#networks{margin-top:70px;}
				#networks a{float:right;display:block;width:14px;height:11px;margin-left:7px;}
				#networks a#n1{background:url(/images/networksLinkedin.png);}
				#networks a#n2{background:url(/images/networksFacebook.png);}
				#networks a#n3{background:url(/images/networksTwitter.png);margin-left:0;}
		
		
		/*FRONT PAGE*/
		#home h1{background:url(/images/pageTitleHello.png) no-repeat;}
		#home #shortInfo{margin-top:35px;line-height:30px;line-height:38px;}
			#home #shortInfo .title{color:#fff;}
			#home #shortInfo .title .here{display:block;color:#999;}
			#home #shortInfo .title .ican{display:block;margin-top:10px;color:#999;}
			#home #shortInfo .text{font-size:30px;color:#ccc;font-weight:bold;margin-top:30px;text-indent:80px;line-height:40px;}
				#home #shortInfo .text #q1{width:62px;height:55px;background:url(/images/quotes1.png) no-repeat;position:absolute;margin:-20px 0 0 -80px;}
				#home #shortInfo .text #q2{width:45px;height:40px;background:url(/images/quotes2.png) no-repeat;position:absolute;margin:17px 0 0 12px;}
			#home #shortInfo .thanks{margin-top:20px;}
		
		#home #twitterAndBlog{margin:35px 0;overflow:hidden;}
			#home #twitterAndBlog #twitterPost{height:60px;background:url(/images/iconTwitter.png) no-repeat 5px 0px;font-style:italic;line-height:18px;}
			#home #twitterAndBlog #twitterPost p{width:100%;float:left;clear:both;}
				#home #twitterAndBlog #twitterPost h3{font-size:14px;color:#fff;margin-bottom:5px;}
					#home #twitterAndBlog #twitterPost h3 span{color:#6eb0cb;}
				#home #twitterAndBlog #twitterPost a{color:#6eb0cb;}
				#home #twitterAndBlog #twitterPost a:hover{color:#fff;}
			#home #twitterAndBlog #blogPosts{background:url(/images/iconBalloon.png) no-repeat 30px 0px;font-size:11px;color:#666;line-height:18px;}
			#home #twitterAndBlog #blogPosts a{color:#999;}
			#home #twitterAndBlog #blogPosts a:hover{color:#fff;}
			#home #twitterAndBlog #blogPosts h3{font-size:14px;color:#fff;}
			#home #twitterAndBlog #blogPosts h3 span{color:#229dc5;}
			#home #twitterAndBlog #blogPosts dl{margin-top:5px;}
		
		/*WORKS*/
		#works h1{background:url(/images/pageTitleWorks.png) no-repeat;}
		#works #workList{padding:20px 0 60px 0;overflow:hidden;}
			#works #workList>article{margin-top:20px;}
			#works #workList>:nth-child(4n+1){margin-left:0;}
			#works #workList>:nth-child(4n){margin-right:0;}
				#works #workList>article .mask{position:relative;height:282px;background:url(/images/workBg.png);border:1px solid #000000;overflow:hidden;}
					#works #workList>article .mask .year{position:absolute;width:105px;margin:253px 0 0 158px;font-size:50px;color:#0d0d0d;font-family:Arial, Helvetica, sans-serif;letter-spacing:-3px;}
					#works #workList>article .mask .ss{float:left;width:218px;height:135px;background-repeat:no-repeat!important;text-indent:-99999px;}
					#works #workList>article .mask .innerMask{position:relative;float:left;width:188px;height:16px;margin:10px 0 0 15px;overflow:hidden;font-size:12px;color:#999;z-index:1;}
						#works #workList>article .mask .innerMask h2{font-size:18px;color:#ffcc00;margin-bottom:2px;text-transform:uppercase;}
						#works #workList>article .mask .innerMask p{line-height:12px;font-size:9px;}
						#works #workList>article .mask .innerMask p b{font-size:10px;}
						#works #workList>article .mask .innerMask p.short{font-style:italic;font-size:10px;padding-bottom:5px;}
						#works #workList>article .mask .innerMask p.long{color:#fff;}
						#works #workList>article .mask .innerMask .launch{position:absolute;margin-top:240px;font-size:14px;text-decoration:none;background:url(/images/workArrow.png) no-repeat 60px 4px;width:100px;color:#ffcc00;}
					#works #workList>article .mask .tags{position:relative;float:left;width:188px;margin:0px 0 0 15px;z-index:1;}
						#works #workList>article .mask .tags h4{font-size:9px;color:#666;font-weight:normal;}
						#works #workList>article .mask .tags ul{}
							#works #workList>article .mask .tags ul li{float:left;}
								#works #workList>article .mask .tags ul li a{display:block;padding:0px 5px;background:#252525;-moz-border-radius:2px;-webkit-border-radius:2px;margin:2px 2px 0 0;font-size:9px;color:#999;text-transform:uppercase;white-space:nowrap;}
								#works #workList>article .mask .tags ul li a:hover{background:#000;color:#fecb00;}
					#works #workList>article .mask .innerMask .tags{margin:15px 0 0 0;}
		
		
		/*INFO*/
		#info h1{background:url(/images/pageTitleInfo.png) no-repeat;}
		#info .hi{margin-top:40px;}
		#info .im{margin-top:10px;line-height:38px;}
		#info .long{color:#fff;font-size:14px;}
		#info .long p{padding-top:10px;line-height:25px;}
		#info .also{margin-top:10px;line-height:38px;}
			#info .also a{position:relative;z-index:1;}
			#info .also .lin{color:#0099cc;}
			#info .also .fac{color:#3366cc;}
			#info .also .twi{color:#33cccc;}
			#info .also .beh{color:#0066ff;}
			#info .also .last{color:#d61102;}
			#info .also .rss{color:#ffcc00;}
			#info .also .arr{position:absolute;display:inline!important;width:483px;height:0px;margin:-20px 0 0 -60px;background:url(/images/infoArr.png) no-repeat;text-indent:-99999px;z-index:0;}
		#info .cv{width:113px;height:60px;margin:40px 0;background:url(/images/infoCv.png);}

		
		
		/*BLOG*/
		#blog h1{height:130px;background:url(/images/pageTitleBlog.png) no-repeat;text-indent:-99999px;}
		
		
		/*CONTACT*/
		#contact h1{background:url(/images/pageTitleContact.png) no-repeat;}
		#contact input,textarea{width:600px;height:20px;}
		#contact .want{margin-top:40px;}
		#contact .ways{margin-top:30px;font-size:14px;color:#fff;}
			#contact .ways span{color:#999;}
			#contact .ways #chat{width:98px;height:27px;position:absolute;margin:-2px 0 0 5px;background:url(/images/contactSkypeChat.png) no-repeat;text-indent:-99999px;display:inline;}
		#contact .more{margin:30px 0 60px 0;float:left;}
			#contact .more .form{z-index:1;}
				#contact .more .form form{margin-top:20px;float:left;*min-height:100px;}
				#contact .more .form form textarea{height:110px;overflow:auto;}
				#contact .more .form form p{margin-bottom:10px;overflow:hidden;}
				#contact .more .form form p#sent{background:#000;width:620px;height:60px;line-height:60px;text-indent:20px;font-size:24px;color:#fff;float:left;}
					#contact .more .form form p sub{display:block;position:absolute;width:185px;height:42px;background:url(/images/contactBalloon.png) no-repeat;color:#fff;text-indent:10px;line-height:30px;z-index:2;margin:-20px 0 0 590px;display:none;}
				#contact .more .form form .msgRow{margin-bottom:0;}
				#contact .more .form form .sendRow{background:#000;padding:10px 0;margin-top:-4px;*margin-bottom:60px;}
					#contact .more .form form .sendRow #loader{width:16px;height:16px;background:url(/images/contactLoader.gif) no-repeat;text-indent:-99999px;float:right;margin:3px 5px 0 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0;}
				#contact .more .form form .submit{width:59px;height:19px;background:url(/images/contactSubmit.png);display:block;float:right;margin:0px 10px 0 0;}
			#contact .more .vcard{overflow:hidden;}
				#contact .more .vcard .add{margin-left:20px;}
				#contact .more .vcard a{width:131px;height:48px;margin-left:20px;background:url(/images/contactVcard.png) no-repeat;margin-top:20px;}


#footer{height:100px;border-top:1px solid #000;}
	#footer #footerWrapper{padding-top:10px;}
		#footer #footerWrapper section{font-size:9px;color:#666;}
			#footer #footerWrapper section p{color:#333;margin-top:5px;}
		#footer #footerWrapper aside a{display:block;width:94px;height:12px;background:url(/images/iconRss.png) no-repeat right;float:right;font-size:9px;color:#666;}
		#footer #footerWrapper aside a:hover{color:#fecb00;}