html { width: 100%; height: 100%; }		

@font-face {
        font-family: "titillium";
        src: url("http://evrtstudio.com/files/titilliumtext1.eot");
    }

@font-face {
        font-family: "titilliumbold";
        src: url("http://evrtstudio.com/files/titilliumtext800wt.eot");
    }

@font-face {
        font-family: "titillium";
        src: url("http://evrtstudio.com/files/titilliumtext1.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
    }

@font-face {
        font-family: "titilliumbold";
        src: url("http://evrtstudio.com/files/titilliumtext800wt.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
    }
        
body {
	background: #d2cec9 url(http://www.evrtstudio.com/files/ply.jpg) center fixed repeat; 
	color: #444444;
	font-family: georgia, serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
 }

strong { font-family: titilliumbold, helvetica, arial, sans-serif; font-weight: bold; }

#wrapper { width: 880px; margin: 0 auto; padding: 0; }

#header {
	width: 880px;
	height: 100px;
	margin: 0;
	padding: 0;
	font-weight: thin;
   }

img { border: none; }

.logo { width: 71px; height: 70px; float: left; margin: 15px 0; }

#nav { float: right; text-align: right; margin: 0; height: 100px; }

.title { font-family: titillium, helvetica, arial, sans-serif; font-size: 20px; line-height: 30px; margin: 20px 0 0 0; padding: 0; border-bottom: 1px dotted #444444 }

.links { font-family: georgia, serif; font-size: 12px; font-style: italic; font-weight: bold; }

ul, ul a { float: right; color: #ffffff; list-style: none; text-decoration: none; margin: 4px 0; padding: 0; }

li { line-height: 14px; float: left; margin: 0 0 0 20px; padding: 0; }

li a:hover { color: #444444; }

#content {
	width: 100%;
	height: 600px;
	background: #fff;
	margin: 0 auto;
   }

.scroll { position: relative; overflow: hidden; width: 880px; height: 600px; background: #ffffff; float: left; margin: 0; } 
.series .scroll { position: relative; overflow: hidden; width: 880px; height: 500px; background: #ffffff; float: left; margin: 0; }

.scrollbox { float: left; width: 880px; height: 600px; margin: 0; }

.scrollbox a { text-decoration: underline; color: #999999; font-weight: normal; }
.scrollbox a:hover { text-decoration: underline; color: #00aeef; font-weight: normal; }

.scroll .pics { width: 20000em; position: absolute; clear: both;  }

.pics img { float: left; cursor: pointer; width: 840px; margin: 20px; } 
.series .pics img { float: left; cursor: pointer; width: 880px; margin: 0px; } 

.caphead { float: left; height: 40px; width: auto; margin: 0; padding: 0 20px 0 20px; font-family: titilliumbold, helvetica, arial, sans-serif; font-size: 13px; font-weight: bold; color: #00aeef; line-height: 40px; border-right: 1px dotted #999999; }

.caption { float: left; width: 710px; height: 40px; padding: 4px 20px 0 20px; font-family: georgia, serif; font-size: 12px; color: #999999; font-style: italic; line-height: 16px; }

#shadow {
	width: 880px;
	height: 16px;
	background: url(http://www.evrtstudio.com/files/shad.png) 0 0 no-repeat;
	margin: 0 auto;
   }

#footer { width: 880px; height: 40px; float: left; margin: 10px 0; padding-bottom: 20px; }

.tooltip {
	display: none;
	background: transparent url(files/pop.png) no-repeat;
	font-size: 12px;
	height: 28px;
	width: 63px;
	padding: 0 0 4px 0;
	font-family: georgia, serif; 
	font-style: italic;
	text-align: center;
	line-height: 20px;
	color: #fff;	
}
 
/* style the trigger elements */
#footer img {
	border: 0;
	cursor: pointer;
}


.social { float: right; margin: 0 0 0 10px; }

p { }