html, body { height: 100%;}
body { margin: 0px; padding: 0px; height: 100%; background: #000; font-size: 90%; font-family: Verdana, sans-serif; color: #838383; }
a { color: #838383; }
a:hover { color: #c1c1c1; }
img, a img { border: 0px; outline: none; text-decoration: none; }
.wrap { position: relative; width:864px; margin: 0px auto -55px; height:auto !important; height:100%; min-height:100%; }
.nowrap { position:relative; width: 864px; margin: 0px auto; }
.logo { margin-top: 40px; float: left; display: block; width: 185px; height: 50px; background: url('/img/stuff/logo.png'); }
.logo-main { background-position: 0 -100px; }
a.logo-link:hover { background-position: 0 -50px; }
/*.menu { padding: 50px 15px 0px 0px; float: right; display: block; }*/
ul.menu { float: left; margin: 50px 0 0 0; list-style-type: none; padding-left: 10px; }
ul.menu li { float: left; margin-left: 14px; height: 60px; }
ul.menu li a { color: #5a5a5a; text-decoration: none; }
ul.menu li a:hover { color: #8b8b8b; }
ul.menu li.current { color: #c1c1c1; }
ul.menu li.list a { display: block; }

.content { clear: both; padding: 60px 0px; font-size: 0.8em; }
.content a { color: #c1c1c1; border-bottom: 0.1em solid #FFF; }
.text { clear: both; padding: 40px 0 0 50px; width: 100%; font-size: 0.9em; }
.text ul { list-style-type: none; margin: 0 0 15px 0; padding-left: 15px; }
.text-width { width: 520px; margin: 0 auto; }
.text-width h2 { font-weight: normal; font-size: 1.5em; } 
.clients { margin-left: 25px; }

/* tags */
.main-tags { width: 806px; height: 200px; color: #bebebe; position: relative; top: 130px; left: 34px; }
*:first-child+html .main-tags { top: 0px; }
.main-tags span { position: absolute; }
.tag-9 { font-size: 9px; }
.tag-10 { font-size: 10px; }
.tag-11 { font-size: 11px; }
.tag-12 { font-size: 12px; }
.tag-13 { font-size: 13px; }
.tag-14 { font-size: 14px; }
.tag-18 { font-size: 18px; }
.tag-48 { font-size: 48px; }
#tag1 { left: 196px; top: 8px; }
#tag2 { left: 116px; top: 21px; }
#tag3 { left: 324px; top: 11px; }
#tag4 { left: 528px; top: 21px; }
#tag5 { left: 594px; top: 12px; }
#tag6 { left: 691px; top: 18px; }
#tag7 { left: 75px; top: 38px; }
#tag8 { left: 231px; top: 31px; }
#tag9 { left: 406px; top: 35px; }
#tag10 { left: 542px; top: 38px; }
#tag11 { left: 228px; top: 54px; }
#tag12 { left: 266px; top: 51px; }
#tag13 { left: 588px; top: 58px; }
#tag14 { left: 89px; top: 76px; }
#tag15 { left: 173px; top: 68px; }
#tag16 { left: 282px; top: 65px; }
#tag17 { left: 528px; top: 72px; }
#tag18 { left: 622px; top: 77px; }
#tag19 { left: 546px; top: 98px; }
#tag20 { left: 526px; top: 112px; }
#tag21 { left: 143px; top: 91px; }
#tag22 { left: 175px; top: 111px; }
#tag23 { left: 71px; top: 136px; }
#tag24 { left: 169px; top: 124px; }
#tag25 { left: 358px; top: 132px; }
#tag26 { left: 660px; top: 129px; }
#tag27 { left: 32px; top: 156px; }
#tag28 { left: 139px; top: 151px; }
#tag29 { left: 126px; top: 166px; }
#tag30 { left: 175px; top: 184px; }
#tag31 { left: 210px; top: 149px; }
#tag32 { left: 234px; top: 188px; }
#tag33 { left: 319px; top: 174px; }
#tag34 { left: 304px; top: 150px; }
#tag35 { left: 391px; top: 181px; }
#tag36 { left: 508px; top: 150px; }
#tag37 { left: 470px; top: 166px; }
#tag38 { left: 566px; top: 150px; }
#tag39 { left: 651px; top: 161px; }
#tag40 { left: 557px; top: 178px; }
#tag41 { left: 438px; top: 59px; }

/* about */
.about { clear: both; padding: 20px 0 0 0; width: 100%; font-size: 0.9em; }
.about img { float: left; padding: 15px 15px 0 0; }
.about-text { float: left; width: 470px; }
.about-text i { color: #646464; }

/* gallery */
a.gallery-main { width: 398px; height: 200px; display: block; float: left; margin: 20px 15px; }
a.gallery-main:hover { background-position: 0 -200px; }

/* projects */
.projects { margin-left: 15px; }
.project { float: left; width: 398px; font-size: 0.9em; padding-top: 20px; }
.project-l { padding-right: 20px; }
.proj-video { clear: both; width: 650px; font-size: 0.9em; margin: 30px auto 15px; }

.contacts { clear: both; padding-top: 140px; width: 100%; text-align: center; font-size: 1.9em; }
.contacts a { text-decoration: none; }
.contacts .phone { float: left; margin-left: 50px; }
.contacts .email { float: right; margin-right: 30px; }
.contacts .skype { margin-top: 60px; float: left; width: 300px; }
.contacts .skype img { vertical-align:text-bottom; }
.contacts .lj { margin-top: 60px; float: right; width: 500px; }
.contacts .lj img { vertical-align: bottom; }
.footer, .push { height: 55px; clear: both; }
.footer { width: 860px; margin: 0px auto; text-align: right; font-size: 0.85em; position: relative; z-index: 100; }
.footer_l { float: left; text-align: left; padding-top: 20px; }
.footer_l input { font-size: 0.9em; color: #5a5a5a; width: 165px; border: 1px dashed #a3a3a3; background-color: #000;	padding: 0 2px; text-align: center; }
.footer_r { float: right; text-align: right; padding-top: 18px; }

/* hotdoggy */
.hotdoggy { clear: both; padding: 30px 0 0 30px; }
.hotdoggy img { padding: 20px; }
ul.hotdoggy-links { margin: 0 0 0 10px; list-style-type: none; }
.hotdoggy-links li, .hotdoggy-links img { float: left; }
.hotdoggy-hudgraf { float: left; width: 226px; height: 65px; background: url(/img/projects/hotdoggy/hudgraf.png) no-repeat; }
a.hotdoggy-hudgraf:hover { background-position: 0 -65px; }
.hotdoggy-m1 { float: left; width: 297px; height: 65px; background: url(/img/projects/hotdoggy/m1.png) no-repeat; }
a.hotdoggy-m1:hover { background-position: 0 -65px; }
.hotdoggy-onemore { float: left; width: 250px; height: 65px; background: url(/img/projects/hotdoggy/onemore.png) no-repeat; }
a.hotdoggy-onemore:hover { background-position: 0 -65px; }
.hotdoggy-cur { background-position: 0 -65px; }

/* faces */
ul.faces-links { margin: 0; list-style-type: none; }
.faces-links li, .faces-links img { float: left; }
.faces-link { float: left; width: 299px; height: 70px; background: url(/img/projects/faces/faces-center.jpg) no-repeat; }
.faces-tlink { width: 250px; text-align: center; padding-top: 23px; color: #fff; }
.faces-tlink a { padding: 5px; margin-top: 10px; color: #c3c3c3; text-decoration: none; }
.faces-tlink a:hover { color: #fff; }
a.faces-link:hover { background-position: 0 -70px; }
/* slider */
div#scrollable { position:relative;	overflow:hidden; width: 825px; height:485px; margin-left: 10px; display: inline; }
*:first-child+html div.scrollable-main, *:first-child+html .navi-main, *:first-child+html .footer-main { top: 0px; }
div#scrollable div.items { width:20000em; position:absolute; }
div.items { clear: both; }
//div.wrap div.items { width:825px; height: 450px; padding: 10px 0 10px 40px; overflow: hidden; }
div#scrollable div.items div { float:left; width:825px; height: 450px; padding: 10px 20px; overflow: hidden; }
div.items img { margin: 17px 17px 0px 0px; float: left; }
div#scrollable { float:left; }
a.prev, a.next, a.prevPage, a.nextPage { width:27px; height:27px; background:url(/img/stuff/slider_prev.gif) no-repeat; position: absolute; top: 350px; cursor: pointer; }
div.gallery-one a.prev, div.gallery-one a.next, div.gallery-one a.prevPage, div.gallery-one a.nextPage { top: 348px; }
div.faces a.prev, div.faces a.next, div.faces a.prevPage, div.faces a.nextPage { top: 420px; }
a.disabled { visibility:hidden !important; }
a.prev, a.prevPage { left: -25px; }
a.next, a.nextPage { background-image:url(/img/stuff/slider_next.gif); right: -20px; }
div.navi { margin: 30px 0 0 330px; width:200px; height:11px; text-align: center; overflow: hidden; clear: both; }
div.navi a { width:8px;	height:8px;	float:left;	margin:3px;	background:url(/img/stuff/navigator.png) 0 0 no-repeat; cursor:pointer; }
div.navi a:hover { background-position:0 -8px; }
div.navi a.active {	background-position:0 -16px; }

/* stars */
div#scrollable-stars { float:left; position:relative; overflow:hidden; width: 805px; height:830px; display: inline; }
div.items-stars { width:805px; height: 830px; padding: 10px 0 10px 0; overflow: hidden; }
div.wrap div.items-stars { width:805px; height: 830px;  padding: 10px 0 10px 0; }
div#scrollable-stars div.items { width:20000em; position:absolute; }
div#scrollable-stars div.items div { float:left; width:805px; height: 830px; padding: 10px 20px; overflow: hidden; margin-left: 30px; }
div#scrollable-stars div.items img { padding: 20px; margin: 0; }
a.next-stars, a.prev-stars { top: 520px; }
div.navi-stars { margin: 30px 0 0 427px; }