/* CSS Document */

body
{
padding:auto;
margin:auto;
display:table;
width:100%;
height:100%;
background:#f0efef;
-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
}
.lft{float:left; display:inline;}
.rgt{float:right; display:inline;}
.clr{clear:both;}
h1,p,h2,h3,h4,h5,h6,form,div,ul,li,img,span
{
margin:0px; 
padding:0px; 
font-family: Arial;
text-shadow:none;
}
p
{
text-shadow:none;
}
a
{
text-decoration:none; 
border:none; 
color: #000000; 
outline:none;
cursor:pointer;
}
img
{
border:none;
float:left; 
font-weight:normal;
display:inline;
}
a img
{
border:none;
float:left; 
font-weight:normal;
}
h1
{
font-family:Baroque Script;
font-size:13px;
color:#2093f5;
margin-top:5px;
}
p
{
font-size:12px;
font-family:Arial;
margin:0px;
float:left;
}
#main-header
{
width:100%;
height:auto;
margin:auto;
padding:auto;
display:table;
background:url(../images/headerbg.png) repeat-x;
}
#mainframe
{
width:1000px;
height:auto; 
position:relative;
margin:auto;
padding:auto;
display:table;
}

#header
{
width:1000px;
height:112px; 
position:relative;
margin:0px 0px 5px 0px;
padding:auto;
display:table;
background:url(../images/headerbg.png)no-repeat;
}
#logo
{
width:1000px;
height:112px; 
position:relative;
margin:0px 0px 0px 0px;
padding:auto;
display:table;
background:url(../images/header.png) no-repeat;
}
.serch_box
{
float:right;
background:url(../images/searchbox.png)no-repeat;
height:21px;
width:137px;
margin:20px 5px 0px 0px;
padding:4px 0px 0px 0px;
}
.txtarea_serxh
{
background: none;
width:115px;
float:right;
height:17px;
margin:-3px 0px 0px 0px;
border:none;
color:#51534E;
font-weight: normal;
font-family:Trebuchet MS;
font-size:10px;
text-indent:0px;
padding-left:6px;
}
.serch_box_button
{
height:13px;
width:13px;
float:left;
margin:1px 0px 0px 3px;
border:none;
background:url(../images/searchbutton.png) no-repeat;

}
.serch_box_button:hover
{
cursor: pointer;
}
.menu
{
float:left;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:970px;
}
.menu ul
{
width:750px;
height:auto; 
float:left;
margin:0px 2px 0px 170px;
list-style-type:none;

}
.menu li	
{
float:left;
width:100px;
height:24px;
margin:0px 20px 7px 10px;
padding:0px;
}
.menu li a{
		
		color:#000000;
		display:block;
		font-size:18px;
		font-weight:normal;
		line-height:24px;
		margin:0px 15px 0px 0px;
		padding:0px 0px 0px 0px;
		text-align: center;
		text-decoration:none;
		padding-top:0px;
		width:100px;
		font-family:Trebuchet MS;
		height:34px;
		font-style:italic;
		-webkit-transition-duration:1.6s; /*Webkit: Animation duration*/
-moz-transition-duration:1.6s; /*Mozilla duration version*/
-o-transition-duration: 1.6s;
		}
		 .menu ul  li:hover a{			
			text-decoration:none;
	 width:100px;
height:35px;
margin:0px 0px 0px 0px;
padding:auto;
color:#772a90;
background:url(../images/menuhover.png) bottom no-repeat;
-webkit-transition-duration:1.6s; /*Webkit: Animation duration*/
-moz-transition-duration:1.6s; /*Mozilla duration version*/
-o-transition-duration: 1.6s;
		}
			
