@charset "utf-8";

body { background:#0c0c0c; margin:0px 0px 15px 0px; font-family:Arial, Helvetica, sans-serif; }
a { outline:none; }
#top { background:#161616 url(../img/bk_top.jpg) center bottom no-repeat; width:100%; overflow:hidden; }
#top2 { background:#161616 url(../img/bk_top2.jpg) center bottom no-repeat; width:100%; overflow:hidden; }
.content { clear:both; }
.spacer { clear:both; height:30px; }

/*HEADER*/

#header { width:980px; margin:0 auto; overflow: hidden; }
.logo { background:url(../img/logo.png); width:303px; height:100px; margin:27px 0px 0px 6px; float:left; }
.logo h1 { font-size:0px; text-indent:-9000px; padding:0px; margin:0px; }
#menu { float:right; margin:30px 0px 0px 0px; }
.lan_en { background:url(../img/lan.png); width:43px; height:23px; float:right; margin:0px 10px 0px 0px; }
.lan_link { font-size:12px; color:#999999; font-weight:bold; text-shadow:#000000 0px 1px 0px; float:right; line-height: 21px; margin:0px 10px 0px 0px; }
.lan_link a { color:#555555; text-decoration:none;} .lan_link a:hover { color:#ffffff; }
.buttons { clear:both; }
.btn_menu { background:url(../img/btn_menu_bk.png) top right no-repeat; height:33px; padding:0px 16px 0px 0px; display:block; float:right; font-size:18px; font-weight:bold; color:#999999; line-height:29px; text-decoration:none; text-shadow:#000000 0px 1px 0px; margin:37px 10px 0px 0px; cursor:pointer; }
.btn_menu span { background:url(../img/btn_menu_span.png) top left no-repeat; height:33px; padding:0px 0px 0px 16px; display:block; }
.btn_menu:hover { background:url(../img/btn_menu_bk.png) center right no-repeat; color:#ffffff; text-shadow:#78043b 0px 1px 0px;}
.btn_menu:hover span { background:url(../img/btn_menu_span.png) center left no-repeat; }
.btn_menu:active { background:url(../img/btn_menu_bk.png) bottom right no-repeat; color:#e7b7ce; text-shadow:#500328 0px 1px 0px;}
.btn_menu:active span { background:url(../img/btn_menu_span.png) bottom left no-repeat; }
.btn_on { background:url(../img/btn_menu_bk.png) center right no-repeat; height:33px; padding:0px 16px 0px 0px; float:right; font-size:18px; font-weight:bold; color:#ffffff; line-height:29px; text-shadow:#78043b 0px 1px 0px; margin:37px 10px 0px 0px; }
.btn_on span { background:url(../img/btn_menu_span.png) center left no-repeat; height:33px; display:block; padding:0px 0px 0px 16px; }

/*FEATURED*/

#featured { clear:both; width:980px; overflow:hidden; margin:0 auto; }
.left { background:url(../img/bk_intro.png); width: 423px; height:248px; float:left; overflow:hidden; margin:25px 0px 0px 7px;}
.intro_text { background:url(../img/intro_text.png); width:378px; height:117px; margin:26px 0px 0px 2px; }
.intro_text h2, .my_work h2, .hire_me h2 { font-size:0px; text-indent:-9000px; padding:0px; margin:0px; }
.get_in_touch a, .check_my_work a { font-size:0px; text-indent:-9000px; display:block; width:100%; height:100%; }
.get_in_touch { background: url(../img/get_in_touch.png) top; width:162px; height:52px; margin:26px 2px 0px 0px; float:left; }
.get_in_touch:hover { background: url(../img/get_in_touch.png) bottom; }
.check_my_work { background: url(../img/check_my_work.png) top; width:188px; height:52px; margin:26px 0px 0px 0px; float:left; }
.check_my_work:hover { background: url(../img/check_my_work.png) bottom; }
.screen { background:url(../img/screen.png); width:543px; height:248px; float:right; margin:25px 7px 0px 0px; }
.slides { width:489px; height:221px; margin:27px 0px 0px 25px; }
.title_bk { background:url(../img/shadow.png) bottom center no-repeat; height:121px; width:100%; }
.my_work { background:url(../img/my_work.png); width:193px; height:53px; float:left; margin:51px 0px 0px 9px; }
.hire_me { background:url(../img/hire.png); width:375px; height:42px; float:left; margin:51px 0px 0px 9px; }

/*MIDDLE*/

#middle { background:#dadada url(../img/bk_middle.jpg) top repeat-x; width:100%; overflow:hidden; }
#middle_wrap { background:url(../img/bk_middle2.png) top center no-repeat; width:960px; margin:0 auto; overflow:hidden; padding:0px 0px 35px 0px; }
.middle_line { background:#ffffff; width:100%; height:1px; }
.middle_a { background:url(../img/divider_middle.png) top right repeat-y; width:316px; float:left; margin:36px 0px 0px 0px; }
.middle_b { background:url(../img/divider_middle.png) top right repeat-y; width:330px; float:left; margin:36px 0px 0px 0px; }
.middle_c { width:314px; float:left; margin:36px 0px 0px 0px; }
.text_a { font-size:12px; color:#666666; text-shadow:#FFFFFF 0px 1px 0px; margin:6px 16px 0px 51px; }
.text_b { font-size:12px; color:#666666; text-shadow:#FFFFFF 0px 1px 0px; margin:6px 16px 0px 65px; }
.middle_web h1, .middle_xhtml h1, .middle_together h1 { font-size:0px; text-indent:-9000px; padding:0px; margin:0px; }
.middle_web { background:url(../img/middle_web.png); width:243px; height:36px; }
.middle_xhtml { background:url(../img/middle_xhtml.png); width:273px; height:36px; margin:0px 0px 0px 14px; }
.middle_together { background:url(../img/middle_together.png); width:259px; height:36px; margin:0px 0px 0px 14px; }
.btn_middle { background:url(../img/btn_middle_bk.png) top right no-repeat; height:23px; padding:0px 12px 0px 0px; display:block; text-decoration:none; font-size:12px; font-weight:bold; color:#ffffff; text-shadow:none; float:left; line-height:21px; margin:16px 0px 0px 0px; cursor:pointer; }
.btn_middle span { background:url(../img/btn_middle_span.png) top left no-repeat; height:23px; display:block; padding:0px 0px 0px 12px; }
.btn_middle:hover { background:url(../img/btn_middle_bk.png) center right no-repeat; }
.btn_middle:hover span { background:url(../img/btn_middle_span.png) center left no-repeat; }
.btn_middle:active { background:url(../img/btn_middle_bk.png) bottom right no-repeat; color:#999999; }
.btn_middle:active span { background:url(../img/btn_middle_span.png) bottom left no-repeat; }

/*GALLERY*/

#gallery_wrap { background:url(../img/bk_middle2.png) top center no-repeat; width:980px; margin:0 auto; overflow:hidden; padding:0px 0px 35px 0px; }
.container { width:227px; float:left; margin:9px; }
.thumbnail { background:url(../img/thumbnail.png); width:227px; height:130px; overflow:hidden; position:relative; }
.thumbnail img { margin:3px 0px 0px 4px; border:0px; }
.thumb_overlay { background:url(../img/thumb_overlay.png); width: 225px; height:120px; position:absolute; margin:0px 0px 0px 1px; cursor:pointer; }
.zoom { background:url(../img/zoom.png); width:59px; height:58px; position:absolute; margin:-58px 0px 0px 84px; }
.title { font-size:12px; color:#333333; text-shadow:#FFFFFF 0px 1px 0px; height:17px; line-height:17px; float:left; font-weight:bold; margin:0px 0px 5px 4px; }
.www a { font-size:0px; text-indent:-9000px; display:block; width:100%; height:100%; }
.www { background:url(../img/www.png) top; width:37px; height:17px; float:right; margin:0px 4px 0px 0px; }
.www:hover { background:url(../img/www.png) bottom; }
.gallery_header { clear:both; }
.web_design h1, .app_design h1, .print_design h1, .illustration h1 {font-size:0px; text-indent:-9000px; padding:0px; margin:0px; }
.web_design { background:url(../img/web_design.png); width:249px; height:34px; float:left; margin:0px 0px 8px 10px; }
.app_design { background:url(../img/app_design.png); width:463px; height:34px; float:left; margin:0px 0px 8px 10px; }
.print_design { background:url(../img/print_design.png); width:410px; height:34px; float:left; margin:0px 0px 8px 10px; }
.illustration { background:url(../img/illustration.png); width:280px; height:34px; float:left; margin:0px 0px 8px 10px; }
.btn_gallery { background:url(../img/btn_middle_bk.png) top right no-repeat; height:23px; padding:0px 12px 0px 0px; display:block; text-decoration:none; font-size:12px; font-weight:bold; color:#ffffff; text-shadow:none; float:right; line-height:21px; margin:6px 10px 0px 0px; cursor:pointer; }
.btn_gallery span { background:url(../img/btn_middle_span.png) top left no-repeat; height:23px; display:block; padding:0px 0px 0px 12px; }
.btn_gallery:hover { background:url(../img/btn_middle_bk.png) center right no-repeat; }
.btn_gallery:hover span { background:url(../img/btn_middle_span.png) center left no-repeat; }
.btn_gallery:active { background:url(../img/btn_middle_bk.png) bottom right no-repeat; color:#999999; }
.btn_gallery:active span { background:url(../img/btn_middle_span.png) bottom left no-repeat; }
.gallery_sep { background:url(../img/gallery_sep.png) repeat-x; height:15px; clear:both; margin:0px 10px 0px 10px; }
.btn_cat { background: url(../img/cat_bk.png) top right no-repeat; height:28px; padding:0px 15px 0px 0px; display:block; float:right; cursor:pointer; margin:62px 9px 0px 0px; font-size:12px; font-weight:bold; line-height:25px; text-decoration:none; text-shadow:#000000 0px 1px 0px; color:#999999; }
.btn_cat span { background:url(../img/cat_span.png) top left no-repeat; height:28px; display:block; padding:0px 0px 0px 15px; }
.btn_cat:hover { background: url(../img/cat_bk.png) center right no-repeat; color:#ffffff; text-shadow:#78043b 0px 1px 0px; }
.btn_cat:hover span { background:url(../img/cat_span.png) center left no-repeat; }
.btn_cat:active { background: url(../img/cat_bk.png) bottom right no-repeat; color:#e7b7ce; text-shadow:#500328 0px 1px 0px; }
.btn_cat:active span { background:url(../img/cat_span.png) bottom left no-repeat; }

/*FORM*/

.form_area { float:left; overflow:hidden; }
.form_item { clear:both; margin-left:10px; overflow:hidden;}
.form_labbel { background:url(../img/form_labbel.png); width:80px; height:41px; float:left; font-size:12px; font-weight:bold; color:#FFFFFF; line-height:38px; padding-left:14px; text-shadow:#000000 0px 1px 0px; margin-top:9px; }
.form_imput_left { background:url(../img/form_imput_left.png); width:16px; height:41px; float:left; margin: 9px 0px 0px 10px; }
.form_imput_right { background:url(../img/form_imput_right.png); width:16px; height:41px; float:left; margin-top:9px; }
.form_imput_bk { background:url(../img/form_imput_bk.png); height:41px; float:left; margin-top:9px; }
.form_imput { background: #d3d3d3; margin:11px 0px 0px 0px; width:466px; border:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#333333; text-shadow:#ffffff 0px 1px 0px; }
.form_text_top { background:url(../img/form_text_top.png); width:498px; height:15px; margin-top:9px; margin-left:9px; }
.form_text_bot { background:url(../img/form_text_bot.png); width:498px; height:16px; margin-left:9px; }
.form_text { background:url(../img/form_text_bk.png) repeat-y; width:472px; height:200px; padding:0px 13px 0px 13px; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-shadow:#FFFFFF 0px 1px 0px; font-weight:bold; margin:-1px 0px -1px 9px; }
.form_submit_area { overflow:auto; width:600px; margin-left:10px; }
.form_submit { background:url(../img/submit.png) top; width:102px; height:38px; float:right; cursor:pointer; margin-top:9px; }
.form_submit:hover { background:url(../img/submit.png) center; }
.form_submit:active { background:url(../img/submit.png) bottom; }
.form_confirmation { width:351px; float:right; margin:6px 6px 0px 0px; }
.form_confirmation_top { background:url(../img/form_confirmation_top.png); width:351px; height:78px; overflow:auto; }
.form_confirmation_bot { background:url(../img/form_confirmation_bottom.png); width:328px; height:35px; margin:0px 0px 10px 23px; }
.form_confirmation_bk { background:url(../img/form_confirmation_bk.png); width:278px; margin-left:23px; padding:0px 25px 0px 25px; font-size:12px; color:#999999; text-shadow:#000000 0px 1px 0px; }
.confirmation_ok { background:url(../img/thank_you.png); width:188px; height:46px; margin:21px 0px 0px 48px; }
.confirmation_no { background:url(../img/hmmm.png); width:142px; height:35px; margin:21px 0px 0px 48px; }
.contact_info { width:320px; float:right; overflow:hidden; margin:9px 10px 0px 0px; }
.contact_info_title { background:url(../img/dont.png); width:279px; height:19px; }
.contact_info ul { list-style:none; padding:0px; margin:15px 0px 0px 0px; }
.contact_info li { background:url(../img/contact_divider.jpg) bottom repeat-x; height:35px; line-height: 33px; }
.contact_info li h3 { font-size:12px; font-weight:bold; color:#666666; float:left; padding:0px; margin:0px 0px 0px 10px; }
.contact_info li a { font-size:12px; font-weight:bold; color:#333333; float:left; margin:0px 0px 0px 5px; text-decoration:none; }
.contact_info li a:hover { text-decoration: underline; }
.contact_info li img { float:left; margin:9px 0px 0px 0px; }
.direct_mail { float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-shadow:#000000 0px 1px 0px; margin:70px 0px 0px 0px; }
.direct_mail a { text-decoration:none; color:#ffffff; } .direct_mail a:hover { text-decoration:underline; }

/*FOOTER*/

#footer { background:#161616; width:100%; overflow:hidden; }
#footer_wrap { background:url(../img/bk_footer.jpg) no-repeat; width:980px; margin:0 auto; overflow:hidden; padding:0px 0px 30px 0px; }
.footer_a { background:url(../img/bk_footer_a.png) top right no-repeat; width:300px; float:left; }
.footer_b { background: url(../img/bk_footer_b.png) no-repeat; width:230px; float:left; }
.footer_c { background:url(../img/bk_footer_c.png) top left no-repeat; width:220px; float:left; }
.about_me h2, .services h2, .skills h2, .follow_me h2 { font-size:0px; text-indent:-9000px; padding:0px; margin:0px; }
.about_me { background:url(../img/about_me.png); width:118px; height:21px; margin:30px 0px 0px 9px; }
.services { background:url(../img/services.png); width:102px; height:21px; margin:30px 0px 0px 19px; }
.skills { background:url(../img/skills.png); width:71px; height:21px; margin:30px 0px 0px 19px; }
.follow_me { background:url(../img/follow_me.png); width:133px; height:21px; margin:30px 0px 0px 19px; }
.footer_text { font-size:12px; color:#999999; text-shadow:#000000 0px 1px 0px; line-height:18px; margin:14px 20px 0px 9px; }
.footer_b ul { list-style:none; padding:0px; margin:10px 21px 0px 20px; }
.footer_b li { background:url(../img/bk_item.png) bottom repeat-x; height:30px; line-height:26px; }
.footer_b li h1 { float:left; padding:0px; margin:0px; font-size:12px; color:#999999; font-weight:bold; text-shadow:#000000 0px 1px 0px; }
.footer_b li img { float:right; margin-top:6px; }
.footer_c ul { list-style:none; padding:0px; margin:10px 10px 0px 20px; }
.footer_c li { background:url(../img/bk_item.png) bottom repeat-x; height:30px; line-height:26px; }
.footer_c li a { float:left; margin:0px 0px 0px 10px; font-size:12px; color:#999999; font-weight:bold; text-shadow:#000000 0px 1px 0px; text-decoration:none; }
.footer_c li a:hover { color:#ffffff; text-decoration:underline; }
.footer_c li img { float:left; margin-top:6px; }

/*END*/

#end { background:url(../img/dent.jpg) top repeat-x; width:100%; }
#end_wrap { width:960px; margin:0 auto; }
.validate { background:url(../img/btn_validate_bk.png) top right no-repeat; height:20px; display:block; font-size:10px; font-weight:bold; color:#999999; margin:25px 0px 0px 10px; text-decoration:none; line-height:18px; text-shadow:#000000 0px 1px 0px; float:right; padding-right:5px; cursor:pointer;}
.copyright { background:url(../img/btn_plus.png) top right no-repeat; height:20px; padding-right:30px; float:left; margin-top:25px; display:block; font-weight:bold; font-size:11px; color:#999999; text-decoration:none; line-height:19px; text-shadow:#000000 0px 1px 0px; cursor:pointer;  }
.copyright:hover { background:url(../img/btn_plus.png) bottom right no-repeat; color:#FFFFFF; }
.validate span { background:url(../img/btn_validate_span.png) top left no-repeat; height:20px; display:block; padding-left:19px; }
.validate:hover { background:url(../img/btn_validate_bk.png) bottom right no-repeat; color:#ffffff; }
.validate:hover span { background:url(../img/btn_validate_span.png) bottom left no-repeat; }
.end_divider { background:url(../img/end_divider.jpg) repeat-x; height:1px; margin-bottom:15px; }
.end_spacer { height:25px; clear:both; }
.btn_top { background:url(../img/btn_top.png) top; width:27px; height:27px; margin:0 auto; }
.btn_top:hover { background:url(../img/btn_top.png) bottom; width:27px; height:27px; }
.btn_top a { font-size:0px; text-indent:-9000px; display:block; width:100%; height:100%; }

/*MODAL WINDOW*/

.overlay { background:url(../img/overlay.png); position: fixed; width:100%; height:100%; z-index:10; display:none; }
.modal_window { width:438px; position:fixed; top:0%; left:50%; margin-top:-109px; margin-left: -219px; z-index:15; display:none; }
.modal_top { background: url(../img/modal_top.png); width:438px; height:73px; }
.modal_center { background:url(../img/modal_center.png); width:438px; }
.modal_bottom { background:url(../img/modal_bottom.png); width:438px; height:38px; }
.modal_txt { font-size:12px; color:#999999; text-shadow:#000000 0px 1px 0px; line-height:18px; padding:0px 35px 0px 35px; }
.modal_txt a { text-decoration:none; color:#FFFFFF; }
.modal_txt a:hover { text-decoration: underline; }
.copy { background:url(../img/copyright.png); width:100px; height:16px; float:left; margin:41px 0px 0px 34px; }
.copy h2 { font-size:0px; text-indent:-9000px; margin:0px; padding:0px; }
.close { background:url(../img/close.png) top no-repeat; width:30px; height:29px; float:right; margin:25px 25px 0px 0px; cursor:pointer; }
.close:hover { background:url(../img/close.png) center no-repeat; }
.close:active { background:url(../img/close.png) bottom no-repeat; }