body{
	margin: 0px;
	padding: 0px;
	font-family: Georgia, 'Lucida Grande', 'Lucida Sans Unicode', Georgia;
	color: white;
	background: #000000 url(../img/bg.jpg) repeat-x ; 
}
div#container{
	width: 900px;
	margin: 0 auto;
}

div#container div#top{
	background:url(../img/1.jpg );
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 441px;

}
div#container div#top div#huubsays{
	position: relative;
	left: 500px;
	top: 160px;
	width: 400px;
}
div#container div#top div#huubsays span#huub{
	color: #97c9ae;
	text-transform: uppercase;
	font-family: Georgia;
	font-size: 18px;	
}
div#container div#top div#huubsays span#says{
	text-transform: capitalize;
	font-family: Georgia;
	font-size: 28px;
	display: block;
	width: 400px;
}
div#container div#top div#huubsays span#says a{
	color: #c0e1d6;
	text-decoration: none;
}


div#container div#bottom h1{
	font-size: 24px;
	font-family: Georgia;
	font-weight: normal;
}


div#container div#bottom a img{
	width: 80px;
	padding: 2px;
	border: 1px solid #336656;
}
div#container div#bottom a img:hover{
	border: 1px solid #3e9579;
}
div#container div#bottom p{
	color: #a4a4a4;
	font-family: Georgia;
	font-size: 13px;
	line-height: 18px;
	text-align: justify;
	margin-right: 20px;
}
div#container div#bottom p a{
	color: #3e9579;
	text-decoration: none;
}
div#container div#bottom  p a:hover{
	text-decoration: underline;
}

div#container div#top div#shortlinks{
	position: relative;
	left: 540px;
	top: 5px;
	width: 380px;
}
div#container div#top div#shortlinks span{
	padding: 10px;
	background: #76b6a1;
	border-left: 1px solid #c3e3d9;
	border-right: 1px solid #c3e3d9;
	border-bottom: 1px solid #c3e3d9;
}
div#container div#top div#shortlinks span a{
	text-decoration: none;
	color: white;
}
div#container div#top div#shortlinks span a:hover{
	color: #c0e1d6;
}


a img.website_img{
	width: 80px;
	padding: 2px;
	border: 1px solid #336656;
}
 a img.website_img:hover{
	border: 1px solid #3e9579;
}


/* JQUERY */


div#foto{
	position: absolute;
	top: -4px;
	text-align: bottom;
}
div#foto img{
	border: 0px;
}
.pics {  
	vertical-align: top;
	text-align: top;
   	width:  340px; 
    height: 444px;
    padding: 0;  
    margin:  0;  
	float: left;
} 
.pics img {  
	padding: 0px;
	margin: 0px;
    background-color: #eee;  
    width:  340px; 
    height: 444px; 
    top:  0; 
    left: 0; 
}


div#bottom{
	width: 900px;
}


ul.tabs{
	width: 270px;
	float:left;
	list-style: none;
	padding: 0px;
	margin:0px;
	padding-right: 30px;
	line-height: 18px;
	font-size: 14px;
	text-align: justify;
}
ul.tabs li{
	padding-top: 3px;
	padding-bottom: 9px;
	border-bottom: 1px solid white;
}
ul.tabs li:hover{
	color: #336656;
	cursor: hand;
}
ul li b{
	color:#336656;
}
ul li a{
	color: white;
	text-decoration: none;
}
ul li a:hover,
ul li b:hover{
	color: #3e9579;
	cursor: hand;
}

div.scrollable {
	margin: 0px;
	padding: 0px;
	position:relative;
	overflow:hidden;	 	
	width: 600px;	
	height:330px;				
}

div.scrollable div.items {	
	width:20000em;	
	position:absolute;
	clear:both;		
}

div.scrollable div.items div {
	float:left;
	margin: 0px;
	padding: 0px;
	width:600px;
	height:330px;
}
div.overlay { 
	width: 800px;
	height: 400px;
}

/* JQUERY */