.menu li ul{

		display:none;
		height:auto;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		border:0px;
		position:relative;
		width:180px;
		z-index:999;
		padding-top:0px;
		float:left;
		margin:-4px 0px 0px 0px;
		
		/*top:1em;
		/*left:0;*/
		}

		.menu li:hover ul{
		display:block;
		background:;

		padding:2px 2px 3px 2px;
	



		}
		
				.menu li ul div:hover {
		display:block;
		height:auto;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		border:0px;
		position:relative;
		width:200px;
		z-index:999;
		padding-top:0px;
		float:left;
		margin:0px 0px 0px 0px;
		
		}
		.menu li:hover ul li:hover ul{
		display:block;
		background:#A87ED8!important;
		margin:0px 0px 0px 140px;
		-webkit-transition-duration:1.6s; /*Webkit: Animation duration*/
-moz-transition-duration:1.6s; /*Mozilla duration version*/
-o-transition-duration:1.6s;
		
		}
.menu li li {
background:#F7AFEA;
		display:block !important;
		float: left;
		margin:2px 0px 0px 5px;
		padding:0px 0px 4px 20px;
		width:150px;
		height:20px !important;
			font-weight:bold;
		
		}
		.menu li li:hover {
		background:#772A90;
		color:#ffffff!important;
		text-decoration:none;
		width:150px;
		height:20px !important;
		-webkit-transition-duration:1.6s; /*Webkit: Animation duration*/
-moz-transition-duration:1.6s; /*Mozilla duration version*/
-o-transition-duration:1.6s;}
	.menu li:hover li a{
		background:none;
		color:#ffffff !important;
		display:block !important;
		float: left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width:160px;
		height:20px !important;
		
		}
	.menu li ul a{
		display:block;
		height:20px;
		font-size:12px;
		font-style:normal;
		font-weight:bold;
		margin:0px;
		padding:0px 0px 0px 0px;
		text-align:left;
		width:160px;
		
		}
		.menu li ul li ul{
		display:none;
		position:relative;
		visibility:hidden;
		margin-top:0px;
		
		}
		.menu  li ul li ul li ul {
		display:none !important;
		position:relative;
		visibility:hidden;
		margin-top:0px;
		background: #047CB1 !important;
		
		}
		.menu  li ul li ul li:hover ul {
		display: block !important;
		position:relative;
		visibility: visible;
		margin:-12px 0px 0px 130px !important;
		float:left;
	
		
		
		}
		
		.menu li ul li ul li 
		{
		background:#F4CAEC!important;
		
		
		}
		.menu li ul li ul li:hover 
		{
		background:#A87ED8!important;
		
		
		}
		.menu li ul li ul li a
		{
		background: none !important;
		
		
		}
		.menu li ul li ul li a:hover
		{
		color: #FFFFFF !important;
		text-decoration:none;
		width:160px;
		height:20px !important;
		margin:0px 0px 0px 0px;
		padding:0px 0px 4px 0px;
		}
		.menu li ul li:hover ul{
		display:block;
		position:absolute;
		visibility: visible;
		margin:5px 0px 0px 130px;
		
		}
		
		.menu li ul li ul li:hover a{
		
			background: none;
			color: #FFFFFF !important;
			text-decoration:none;
			width:160px;
		height:20px !important;
		margin:0px 0px 0px 0px;
		padding:0px 0px 4px 0px;
				
			}
	.menu p{
		clear:left;
		}	

		

#show 
{
background:url(../images/menuhover.png) bottom no-repeat;
width:100px;
height:35px;
margin:0px 0px 0px 0px;
color:#772a90;
}

#main-content
{
width:100%;
height:auto;
margin:auto;
padding:auto;
display:table;
}


.main
{
width:990px;
margin:15px 0px 0px 15px;
float:left;
height:auto;
padding:0px 0px 10px 0px;
background:url(../images/bg.png) repeat-y;
}
.main p
{
width:940px;
margin:5px 0px 10px 0px;
height:auto;
float:left;
padding:0px 0px 5px 10px;
font-size:14px;
color:#000000;
font-family:Trebuchet MS;
text-align:justify;

	 
}
.main p b a 
{

font-size:12px;
color:#772A90;
font-family:Trebuchet MS;
text-align:justify;
}
.main p b a:hover
{

font-size:12px;
color:#b842df;
font-family:Trebuchet MS;
text-align:justify;
}
.main p img
{
width:200px;
height:180px !important;
margin:0px 0px 0px 0px;
height:auto;
padding:5px 20px 5px 0px;
float:left;
}

