@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;}
/* LOAD FONTS */
@font-face {font-family: 'TitilliumText22LRegular';
src: url('../fonts/TitilliumText22L003-webfont.eot');
src: url('../fonts/TitilliumText22L003-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/TitilliumText22L003-webfont.woff') format('woff'),
url('../fonts/TitilliumText22L003-webfont.ttf') format('truetype'),
url('../fonts/TitilliumText22L003-webfont.svg#TitilliumText22LRegular') format('svg');
font-weight: normal;font-style: normal;}
@font-face {font-family: 'TitilliumText22LMedium';
src: url('../fonts/TitilliumText22L004-webfont.eot');
src: url('../fonts/TitilliumText22L004-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/TitilliumText22L004-webfont.woff') format('woff'),
url('../fonts/TitilliumText22L004-webfont.ttf') format('truetype'),
url('../fonts/TitilliumText22L004-webfont.svg#TitilliumText22LMedium') format('svg');
font-weight: normal;font-style: normal;}
@font-face {font-family: 'TitilliumText22LBold';
src: url('../fonts/TitilliumText22L005-webfont.eot');
src: url('../fonts/TitilliumText22L005-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/TitilliumText22L005-webfont.woff') format('woff'),
url('../fonts/TitilliumText22L005-webfont.ttf') format('truetype'),
url('../fonts/TitilliumText22L005-webfont.svg#TitilliumText22LBold') format('svg');
font-weight: normal;font-style: normal;}
@font-face {font-family: 'RazerObliqueRegular';
src: url('../fonts/razeroblique-webfont.eot');
src: url('../fonts/razeroblique-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/razeroblique-webfont.woff') format('woff'),
url('../fonts/razeroblique-webfont.ttf') format('truetype'),
url('../fonts/razeroblique-webfont.svg#RazerObliqueRegular') format('svg');
font-weight: normal;font-style: normal;}

/***************************************************************************************************/
/* A. STYLING FOR MAIN SHOWCASE IMAGE/ELEMENT */
/***************************************************************************************************/
#IMAGE_MAP {
	width:1200px;
	height:636px;
	padding:0px;
	position:relative;
} 


/***************************************************************************************************/
/* B. TOOLTIP STYLING */
/***************************************************************************************************/
/* TOOLTIP 1 TOOLTIP */
div.SC_ToolTip1 {
	-moz-box-shadow:3px 3px 5px 0px #a2a2a2;
	-webkit-box-shadow:3px 3px 5px 0px #a2a2a2;
	box-shadow:3px 3px 5px 0px #a2a2a2;
	background:url('../images/tooltip_bg.png') repeat-x top;
	cursor:pointer;
}

/* TOOLTIP 1 CONTENT */
div.SC_ToolTip1_Content {
	padding:10px 15px 15px 10px;
	cursor:pointer;
}

/* TOOLTIP 1 IMAGE */
img.SC_ToolTip1_Image {
	width:90px;
	height:74px;
	float:left;
	margin-right:15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-top:1px;
	cursor:pointer;
}

/* TOOLTIP 1 HEADER TEXT */
h2.SC_ToolTip1_Header {
	font-family:'TitilliumText22LMedium';
	font-size:20px;
	color:#FFF;
	cursor:pointer;
}

/* TOOLTIP 1 TEXT */
p.SC_ToolTip1_Text {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	line-height:21px;
	color:#FFFFFF;
	padding-right:5px;
	padding-top:5px;
	cursor:default;
	margin-top:5px;
	cursor:pointer;
}




/* TOOLTIP 2 TOOLTIP */
div.SC_ToolTip2 {
	-moz-box-shadow:3px 3px 5px 0px #000;
	-webkit-box-shadow:3px 3px 5px 0px #000;
	box-shadow:3px 3px 5px 0px #000;
	background:url('../images/tooltip_bg.png') repeat-x top;
}

/* TOOLTIP 2 CONTENT */
div.SC_ToolTip2_Content {
	padding:10px 15px 15px 10px;
	cursor:pointer;
}

/* TOOLTIP 2 IMAGE */
img.SC_ToolTip2_Image {
	width:90px;
	height:74px;
	float:left;
	margin-right:15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-top:3px;
	cursor:pointer;
}

/* TOOLTIP 2 HEADER */
h2.SC_ToolTip2_Header {
	font-family:'TitilliumText22LMedium';
	font-size:20px;
	color:#FFF;
	cursor:pointer;
}

/* TOOLTIP 2 TEXT */
p.SC_ToolTip2_Text {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	line-height:21px;
	color:#ececec;
	padding-right:5px;
	padding-top:5px;
	cursor:default;
	margin-top:5px;
	cursor:pointer;
}



/***************************************************************************************************/
/* C. LIGHTBOX STYLING */
/***************************************************************************************************/
/* APPLIES TO ALL LIGHTBOXES */
.SC_Lightbox {
	background-color:#f5f5f5;
	border:4px solid #272727;
	-moz-box-shadow:4px 4px 10px 0px #000;
	-webkit-box-shadow:4px 4px 10px 0px #000;
	box-shadow:4px 4px 10px 0px #000;
	-webkit-background-clip: padding-box;
}


/* LIGHTBOX 1 LIGHTBOX */
.SC_Lightbox1 {background:#580405 url('../images/lightbox1_image.png') no-repeat bottom;}

/* LIGHTBOX 1 TEXT */
p.SC_Lightbox1_Text {
	font-family:'TitilliumText22LRegular';
	color:#333;
	line-height:22px;
	font-size:16px;
	margin-top:75px;
	cursor:default;
	margin-left:238px;
	width:250px;
}

/* LIGHTBOX 2 LIGHTBOX */
.SC_Lightbox2 {background:#580405 url('../images/lightbox2_image.png') no-repeat bottom;}

/* LIGHTBOX 2 TEXT */
p.SC_Lightbox2_Text {font-family:'TitilliumText22LRegular';color:#333;line-height:22px;font-size:16px;margin-top:75px;cursor:default;margin-left:238px;width:250px;}




/* LIGHTBOX 2 TEXT */
p.SC_Lightbox2_Text {
	font-family:'TitilliumText22LRegular';
	color:#333;
	line-height:22px;
	font-size:16px;
	margin-top:75px;
	cursor:default;
	margin-left:238px;
	width:250px;
}


/***************************************************************************************************/
/* D. LIGHTBOX CONTROLS */
/***************************************************************************************************/
/* LIGHTBOX CONTROL BAR - MAIN STYLING */
.SC_Lightbox_Controls{width:100%;height:42px;background:#ececec url('../images/title_repeat.png') repeat-x;border-bottom:2px solid #040707;-moz-border-top-left-radius:8px;-moz-border-top-right-radius:8px;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden;display:block;}
.SC_Lightbox_Controls_Container {padding-right:10px;}/* CONTROLS POSITION OF THREE BUTTONS */
/* LIGHTBOX CLOSE BUTTON */
.SC_Lightbox_Controls .close {background:url('../images/close_SC.png') no-repeat;background-position:left;width:28px;height:28px;margin-left:8px;margin-top:5px;} 
/* LIGHTBOX PREVIOUS BUTTON */
.SC_Lightbox_Controls .prev {background:url('../images/prev_SC.png') no-repeat;background-position:left;width:21px;height:28px;margin-top:5px;}
/* LIGHTBOX NEXT BUTTON */
.SC_Lightbox_Controls .next {background:url('../images/next_SC.png') no-repeat;background-position:left;width:21px;height:28px;margin-left:5px;margin-top:5px;}


