@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	}
@font-face {
    font-family: 'as_i_lay_dyingregular';
    src: url('../fonts/as_i_lay_dying-webfont.eot');
    src: url('../fonts/as_i_lay_dying-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/as_i_lay_dying-webfont.woff') format('woff'),
         url('../fonts/as_i_lay_dying-webfont.ttf') format('truetype'),
         url('../fonts/as_i_lay_dying-webfont.svg#as_i_lay_dyingregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ottomedium';
    src: url('../fonts/otto-webfont.eot');
    src: url('../fonts/otto-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/otto-webfont.woff') format('woff'),
         url('../fonts/otto-webfont.ttf') format('truetype'),
         url('../fonts/otto-webfont.svg#ottomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'geosanslightregular';
    src: url('../fonts/geosanslight-webfont.eot');
    src: url('../fonts/geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geosanslight-webfont.woff') format('woff'),
         url('../fonts/geosanslight-webfont.ttf') format('truetype'),
         url('../fonts/geosanslight-webfont.svg#geosanslightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.main{ margin:10px; padding:20px; font-size:16px; letter-spacing:1px; line-height:140%; width:760px; background: rgba(200,200,200, 0.5);text-shadow:0 0 1px rgba(0,0,0,.4); color:#300; border-radius:0 0 40px 0;font-family:'geosanslightregular'; 
		-webkit-transform: rotate(-2deg);
		-moz-transform: rotate(-2deg);
		transform: rotate(-2deg);}
.main h1{ line-height:0.75; font-size:72px; margin:0; text-indent:1%; font-family:'geosanslightregular';text-transform:lowercase;}
.main h1 a{ text-decoration:none; color:#300;}
.main small{ color:inherit; }
.main h2{ font-size:50px;text-shadow:1px 1px 4px rgba(0,0,0,.5); color:#222; line-height:1.2; margin:12px; font-family:'ottomedium'; }
.main p{ margin:15px; }
.main .footer{font-size:9px;}
.main .footer img{-webkit-box-shadow: 1px 1px 1px #7c7c7c;    box-shadow: 1px 1px 1px #7c7c7c;}

.loader{width:70px;	height:70px; position:fixed; top:50%; left:50%;	margin:-35px 0px 0px -35px;	opacity:0.7; z-index:1000;	background:#fff url(../images/loader.gif) no-repeat center center;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	-moz-box-shadow:0px 0px 5px #999;
	-webkit-box-shadow:0px 0px 5px #999;
	box-shadow:0px 0px 5px #999;}
.bg_image img{	position:fixed;	top:0px; left:0px; 	width:100%;  z-index:0 ;}
/*hover gallery*/
.hs_container{	position:relative;	width:750px; height:500px; overflow:hidden;	clear:both;	border:2px solid #fff; cursor:pointer;
	-moz-box-shadow:1px 1px 3px #222;
	-webkit-box-shadow:1px 1px 3px #222;
	box-shadow:1px 1px 3px #222;}
.hs_container .hs_area{	position:absolute;	overflow:hidden;}
.hs_area img{ position:absolute; top:0px; left:0px;	display:none;}
.hs_area img.hs_visible{ display:block;	z-index:9999;}
.hs_area1{border-right:2px solid #fff;}
.hs_area4, .hs_area5{border-top:2px solid #fff;}
.hs_area4{border-right:2px solid #fff;}
.hs_area3{border-top:2px solid #fff;}
.hs_area1{width:250px; height:500px; top:0px; left:0px;}
.hs_area2{width:250px;	height:250px; top:0px; left:250px;}
.hs_area3{width:250px; height:250px; top:250px;	left:250px;}
.hs_area4{width:250px; height:500px; top:0px; left:500px;}
.hs_area5{width:708px; height:135px; top:334px;	left:194px;}


a { text-decoration:none;}
.btn{ display:inline-block; width:200px; margin-left: 4px; box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3), 0 -30px 30px -15px #c9c9c9 inset, 0 1px 0 rgba(255,255,255,0.3) inset; background-repeat:repeat-x; color:#000; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); border-radius:2px; padding:10px 20px; -webkit-transition:0.15s; transition:0.15s; }
.btn:hover{ text-decoration:none; background:#96785e; color: #fff;}
.btn:active{ text-decoration:none; box-shadow:0 0 0 0 rgba(0, 0, 0, 0.3), 0 -30px 30px -15px #d0d0d0 inset, 0 0 6px #333333 inset;}
.blank{width:200px; height:margin-left: 4px;}

.yt a{float:left; background:url(../images/art/canvas/artist-bttn.png) no-repeat; width:200px; height:20px; margin:6px 10px ; padding:15px; text-decoration:none; letter-spacing:1px; color:#300; font-size:16px; font-weight:bold; font-family:'geosanslightregular'; display:inline;}
.yt a:hover{ background:url(../images/art/canvas/artist-bttn-over.png) no-repeat;}