.main h1
{
width:940px;
margin:0px 0px 0px 10px;
height:auto;
padding:0px 0px 0px 0px;
font-size:22px;
color:#772a90;
font-family:Trebuchet MS;
font-style:italic;
float:left;
height:28px;
}
.main h1 a
{
width:940px;
margin:0px 0px 0px 0px;
height:auto;
padding:0px 0px 0px 0px;
font-size:22px;
color:#772a90;
font-family:Trebuchet MS;
font-style:italic;
float:left;
}
.main h2 
{
width:657px;
margin:0px 0px 0px 18px;
height:auto;
padding:0px 0px 0px 0px;
font-size:18px;
color:#C4CF39;
font-family:Trebuchet MS;
font-style:italic;
}
.main h2 a
{
width:657px;
margin:0px 0px 0px 0px;
height:auto;
padding:0px 0px 0px 0px;
font-size:18px;
color:#C4CF39;
font-family:Trebuchet MS;
font-style:italic;
}
.main h3
{
width:970px;
margin:0px 0px 0px 0px;
height:auto;
padding:0px 0px 0px 18px;
font-size:16px;
color:#C4CF39;
font-family:Trebuchet MS;

border-radius:10px 10px 0px 0px;
		-moz-border-radius:10px;
       -webkit-border-radius:10px;
	   float:left;
}

