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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0pt none; outline: 0pt none; font-size: 100%; vertical-align: baseline; background: none repeat scroll 0% 0% transparent; margin: 0pt; padding: 0pt; }
body { line-height: 1; }
ol, ul { list-style: none outside none; }
:focus { outline: 0pt none; }
.container_12, .container_16 { margin-left: auto; margin-right: auto; width: 960px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display: inline; float: left; margin-left: 10px; margin-right: 10px; }
.container_12 .grid_12, .container_16 .grid_16 { width: 940px; }
.container_16 .grid_10 { width: 580px; }
.container_16 .grid_14 { width: 820px; }
.container_16 .prefix_6 { padding-left: 360px; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0pt; height: 0pt; }
.clearfix:after { clear: both; content: " "; display: block; font-size: 0pt; line-height: 0pt; visibility: hidden; width: 0pt; height: 0pt; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
.clear { clear: both; height: 0pt; line-height: 0pt; }
.clearfix:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
.clearfix { height: 1%; display: block; }
.tab { font-family: Verdana,sans-serif; background: url('tab_b.png') repeat-x scroll 0pt 0pt transparent; height: 42px; position: relative; top: -8px; z-index: 999; }
.tab ul.login { display: block; position: relative; float: right; clear: right; height: 42px; width: auto; font-weight: 700; line-height: 42px; right: 150px; color: rgb(255, 255, 255); font-size: 80%; text-align: center; margin: 0pt; }
.tab ul.login li.left { background: url('tab_l.png') no-repeat scroll left 0pt transparent; height: 42px; width: 30px; display: block; float: left; margin: 0pt; padding: 0pt; }
.tab ul.login li.right { background: url('tab_r.png') no-repeat scroll left 0pt transparent; height: 42px; width: 30px; display: block; float: left; margin: 0pt; padding: 0pt; }
.tab ul.login li { text-align: left; display: block; float: left; height: 42px; background: url('tab_m.png') repeat-x scroll 0pt 0pt transparent; padding: 0pt 6px; }
.tab ul.login li a { color: rgb(21, 173, 255); }
.tab a.open, .tab a.close { height: 20px; line-height: 20px ! important; padding-left: 30px ! important; cursor: pointer; display: block; width: 100px; position: relative; top: 11px; }
.tab a.open { background: url('bt_open.png') no-repeat scroll left 0pt transparent; }
.tab a.close { background: url('bt_close.png') no-repeat scroll left 0pt transparent; }
.tab a.open:hover { background: url('bt_open.png') no-repeat scroll left -19px transparent; }
.tab a.close:hover { background: url('bt_close.png') no-repeat scroll left -19px transparent; }
#toppanel { position: absolute; top: 0pt; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto; font-family: Verdana,sans-serif; }
#panel { width: 100%; height: 270px; color: rgb(153, 153, 153); background: none repeat scroll 0% 0% rgb(39, 39, 39); overflow: hidden; position: relative; z-index: 3; display: none; }
#panel h1 { font-size: 1.6em; color: rgb(255, 255, 255); margin: 0pt; padding: 5px 0pt 10px; }
#panel h2 { font-size: 1.2em; color: rgb(255, 255, 255); margin: 0pt; padding: 10px 0pt 5px; }
#panel p { margin: 5px 0pt; padding: 0pt; }
#panel a { text-decoration: none; color: rgb(21, 173, 255); }
#panel .content { width: 960px; padding-top: 15px; text-align: left; font-size: 0.85em; margin: 0pt auto; }
#panel .content .left { width: 280px; float: left; border-left: 1px solid rgb(51, 51, 51); padding: 0pt 15px; }
#panel .content .right { border-right: 1px solid rgb(51, 51, 51); width: 560px; }
#panel .content ul { margin-top: 20px; font-size: 1.3em; }
#panel .content li { padding: 5px; }
#panel .content form { margin: 0pt 0pt 10px; }
#panel .content label { float: left; padding-top: 8px; clear: both; width: 280px; display: block; color: rgb(255, 255, 255); font-size: 0.8em; }
#panel .content input.field, #panel .content textarea.field { font-size: 0.85em; font-family: Verdana,sans-serif; border: 1px solid rgb(26, 26, 26); background: none repeat scroll 0% 0% rgb(65, 65, 65); margin-right: 5px; margin-top: 4px; width: 200px; color: rgb(255, 255, 255); height: 16px; }
#panel .content textarea.field { height: 120px; font-size: 0.8em; }
#panel .content input.field:focus, #panel .content textarea.field:focus { background: none repeat scroll 0% 0% rgb(84, 84, 84); color: rgb(21, 173, 255); }
#panel .content input.bt_login, #panel .content input.bt_register { display: block; float: left; clear: left; height: 24px; text-align: center; cursor: pointer; border: medium none; font-weight: 700; margin: 10px 0pt; }
#panel .content input.bt_login { width: 74px; background: url('bt_login.png') no-repeat scroll 0pt 0pt transparent; }
.tab ul.login li a:hover, #panel a:hover { color: rgb(255, 255, 255); }
#lbOverlay { position: fixed; z-index: 9999; left: 0pt; top: 0pt; width: 100%; height: 100%; background-color: rgb(0, 0, 0); cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: rgb(255, 255, 255); }
#lbImage { position: absolute; left: 0pt; top: 0pt; border: 10px solid rgb(255, 255, 255); background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0pt; width: 50%; outline: medium none; }
#lbPrevLink { left: 0pt; }
#lbPrevLink:hover { background: url('prevlabel.gif') no-repeat scroll 0pt 15% transparent; }
#lbNextLink { right: 0pt; }
#lbNextLink:hover { background: url('nextlabel.gif') no-repeat scroll 100% 15% transparent; }
#lbBottom { font-family: Verdana,Arial,Geneva,Helvetica,sans-serif; font-size: 10px; color: rgb(102, 102, 102); line-height: 1.4em; text-align: left; border-width: 10px; border-right: 10px solid rgb(255, 255, 255); border-style: none solid solid; border-color: rgb(255, 255, 255); }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: url('closelabel.gif') no-repeat scroll center center transparent; outline: medium none; margin: 5px 0pt; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: 700; }
@font-face {
	font-family: "jd";
	src: local("j.d"), url('jd.ttf') format("truetype");
}
html, body { width: 100%; height: 100%; background: url('background.jpg') repeat scroll 0% 0% rgb(0, 0, 0); color: rgb(0, 0, 0); font-family: Georgia,Verdana,Arial,Helvetica,sans-serif; font-size: 0.8em; }
h1, h2 { color: rgb(57, 15, 11); font-size: 2.5em; padding: 50px; }
h2 { font-size: 1.8em; padding: 20px 20px 5px; }
p { text-align: justify; font-size: 1.5em; line-height: 1.4em; padding: 10px 20px; }
b, strong { font-weight: 700; }
a { color: rgb(57, 15, 11); font-weight: 700; }
ul li ul li { font-size: 14px; }
div#container { display: block; width: 500%; }
#container #tag { position: fixed; top: -25px; left: -20px; width: 320px; height: 264px; z-index: 1; }
#container #socials { background: url('socials.gif') no-repeat scroll 0% 0% transparent; width: 40px; height: 200px; position: fixed; bottom: 50px; left: 0pt; }
#socials img { margin: 8px 3px; }
div#container .page { display: block; float: left; width: 20%; }
div#container ul.menu { background: url('menu.png') no-repeat scroll 0% 0% transparent; width: 520px; height: 84px; display: block; padding-left: 25px; padding-top: 25px; }
div#container ul.menu li { float: left; }
div#container ul.menu li a { border: 1px solid transparent; }
div#container ul.menu li a.about { width: 70px; height: 30px; line-height: 9999em; display: block; overflow: hidden; }
div#container ul.menu li a.links { width: 80px; height: 30px; line-height: 9999em; display: block; overflow: hidden; }
div#container ul.menu li a.works { width: 105px; height: 30px; line-height: 9999em; display: block; overflow: hidden; }
div#container ul.menu li a.contact { width: 85px; height: 30px; line-height: 9999em; display: block; overflow: hidden; }
div#container ul.menu li a:hover, div#container ul.menu li a.selected { background: url('menu_hover.png') no-repeat scroll center bottom transparent; }
#about .grid_14, #links .grid_14, #works .grid_14 { margin: auto 210px 10px; }
#about .content, #links .content, #works .content { padding-right: 90px; width: 730px; height: 1060px; background: url('paper.jpg') no-repeat scroll 0% 0% transparent; }
#about .content h1, #links .content h1 { text-align: center; font-family: jd,Georgia,serif; }
#about .content h2, #links .content h2 { text-align: left; }
#home .container_16 { text-align: center; position: relative; margin-top: 5%; padding-left: 100px; }
div.home_links { background: url('services.png') no-repeat scroll 0% 0% transparent; width: 210px; height: 178px; position: relative; top: 200px; left: 50px; float: left; }
div.home_links a { position: relative; background: url('links_text.png') no-repeat scroll 0pt 0pt transparent; width: 92px; height: 64px; display: block; line-height: 9999em; overflow: hidden; top: 60px; left: 60px; }
div.home_links a:hover { background: url('links_text.png') no-repeat scroll 0pt -64px transparent; }
div.home_blog { background: url('blog.png') no-repeat scroll 0% 0% transparent; width: 270px; height: 199px; position: relative; top: 0pt; float: left; }
div.home_blog a { position: relative; background: url('blog_text.png') no-repeat scroll 0pt 0pt transparent; width: 110px; height: 67px; display: block; line-height: 9999em; overflow: hidden; top: 70px; left: 80px; }
div.home_blog a:hover { background: url('blog_text.png') no-repeat scroll 0pt -67px transparent; }
div.home_about { background: url('about.png') no-repeat scroll 0% 0% transparent; width: 322px; height: 362px; position: relative; float: left; top: -50px; left: -150px; }
div.home_about a { position: relative; background: url('about_text.png') no-repeat scroll 0pt 0pt transparent; width: 160px; height: 43px; display: block; line-height: 9999em; overflow: hidden; top: 255px; left: 100px; }
div.home_about a:hover { background: url('about_text.png') no-repeat scroll 0pt -43px transparent; }
div.home_works { background: url('works.png') no-repeat scroll 0% 0% transparent; width: 185px; height: 193px; position: relative; float: left; left: 100px; }
div.home_works a { position: relative; background: url('works_text.png') no-repeat scroll 0pt 0pt transparent; width: 97px; height: 49px; display: block; line-height: 9999em; overflow: hidden; top: 95px; left: 35px; }
div.home_works a:hover { background: url('works_text.png') no-repeat scroll 0pt -49px transparent; }
div.home_contact { background: url('contact.png') no-repeat scroll 0% 0% transparent; width: 225px; height: 133px; position: relative; float: left; left: 650px; top: -250px; }
div.home_contact a { position: relative; background: url('contact_text.png') no-repeat scroll 0pt 0pt transparent; width: 130px; height: 29px; display: block; line-height: 9999em; overflow: hidden; top: 45px; left: 45px; }
div.home_contact a:hover { background: url('contact_text.png') no-repeat scroll 0pt -29px transparent; }
#works .container_16, #about .container_16, #links .container_16 { position: relative; }
#about .grid_14 ul, #links .grid_14 ul, #works .grid_14 ul { text-align: justify; font-size: 1.5em; line-height: 1.4em; list-style-type: disc; margin: 0pt 0pt 5px 35px; padding: 0pt 20px; }
td {font-size:1.5em; padding-left:25px;}
td a {background: transparent url('lnks_pin.png') no-repeat right;padding-right:15px;}
#gallery { margin: 50px 210px; }
#gallery ul.gallery li a { float: left; border: 1px solid rgb(255, 255, 255); -moz-box-shadow: 0pt 2px 15px rgb(51, 51, 51); position: relative; background: url('works_hover.png') no-repeat scroll 11px 11px rgb(238, 238, 238); padding: 10px 10px 25px; }
#gallery ul.gallery li a img { width: 251px; height: 181px; }
#gallery ul.gallery li a img:hover { opacity: 0.3; }
#gallery ul.gallery li a.pic-1 { z-index: 1; -moz-transform: rotate(-10deg); }
#gallery ul.gallery li a.pic-2 { z-index: 5; -moz-transform: rotate(-3deg); }
#gallery ul.gallery li a.pic-3 { z-index: 3; -moz-transform: rotate(4deg); }
#gallery ul.gallery li a.pic-4 { z-index: 4; -moz-transform: rotate(14deg); }
#gallery ul.gallery li a.pic-5 { z-index: 2; -moz-transform: rotate(-12deg); }
#gallery ul.gallery li a.pic-6 { z-index: 6; -moz-transform: rotate(5deg); }
#gallery ul.gallery li a:hover { z-index: 10; -moz-box-shadow: 3px 5px 15px rgb(51, 51, 51); }
img.end { position: absolute; left: 500%; bottom: 0pt; }
div#container ul.menu li a.home, div#container ul.menu li a.blog { width: 60px; height: 30px; line-height: 9999em; display: block; overflow: hidden; }