/* CSS Document */

body
{
padding:auto;
margin:auto;
display:table;
width:100%;
height:100%;
background: url(../images/bg.png) repeat;
}
.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/headerline.png)repeat-x;
}
#mainframe
{
width:1000px;
height:auto; 
position:relative;
margin:auto;
padding:auto;
display:table;
}

#header
{
width:1000px;
height:146px; 
position:relative;
margin:0px 0px 0px 0px;
padding:auto;
display:table;
}
#logo
{
width:855px;
height:106px;
position:absolute;
margin:20px 0px 0px 15px;
padding:auto;
display:table;
float:left;
background:url(../images/logo.png) no-repeat;
}

.serch_box
{
position:relative;
float:right;
background:url(../images/seacrh.png)no-repeat;
height:44px;
width:141px;
margin:25px 10px 0px 0px;
padding:4px 0px 0px 0px;
}
.txtarea_serxh
{
background: none;
width:115px;
float:left;
height:17px;
margin:-3px 0px 0px 0px;
border:none;
color:#ffffff;
font-weight: normal;
font-family:Trebuchet MS;
font-size:10px;
text-indent:0px;
padding-left:6px;
}
.serch_box_button
{
height:32px;
width:30px;
float:right;
margin:-26px -5px 0px 0px;
background:url(../images/searchbutton.png) no-repeat;
border:none !important;

}
.serch_box_button:hover
{
cursor: pointer;
}


.menu
{
width:1000px;
margin:11px 0px 0px 0px;
position:relative;
float:left;
height:80px; border-bottom:solid 2px;
}
.menu ul
{
height:auto; 
float:left;
margin:0px 0px 0px 0px;
list-style-type:none;
}
.menu li	
{
float:left;
width:110px;
margin:0px 20px 0px 10px;
padding:0px;
}
.menu li a{
		
		color:#3A3A3A;
		display:block;
		font-size:11px;
		font-weight:normal;
		line-height:24px;
		margin:10px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		text-align: center;
		text-decoration:none;
		padding-top:0px;
		width:110px;
		height:85px;
		font-family:Trebuchet MS;
		font-weight:bold;
		
		}
		.menu li a b{
		
		color:#3A3A3A;
		font-size:12px;
		font-weight:normal;
		font-family:Trebuchet MS;
		text-align:center;
		
		}
		 .menu ul  li:hover a{			
			color:#C10C00;
			margin:-10px 0px 0px 0px;
			padding:20px 0px 0px 0px;
background:url(../images/manuhover.png)no-repeat;
		}
		.menu ul  li:hover b{			
			color:#C10C00;
			margin:-10px 0px 0px 0px;
			padding:40px 0px 0px 0px;
		}
.menu li ul{

		display:none;
		height:auto;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		border:0px;
		position:relative;
		width:210px;
		z-index:999;
		padding-top:0px;
		float:left;
		
		/*top:1em;
		/*left:0;*/
		}
.menu li:hover ul{
		display:block;
		background:#616467;
		margin:-20px 0px 0px 5px;
		padding:0px 0px 0px 0px;
		}
		
	.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:#585A5C!important;
		margin:0px 0px 0px 110px;
		
		
		}
.menu li li {
background:#616467;
		display:block !important;
		float: left;
		margin:2px 0px 0px 0px;
		padding:0px 0px 4px 20px;
		width:190px;
		height:20px !important;
			font-weight:bold;
		
		}
		.menu li li:hover {
		background:#232020;
		color:#ffffff!important;
		text-decoration:none;
		width:190px;
		height:20px !important;
		}
	.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:190px;
		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:200px;
		
		}
		.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:#3A3A3A!important;
		
		
		}
		.menu li ul li ul li:hover 
		{
		background:#00AEEF!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:170px;
		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:170px;
		height:20px !important;
		margin:0px 0px 0px 0px;
		padding:0px 0px 4px 0px;
				
			}
	.menu p{
		clear:left;
		}	

		
