@charset "utf-8";
/* $ShowCase v1.2 jQuery Plugin             
Author: Crusader 12 / July 2012			
Website: www.Crusader12.com				
Exclusive to: http://www.codecanyon.net  
If you did not purchase this plugin from Code Canyon, please notify us at info@Crusader12.com
***************************************************************************************************
NOTE! THIS FILE IS FOR SHOWCASE IMAGE MAPPING SAMPLE ***/
/* RESET */
html,body,span,applet,object,iframe,h1,h2, h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address, big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub, sup,tt,var,u,center,dl,dt, dd,ol,ul,li,fieldset,form,label,legend,table,caption,figcaption,footer,header,hgroup,menu,nav,output,ruby, section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;}
*html .clearfix{height:1%;}a{outline: none;} em{font-style: italic;} .clear {clear:both;float:none;}

body {background-color:#900;}
/***************************************************************************************************/
/* A. STYLING FOR MAIN SHOWCASE IMAGE/ELEMENT */
/***************************************************************************************************/
/* POSITIONS THE ANIMATION ON THE PAGE */
#bokeheffect {
	margin-left:320px;
	width:1200px;
	height:255px;
	position:absolute;
	top:0px;
	z-index:9;
}


/***************************************************************************************************/
/* B. BOKEH ANIMATION */
/***************************************************************************************************/
#showcase_bokeh {width:1200px;height:255px;overflow:hidden;}
.bokeh_1 {background:url('../images/bokeh.png') no-repeat center;}
.bokeh_2 {background:url('../images/bokeh2.png') no-repeat center;}
.bokeh_3 {background:url('../images/bokeh3.png') no-repeat center;}
.bokeh_4 {background:url('../images/bokeh.png') no-repeat center;}