html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronymess, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border : 0 none;
font-family : "Georgia", "Times";
font-weight : normal;
margin : 0;
outline-style : none;
outline-width : 0;
padding : 0;
vertical-align : baseline;
}

object, embed {
outline:none;
}


:focus {
outline-style : none;
outline-width : 0;
}
ol, ul {
list-style-image : none;
list-style-position : outside;
list-style-type : none;
}
table {
border-collapse : separate;
border-spacing : 0;
}
caption, th, td {
font-weight : normal;
text-align : left;
}
blockquote:before, blockquote:after, q:before, q:after {
content : "";
}
blockquote, q {
quotes : "" "";
}
em {
color : #666666;
font-style : italic;
}

.shadow {text-shadow: rgb(153, 153, 153) 1px 1px 2px;}
body {
/*background-color : #edede8;*/
background-color : #ECEDE6;

color : #000000;
font-family : serif;
font-size : 12px;
}
p {
font-size : 12px;
}
ul {
clear : both;
}
#curtainHello {
clear : both;
display : none;
float : left;
width : 640px;
padding: 40px 0 40px 0;
}
#main {
clear : both;
/*display : none;*/
float : left;
margin-left : 40px;
width : 680px;
}

* html #main { margin-left: 20px; } 

#header {
clear : both;
float : left;
height : 250px;
width : 720px;
}
#headwrap {
float : left;
margin-top : 60px;
width : 680px;
}
.contentBlock {
background-color : #ffffff;
background-image: url(../img/paper-shadow.jpg);
background-repeat: no-repeat;
background-position: bottom;
border-top : 1px solid #E4E4DF;
clear : both;
float : left;
padding : 30px 40px 70px 40px;
width : 600px;
}
.anchor-zone {
clear : both;
float : left;
height : 10px;
width : 100%;
}
.icon {
background-image : url(../img/icon_sprite.jpg);
background-repeat : no-repeat;
float : right;
margin-top : 15px;
}
.we .icon {
background-position : -87px 0;
height : 58px;
width : 30px;
}
.love .icon {
background-position : -117px 0;
height : 56px;
width : 49px;
}
.made .icon {
background-position : -166px 0;
height : 56px;
width : 58px;
}
.alchemy .icon {
background-position : -224px 0;
height : 56px;
width : 44px;
}
.shminking .icon {
background-position : -86px -58px;
height : 46px;
width : 60px;
}

.hello {
position: relative
}

#sample {
z-index:11000;
}

.hello .icon {
background-position : -148px -58px;
height : 48px;
width : 51px;
}
.shminks li {
clear : both;
float : left;
overflow : hidden;
width : 600px;
}
#tumblr {
clear : both;
font-size : 16px;
padding-top : 20px;
}
#tumblr img {
position : relative;
top : 2px;
}
#blackcurtain {
background-color : #000000;
left : -720px;
position : absolute;
top : 0;
width : 720px;
z-index : 12000;
height:auto;
}
/*
* html #blackcurtain{width : 760px;} 
*/


#blackcurtaincontent {
left : 0px;
padding-left:40px;
position : relative;
top : 0;
width : 720px;
min-height:3600px;
background: black;
width:680px;

}
#description p {
color : #BBBBBB;
font-size : 18px;
line-height : 140%;
margin-bottom : 30px;
}
#closeBtn {
height : 36px;
left : -36px;
position : fixed;
top : 0;
width : 36px;
z-index : 1000;
}

* html #closeBtn {position : absolute;}

#slideshow-container {
background : #000000 url(../img/bg_slideshow-container.gif) repeat-x scroll 0 0;
clear : both;
float : left;
width : 640px;
}
#slideshow_info {
clear : both;
float : left;
width : 640px;
}
h1 {
font-size : 72px;
letter-spacing : -0.04em;
padding-bottom : 28px;
}

*+html h1 { font-weight: normal; letter-spacing:-3px}
* html h1 { font-weight: normal; letter-spacing:-3px}

.biggy {
font-size : 74px;
letter-spacing : -0.02em;
}
*+html .biggy { font-weight: normal; letter-spacing:-3px}
* html .biggy { font-weight: normal; letter-spacing:-3px}

