/*  
Theme Name: Airos Chou
Theme URI: http://www.sunflowamedia.com
Description: Web Design examples
*/

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 1px solid #888;
	margin: -4px;	/* Set this to minus the border thickness. */
	background-color: #fff;	
	cursor: move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute !important;
	background-color: #000;
	color: #fff;
	padding: 3px;
	width: 100%;
	text-align: center;	
	font-weight: bold;
	font-size: 10px;
	top: 0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border: 2px solid #ccc;
	overflow: hidden;
	
}

/* This is the loading message. */
.cloud-zoom-loading {
	color: white;	
	background: #222;
	padding: 3px;
	border: 1px solid #000;
}

/*--------------------------------------------
container
--------------------------------------------*/

div.examples_body 
{
   
     width: 900px;
	 margin: 0px auto 100px auto;
	 overflow: hidden;
}

h2.title_name {
     font-family: 'Times New Roman',Times,serif;
	 font-weight: normal;
     font-size: 4em;
     padding: 50px 0 20px 0;
	 margin: 0;
     text-align: center;
	 color: #FFF;
}

h2.title_name span {
     font-family: 'Times New Roman',Times,serif;
     color: #f9f66d;
	 font-size: 0.9em;
	 font-style: normal;
	 font-size-adjust: none;
     font-weight: normal;
     line-height: normal;
}

h2.title_name small {
     color: #505e70;
     display: block;
     font-family: normal Verdana,Arial,Helvetica,sans-serif;
     font-size: 0.19em;
     letter-spacing: 1.0em;
	 font-weight: bold;
     line-height: normal;
     text-transform: uppercase;
	 padding: 3px 0 0 0;
}

/*--------------------------------------------*/
.zoom-section {
     width: 900px;
	 margin: 0px auto 50px auto;
	 padding: 0 0 15px 0;
     clear:both;
	 overflow: hidden;
	
}
.zoom-small-image img
{
   
     border: 1px solid #CCC;
     /*float: left;*/
     float:none;
     
	 margin:0 0 0 0;
}
.zoom-tiny-image 
{ 
  
    
     border: 1px solid #CCCCCC;
     margin: 0;
  
}
.zoom-tiny-image:hover 
{
    
     background-position:center;
     border: 1px solid #f9f66d;
}
#maincontent a {}
a, a:focus, a:active {
     border: medium none;
     outline-color: -moz-use-text-color;
     outline-style: none;
     outline-width: 0;
	 color: #CCC;
}


.zoom-desc ul{ padding:0; border:1px solid #000; width:300px; overflow:hidden; zoom:1;}
.zoom-desc ul li{ float:left; list-style:none;}
.zoom-desc ul li a img{ width:55px; height:64px; margin:0 7px;}