@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
img {
	border:0;
}
ul,li{
	list-style:none;
}

body{
	background-color:#e8e8e8;
	font-family: Tahoma,Helvetica, sans-serif;
	font-size:12px;

}

#wrapper{
	margin:0 auto;
	width:826px;
	position:relative;
	background-color:#ff68bb;
	min-height:525px;
	margin-top:182px;
	
}

#top{

}
#top h1 {
	padding-top:126px;
	padding-left:42px;

}
#top h1 span{
	color:ff68bb;
	line-height:0;
	font-size:0;
	display:none;	
}

#mainarea{
	width:628px;
	top:-101px;
	position:absolute;	
	right:27px;	
	background-image:url("../images/mainareabgleft.png");
	background-repeat:no-repeat;	
}

div.mainarearight{
	width:18px;
	height:708px;
	top:-101px;
	position:absolute;
	right:19px;
	background-image:url("../images/mainareabgright.png");
	background-repeat:no-repeat;	
}



#mainarea div.tp{
	min-height:580px;	
	background-color:#FFFFFF;
	margin:0 10px 0 36px;
	position:relative;
	padding-top:4px;
	padding-left:4px;
}

.tpright{
	background-image:url("../images/olgatoprightside.png");
	position:absolute;
	right:12px;
	top:6px;
	height:394px;
	width:198px;
	font-size:11px;
}



.tpright p{
	padding-top:10px;
	padding-left:10px;
	line-height:15px;
	padding-right:10px;
	text-align:justify;
}
.tpright h2,.tpright h3{
	padding-top:30px;
	font-size:11px;
	padding-left:10px;
}
#mainarea div.fp{
	padding-left:15px;
	padding-top:9px;
	color:#9d9d9d;
	font-size:11px;
	line-height:14px;
	background-color:#FFFFFF;	
	margin:0 10px 0 36px;
}

p.contact{
	padding-top:20px;
	padding-bottom:20px;	
	color:#000000;
}

#navigation {

	height:151px;
	position:absolute;
	top:305px;
	width:826px;
}


#navigation div.col1{
	float:left;
}
#navigation div.col2{
	float:left;
}

#navigation div.col1{
	width:207px;
	height:151px;
	background-color:#FED0EA;
}

#navigation div.col2{
	background-color:#f98cc6;
	height:151px;
	width:582px;
}
#navigation div.col1 ul {
	margin-top:30px;
	margin-right:10px;
}
#navigation div.col1 ul li {
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:right;
	text-align:right;
	padding-right:16px;
	margin-top:10px;
}
#navigation div.col1 ul li a{
	color:#4b5556;
	text-decoration:none;
	font-weight:bold;
}
#navigation div.col1 ul li a:hover{
	color:#000000;
	text-decoration:underline;
}
/*#navigation div.col2 ul {
	background-color:#FFFFFF;
	margin-left:36px;
	margin-top:10px;
}
#navigation div.col2 ul li {
	float:left;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}

#navigation div.col2 ul li img{
	margin:0;
	padding:0;
	padding:4px 2px 2px;
}
#navigation div.col2 ul li img.first{
	padding-left:4px;
}
#navigation div.col2 ul li img.last{
	padding-right:4px;
}
*/

/* Gallery css */


div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
	width:518px;
	height:133px;
	margin-left:36px;
	margin-top:10px;
} 


div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 

div.scrollable div.items div { 
    float:left; 
}


div.scrollable div.items  img {
	background-color:#FFFFFF;
	padding-top:3px;
	padding-left:3px;
	padding-bottom:2px;
	cursor:pointer;
	
	width:100px;
	height:125px;	
	

	opacity:0.6;	
	FILTER:alpha(opacity=0.6);
	ZOOM:1;	
}

a.browse {
	background:transparent url(../images/hori_large2.png) no-repeat scroll 0 0;
	cursor:pointer;
	display:block;
	font-size:1px;
	height:30px;	
	position:absolute;
	width:30px;
	top:59px;
}

a.right {
	right:38px;
}

a.left {
	left:217px;
}

#image_wrap{
	padding-top:1px;
	padding-left:1px;	
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

a.disabled {
	visibility:hidden !important;		
}

img.hoveritem{

	opacity:1 !important;
	FILTER:alpha(opacity=100)!important;
	ZOOM:1;
}

img.active{

	opacity:1 !important;
	FILTER:alpha(opacity=100)!important;
	ZOOM:1;	
}