#blackcurtain h1 {
color : white;
font-size : 35px;
font-weight : lighter;
letter-spacing : 0;
margin-top : -8px;
padding-bottom : 28px;
}
h2 {
color : #cccccc;
font-size : 2.3em;
line-height : 35px;
}
h3 {
color : #bd0202;
font-size : 28px;
margin-bottom : 10px;/*25px;*/
text-shadow: rgb(153, 153, 153) 1px 1px 2px;
}
.content p{
font-size : 24px;
line-height : 30px;
padding-bottom:26px;
}
.content-list {
font-size : 30px;
line-height : 55px;
}
.content-list2 {
color : gray;
font-size : 24px;
line-height : 30px;
}
.content-list2 li {
    margin-bottom:25px;
    padding-bottom:5px;
    border-bottom: dashed 1px #e0e0e0;
}
.hellotxt {
clear : left;
font-size : 30px;
line-height : 50px;
}
.hellotxt_reduce {
color : #fff;
font-size : 18px;
line-height : 35px;
}
.greyIt {
color : #666666;
}
.blueIt {
color : #02a7e0;
}
.greenIt {
color : #00ed00;
}
.title-bitch {
font-family : "Georgia", serif;
font-size : 30%;
font-style : italic;
letter-spacing : 0;
padding : 39px 0 0 2px;
}
.headLine1 {
float : left;
font-family : "Georgia", serif;
font-size : 3.2em;
position : relative;
text-align : center;
top : -11px;
width : 619px;
}
.headLine2 {
color : #999999;
float : left;
font-size : 2.4em;
margin-top : -4px;
text-align : center;
width : 619px;
}
.bigNumber {
font-family : "Georgia", serif;
font-size : 180%;
}
.time {
color : #999999;
float : left;
font-size : 16px;
line-height : 24px;
margin : 0;
width : 530px;
}
.schmink {
float : left;
line-height : 36px;
font-size: 28px;
margin : 0 0 20px;
width : 600px;
}

hr {
background-color : #333333;
border : 0 none;
clear : both;
color : #333333;
float : left;
height : 1px;
margin-bottom : 40px;
width : 640px;
}
#screenshot {
color : #ffffff;
display : none;
position : absolute;
height : 179px;
width : 266px;
z-index:900;
}
#screenshotBox {
background : #000000 none repeat scroll 0 0;
height : 179px;
width : 266px;
position: relative;
}


#screenshotBox img {
z-index : 999;
position: absolute;
top:5px;
left:5px;
}
.triangle {
border-color : #000000 transparent transparent;
border-style : solid;
border-width : 8px 8px 0;
height : 0;
margin-left : 125px;
width : 0;
}
a:link {
border-bottom : 1px dotted #000000;
text-decoration : none;
}
a:visited {
border-bottom : 1px dotted #000000;
color : #000000;
text-decoration : none;
}
a:link {
color : #000000;
}
.we a:hover {
border-bottom : 1px dotted #ff9900;
color : #f3a60b;
}
.love a:hover {
border-bottom : 1px dotted #bd0202;
color : #bd0202;
}
.made a:hover {
border-bottom : 1px dotted #FF6600;
color : #FF6600;
}
.shminking a:hover {
border-bottom : 1px dotted #ff33ff;
color : #ff33ff;
}
.hello a:hover {
border-bottom : 1px dotted #02a7e0;
color : #02a7e0;
}
.close {
background-image : url(../img/close_sprite.png);
height : 36px;
position : absolute;
width : 36px;
}
.close:hover {
background-position : 0 36px;
cursor : pointer;
}
.skypeID {

}
#blackcurtain .skypeID a {
color : #02a7e0;
}
#blackcurtain .skypeID a:hover {
border-bottom : 1px dotted #02a7e0;
color : #02a7e0;
}
#description p a {
border-bottom : 1px dotted #66CC00;
color : #66CC00;
padding:3px 4px 3px 4px;
}
#description p a:hover {
background: #66CC00;
color:white;
padding:3px 4px 3px 4px;
-moz-border-radius: 3px;
text-shadow: 0 1px #555;
}

span.image_description a {
padding:0 3px 0 3px;
color : #66CC00;
text-decoration: none;
}
span.image_description a:hover {
background: #66CC00;
color:white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding:0 3px 0 3px;
text-shadow: 0px 1px #555;
text-decoration: none;
border-bottom: none;
}

.us-col {
color : #f3a60b;
margin-left : -7px;
}
.love-col {
color : #bd0202;
}
.made-col {
color : #FF6600;
}
.alchemy-col {
color : #669900;
}
.shminking-col {
color : #ff33ff;
}
.hello-col {
color : #02a7e0;
}
.design {
background-color : #ffffff;
}
.dev {
background-color : #f7f7f7;
}
.anim {
background-color : #ffffff;
}
.fun {
background-color : #ffffff;
}
#periodic-table {
clear : both;
height : 349px;
padding : 10px 0 0 5px;
}
#periodic-table ul {
list-style-type : none;
margin : 0;
padding : 0;
}
#periodic-table ul li div {
display : block;
height : 115px;
position : relative;
width : 84px;
}
.greyBack {
background-color : #f8f8f8;
}
.elemnt {
border : 1px solid #cccccc;
cursor : pointer;
float : left;
height : 115px;
margin : -1px 0 0 -1px;
text-align : center;
width : 84px;
}
* html .elemnt { width : 82px;
 }
.space {
border : medium none;
width : 256px;
}
.abbrv {
font-size : 30px;
left : 0;
position : absolute;
top : 30px;
width : 84px;
}
.key {
background : transparent url(../img/bg_key.gif) no-repeat scroll 0 0;
color : #cccccc;
font-family : Arial;
font-size : 13px;
height : 17px;
left : 4px;
padding : 2px 0 0;
position : absolute;
top : 6px;
width : 19px;
}
*+html .key {padding : 1px 0 0;height : 18px;}
* html .key {padding : 1px 0 0;height : 18px;}