.mainp h1
{
width:940px;
margin:0px 0px 0px 10px;
height:auto;
padding:0px 0px 0px 0px;
font-size:22px;
color:#772a90;
font-family:Trebuchet MS;
font-style:italic;
float:left;
height:28px;
background:#00FF00;
}
.read
{
float:right;
margin:0px 0px 0px 0px;
font-size:13px;
color:#772A90;
width:100px;
font-family:Trebuchet MS;
font-weight:bold;
}
#main-footer
{
width:100%;
background:url(../images/footer.png) repeat-x;
height:100%;
margin:auto;
padding:auto;
}
.footer
{
width:1000px;
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
height:182px;
float:left;
}
.left
{
float:left;
width:110px;
height:auto;
margin:0px 0px 0px 10px;


}
.left h1
{
width:100px;
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:18px;
color:#772A90;
font-family:Trebuchet MS;
font-style:italic;

}
.left ul
{
width:110px;
margin:0px 0px 0px 0px;
}
.left ul li 
{
width:110px;
height: auto;
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:12px;
font-family:Trebuchet MS;
list-style:none;
color:#454244;
list-style:none;
line-height:15px;
 
-webkit-transition-duration:0.6s; /*Webkit: Animation duration*/
-moz-transition-duration:0.6s; /*Mozilla duration version*/
-o-transition-duration: 0.6s;
}
.left ul li:hover
{
z-index:1;
color:#772A90;
text-decoration:underline;
}
.center
{
float:left;
width:190px;
height:auto;
margin:0px 0px 0px 0px;


}
.center h1
{
float:left;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
font-size:18px;
color:#772A90;
font-family:Trebuchet MS;
font-style:italic;

}
.center h2
{

float:left;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
font-size:18px;
color:#772A90;
font-family:Trebuchet MS;
font-style:italic;
}
.center ul
{
width:190px;
margin:0px 0px 0px 0px;
}
.center ul li 
{
width:180px;
height:auto;
float:left;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
font-size:12px;
font-family:Trebuchet MS;
color:#454244;
list-style:none;
line-height:14px; 
-webkit-transition-duration:0.6s; /*Webkit: Animation duration*/
-moz-transition-duration:0.6s; /*Mozilla duration version*/
-o-transition-duration: 0.6s;
}
.center ul li:hover
{
z-index:1;
color:#772A90;
text-decoration:underline;

}
.contact
{
float:left;
width:380px;
height:auto;
margin:0px 0px 0px 0px;


}
.contact h1
{
width:340px;
float:left;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
font-size:18px;
color:#772A90;
font-family:Trebuchet MS;
font-style:italic;

}
.contact h2
{
width:340px;
float:left;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
font-size:16px;
color:#772A90;
font-family:Trebuchet MS;
font-style:italic;
text-decoration:none;
}
.contact h3
{
width:270px;
float:left;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
font-size:12px;
color:#772A90;
font-family:Trebuchet MS;
text-decoration:none;
}
.contact p
{width:370px;
float:left;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
font-size:12px;
color:#454244;
font-family:Trebuchet MS;
text-align:left;
line-height:12px;

}
.contact b
{
color:#772A90;
}
.footer-right
{
float:right;
margin:5px 5px 0px 0px;
padding:0px 0px 0px 0px;
font-size:10px;
color:#454244;
width:290px;
text-align:left;
line-height:14px;
height:auto;
text-align:justify;

}
.footimg
{
width:103px;
margin:80px 5px 0px 0px;
float:right;
height:31px;

}
.copyright
{
width:372px;
margin:-10px 0px 0px 0px;
float:right;
font-size:8px;
color:#772A90;
padding:0px;

}
.enquiry_form
{
height:495px;
width:440px;
float: left;
margin:10px 0px 20px 20px;
background:none;
padding:20px 20px 0px 20px;
background:#772A90;
-moz-border-radius:18px;
-o-border-radius:18px;
border-radius:18px 0px 0px 18px;
-webkit-border-radius:18px;
border:#F4CAEC 2px solid;
}
.enquiry_form div
{
width:430px;
float: left;
height:auto;
color:#F4CAEC;
font-size:14px;
font-family:Trebuchet MS;
margin-top:4px;
font-weight: normal;
margin-right:13px;
margin-left:13px;
position:relative;
display:block;
margin-bottom:5px;
text-shadow:none;
font-weight:bold;
}
.enquiry_form input
{
-moz-box-shadow: 0px 1px 0px #777;
-webkit-box-shadow: 0px 1px 0px #777;
background: #ddd url('img/inputSprite.png') no-repeat 4px 5px;
background: url('img/inputSprite.png') no-repeat 4px 5px, -moz-linear-gradient(
           center bottom,
           rgb(238,238,238) 0%,
           rgb(238,238,238) 54%,
           rgb(238,238,238) 100%
           );
	  background:  url('img/inputSprite.png') no-repeat 4px 5px, -webkit-gradient(
          linear,
          left bottom,
          left top,
          color-stop(0, rgb(238,238,238)),
          color-stop(0.54, rgb(238,238,238)),
          color-stop(1, rgb(238,238,238))
          );
color:#535651;
-moz-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
-webkit-border-radius:8px;
background:#F4CAEC;

}
.enquiry_form input:hover
{
background:#F0EFEF;
}
.txt_box
{
color:#818181;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:50px;
width:406px;
float:right;
margin:0px;
background:#F4CAEC;
-moz-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
-webkit-border-radius:8px;
}
.txt_area
{
color:#4F524D;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:23px;
width:326px;
float:right;
margin:0px;
}
.enquiry_form  select 
{
height:23px;
width:326px;
float:right;
color: #4F524D;
font-family:Trebuchet MS;
font-size:11px;
font-weight: normal;
-moz-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
-webkit-border-radius:8px;
background:#F4CAEC;
}
.enquiry_form  textarea 
{
color:#4F524D;
font-family:Arial;
font-size:12px;
font-weight: normal;
height:50px;
width:326px;
float:right;
margin:0px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px ;
background:#F4CAEC;
}
.enquiry_form textarea:hover
{
background:#F0EFEF;
}
.enquiry_form select:hover
{
background:#F0EFEF;
}
.button
{
height:25px;
width:80px;
border:none;
cursor:pointer;
color:#262016!important;
font-family: Arial!important;
 border:2px solid #F4CAEC;
 font-weight:bold;
box-shadow: 0px 1px 0px #F4CAEC !important;
-moz-box-shadow: 0px 1px 0px #F4CAEC !important;
-webkit-box-shadow: 0px 1px 0px #F4CAEC !important;
float:right !important;
margin-top:5px !important;
margin-right:5px !important;
}
.button:hover
{
 color:#772A90!important;
 border:2px solid #F4CAEC;
 box-shadow: 0px 1px 0px #F4CAEC!important;
-moz-box-shadow: 0px 1px 0px #F4CAEC!important;
-webkit-box-shadow: 0px 1px 0px #F4CAEC !important;
}
#contact
{
height:495px;
width:430px;
float: left;
margin:10px 0px 8px 0px;
-moz-border-radius:0px 20px 20px 0px;
-webkit-border-radius:0px 20px 20px 0px;
border-radius:0px 20px 20px 0px;
background:#772A90;
padding:10px 0px 10px 10px;
border:#F4CAEC 2px solid;
}
#contact a
{
color:#CCCCCC;
}
#contact a:hover
{
color:#CCCCCC;
text-decoration:underline;
}
#contact h3
{
height: auto;
width:420px;
float:left;
margin:0px 0px 20px 0px;
background: none;
padding:5px 5px 6px 0px;
text-align:left;
color:#ffffff;
font-size:21px;
font-weight:normal;
border-bottom:2px solid #ffffff;
}
#contact h1
{
height: auto;
width:410px;
float:left;
margin:0px 0px 0px 0px;
background: none;
padding:5px 5px 6px 0px;
text-align:left;
color:#262016;
font-size:18px;
font-weight:normal;
}
#contact h2
{
height: auto;
width:430px;
float:left;
margin:0px 0px 10px 0px;
background: none;
padding:0px 0px 0px 0px;
text-align:left;
color:#F4CAEC;
font-size:22px;
font-weight:normal;
}
#contact font
{
font-family: Trebuchet MS;
font-size:14px;
color: #ffffff;
font-weight:bold;
width:300px;
float:left;
margin:0px 0px 0px 0px ;
}