#show 
{
color:#C10C00 !important;
			margin:-10px 0px 0px 0px;
			padding:20px 0px 0px 0px;
background:url(../images/manuhover.png)no-repeat;

}

#show b
{
color:#C10C00 !important;
			margin:-10px 0px 0px 0px;
			padding:40px 0px 0px 0px;

}
#main-content
{
width:100%;
height:auto;
margin:auto;
padding:auto;
display:table;
background:#ffffff;
}
.main
{
width:1000px;
margin:0px 0px 0px 0px;
float:left;
height:auto;
padding:0px 0px 20px 0px;
}

.main p
{
width:980px;
margin:0px 0px 10px 0px;
height:auto;
float:left;
padding:10px;
font-size:14px;
color:#777779;
font-family:Trebuchet MS;
text-align:justify;

	 
}
.main p a 
{

font-size:12px;
color:#777779;
font-family:Trebuchet MS;
text-align:justify;
font-weight:bold;
}
.main p a:hover
{

font-size:12px;
color:#C31302;
font-family:Trebuchet MS;
text-align:justify;
}
.main p img
{
width:200px;
height:190px;
margin:0px 0px 0px 0px;
height:auto;
padding:5px 0px 5px 10px;
float:right;
}

.main h1
{
width:968px;
margin:10px 0px 0px 10px;
padding:0px 0px 0px 0px;
font-size:22px;
color:#262016;
font-family:Trebuchet MS;
float:left;
height:28px;
}
.main h1 a
{
font-size:22px;
color:#262016;
font-family:Trebuchet MS;
}
.main h2 
{
width:900px;
margin:0px 0px 0px 10px;
height:auto;
padding:0px 0px 0px 0px;
font-size:18px;
color:#3A3A3A; float:left;
font-family:Trebuchet MS;
}
.main h2 a
{
width:657px;
margin:0px 0px 0px 0px;
height:auto;
padding:0px 0px 0px 0px;
font-size:18px;
color:#3A3A3A;
font-family:Trebuchet MS;
}
.main h3
{
width:950px;
margin:0px 0px 0px 0px;
height:auto;
padding:0px 0px 0px 10px;
font-size:16px;
color:#00ADEF;
font-family:Trebuchet MS;

border-radius:10px 10px 0px 0px;
		-moz-border-radius:10px;
       -webkit-border-radius:10px;
	   float:left;
}
.main h4
{
width:898px;
margin:10px 0px 0px -12px;
height:auto;
padding:0px 0px 0px 20px;
font-size:22px;
color:#262016;
font-family:Trebuchet MS;
font-style:italic;
float:left;
height:48px;
background:url(../images/h4.png) no-repeat;
}
.main h5
{
width:898px;
margin:10px 0px 0px 0px;
height:auto;
padding:0px 0px 0px 20px;
font-size:22px;
color:#262016;
font-family:Trebuchet MS;
font-style:italic;
float:left;
height:48px;
background:url(../images/h5.png) no-repeat;
}
.read
{
float:right;
margin:0px 0px 0px 0px;
font-size:13px;
color:#C31200;
width:100px;
font-family:Trebuchet MS;
font-weight:bold;
}
#main-footer
{
width:100%;
background:url(../images/footerbg.png) repeat-x;
height:100%;
margin:auto;
padding:auto;
}
.footer
{
width:1000px;
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
height:auto;
float:left;
background:url(../images/footer.png) no-repeat #FFFFFF;

}

