@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 */
/***************************************************************************************************/
/* LARGE SHOWCASE CONTAINER */
#GALLERY_SAMPLE {
	background-color:#EAEAEA;
	border:5px solid #a50104;
	width:1200px;
	height:636px;
} 

/***************************************************************************************************/
/* B. PAGE STYLING FOR GALLERY */
/***************************************************************************************************/
/* MAIN PORTFOLIO CONTAINER (LEFT SIDE) */
#PORTFOLIO {
	width:525px;
	margin-left:100px;
	margin-top:45px;
	height:476px;
	float:left;
}

#PORTFOLIO ul {list-style-type:none;}

/* PORTFOLIO LI IMAGES */
#PORTFOLIO ul li {
	width:235px;
	height:170px;
	background-color:#EAEAEA;
	border:4px solid #640000;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

/* MAIN GALLERY DESCRIPTION CONTAINER (RIGHT SIDE) */
#GALLERY_DESCRIPTION {
	width:525px;
	float:left;
	height:476px;
	margin-top:45px;
}

/* RIGHT SIDE H3 HEADER */
#GALLERY_DESCRIPTION h3 {
	font-family:'TitilliumText22LRegular';
	font-size:32px;
	color:#999;
	margin-top:10px;
	border-bottom:3px dotted #CCC;
	padding-bottom:5px;
	cursor:default;
}

/* RIGHT SIDE DESCRIPTION TEXT */
#GALLERY_DESCRIPTION p {
	margin-left:15px;
	margin-top:20px;
	color:#999;
	font-size:19px;
	font-family:'TitilliumText22LRegular';
	cursor:default;
}

/* RIGHT SIDE DESCRIPTION FEATURES LIST */
#GALLERY_DESCRIPTION ul {
	list-style-type:none;
	margin-left:30px;
	margin-top:25px;
}

/* RIGHT SIDE DESCRIPTION FEATURES LIST ITEMS */
#GALLERY_DESCRIPTION ul li {
	list-style-type:disc;
	font-family:'TitilliumText22LRegular';
	font-size:15px;
	color:#666;
	margin-bottom:10px;
	cursor:default;
}



/***************************************************************************************************/
/* B. TOOLTIP STYLING */
/***************************************************************************************************/
/* THE GALLERY DEMO SHOWS YOU HOW TO USE A SINGLE CLASS TO MAKE ALL TOOLTIPS APPEAR
THE SAME. ALL IMAGE TOOLTIPS USE THE SAME FOLLOWING CLASSES. TO SEE HOW TO STYLE 
INDIVIDUAL TOOLTIPS DIFFERENTLY, REFER TO THE DOCUMENTATION/IMAGE_MAPPING SAMPLE. */

/* TOOLTIP 1 CONTAINER */
div.Gallery_ToolTip {
	padding:10px 15px 15px 10px;
	cursor:pointer;
}

/* TOOLTIP 1 HEADER */
h2.Gallery_ToolTip_Header {
	font-family:'TitilliumText22LMedium';
	font-size:24px;
	color:#FFF;
}

/* TOOLTIP 1 TEXT */
p.Gallery_ToolTip_Text {
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	line-height:19px;
	color:#FFF;
	padding-right:5px;
	padding-top:5px;
	cursor:default;
	margin-top:0px;
	cursor:pointer;
}

/***************************************************************************************************/
/* C. LIGHTBOX STYLING */
/***************************************************************************************************/
/* LIGHTBOXES USE THE SAME CLASS IN THIS EXAMPLE. YOU CAN STYLE LIGHTBOXES INDIVIDUALLY
BASED ON THE HTML YOU WRITE AND THE CLASSES YOU ASSIGN. SEE THE DOCUMENTATION OR
THE IMAGE_MAPPING SAMPLE FOR MORE INFORMATION. */

/* VARIOUS HTML LIGHTBOX COMPONENTS (USED INSIDE LIGHTBOX CONTENT) */
hr {
	width:100%;
	height:1px;
	margin:20px 0px;
	background-color:#cdcdcd;
	outline:none;
	border:none;
}

/* LIGHTBOX TEXT */
p.Lightbox_Text {
	font-family:'TitilliumText22LRegular';
	color:#333;
	line-height:26px;
	font-size:18px;
	cursor:default;
	width:450px;
	margin-left:25px;
	margin-top:15px;
}


/* LIGHTBOX 2 COLUMN STYLING */
.LeftColumn, .RightColumn {
	float:left;
	width:240px;
	margin-right:10px;
}

/* LIGHTBOX IMAGE STYLING */
.Lightbox_Image {
	margin-left:25px;
	margin-bottom:10px;
}

/* CHANGE WIDTH FOR TEXT INSIDE LIGHTBOX COLUMNS */
.LeftColumn p.Lightbox_Text, .RightColumn p.Lightbox_Text {
	width:220px;
}


/***************************************************************************************************/
/* D. LIGHTBOX CONTROLS */
/***************************************************************************************************/
/* LIGHTBOX CONTROL BAR - MAIN STYLING */
.SC_Lightbox_Controls{
	width:100%;
	height:42px;
	overflow:hidden;
}

.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;}