#contact b
{
font-size:15px;
color:#F2DEED;
font-weight:bold;
float:left;
width:120px;
margin:0px 0px 0px 0px ;
}


.table
{
width:840px;
border:none;
float:left;
margin:10px 0px 20px 10px;
padding:0px 0px 0px 0px;
font-size:14px;
font-family:Arial!important;
color:#000000;
}
.table b
{
color:#772A90;
}
#img-gallery
{
width:986px;
margin:0px 0px 40px 0px;
padding:0px 0px 0px 0px;

}
#img-gallery div
{
width:230px;
height:180px;
margin:20px 0px 30px 10px;
padding:0px 0px 0px 0px;
float:left;
}
#img-gallery div img
{
width:230px;
height:180px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}

#img-gallery div b
{
width:230px;
margin:5px 0px 0px 0px;
height:auto;
padding:0px 0px 0px 0px;
font-size:12px;
color:#737373;
font-family:Trebuchet MS;
float:left;
text-align:center;
}
#img-gallery div:hover b
{
width:230px;
margin:5px 0px 0px 0px;
height:auto;
padding:0px 0px 13px 0px;
font-size:12px;
color:#772A90;
font-family:Trebuchet MS;
float:left;
text-align:center;
}

#main-slider
{
width:100%;
height:257px;
margin:auto;
padding:auto;
display:table;
background:url(../images/sliderbgu.png) repeat-x;
}
.box_skitter {position:relative;width:866px;height:242px; margin:7px 0px 0px 65px;
padding:0px 0px 0px 0px; background:url(../images/sliderbg.png) no-repeat;
	}
