/* import fonts */

@font-face {
  font-family: "Ballpark";
  src: url(fonts/ballpark_weiner.ttf)
  format("truetype");
}

@font-face {
  font-family: "LobesterBI";
  src: url(fonts/LobsterTwo-BoldItalic.otf);
  format("truetype");
}

@font-face {
  font-family: "LobesterRegular";
  src: url(fonts/LobsterTwo-Regular.otf);
  format("truetype");
}

@font-face {
  font-family: "WC_Rhesus";
  src: url(fonts/WC_Rhesus_B_Bta.otf);
  format("truetype");
}

@font-face {
  font-family: "WCSoldOutBta";
  src: url(fonts/WCSoldOutABta.ttf);
  format("truetype");
}

@font-face {
  font-family: "Evilz";
  src: url(fonts/Evilz.ttf);
  format("truetype");
}

	/* @font-face definitions */
	
	@font-face {
	font-family: 'KulminoituvaRegular';
	src: url('fonts/kulminoituva.ttf');
  	format("truetype");
}
	
	@font-face {
	font-family: 'NotethisRegular';
	src: url('fonts/Note_this.eot');
    format("truetype");
}

/* generic elements */

* {
	margin: auto;
	padding: auto;
}
html {
    background: #ffffff;    
    height: 100%;
}

body {
    font-family: Georgia,'Times New Roman', Times, serif;
    font-size: 15px;
    font-weight: 400;
    color:  #333333;  
	text-align: center;
    height: 100%; 
	background-color: #ffffff;   
	background: -moz-linear-gradient(top,  #cccccc,  #ffffff);
}

p, ul, ol {
	margin-top: 8px;
	margin-bottom: 20px;
}

h1 { 
    display: block;
    border-top: 0px solid #999999;
    border-bottom: 0px dashed #999999;    
    padding: 20px 0px;
    margin: 60px auto;
    font-family: "LobesterBI";   
  	font-size: 250%;
	font-weight: 400; 
  	color: #000000; 
  	word-spacing: .35em; 
    letter-spacing: 5px;
}
h2 {  	
    font-family: 'Hoefler Text',Georgia,'Times New Roman',Times,serif;
    font-weight: 550;
 	color: #333333;     
	text-transform: uppercase; 
	letter-spacing: 3px;
    line-height: 120%;
 }
h3 { 
    font-family: 'Hoefler Text',Georgia,'Times New Roman',Times,serif;
    font-weight: 500;
    font-style: italic;
 	color: #333333;     
	text-transform: none; 
	letter-spacing: 3px;
    line-height: 110%;
}

.note {
	font-family: Georgia,'Times New Roman', Times, serif;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    color: #666666;
}

.note:before {
    font-family: 'WCSoldOutBta';
    font-size: 23px;
	font-style: normal;
	color: #000000;
	content: "C ";
}

.cleardiv {
    float: none;
	clear: both;
	padding: auto;
	margin: auto;
	border: none;
}

a.imglink {
	text-decoration: none; 
	border: none;
	background-color: #ffffff;
}

img.imgnoborder {
	border: none; 
	margin: 0px auto; 
	padding: 0px;
}

.spot {
 display: inline;
 color: #cccccc;
 font-family: "WC_Rhesus";
 font-size: 100%;
 font: ligther;
}

/*  
    document structure: wrap, the external wrapper, for setting the width, border and color; 
    wrapinside, the interal wrapper, for setting the top border and centering all the inner structure, 
        namely, topwrapper and content 
*/

#wrap {    /* external wrapper */
	border: 0px solid #ffffff;
    width: 950 px;
    height: auto;
    margin: auto;
    margin-top: 0px;
    padding: auto; 
    text-align: center;   
}

#wrapinside {   /* internal wrapper */
	border-top: 0px solid #ffffff;
	border-bottom: none;		
    margin:  auto 60px;
   	padding: auto;
	text-align: center;
}

/* topwrapper width: wrappersize */

#topwrapper {   /* top container */
    float: left;
    border: 0px;
	padding: 50px auto;    
	text-align: center;
}

#towrapper a {
	text-decoration: none;
	color: #333333;
	padding: 3px;
	border: none;
 }

#topcontent {   /* top concent */
    margin: auto;
    padding: auto;
}

/* content width: wrappersize-12px(-4px), browser dependent */

#content{   /* content container */
	border: 0px;
    margin: auto;
    margin-left: 350px;
    padding: auto;
    padding-bottom: 30px;
	text-align: center;
    overflow: auto;  /* to allow the text to overflow on small screens */
    line-height: 190%;
}

#content ul li { 
    list-style-type: circle;
    margin-left: 12px;
    padding-left: 4px;
}
#content ol li { 
	list-style-type: decimal;
	list-style-position: outside;    
    margin-left: 2.5em;
    padding-left: 4px;
}
#content ul li.expand { 
    list-style-type: circle;
    margin-left: 12px;
    padding-left: 4px;
    margin-bottom: 12px;
}

#content a, a:visited {
	display: inline;
	text-decoration: none;
	color: #333333;
	background-color: #eeeeee;
	padding: 3px;
	border: none;
 }

#content a:hover {
	display: inline;
	text-decoration: none;
	color: #333333;		
	background-color: #ffffff;
	padding: 3px;
	border: none;
}

#contentinside {   /* inside container */
    height: auto;
    text-align: left;
}

#disclaimer {
	display: block;
    border-top: 1px dashed #999999;
    padding: 20px auto;
	margin: 30px auto auto auto;
	text-align: justify;
	font-style: italic;
	color:  #666666;
}


form { 
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 0px; 
/*    -moz-border-radius: 0em 2em 0em 2em;  round borders for moz 
    border-radius: 0em 2em 0em 2em;  round borders for others     
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#ffffff)); */
}

/* 
textarea { 
    padding: 9px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    width: 200px;  
    background: #FFFFFF; 
    text-align: left;
    font-family: courier, serif;
    font-size: 15px;
    font-weight: 400;
}  
*/  

textarea {  
    color:  #333333;  
    width: 400px;  
    max-width: 400px;  
    height: 150px;  
    line-height: 150%;  
    }  
  
input:hover, textarea:hover,  
input:focus, textarea:focus {  
    border-color: #C9C9C9;  
    }  
  
label {  
    margin-left: 10px;  
    color: #666666;  
    }