@charset "UTF-8";
/* CSS Document */


/*---------------------------
  Global Browser Reset
---------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
/* @end */


/*---------------------------
  fonts
---------------------------*/



@font-face {
	font-family: Fontin Sans;
	src: url(fonts/Fontin_Sans_BI_45b.otf);  
}

@font-face {
	font-family: Fontin Sans Italic;
	src: url(fonts/Fontin_Sans_I_45b.otf) ;  
}


@font-face {
	font-family: Fontin Sans Bold;
	src: url(fonts/Fontin_Sans_B_45b.otf);  
}


@font-face {
	font-family: Fontin Sans Bold Italic;
	src: url(fonts/Fontin_Sans_BI_45b.otf) ;  
}


@font-face {
	font-family: Fontin Sans Small Caps;
	src: url(fonts/Fontin_Sans_SC_45b.otf);  
}

/* @end */


/*---------------------------
  HTML, Body
---------------------------*/



/*---------------------------
  Nav
---------------------------*/



/*---------------------------
  Content
---------------------------*/



html, body {
	height: 100%;
}




#wrap {
	min-height: 100%;
}



#side {
	font-family: "Fontin Sans", Helvetica, Arial, sans-serif;
	font-style:italic;
	color:#333333;	
	font-size: .9em;
	position:fixed;
	width: 100px;
}



#main {
	overflow:auto;
	padding-bottom: 150px;
	background-color:#03C;
}  /* must be same height as the footer */



#about {
	  position: absolute;
	  padding: 0;
	  margin: 2em 0;
}

#about li {
  list-style: none;
  position:relative;
  display: block;
  float: left;
}


#footer {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
} 


/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}