.box_skitter img { width:845px;height:232px; margin:5px 0px 0px 10px; padding:0px 0px 0px 0px;} /* Tip for stildv */
.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden;position:relative;}
.box_skitter .image {overflow:hidden;}
.box_skitter .image img {display:none;}

/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;}

/* =Navigation
-------------------------------------------------------------- */
.box_skitter .prev_button {position:absolute;top:50%;left:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/prev.png) no-repeat left top;}
.box_skitter .next_button {position:absolute;top:50%;right:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/next.png) no-repeat left top;}

/* =Numbers
-------------------------------------------------------------- */
.box_skitter .info_slide {position:absolute;top:0px; margin:178px 0px 0px 390px;z-index:100;background:#1B1C23;color:#fff;font:bold 11px arial;padding:1px 0px 1px 1px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:0.75; visibility:hidden;}
.box_skitter .info_slide .image_number {background:#333;float:left;padding:1px 5px;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.box_skitter .info_slide .image_number_select {background:#cc0000;float:left;padding:1px 5px;margin:0 5px 0 0;}

/* =Thumbs
	Change width and height to customization dimension thumb
-------------------------------------------------------------- */
.box_skitter .container_thumbs { position:relative;overflow:hidden;height:50px; }
.box_skitter .info_slide_thumb { height:50px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;top:auto;top:0;left:0;padding:0 !important;opacity:1.0; }
.box_skitter .info_slide_thumb .image_number { overflow:hidden;width:100px;height:50px;position:relative;margin:0 !important; padding:0 !important; -moz-border-radius:0 !important;-webkit-border-radius:0 !important;border-radius:0 !important;}
.box_skitter .info_slide_thumb .image_number img { position:absolute;top:-30px;left:-30px;height:100px;}
.box_skitter .box_scroll_thumbs { padding:0; }
.box_skitter .box_scroll_thumbs .scroll_thumbs { position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101; cursor:pointer;border:0px solid #333; }

/* =Dots
-------------------------------------------------------------- */
.box_skitter .info_slide_dots {position:absolute;bottom:-40px;z-index:151;padding:5px 0 5px 5px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.box_skitter .info_slide_dots .image_number {background:#333;float:left;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;width:18px;height:18px;text-indent:-9999em;overflow:hidden;}
.box_skitter .info_slide_dots .image_number_select {background:#cc0000;float:left;margin:0 5px 0 0;}

/* =Loading
-------------------------------------------------------------- */
.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(../images/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}

/* =Label
-------------------------------------------------------------- */

/* =Preview slide
-------------------------------------------------------------- */
.box_skitter .preview_slide { display:none; position:absolute; z-index:152; bottom:30px; left:-40px; width:100px; height:100px; background:#fff; border:1px solid #222;  overflow:hidden; }
.box_skitter .preview_slide ul { height:100px; overflow:hidden; margin:0; list-style:none; display:block; position:absolute; top:0; left:0; }
.box_skitter .preview_slide ul li { width:100px; height:100px; overflow:hidden; float:left; margin:0; padding:0; position:relative; display:block; }
.box_skitter .preview_slide ul li img { position:absolute; top:0; left:0; height:150px; width:auto; }

/* =Focus
-------------------------------------------------------------- */
#overlay_skitter { position:absolute; top:0; left:0; width:100%; z-index:9998; opacity:1; background:#000; }

.box_skitter .focus_button {position:absolute;top:50%;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/focus-button.png) no-repeat left top;opacity:0;}
.box_skitter .play_pause_button {position:absolute;top:50%;z-index:151;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/pause-button.png) no-repeat left top;opacity:0;}
.box_skitter .play_pause_button.play_button {background:url(../images/play-button.png) no-repeat left top;}

/* =Example for dimenions
-------------------------------------------------------------- */
.box_skitter_large {width:866px;height:242px; }
.box_skitter_small {width:200px;height:100px;}
/* CSS Document */