.detail {
font-size : 13px;
left : 0;
line-height : 16px;
position : absolute;
top : 70px;
width : 84px;
}
.space {
border : medium none;
width : 256px;
height : 114px;
}
.elemnt div {
background : transparent url(../img/icon_sprite.jpg) no-repeat scroll 85px 120px;
border : medium none;
color : black;
display : block;
height : 115px;
width : 84px;
}

.elemnt div:hover, .elemnthover div {
background : transparent url(../img/icon_sprite.jpg) no-repeat scroll 0 0 !important ;
border-left : 1px solid #b8b8b8 !important ;
border-top : 1px solid #b8b8b8 !important ;
color : white !important ;
}
.elemnt div:hover .key, .elemnthover .key {
background : transparent url(../img/bg_key.gif) no-repeat scroll 0 -19px;
color : white !important ;
}
#sidebar {
/*display : none;*/
position : fixed;
top : 150px;
left : 750px;
width : 218px;
height: 450px;
}


#sidemenu2 {
border-bottom : 1px solid #cccccc;
border-top : 1px solid #cccccc;
clear : both;
float : left;
padding : 9px 0px;
margin: 20px 0px 0px 12px;
width : 200px;
height : 24px;
background: transparent url(../img/menu_bg.gif) no-repeat scroll left center;	
}

*+html #sidemenu2  { padding : 10px 0px 11px;}
* html #sidemenu2  { padding : 10px 0px 11px;}

ul#sidemenu2 img {
display: none;
cursor: pointer;
}

ul#sidemenu2 li {
float: left;
cursor: pointer;
height: 24px;
}

ul#sidemenu2 li#we {
width:25px;
}
ul#sidemenu2 li#love {
width:39px;
}
ul#sidemenu2 li#made {
width:36px;
}
ul#sidemenu2 li#alchemy {
width:31px;
}
ul#sidemenu2 li#shminking {
width:44px;
}
ul#sidemenu2 li#hello {
width:23px;
}


.last {
margin : 0 !important ;
}


#indicator {
display: block;
background : transparent url(../img/arrow_menu.gif) no-repeat;
width : auto;
height: 30px;
position: absolute;
top: 395px;
left:-9000px;
padding-top: 10px;
}

#indicator span {
display: block;
color: #999;
font-size: 14px;
}


#footer {
position: relative;
clear : both;
float : left;
font-size : 16px;
height : 80px;
margin : 10px 0 0 0;
width: 680px;
}
.footer1, .footer2 {
clear : both;
color : #999999;
margin-top : 10px;
}


#footer ul {
position:absolute;
right:0px;
top:0px;
}
#footer ul, #footer ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#footer ul li {
float:left;
height:32px;
line-height:32px;
position:relative;
text-align:center;
width:32px;
}
#footer ul li a {
display: block;
background-position: 0 0;
background-repeat: no-repeat;
width: 32px;
padding: 0px;
text-decoration: none;
border: none;
height: 32px;
}
#footer ul li a:hover {
background-position: 0 -32px;
}
#footer ul li a#foot_fathosting {
background-image: url(../img/fathosting_sprite.gif);
}
#footer ul li a#foot_facebook {
background-image: url(../img/facebook_sprite.gif);
}
#footer ul li a#foot_tumblr {
background-image: url(../img/tumblr_sprite.gif);
}


#flags {
display: none;
position:absolute;
top:7px;
left: 515px;
background: url(../img/flags.png) no-repeat 0 0;
width:70px;
height:73px;
}


#pusher{display: none; width: 254px; height:114px}



.hello_td {
margin-top: 30px;
float: left;
width:280px;
}
.hello_td1
{margin-right: 40px;}
.hello_place {
float: left;
width:100%;
border-bottom: 1px dotted #bbb;
line-height: 36px;
font-size: 18px;
color:#bbb;
}
.hello_place em {color: #bbb !important}
.hello_email{
clear:both;
width:100%;
float: left;
margin-top: 15px;
font-size:17px;
line-height: 24px;
}

.hello_phone{
clear:both;
width:100%;
float: left;
line-height: 24px;
font-size:18px;

}
.hello_addr{
width:100%;
clear:both;
float: left;
margin-top: 20px;
line-height: 20px;
font-size:14px;

}
#curtainHello p {
font-size:22px;
}



#curtainHello .hello_phone,
#curtainHello .hello_addr,
#curtainHello p {
color:#fff;
}

#curtainHello .hello_place {
color:#CCCCCC;
border-bottom: 1px solid #333;
}



#curtainHello .hello_td {
width:300px;
}


#cssaward {
background-image:url(../img/day_black.png);
height:105px;
position:absolute;
right:0;
top:2%;
width:69px;
z-index:200;
}

#description img{
	margin-bottom:20px;
}
.image_description{
color:#777;
margin-bottom:10px;
margin-top:20px;
font-size:13px;
display: block;
line-height: 140%;
}

.images{
	height:100%
	margin-top:20px;
}

      .amp {
      font-family: "Goudy Old Style", Baskerville, "Palatino Linotype", Palatino, serif;
      font-style: italic;
      font-weight: normal;
      }