.footimg
{
margin:5px 5px 5px 5px;
float:right;

}
.copyright
{
margin:15px 10px 0px 0px;
float:left;
font-size:9px;
color:#fff;
padding:0px;

}
.enquiry_form1
{
height:495px;
width:440px;
float: left;
margin:10px 0px 20px 0px;
background:none;
padding:20px 20px 0px 0px;

}
.enquiry_form1 div
{
width:530px;
float: left;
height:auto;
color:#262016;
font-size:14px;
font-family:Trebuchet MS;
margin-top:7px;
font-weight: normal;
margin-right:13px;
margin-left:13px;
position:relative;
display:block;
margin-bottom:5px;
text-shadow:none;
font-weight:bold;
}
.enquiry_form1 input
{
color:#535651;
}
.enquiry_form1 input:hover
{

}
.enquiry_form1 .txt_box
{
color:#818181;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:50px;
width:546px;
float:right;
margin:0px;

}
.enquiry_form1 .txt_area
{
color:#4F524D;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:23px;
width:446px;
float:right;
margin:0px;
}
.enquiry_form1  select 
{
height:23px;
width:446px;
float:right;
color: #4F524D;
font-family:Trebuchet MS;
font-size:11px;
font-weight: normal;
}
.enquiry_form1  textarea 
{
color:#4F524D;
font-family:Arial;
font-size:12px;
font-weight: normal;
height:50px;
width:446px;
float:right;
margin:0px;

}
.enquiry_form1 textarea:hover
{

}
.enquiry_form1 select:hover
{

}
.enquiry_form1 .button
{
height:25px;
width:80px;
border:none;
cursor:pointer;
color:#262016!important;
font-family: Arial!important;
float:right !important;
margin-top:5px !important;
margin-right:5px !important;
}
.enquiry_form1 .button:hover
{
 color:#262016!important;}
 
 
 
 
 
 
 
 .enquiry_form
{
height:495px;
width:440px;
float: left;
margin:10px 0px 20px 20px;
background:none;
padding:20px 20px 0px 20px;
background:#DFDFDF;
-moz-border-radius:18px;
-o-border-radius:18px;
border-radius:18px 0px 0px 18px;
-webkit-border-radius:18px;
border:#262016 2px solid;
}
.enquiry_form div
{
width:430px;
float: left;
height:auto;
color:#262016;
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:#FEFEFE;

}
.enquiry_form input:hover
{
background:#FEFEFE;
}
.txt_box
{
color:#818181;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:50px;
width:406px;
float:right;
margin:0px;
background:#FEFEFE;
-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:#FEFEFE;
}
.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:#FEFEFE;
}
.enquiry_form textarea:hover
{
background:#FEFEFE;
}
.enquiry_form select:hover
{
background:#FEFEFE;
}
.button
{
height:25px;
width:80px;
border:none;
cursor:pointer;
color:#262016!important;
font-family: Arial!important;
 border:2px solid #3A3A3A;
 font-weight:bold;
box-shadow: 0px 1px 0px #3A3A3A !important;
-moz-box-shadow: 0px 1px 0px #3A3A3A !important;
-webkit-box-shadow: 0px 1px 0px #3A3A3A !important;
float:right !important;
margin-top:5px !important;
margin-right:5px !important;
}
.button:hover
{
 color:#262016!important;
 border:2px solid #262016;
 box-shadow: 0px 1px 0px #262016!important;
-moz-box-shadow: 0px 1px 0px #262016!important;
-webkit-box-shadow: 0px 1px 0px #262016 !important;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
#contact
{
height:490px;
width:440px;
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:#DFDFDF;
padding:15px 0px 10px 20px;
border:#262016 2px solid;
}
#contact a
{
color:#CCCCCC;
}
#contact a:hover
{
color:#CCCCCC;
text-decoration:underline;
}
#contact h3
{
height: auto;
width:400px;
float:left;
margin:0px 0px 20px 0px;
background: none;
padding:5px 5px 6px 0px;
text-align:left;
color:#C31302;
font-size:21px;
font-weight:normal;
border-bottom:2px solid #C31302;
}
#contact h1
{
height: auto;
width:400px;
float:left;
margin:0px 0px 0px 0px;
background: none;
padding:5px 5px 6px 0px;
text-align:left;
color:#C31302;
font-size:18px;
font-weight:normal;
}
#contact h2
{
height: auto;
width:400px;
float:left;
margin:0px 0px 0px 0px;
background: none;
padding:0px 0px 0px 0px;
text-align:left;
color:#C31302;
font-size:22px;
font-weight:normal;
}
#contact font
{
font-family: Trebuchet MS;
font-size:14px;
color: #000;
font-weight:bold;
width:320px;
float:left;
margin:0px 0px 0px 0px ;
}
#contact p
{
font-family: Trebuchet MS;
font-size:14px;
color: #000;
font-weight:bold;
width:350px;
float:left;
margin:-5px 0px 20px -8px ;
}
#contact b
{
font-size:15px;
color:#C31302;
font-weight:bold;
float:left;
width:120px;
margin:0px 0px 0px 0px ;
}


.table
{
width:980px;
border:none;
float:left;
margin:10px 0px 20px 10px;
padding:0px 0px 0px 0px;
font-size:14px;
font-family:Arial!important;
color:#777779;
}
#img-gallery
{
width:996px;
margin:0px 0px 40px 0px;
padding:0px 0px 0px 0px;
}
#img-gallery div
{
width:219px;
height:210px;
margin:30px 15px 30px 12px;
padding:0px 0px 0px 0px;
float:left;

}
#img-gallery div img
{
width:219px;
height:190px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}

#img-gallery div b
{
width:219px;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
font-size:12px;
color:#3A3A3A;
font-family:Trebuchet MS;
float:left;
text-align:center;
}
#img-gallery div:hover b
{
width:219px;
margin:0px 0px 0px 0px;
padding:10px 0px 20px 0px;
font-size:12px;
color:#C31302;
font-family:Trebuchet MS;
float:left;
text-align:center;
background:url(../images/galleryhover.png) bottom no-repeat;
}
#img-gallery1
{
width:996px;
margin:60px 0px 40px 0px;
padding:0px 0px 0px 0px;
background:#003399; height:auto;
}
#img-gallery1 div
{
width:313px;
height:336px;
margin:0px 9px 30px 9px;
padding:0px 0px 0px 0px;
float:left;
}
#img-gallery1 div img
{
width:313px;
height:306px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
border:4px solid #000;
border-radius:10px;
}
#img-gallery1 div:hover img
{
border:4px solid #D84237;
}

#img-gallery1 div b
{
width:323px;
margin:5px 0px 0px 0px;
height:auto;
padding:0px 0px 0px 0px;
font-size:14px;
color:#000;
font-family:Trebuchet MS;
float:left;
text-align:center;
}
#img-gallery1 div:hover b
{
color:#C31402;}
#img-gallery2
{
width:986px;
margin:0px 0px 40px 0px;
padding:0px 0px 0px 0px;


}
#img-gallery2 div
{
width:290px;
height:270px;
margin:0px 20px 90px 17px;
padding:0px 0px 0px 0px;
float:left;
}
#img-gallery2 div img
{
width:290px;
height:250px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;border:4px solid #000;
border-radius:10px;
}

#img-gallery2 div b
{
width:290px;
margin:5px 0px 0px 0px;
height:auto;
padding:0px 0px 0px 0px;
font-size:12px;
color:#000;
font-family:Trebuchet MS;
float:left;
text-align:center;
}
#img-gallery2 div b a
{
font-size:12px;
color:#ffffff;
font-family:Trebuchet MS;
text-align:center;
}
#img-gallery2 div:hover b
{
color:#C31402;}

#main-slider
{
width:100%;
height:300px;
margin:auto;
padding:auto;
display:table;
background:url(../images/sliderbg.png) repeat-x;
}
.box_skitter {position:relative;width:996px;height:300px; margin:0px 0px 0px 2px;
padding:0px 0px 0px 0px; float:left; 
	}
.box_skitter img { width:996px;height:300px; margin:0px 0px 0px 0px; 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:996px;height:264px; }
.box_skitter_small {width:200px;height:100px;}
/* CSS Document */