a {


	color: #EA1F8B;


	text-decoration: none;


}


body {


	background: #CCC url(../img/bg.gif) repeat-y fixed bottom center;


	color: #333; margin: 20px 0;


	text-align: center; font: normal 0.8em sans-serif,Arial;


}


.gfx a {


	background: #F5F5F5 url(../img/header.jpg) no-repeat; display: block; height: 240px;


}


.header {


	background: #FFF;


	border-bottom: 1px solid #E5E5E5;


	font: bold 2.6em Arial;


	line-height: 3em;


}


.main {


	background: #FFF; 


	border: 3px double #EEE; 


	border-color: #E4E4E4 #CFCFCF #CCC #CFCFCF; 


	margin: 20px auto 4px auto; 


	text-align: left;


	width: 620px; 


	overflow: hidden;


}








.menu a {


	background: #EEE;


	border-right: 1px solid #CECECE;


	border-top: 1px solid #E5E5E5;


	color: #888;


	float: left;


	padding-top: 4px;


	width: 149px; height: 36px;


}


.menu a span {


	padding-left: 6px;


}


.menu a:hover {


	background: #EEE url(../img/bgmenu.gif) repeat-x;


	color: #555;


	text-decoration: underline;


}


.menu a#last {


	width: 150px;


	border-right: none;


}


.container {


	margin: 10px;


}


.content {


	background: #F5F5F5;


	border-top: 1px solid #E5E5E5;


	clear: both;


}


.content h1 {


	margin: 0;


	font: bold 1.3em sans-serif,Arial;


	color: #666;


}


.content h2 {


	margin: 0;


	font: bold 1.1em sans-serif,Arial;


	color: #EA1F8B;


}


.blue {


	margin: 0;


	font: bold 1.1em sans-serif,Arial;


	color: #0063DC;


}


.pink {


	margin: 0;


	font: bold 1.1em sans-serif,Arial;


	color: #FF0084;


}


.content p {


	margin: 3px 0 6px; color: #666;


}


.item {


	background: #FCFCFC url(../img/bgitem.gif) repeat-x;


	padding: 10px;


}


.social {


	width: auto;


    padding: 4px 4px 4px 4px;


    clear: both;


    text-align: left;


    background: #FFFFFF;


}


.logo


{


    vertical-align: middle;


}


.footer {


	padding: 5px;


	background: #F5F5F5;


	color: #666;


	margin-top:20px;


	clear: both;


	text-align:right;


} 





#thumbnails {


    width: auto;


    margin: 10px auto;


    padding: 0;


    text-align: center;


}





#thumbnails caption {


    margin-top: 10px;


}





#thumbnails ul {


    margin: 0;


    padding: 0;


    list-style-type: none;


}





#thumbnails li {


    float: left;


    position: relative;


    display: inline;


    width: 210px;


    min-height: 200px;


    _height: 200px; /* Terrible underscore hack for IE because min-height won't work - grrrr! */


    margin: 0;


    padding: 10px 10px 10px 10px;


    text-align: center;


}





#thumbnails ul:after {


    content: ".";


    display: block;


    clear: both;


    height: 0;


    visibility: hidden;


}





	#thumbnails li a {


	    font-size: 0.75em;


	    text-decoration: none;


	    color: #CCCCCC;


	}


	


	#thumbnails li a:visited {


	    color: #CCCCCC;


	}


	


	#thumbnails li a:active {


	    color: #FF0084;


	}


	


	#thumbnails li a:hover {


	    color: #FF0084;


	}





	#thumbnails li br {


	    display: block;


	    height: 0;


	}


	


	





/*---------- bubble tooltip -----------*/


a.tt{


    position:relative;


    z-index:24;


    color:#EA1F8B;


	font-weight:bold;


    text-decoration:none;


}


a.tt span{ display: none; }





/*background:; ie hack, something must be changed in a for ie to execute it*/


a.tt:hover{ z-index:25; color: #aaaaff; background:;}


a.tt:hover span.tooltip{


    display:block;


    position:absolute;


    top:0px; left:0;


	padding: 15px 0 0 0;


	width:200px;


	color: #EA1F8B;


    text-align: left;


	filter: alpha(opacity:90);


	KHTMLOpacity: 0.90;


	MozOpacity: 0.90;


	opacity: 0.90;


}


a.tt:hover span.top{


	display: block;


	padding: 30px 8px 0;


    background: url(../img/bubble.gif) no-repeat top;


}


a.tt:hover span.middle{ /* different middle bg for stretch */


	display: block;


	padding: 0 8px; 


	background: url(../img/bubble_filler.gif) repeat bottom; 


}


a.tt:hover span.bottom{


	display: block;


	padding:3px 8px 10px;


	color: #EA1F8B;


    background: url(../img/bubble.gif) no-repeat bottom;


}








div.float {


  float: left;


  padding:20px;


  }


  


div.float p {


   text-align: center;


   }














/*


http://www.arcsin.se


*/