/*------------// GETTING THE NEW TAGS TO BEHAVE // Code by: Mafloral //-------------*/
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }


/* GLOBAL PROPERTIES
---------------------------------------- */
body { 
	background:url(../images/footer-bg.png) top center repeat-y; 
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-size:0.899em; 
	background: #000000;
	line-height:1.2875em;
	color:#999999;
}
html { min-width:1000px;}
html, body { height:100%;}

/* GLOBAL STRUCTURE
---------------------------------------- */

	/*----------------------/ HEADER /----------------------*/
	header{
		height:130px;
		background:url(../images/header_bg.png) top center no-repeat;
		position:relative;
		z-index:20
		}
	
	/*---------------------/ CONTENT /---------------------*/
	section#content {
		background:url(../images/main_bg.jpg) top center no-repeat;
	}
	
/*------------------/ LEFT & RIGHT ALIGNMENT /-----------------------*/

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}
/* ---------------------/ PARAGRAPH STYLING /------------------------ */
p {padding-top:18px font-size:11px; line-height:1.25em;}


/*----------------/ TXT, LINKS, LINES, TITLES /----------------*/
a {color:#36bcda; outline:none; text-decoration:none;}
a:hover, a:focus {color:#ffffff;  text-decoration:none;}
a:active, a:visited { }

blockquote {
	margin:0 5px 0px 5px;
	padding:10px 4px 10px 10px;
	font-size:1.166em; 
	line-height:1.5em;
	color:#36bcda; 
	quotes:none;
}
blockquote.left {background:url(../images/divider-bg.gif) right top repeat-y; width:28%; float:left; margin-right:20px; padding-right:30px; padding-left:0; font-size:15px; line-height:2em;}
blockquote.right {background:url(../images/divider-bg.gif) left top repeat-y; width:29%; float:right; margin-left:0px; padding-left:30px; background-position:15px 0; font-size:15px; line-height:2em;}
blockquote.quote {background:url(../images/quote-bg.png) left top no-repeat; width:80%; padding:0 0 0 35px; background-position:0px 0; margin-top:20px; line-height:1.5em; font-size:20px; color:#4d4d4d}


ins {
    background-color:#36bcda;
    color:#000;
	font-size:12px;
    text-decoration:none;
	}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
	}

del {
    text-decoration: line-through;
	color:#36BCDA;
	}

abbr[title], dfn[title] {
    border-bottom:1px dotted #2baccc;
    cursor:help;
	color:#2baccc;
	text-transform:uppercase;
	}

strong   		   {color:#666666;}
em, dfn  		   { color:#fff;}
dfn 	 		     { color:#fff; font-size:1.16em; letter-spacing:2px;}
sup, sub 		   { }
abbr, acronym  { border-bottom:1px dashed #fff; color:#fff; text-transform:uppercase; font-size:12px;}
address 		   { margin:0 0 1.5em;font-style:italic;}
del 			     { color:#36bcda;}
pre, code, tt  { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; display:block;}
code 			     { background-color:#f6f6f6; display:block; color:#333; padding:3px 2px 3px 5px; line-height:1.67em;  border:1px dotted #333;}
pre 			     { white-space:pre;}
q {color:#fff; font-size:12px; letter-spacing:0px; font-family:"Courier New", Courier, monospace;}
b {color:#36BCDA;}
i {color:#FFFFFF;}
cite {color:#36BCDA;}
small {font-size:0.76em; color:#FFFFFF}
big {font-size:1.75em;  color:#36BCDA;}
sup {vertical-align:top; font-size:0.76em; color:#FFFFFF}
sub {vertical-align:bottom; font-size:0.76em; color:#36BCDA}
kbd {color:#FFFFFF; font-size:0.916em; font-family:"Courier New", Courier, monospace;}
samp {color:#36BCDA; font-size:0.916em; font-family:"Courier New", Courier, monospace;}
var {color:#FFFFFF;}


/*-------------------/ CUSTOM SELECT COLOR /----------------------*/
::selection {
	background: #000000;	 /***** Safari *****/
	}
::-moz-selection {
	background: #000000; /***** Firefox *****/
	}


/*---------------/ HEADER STYLES /---------------*/
h1, h2, h3, h4, h5, h6, h7 {
	color:#666666;
	letter-spacing:-1px;
	line-height:1.25em;
	word-spacing:4px;
}

h1 {	font-size:2.30em;  padding:30px 0 30px 0;} 
	.h1-pad {
		padding:6px 0 23px 0;
		
	}
	h1 strong {
		display:block;
		margin-top:-10px;
		color:#CCCCCC;
	}
	.h1-top {
		padding:80px 0 23px 0;
	}
h2 {	font-size:2.20em;  padding:30px 0 28px 0; } 

h3 {	font-size:2.15em; padding:30px 0 30px 0; } 

h4 {	font-size:2em; padding:30px 0 30px 0; } 

h5 {	font-size:1.60em; padding:30px 0 30px 0; letter-spacing:0;} 

h6 {	font-size:1.50em; padding:30px 0 18px 0; letter-spacing:0;}
	.h6-pad {
		padding:2px 0 16px 0;
		color:#36BCDA;
		font-size:1.25em;
	}
	.h6-pad1 {
		padding:24px 0 16px 0;
		color:#36bcda;
		
	}
h7 {	font-size:1.1em; padding:30px 0 18px 0; letter-spacing:0;}
	.h7-pad {
		padding:2px 0 16px 0;
		color:#36BCDA;
	}
	.h7-pad1 {
		padding:24px 0 16px 0;
		color:#FFFFFF;
	}


.typography {
    font-family:Avanti, Arial, Helvetica, sans-serif;
	font-size:1.25em;
	line-height:1.25em;
	color:#36BCDA;
	display:block;
	padding:40px 0 30px 0;
	letter-spacing:-1px;
}
/* UNORDERED LIST STYLE
---------------------------------------- */

/*----------/ LIST 1 /----------*/
ul.list1 { padding-bottom:15px;}
	ul.list1 li { 
		background:url(http://www.lementstudios.com/mysterio/images/marker1.gif) no-repeat 0 2px;
		padding:0 0 9px 24px;
		font-size:14px;
		position:relative;
		zoom:1;
		}
		ul.list1 li a {
			color:#36BCDA;
			}
			ul.list1 li ul {
				padding:9px 0 0 0; 
				margin-bottom:-10px;
				}



/*---------------------/ LAYOUT PAGE NAVIGATION /----------------------*/
.layouts-nav {width:100%; overflow:hidden; padding-bottom:30px !important; padding-top:30px;}
	.layouts-nav li { float:left; margin-right:20px; background:none !important; padding:0 !important;}
		.layouts-nav li a {
			float:left;
			background:#999999;
			padding:2px 10px;
			color:#FFFFFF;
			text-decoration:none;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			margin-right:10px;
			cursor:pointer;
			behavior: url(http://www.lementstudios.com/mysterio/css/js/PIE.htc);
			position:relative;
			}
		.layouts-nav li a:hover {
			background:#CCCCCC;
			}

/*---------/ ORDERED LIST STYLE /----------*/
ol { padding-bottom:15px;}
	ol li { 
		list-style-position:outside;
		list-style-type:decimal;
		margin-left:24px;
		font-size:1em;
		color:#36BCDA;
		line-height:2em;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		}
		ol .line {
			line-height:1.2875em;
		}
			ol li a {
				color:#4d4d4d;
				text-decoration:none;
				font-weight:normal;
			}
				ol li a:hover {
					text-decoration:underline;
				}

.col-pad {
	padding-left:55px;
}

.list_1 li {
	background:url(../images/list_1-marker.png) left 2px no-repeat;
	padding:0px 0 3px 16px;
	margin-top:4px;
	font-size:1em;
	line-height:1.3846em;
}
.list_1-line li {
	line-height:2em;
	padding:0 0 0 18px;
	font-size:1em;
	margin:0;
	background:url(../images/list_1-marker.png) left 7px no-repeat;
}
.list_1 .line1 {
	line-height:1.1538em;
	padding:4px 0 5px 29px; 
}
	.list_1 li a {
		color:#4d4d4d;
		text-decoration:none;
	}
	.list_1 li a:hover {
		text-decoration:underline;
	}
		.list_1 li ul {
			padding-left:12px;
			padding-top:5px;
		}
			.list_1 li ul li {
				background:url(http://www.lementstudios.com/mysterio/images/list_1-marker1.gif) left 8px no-repeat;
				padding:0 0 0 9px;
				font-size:1em;
				margin:0;
			}

.list_2 {
}
	.list_2 li {
		background:url(../images/list_2-marker.gif) left 10px no-repeat;
		line-height:2em;
		padding:0 0 0px 15px;
		font-family:Arial, Helvetica, sans-serif;
	}
		.list_2 li a {
			color:#4d4d4e;
			text-decoration:none;
		}
			.list_2 li a:hover {
				text-decoration:underline;
			}
		.list_2 .line {
			line-height:1.2857em;
			background:url(../images/list_2-marker.gif) left 5px no-repeat;
		}
			
.list_3 {
}
	.list_3 li {
		background:url(../images/list_3-marker.png) left 10px no-repeat;
		padding:0 0 0px 15px;
		line-height:2em;
	}
	.list_3 .line {
		line-height:1.2857em;
		background:url(../images/list_3-marker.png) left 6px no-repeat;
	}
		.list_3 li a {
			color:#4d4d4d;
			text-decoration:none
		}
			.list_3 li a:hover {
				text-decoration:underline;
			}
.def-list dt {
	color:#4d4d4d !important;
	font-weight:normal;
	line-height:1.5em;
	font-size:1.4285em;
}
	.def-list dd {
		padding:0 0 16px 30px;		
		font-size:1em;
		line-height:1.2857em;
		color:#4d4d4d;
	}

	
	
/*----------/ TABLE STYLING /-----------*/
table { width:100%;}
.table-border {
	border:1px solid #202020;
	width:633px;
	margin-top:15px;
}
table thead th {
	text-align:left;
	background:#36BCDA;
	padding:15px 30px;
	font-size:14px;
	color:#fff;
	font-weight:normal;
	border:1px solid #BFBFBF;
	border-bottom:2px solid #BFBFBF;
	border-top:2px solid #BFBFBF;
	}
table tbody td {
	padding:9px 30px;
	background:#F1F1F1;
	border:1px solid #bfbfbf;
	color:#4d4d4d;
	border-right:1px solid #bfbfbf;
	}
table .verdan {
	font-family:Avanti, Geneva, sans-serif;
	border-right:1px solid #5a5246;
}
table tr:hover td {
	background-color:#fff;
	}



/*-----------/ DROPCAPS STYLE /-----------*/
.dropcap_1 {
	font-size:39px;
	line-height:1em;
	width:35px;
	height:20px;
	line-height:1em;
	color:#4d4d4d;
	font-weight:bold;
	display:block;
	float:left;
}
.dropcap_2 {
	font-size:39px;
	background:url(../images/dropcap.png) no-repeat 50% 0;
	text-align:center;
	width:51px;
	line-height:51px;
	color:#fff;
	font-weight:bold;
	display:block;
	float:left;
	margin-right:8px;
	}
.dropcap_3 {
	font-size:40px;
	width:40px;
	line-height:1em;
	color:#333;
	display:block;
	float:left;
	text-shadow:2px 2px 1px #ccc;
	}
/*-----------/ DIVIDER /-----------*/
.divider {
	background:url(../images/divider-bg.gif) 340px 0px repeat-y;
}
.divider1 {
	background:url(../images/hr.png) 320px 0px repeat-y;
}

.divider2 {
	background:url(http://www.lementstudios.com/mysterio/images/divider-bg1.gif) 598px 0px repeat-y;
}

.main-divider {
	background:url(../images/main-divider-bg.png) 300px 0px repeat-y;
}
.main-divider1 {
	background:url(../images/main-divider-bg.png) 619px 0px repeat-y;
}


.margin {
	margin-top:50px;
}
/*----------/ HORIZONTAL DIVIDER /-----------*/
.hr {
	display:block;
	position:relative;
	padding:20px 0 20px 0;
	border:none;
	background:url(../images/hr.png) 0 50% repeat-x;
	height:2px;
	overflow:hidden;
	font-size:12px;
	margin:0 0px 0 0;
	}
	.hr a {
		position:absolute;
		right:0;
		top:5px;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		background:url(../images/arrow-top.png) no-repeat 0 6px;
		padding-left:13px;
		color:#4d4d4d;
	}
	.hr a:hover { color:#000;}
	

/*---------/ BUTTONS /---------*/
.button_news{
	display:inline-block;
	position: relative;
	padding:-10px -10px -10px -10px;
	font-size:1.07em;
	line-height:1.2307em;
	text-decoration:underline;
	font-weight:regular;
	color:#fff;
	margin-top:20px;
	font-family:TitilliumTitle12_250, Helvetica, sans-serif;
}
.button{
	display:inline-block;
	position: relative;
	padding:8px 20px 8px 15px;
	font-size:1.07em;
	line-height:1.2307em;
	text-decoration:none;
	color:#fff;
	margin-top:20px;
	font-family:TitilliumTitle12_250, Helvetica, sans-serif;
}

	}
.button1 {
	display:inline-block;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	behavior: url(http://www.lementstudios.com/mysterio/css/js/PIE.htc);
	position: relative;
	padding:8px 8px 8px 15px;
	font-size:1.07em;
	line-height:1.2307em;
	text-decoration:none;
	color:#fff;
	margin-top:20px;
	font-family:TitilliumTitle12_250, Helvetica, sans-serif;
}
/*---------/ BUTTON1 STRONG /---------*/
	.button1 strong {
		color:#36BCDA;
		display:inline-block;
		background:url(../images/button1-bg.png) right 0px no-repeat;
		padding:8px 64px 7px 0;
		line-height:1.2307em;
	}
/*---------/ BUTTON1 HOVER WITH BACKGROUND COLOR NOW DISABLED /---------*/	
	.button1:hover {
		background:#;
	}
/*---------/ BUTTON1 HOVER STRONG WITH BACKGROUND IMAGE /---------*/	
		.button1:hover strong {
			color:#fff;
			background:url(../images/button1-strong.png) right 0px no-repeat;
		}
/*---------/ BUTTON1 MARGIN /---------*/		
	.button1-margin {
		margin-top:30px;
	}
/*---------/ BUTTON2 /---------*/
.button2 {
	display:inline-block;
	background:#;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	behavior: url(http://www.lementstudios.com/mysterio/css/js/PIE.htc);
	position: relative;
	padding:8px 5px 5px 0px;
	font-size:1.0em;
	line-height:1.5em;
	text-decoration:none;
	color:#909090;
	margin-top:35px;
	font-family:TitilliumTitle12_250, Helvetica, sans-serif;
}
/*---------/ BUTTON2 STRONG WITH BACKGROUND IMAGE /---------*/
	.button2 strong {
		color:#36BCDA;
		display:inline-block;
		background:url(../images/button1-bg.png) right 0px no-repeat;
		padding:8px 64px 7px 0;
		line-height:1.2307em;
	}
/*---------/ BUTTON2 HOVER WITH BACKGROUND COLOR /---------*/	
	.button2:hover {
		background:#;
		color:#36bcda;
	}
/*---------/ BUTTON3 /---------*/	
.button3 {
	display:inline-block;
	background:#36BCDA;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	behavior: url(http://www.lementstudios.com/mysterio/css/js/PIE.htc);
	position: relative;
	padding:8px 8px 8px 15px;
	font-size:1.07em;
	line-height:1.2307em;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	margin-top:20px;
	font-family:TitilliumTitle12_250, Helvetica, sans-serif;
}
/*---------/ BUTTON3 STRONG WITH BACKGROUND IMAGE /---------*/
	.button3 strong {
		color:#fff;
		display:inline-block;
		background:url(../images/button3-bg.png) right 0px no-repeat;
		padding:8px 64px 7px 0;
		line-height:1.2307em;
	}
/*---------/ BUTTON3 HOVER WITH BACKGROUND COLOR /---------*/	
	.button3:hover {
		background:#999999;
	}
/*---------/ BUTTON4 /---------*/	
.button4 {
	display:inline-block;
	background:#fff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	behavior: url(http://www.lementstudios.com/mysterio/css/js/PIE.htc);
	position: relative;
	padding:0px 0px 0px 0px;
	font-size:1.07em;
	line-height:1.2307em;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	margin-top:20px;
	font-family:TitilliumTitle12_250, Helvetica, sans-serif;
}

/*---------/ LINK /---------*/
.link {
	display:inline-block;
	margin-top:30px;
	color:#fff;
}
/*--------LINK1/---------*/
.link1 {
	text-decoration:none;
}
/*---------/ LINK1 HOVER /---------*/
	.link1:hover {
		text-decoration:underline;
	}
	/*---------/ PHONE /---------*/
.phone {
    width:300px;
	display:inline-block;
	padding:0px 0px 10px 5px;
	font-family:TitilliumTitle12_250, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	line-height:1.25em;
	color:#36BCDA;
	width:100px;
}
/* BLOCKS AND BOXES STYLE
---------------------------------------- */
/* SUPPORTED LIST */	
.supported-list {
	width:100%;
	overflow:hidden;
	}
	.supported-list li {
		float:left;
		background:url(../images/line-ver.gif) 100% repeat-y !important;
		padding:0 0 0 0 !important;
		width:195px;
		margin:0 0 0 12px;
	}
	.supported-list li.first {
		margin-left:0;
	}
	.supported-list li.last {
		padding-right:0;
		background:none !important;
		}
		.supported-list li .inside {
			padding:0 12px 0 0 !important;
		}
		.supported-list li p.img-wrapper {
			width:180px;
			height:114px;
			border:1px solid #c9c9c9;
			overflow:hidden;
			position:relative;
			}
			.supported-list li p.img-wrapper img {
				padding:0;
			}

/*-----------/ INFO BOX /-----------*/
.info-box {
	border:1px solid #36bcda;
	padding:20px 30px 20px 110px;
	color:#020202;
	margin-bottom:20px;
	background:url(../images/info-box-bg.png) repeat;
	position:relative;
	height:1%;
	font-size:1em;
	line-height:1.1428em;
}
	.info-box p.icon {
		position:absolute;
		left:34px;
		top:10px;
		margin:0;
	}

/*-------------/ DOWNLOAD BOX /---------------*/
.download-box {
	border:1px solid #a3c159;
	padding:20px 30px 20px 110px;
	color:#020202;
	margin-bottom:20px;
	background:url(../images/download-box-bg.png) repeat;
	position:relative;
	height:1%;
	font-size:1em;
	line-height:1.1428em;
}
	.download-box p.icon {
		position:absolute;
		left:34px;
		top:10px;
		margin:0;
	}

/*---------------/ NOTIFICATION BOX /---------------*/
.notification-box {
	border:1px solid #e6c555;
	padding:20px 30px 20px 110px;
	color:#020202;
	margin-bottom:20px;
	background:url(../images/notification-box-bg.png) repeat;
	position:relative;
	height:1%;
	font-size:1em;
	line-height:1.1428em;
	}
	.notification-box p.icon {
		position:absolute;
		left:34px;
		top:10px;
		margin:0;
		}

/*-------------/ ERROR MESSAGE BOX /--------------*/
.error-box {
	border:1px solid #ff9999;
	padding:20px 30px 20px 110px;
	color:#020202;
	margin-bottom:20px;
	background:url(../images/error-box-bg.png) repeat;
	position:relative;
	height:1%;
	font-size:1em;
	line-height:1.1428em;
	}
	.error-box p.icon {
		position:absolute;
		left:34px;
		top:10px;
		margin:0;
		}






/* HEADER
---------------------------------------- */
.header-col {
	float:right;
	width:480px;
}
	.logo {
		padding:21px 0 0 0;
	}
		.logo a {
			display:block;
			width:240px;
			height:77px;
			background:url(../images/logo.png) left top no-repeat;
			text-indent:-5000px;
		}
header .alignright {
	padding:40px 0 0 0;
	font-size:0.714em;
	line-height:1.2307em;
	text-transform:uppercase;
	color:#a0a286;
}
	header .alignright a {
		color:#fff;
	}
/* PAGES
---------------------------------------- */

/*----------/ 404 PAGE /-----------*/
.box-404 {
	background:url(../images/box-404-bg.jpg) left top no-repeat;
	height:599px;
	margin:41px 0 44px 0px;
	padding:45px 0 0 540px;
	font-size:1em;
	line-height:1.3846em;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
}
.button_404 {	
	        float:right;
	        color:#666666;
	        font-size:14px;
	        text-decoration:none;
	        padding-right:5px;
	        padding-top:20px;
	        font-family:Arial, Arial, Helvetica, sans-serif;	
}
            .button_404 :hover  {			
			 color:#36bcda;
}			 
	.box-404 h2 {
		font-size:3.25em;
		line-height:1.2307em;
		padding:0px 0 0px 0;
		color:#36BCDA;
		letter-spacing:-2px;
	}
	.box-404 h1 {
		font-size:2.75em;
		line-height:1.2307em;
		padding:0px 0 72px 0;
		color:#666666;
		margin-top:-15px;
		letter-spacing:-2px;
	}
		.text-404 {
			width:220px;
			padding-left:0px;
			line-height:1.2857em;
			padding-right:5px;
	        padding-top:-10px;
		}
			.text1-404 {
			    width:300px;
				color:#cccccc;
				padding:15px 0 0 0px;
			}
/* UNDER CONSTRUCTION PAGE =====*/
#under-construct {
/* BACKGROUND FOR PAGES =====*/
	background:url(../images/main_bg.jpg) top center no-repeat #000000;
}
/* CONSTRUCTION BOX */
#constuction-box {
	width:800px;
	height:500px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-250px;
	background:#101010;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-color:#ccc;
	box-shadow:0 0 10px #101010;
	-moz-box-shadow:0 0 10px #101010;
	-webkit-box-shadow:0 0 10px #101010;
	text-align:center;
	behavior:url(http://www.lementstudios.com/mysterio/css/js/PIE.htc);
	}
	/*-----------------------------/ UNDER CONSTRUCTION SOCIAL ICONS /----------------------------------*/
.socials_construction {
		float:center;
		padding:0px 0px 0 0;
		margin-top:20px;
	}
		.socials_construction a {
			display:inline-block;
			margin-left:3px;
		}
	/*---------------------------------/ CONSTRUCTION BOX INSIDE /--------------------------------------*/
	#constuction-box .inside {
		padding:40px 40px 40px 40px;
		}
		/* DIV LINE */	
		#constuction-box h1 {
			font-weight:700;
			text-align:center;
			font-family:"TitilliumTitle12", Times, serif;
			font-size:2.5em;
			margin-bottom:.2em;
			line-height:1.2em;
			letter-spacing: 2px;
			border-bottom: 1px solid #333333;
			padding:0px 0 10px 0
			}
			/* TITLE */
			#constuction-box h1 em { 
				text-transform:uppercase;
				color:#36bcda;
				font-size:1em;
				display:block;
			}
			#constuction-box h1 strong {
				padding:0;
				font-size:1em;
			}
			
	/*---------------------/ COUNTDOWN /-----------------------*/
	#countdown_dashboard {
		height: 110px;
		padding:30px 0 40px 0;
		width:650px;
		margin:0 auto;
		position:relative;
		}
		/*--------------/ DASH BACKGROUND /--------------------*/
	.dash {
		width: 110px;
		height: 114px;
		background: transparent url('../images/dash.png') 0 0 no-repeat;
		float: left;
		margin-left: 20px;
		position: relative;
		}
	/*-------------------/ DASH DIGITS /-----------------------*/
	.dash .digit {
		font-size:65px;
		line-height:85px;
		font-weight: regular;
		float: left;
		width: 55px;
		text-align: center;
		font-family:"TitilliumTitle12", Times, serif;
		color: #101010;
		position: relative;
	}
		.dash .digit .bottom {
			font-size:75px;
			line-height:85px;
		}
	/*-------------------/ DASH DIGITS TITLES /----------------*/
	.dash_title {
		position: absolute;
		display: block;
		bottom: 0px;
		left:0;
		font-size: 12px;
		color: #303030;
		text-transform: uppercase;
		letter-spacing: 2px;
		width:110px;
	}
	/*-----------------/ DASH DIGITS /----------------*/
	.dev_comment {
		font-size: 14pt;
		color: #36BCDA;
		text-align: center;
		font-style: italic;
		margin: 40px 10px;
	}
	.faded {
		color: #999999;
	}
	
	
	
	

/*---------------/ INTRO PAGE /----------------*/
#intro-box {
	width:1090px;
	height:650px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-546px;
	margin-top:-330px;
	background:#101010;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-color:#101010;
	box-shadow:0 0 10px #000000;
	-moz-box-shadow:0 0 10px #000000;
	-webkit-box-shadow:0 0 10px #000000;
	text-align:center;
	behavior:url(http://www.lementstudios.com/mysterio/css/js/PIE.htc);
	float:left;
	}
	#intro-box .inside {
		padding:40px 40px 40px 40px;
		}
		#intro-box h1 {
			font-weight:700;
			text-align:center;
			font-size:1.45em;
			margin-bottom:.2em;
			line-height:1.2em;
			position:relative;
			right:0;
			top:-65px;
			text-align:left;
			left:5px;
			width:1000px;
			overflow:hidden;
			height:100px;
			color:#36bcda;
			}
		#intro-box .button_intro {	
	        float:right;
	        color:#505050;
	        font-size:14px;
	        text-decoration:none;
	        padding-right:5px;
	        padding-top:410px;
	        font-family:Arial, Arial, Helvetica, sans-serif;	
}
            .button_intro :hover  {
			color:#36bcda;			
}
#flash-intro {
			margin-bottom:20px;
			position:absolute;
			left:23px;
			top:20px;
			}

/* CONTENT
---------------------------------------- */		
/* FADED */
.faded-indent {
	padding:0px 0 22px 0;
	position:relative;
	height:534px;
	margin:0 0 0 -80px;
}
/**/
/*-------------------/ SLIDER /--------------------*/
.slider-indent {
	position:relative;
	width:259px;
}
.slider-indent1 {
	position:relative;
	padding:20px 0 0 40px
}
	#slider {		
		width:259px;
		overflow:hidden;
	}
	.slider {
		width:100%;
	}
		#slider, #slider1 h6 {
			text-align:center;
			width:259px;
		}
		#slider div, #slider1 div {
			background:none !important;
		}
		.slide {
			width:858px;
			overflow:hidden;
		}
			.slide div {
				width:259px;
				padding-right:40px;
				float:left;
			}
			.slide .last {
				padding:0
			}
	.next1 {
		position:absolute;
		background:url(../images/button1-bg.png) right 0px no-repeat;
		right:5px;
		top:4px;
		z-index:20;
	}
	.prev1 {
		position:absolute;
		background:url(../images/button1-bg.png) right 0px no-repeat;
		left:3px;
		top:4px;
		z-index:20;
	}
	.next2 {
		position:absolute;
		right:5;
		top:143px;
		z-index:20;
	}
	.prev2 {
		position:absolute;
		left:0;
		top:143px;
		z-index:20;
	}
	.next3 {
		position:absolute;
		right:0;
		top:143px;
		z-index:20;
	}
	.prev3 {
		position:absolute;
		left:0;
		top:143px;
		z-index:20;
	}
	
#slider .slider-divider, #slider1 .slider-divider {
	background:url(../images/main-divider-bg.png) 279px 0px repeat-y !important;
}
/**/

/*----------------/ CALENDAR /----------------*/
.calendar { width:259px; margin-top:8px; background:none;}
.calendar thead th {
	text-align:center;
	background:#333333;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	font-size:14px;
	width:37px;
	color:#fff;
	font-weight:normal;
	border:none;
	}
	.calendar thead tr {
		margin-bottom:8px;
	}
	.calendar .active {
		background:#36BCDA !important;
	}
.calendar tbody td {
	padding:10px 0 10px 0px;
	width:37px;
	text-align:center;
	background:none;
	border:none;
	color:#4d4d4d;
	border-bottom:1px solid #333333;
	cursor:pointer;
	}
	.calendar .none td {
		border:none;
	}
.calendar tr:hover td {
	background:none;
}
.calendar td:hover {
	background:#CCCCCC !important;
	}

/*------------------/ INDENT /-----------------*/
.indent {
	padding:0 0 95px 0
}
.indent1 {
	padding:35px 0 75px 0
}
	.padding {
		padding-bottom:95px;
	}
	.border {
		background:url(../images/hr.png) left bottom repeat-x;
		padding-bottom:20px;
		margin-bottom:25px;
	}
		.border-pad {
			margin-bottom:15px;
		}
		.border p {
			padding-top:12px;
		}

.col-indent {
	padding:0 16px 0 0;
}

.clients {
	width:100%;
	overflow:hidden;
}

.clients li {
	width:170px;
	float:left;
	padding:5px 20px 0 0;
}
	.clients span {
		display:block;
		padding-top:14px;
	}
		.clients em {
			color:#4d4d4d;
			font-size:11px;
			font-style:normal;
			display:inline-block;
			margin-bottom:14px;
		}

.images {
	width:100%;
	overflow:hidden;
	padding-top:20px
}
	.images li {
		float:left;
		padding:0 22px 22px 0;
	}
.images .last {
	padding-right:0 !important;
}

/*----------------/ PROJECTS LIST /-----------------*/
.projects-list {
	padding-top:6px;
}
.projects-list li {
	padding:6px 10px 10px 10px;
	background:url(../images/dt-bg.png) repeat;
}
.projects-list h5 {
	padding:10px 0 0px 0;
	font-size:11px;
	color:#36bcda;
}
.projects-list h6 {
	padding:10px 0 0px 0;
	color:#666666;
}
.projects-list a {
	text-decoration:none;
}
.projects-list a:hover {
		text-decoration:underline;
	}
.projects-list .left {
	margin-right:16px;
}
.projects-list .none {
	background:none;
}
/**/

.pad {
	padding-top:24px;
}
.pad1 {
	padding-top:10px;
}
#back {
	cursor:pointer;
	display:inline-block;
	background:#ffffff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	behavior: url(http://www.lementstudios.com/mysterio/css/js/PIE.htc);
	position: relative;
	padding:8px 15px 8px 15px;
	font-size:1.07em;
	line-height:1.2307em;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
}
/*-----------------/ LIGHTBOX IMAGE /-------------------*/
.lightbox-image {
	position:relative;
	overflow:hidden;
	display:block;
	}
	.lightbox-image img {
		position:relative;
		z-index:2;
		}
	.lightbox-image span {
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:url(../images/magnify.png) no-repeat 50% 50%;
		z-index:1;
		}




/*-----------------/ OTHER /-------------------*/
figure { 
	margin:4px 20px 0 0;
	background:none;
	float:left;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	behavior: url(http://www.lementstudios.com/mysterio/css/js/PIE.htc);
	position: relative;

	}
.fig {
	margin-right:4px;
}
	figure.none {
		margin:4px 0 0 0;
	}
	figure figcaption {
		font-style:italic;
		color:#000000;
		font-family:"Avanti", Arial, Helvetica, sans-serif;
		font-size:1.3846em;
		text-align:center;
		background:#ffffff;
		opacity:.5;
		    filter: alpha(opacity=50);
		padding:10px 0 10px 0;
	}

figure.fright {
	float:right;
	margin:4px 0 0 16px;
	}
.img-banner {
	position:absolute;
	right:-22px;
	top:-4px;
	z-index:10
}
.relative {
	position:relative;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
	}
	.img-box img.fleft {
		float:left;
		margin-right:15px;
	}
	

.extra-wrap { 
	width:100%;
	}
	
/* COLUMN */
/*--*/

/* FOOTER
---------------------------------------- */
/*-----------/ MAIN PAGES FOOTER SOCIAL ICONS /-------------*/
.socials {
		float:right;
		padding:9px 0px 50 50;
	}
		.socials a {
			display:inline-block;
			margin-left:3px;
		}
footer {
	height:148px;
	background:url(../images/footer_bg.png) left 2px no-repeat;
	
	z-index:20
}
	footer nav {
		padding:20px 0 14px 0;
	}
	footer nav ul {
		width:100%;
		overflow:hidden;
	}
		footer nav li {
			font-size:0.9285em;
			line-height:1.2307em;
			padding:0 14px 0 13px;
			background:url(../images/footer-nav-li-bg.png) left 2px no-repeat;
			text-transform:uppercase;
			float:left;

		}
		footer nav .first {
			background:none;
			padding-left:0;
		}
			footer nav li a {
				color:#333333;
				text-decoration:none;
			}
				footer nav li a:hover {
					text-decoration:underline;
				}
	footer span {
		font-size:0.785em;
		line-height:1.2307em;
		text-transform:uppercase;
		color:#333333;
	}
		footer span a {
			text-decoration:none;
		}
			footer span a:hover {
				text-decoration:underline;
			}

/*---------------------------- / BLOG / --------------------------------------*/

.blog h1 a, .blog h2 a{
	color:#36bcda;
	font-size:24px;
	font-family:TitilliumTitle12_250, Helvetica, sans-serif;
	text-decoration:none;
}
.blog_entry{
	margin-bottom:10px;
	width:940px;
	font-size:12px;
	text-transform:none;
	font-family:TitilliumTitle12_250, Arial, Helvetica, sans-serif;
	letter-spacing:.1em;
}
.blog span{
	float:left;
	background-color:#000000;
	color:#505050;
	font-size:12px;
	text-decoration:none;
	font-family:TitilliumTitle12_250, Arial, Helvetica, sans-serif;	
}
.blog span a:hover {
			background-color:#505050;
			text-decoration:none;
			color:#36bcda;
}

a.readmore{
	float:right;
	color:#505050;
	font-size:14px;
	text-decoration:none;
	padding-right:0px;
	padding-top:10px;
	font-family:Arial, Arial, Helvetica, sans-serif;	
}
a.readmore:hover  {
			
			color:#36bcda;			
}
.blog p{
	color:#999999;
	width:940px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

/*----------------------/ BLOG HR DIVIDERS /----------------------*/
hr{
	color: #d2d2d2;
	background-color: #d2d2d2;
	height: 1px;
	border:none;
	margin:20px 0;
}
div.hr_blog{
	height:1px;
	background:url(../images/hr_blog.png) no-repeat;
	width:940px;
	display:block;
	clear:both;
	margin:30px auto;
}

/*---------------/ BLOG FORM /----------------*/
#blog-form {
	vertical-align:top;
	padding-top:6px;
	overflow:hidden;
}
	#blog-form fieldset {
		border:none;
		}
		#blog-form .rowElem {
			display:block;
			min-height:45px;
			background:url(../images/contact-form-input-bg.png) left top no-repeat;		
			position:relative
			}
			#blog-form input {
			    font-family:TitilliumTitle12_250, Arial, Helvetica, sans-serif;
				font-size:12px;
				width:334px;
				padding:12px 0px 12px 0px;
				background:none;
				margin:0 13px;
				border:none;
				display:block;
				color:#36bcda;
				}
			#blog-form .textarea-box {
				background:url(../images/textarea-bg.png) left top no-repeat;
				width:100%;
				padding:9px 0px 9px 0px;
				position:relative;
			}
			#blog-form textarea {
			    font-family:TitilliumTitle12_250, Arial, Helvetica, sans-serif;
				font-size:12px;
				width:570px;
				height:242px;
				margin:0 0px 0 10px;
				background:none;
				border:none;
				overflow:auto;
				display:block;
				color:#36bcda;
				}
				#blog-form .button {
				    font-family:TitilliumTitle12_250, Arial, Helvetica, sans-serif;
					color:#606060;
				    font-size:13px;
					
				}
				#blog-form .button:hover {
					color:#36bcda;
				    font-size:13px;
				}
				#blog-form label {
					padding:0 0 2px 5px;
					display:inline-block;
					font-size:11px;
				}
				#blog-form .rowElem label {
					position:absolute;
					top:5px;
					right:20px;
				}
				#blog-form .textarea-box label {
					position:absolute;
					top:270px;
					left:20px;
				}
#blog-form .error {
                font-family:Arial, Arial, Helvetica, sans-serif;
				color:36bcda;
			}
			
/*---------------/ CONTACT FORM /----------------*/
 #contact-form {
	vertical-align:top;
	padding-top:6px;
	overflow:hidden;
}
	#contact-form fieldset {
		border:none;
		}
		#contact-form .rowElem {
			display:block;
			min-height:45px;
			background:url(../images/contact-form-input-bg.png) left top no-repeat;		
			position:relative
			}
			#contact-form input {
			    font-family:TitilliumTitle12_250, Arial, Helvetica, sans-serif;
				font-size:12px;
				width:334px;
				padding:12px 0px 12px 0px;
				background:none;
				margin:0 13px;
				border:none;
				display:block;
				color:#36bcda;
				}
			#contact-form .textarea-box {
				background:url(../images/textarea-bg.png) left top no-repeat;
				width:100%;
				padding:9px 0px 9px 0px;
				position:relative;
			}
			#contact-form textarea {
			    font-family:TitilliumTitle12_250, Arial, Helvetica, sans-serif;
				font-size:12px;
				width:570px;
				height:242px;
				margin:0 0px 0 10px;
				background:none;
				border:none;
				overflow:auto;
				display:block;
				color:#36bcda;
				}
				#contact-form .button {
				    font-family:TitilliumTitle12_250, Arial, Helvetica, sans-serif;
					color:#606060;
				    font-size:13px;
					
				}
				#contact-form .button:hover {
					color:#36bcda;
				    font-size:13px;
				}
				#contact-form label {
					padding:0 0 2px 5px;
					display:inline-block;
					font-size:11px;
				}
				#contact-form .rowElem label {
					position:absolute;
					top:5px;
					right:20px;
				}
				#contact-form .textarea-box label {
					position:absolute;
					top:270px;
					left:20px;
				}
#contact-form .error {
                font-family:Arial, Arial, Helvetica, sans-serif;
				color:36bcda;
			}

/*--------------/ SLIDE DOWN ELEMENT /--------------*/
.slideDown {
	padding:0 1px 0 0;
	}
	.slideDown dt {
		background-color:#606060;
		background-image:url(../images/arrow1.gif);
		background-repeat:no-repeat;
		background-position:100% 16px;
		box-shadow:1px 1px 1px #000000;
		-moz-box-shadow:1px 1px 0 #000000;
		-webkit-box-shadow:1px 1px 0 #000000;
		color: #000000;	
		padding:9px 0 9px 21px;
		margin-bottom:4px;
		font-weight:bold;
		text-decoration:none;
		display:block;
		font-size:12px;
		cursor:pointer;
		margin-bottom:10px;
	}
	.slideDown dt:hover, .slideDown dt.active {
		background-color:#303030;
		color:#36bcda;
		text-shadow:0 0 5px #202020;
	}
	.slideDown dt.active {
		background-image:url(../images/arrow2.gif);
	}

	.slideDown dd {
		display:none;
		padding:10px 20px 20px 20px;
	}
	.slideDown.absolute dd {
		position:absolute;
		background:#303030;
	}




/*----------------/ ACCORDION /----------------*/
dl#accordion {
	list-style-type:none;
	margin: 0;
	padding: 0 2px 0 0;
	height:auto !important;
}
	dl#accordion .indent {
		padding-top:7px !important;
		padding-bottom:5px !important
		}

	dl#accordion a {
		display: block;
		text-decoration: none;	
		}

	dl#accordion dt {
		margin-top:1px;
		background:none;
		padding:0;
		}
		dl#accordion dt a {
			background-color:#606060;
			background-image:url(../images/arrow1.gif);
			background-repeat:no-repeat;
			background-position:100% 16px;
			box-shadow:1px 1px 1px #000000;
			-moz-box-shadow:1px 1px 0 #000000;
			-webkit-box-shadow:1px 1px 0 #000000;
			color: #fff;	
			padding:9px 0 9px 21px;
			margin-bottom:4px;
			font-weight:bold;
			text-decoration:none;
			display:block;
			font-size:12px;
			}

		dl#accordion dt a:hover {
			background-color:#303030;
			color:#36bcda;
			}

		dl#accordion dt.active a{
			background-color:#202020;
			background-image:url(../images/arrow2.gif);
			color:#36bcda;
			}

	dl#accordion dd {
		display:none;
		margin-bottom:0;
	}
		dl#accordion dd .indent {
			padding:10px 30px 14px 20px !important;
		}
		dl#accordion dd a {
			display:inline;
			background:none;
			padding:0;
			font-weight:bold;
			width:auto;
			color:#ffffff;
			text-decoration:underline;
		}
		dl#accordion dd a:hover {
			text-decoration:none;
			color:#36bcda;
			background:none;
		}
		.sub_menu  li {
			list-style:none;
			line-height:30px!important;
			padding-left:0 !important;
			background:none !important;
			padding:0px 0 !important
		}
		.sub_menu li a {
			font-size:12px !important;
			line-height:30px!important;
		}


/*--------------/ TOOLTIPS /---------------*/
.aToolTip {
	border:0px solid #000000;
	box-shadow:1px 1px 1px #000000;
			-moz-box-shadow:1px 1px 0 #000000;
			-webkit-box-shadow:1px 1px 0 #000000;
	background:#000000;
	font-family:Arial, Arial, Helvetica, sans-serif;
	color:#36bcda;
	margin:0;
	padding:2px 8px;
	font-size:12px;
	}

.aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:0;
	}

a.aToolTipCloseBtn {
	display:block;
	height:20px;
	width:20px;
	overflow:hidden;
	background:url(../images/close.gif) no-repeat;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	top:-15px;
	right:-20px;
	}


/*--------------/ COIN SLIDER /---------------*/
#coind-slider { overflow:hidden;}
.coin-slider { 
	overflow: hidden;
	zoom: 1;
	position: relative;
	padding-bottom:30px;
	float: left;
	}
.coin-slider a { text-decoration: none; outline: none; border: none; 
   
		}

.cs-buttons { 
	font-size: 0px;
	padding: 10px;
	float: left;
	}
	.cs-buttons a { 
		margin-left: 5px;
		height: 10px;
		width: 10px;
		float: left;
		border: 1px solid #000000;
		background:#333333;
		color: #36bcda;
		text-indent: -9999em;
        box-shadow:0 0 10px #000000;
	    -moz-box-shadow:0 0 10px #000000;
	    -webkit-box-shadow:0 0 10px #000000;	
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
	}
	.cs-buttons a:hover,
	.cs-buttons a.cs-active { 
		background-color: #36bcda;
		border: 1px solid #333333;
		color: #36bcda;
		}

	.cs-title { 
		width:100%; 
		padding: 10px 0; 
		background-color: #000000;
		color: #cccccc;
		text-indent:10px;
		}

	.cs-prev, 
	.cs-next { 
		background-color: #333333;
		color: #36bcda;
		padding: 0px 10px;
	}
	.cs-prev:hover,
	.cs-next:hover { background:#666666;}


/*--------------/ GALLERY /--------------*/
#galleryfic_gallery {
	padding-bottom:50px;
	width:100%;
	overflow:hidden;
	padding-top:7px
	}
	div.content {
		/***** The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. *****/
		display: none;
		width: 940px; 
		position:relative;
		z-index:10;
		margin-bottom:20px;
	}
		div.content a, div.navigation a {
			text-decoration: none;
			color: #777;
		}
		div.content a:focus, div.content a:hover, div.content a:active {
			text-decoration: underline;
		}
	div.slideshow-container {
		position: relative;
		clear: both;
		height: 686px; /***** This should be set to be at least the height of the largest image in the slideshow *****/
		z-index:10
	}
	div.loader {
		position: absolute;
		top: 0;
		left: 0;
		background-repeat: no-repeat;
		background-position: center;
	}
	div.slideshow {
		height: 686px;
		width:940px;
		overflow:hidden;
	}
	div.slideshow span.image-wrapper {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 686px;
		width:940px;
	}
	.advanced_gallery div.slideshow span.image-wrapper, .advanced_gallery div.slideshow, .advanced_gallery div.slideshow a.advance-link, .advanced_gallery div.slideshow-container {
		height:400px;
	}
	.advanced_gallery div.slideshow a.advance-link, .advanced_gallery div.slideshow span.image-wrapper, .advanced_gallery div.slideshow, .advanced_gallery div.slideshow-container {
		width:600px;
	}
	div.slideshow a.advance-link {
		display: block;
		width: 940px;
		height: 686px; /***** This should be set to be at least the height of the largest image in the slideshow *****/
		text-align: center;
		overflow:hidden;
	}
	div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
		text-decoration: none;
	}
	div.slideshow img {
		position:absolute;
		left:0;
		top:0;
		padding:0
	}
	div.slideshow.noborder img {
		padding:0;
		border:none;
	}
	div.caption-container {
		position: relative;
		clear: left;
		height:40px;
	}
		.advanced_gallery div.caption-container {
			position:absolute;
			right:0;
			top:0;
			width:300px;
		}
	span.image-caption {
		display: block;
		position: absolute;
		width: 400px;
		top: 0;
		left: 0;
	}
	div.caption {
		padding:10px 70px 0 30px;
		overflow:hidden;
		background:url(../images/png-bg.png) repeat;
	}
	div.caption h2 {
		background:url(../images/png-bg.png) repeat;
	}
	div.image-desc {
		font-size:10px;
		text-transform:uppercase;
		float:right;
		padding:8px 0 0 0;
	}
	div.navigation {
		/***** The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. *****/
	}
	#thumbs {
		padding-left:47px;
	}
	
	
	ul.thumbs {
		clear: both;
		margin: 0;
		padding: 0;
		width:100%;
		height:183px;
		overflow:hidden;
	}
	ul.advanced_thumb {
		width:600px;
		height:132px;
	}
	ul.thumbs li {
		float: left;
		background:none !important;
		list-style: none;
		margin:0 20px 0 0;
		margin-bottom:4px;
	}
	ul.thumbs li.last {
		padding-right:0;
	}
	a.thumb {
		display: block;
	}
	ul.thumbs li.selected a.thumb {
	}
	a.thumb:focus {
		outline: none;
	}
	ul.thumbs img {
		border: none;
		display: block;
	}
/*--------------/ PAGINATION /---------------*/
div.pagination {
	clear: both;
	width:100%;
	position:relative;
	
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
	display:none; /***** optional disabled *****/
}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display:none;
}
div.pagination a:hover, div.pagination span.current {
	
}
div.pagination span.ellipsis {
	display:none;
}

div.pagination a.prev_1 {
	height:33px;
	width:33px;
	display:block !important;
	background:url(../images/prev-gallery.png) left bottom no-repeat;
	position:absolute;
	left:-47px;
	top:-112px;
}
.advanced_gallery div.pagination a.prev_1 {
	height:33px;
	width:33px;
	display:block !important;
	background:url(../images/prev-gallery.png) left bottom no-repeat;
	position:absolute;
	left:-45px;
	top:-85px;
}



div.pagination a.next_1 {
	height:33px;
	width:33px;
	display:block !important;
	background:url(../images/next-gallery.png) left bottom no-repeat;
	padding-bottom:2px;
	position:absolute;
	right:0px;
	top:-112px;
}

.advanced_gallery div.pagination a.next_1 {
	height:33px;
	width:33px;
	display:block !important;
	background:url(../images/next-gallery.png) left bottom no-repeat;
	position:absolute;
	left:590px;
	top:-85px;
}

/*----------------/ KWIKS SLIDER /-----------------*/
.kwicks-wrapper {
	width:940px;
	overflow:hidden;
}
	.kwicks-box {
		border:1px solid #323232;
		padding:0px;
		}
	
	.kwicks {
		/***** recommended styles for kwicks ul container *****/
		list-style: none;
		position: relative;
		margin: 0;
		padding: 0 !important;
		overflow:hidden;
		height:586px;
		background:#000;
		}
	.kwicks li{
		/***** these are required, but the values are up to you (must be pixel) *****/
		width: 235px;
		height: 586px;
		/***** do not change these *****/
		display: block;
		overflow: hidden;
		padding: 0 !important;  /***** if you need padding, do so with an inner div (or implement your own box-model hack) *****/
		cursor:pointer;
		opacity:.5;
		filter: alpha(opacity=50);
		background:none !important;
		}
	.kwicks li.active {
		opacity:1;
		filter: alpha(opacity=100);
		}
	.kwicks.horizontal li {
		/***** This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. *****/
		margin-right: 0; /***** Set to same as spacing option. *****/	
		float: left;
		}	
	
	.kwicks_vertical {
		/***** recommended styles for kwicks ul container *****/
		list-style: none;
		position: relative;
		margin: 0;
		padding: 0 !important;
		overflow:hidden;
		width:940px;
		height:396px;
		background:#000;
		}
	.kwicks_vertical li{
		/***** these are required, but the values are up to you (must be pixel) *****/
		height: 196px;
		/***** do not change these *****/
		display: block;
		overflow: hidden;
		padding: 0 !important;  /***** if you need padding, do so with an inner div (or implement your own box-model hack) *****/
		cursor:pointer;
		float:none;
		opacity:.5;
		filter: alpha(opacity=50);
		}
	.kwicks_vertical li.active {
		opacity:1;
		filter: alpha(opacity=100);
		}

		


		
/*---------------/ SUPERFISH DROPDOWN MENU /----------------*/
header nav {
	padding-top:103px;
	position:relative;
	float:right;
}
header {
	z-index:20;
}
.typography-menu {
	padding-left:200px !important;
}
.sf-menu {
	margin:			0;
	padding:		0;
	list-style:		none;
	line-height:	1.0;
	width:100%;
}
.sf-menu {	
	background:none;
}
.sf-menu a {
	text-decoration:none;
	display:inline-block;
	
	background:url(../images/png-bg.png) repeat;
	zoom:1;	
}
/*---------------/ MENU BACKGROUND /----------------*/
.sf-menu ul {
	position:absolute;
	width: 162px;
	border:none;
	z-index:40;
	/*---------------/SUB MENU BACKGROUND COLOR TOP AND BOTTOM /----------------*/
	background:#222222;
	opacity:.75;
    filter: alpha(opacity=75);
	box-shadow:0 0 10px #000000;
	-moz-box-shadow:0 0 10px #000000;
	-webkit-box-shadow:0 0 10px #000000;
	padding:5px 0;
	display:none;
	
}
/*---------------/SUB MENU BORDER COLOR /----------------*/
.sf-menu ul li {
	width:			100%;
	border-bottom:1px #36bcda;
	border-top:1px #36bcda;
	background:#36bcda;

}
.sf-menu li:hover {
	visibility:		inherit; /***** fixes IE7 'sticky bug' *****/
	background:#000000;
	

}
.sf-menu li {
	float:left;
	font-size:0.899em;
	line-height:1.2307em;
	position:relative;
	padding-right:18px;
	
	
}
.sf-menu .last {
	padding-right:0;
	
}
/***** MENU ITEMS NORMAL COLOR *****/
.sf-menu li a {
	color:#7c7e70;
	border-bottom:solid 1px #000000;
		border-top:solid 1px #000000;
	
}
/***** MENU ITEMS HOVER/CURRENT COLOR *****/
	.sf-menu li a:hover, .sf-menu li .current {
		color:#36bcda;
		border-bottom:solid 1px #000000;
		border-top:solid 1px #000000;
		
		
	}
	
.sf-menu li li {
	font-size:1em;
	text-align:left;
	line-height:2.0em;
	border-bottom:solid 1px #222222;
	border-top:solid 1px #222222;
	padding:0px 0 0px 0;
	cursor:pointer;
	
}
.sf-menu ul .last {
	background:#505050;
	padding-bottom:0;
	margin-bottom:0;
}
.sf-menu ul ul {
	width:100px;
}
/*--------------/ SUBMENU TEXT COLOR NORMAL /---------------*/
.sf-menu li li a {
	background:#333333;
	color:#FFFFFF;
	padding:0 0 0 8px;
	overflow:hidden;
	display:block;
	font-size:1em;
}
/*---------------/SUBMENU TEXT COLOR HOVER /----------------- */
.sf-menu li li a:hover, .sf-menu li li a.current {
	color:#36BCDA;
}
.sf-menu li li:last-child a {
	border-bottom:solid 1px #000000;
	border-top:solid 1px #000000;
}



.sf-menu a {
	display:		block;
	position:		relative;
	z-index:20
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			24px; /***** match top ul list item height *****/
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
	color:#36BCDA;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			160px; /***** match ul width *****/
	top:			0;
	margin-left:1px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /***** match ul width *****/
	top:			0;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}
.sf-menu a.sf-with-ul {
	min-width:		1px; /***** trigger IE7 hasLayout so spans position accurately ****/
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('http://www.lementstudios.com/mysterio/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only*/
}

.sf-menu .sf-sub-indicator {
	display:none;
}
	.sf-menu ul .sf-sub-indicator {
		display:block;
	}
a > .sf-sub-indicator {  /***** give all except IE6 the correct values *****/
	top:50%;
	margin-top:-2px;
}

/***** point right for anchors in subs *****/
.sf-menu ul .sf-sub-indicator { right:5px !important;}
.sf-menu ul a > .sf-sub-indicator { background:url(../images/sf-ul-li-a-bg.gif) no-repeat 0 0;}


/*-----------------/ TABS /-----------------*/
.tabs {
	clear: left;
	float: left;
	margin: 15px 0 30px 0;
	}
	.tabs ol {
		list-style-type: decimal;
		margin: 0 0 0 20px;
		}
		.tabs ol li {
			display: list-item;
			float: none;
			padding-bottom:5px !important;
			font-size:12px;
			color:#666666;
			}
	
	.tabs ul.nav { width:100%;}
		
	.tabs ul {
		float: left;
		list-style: none;
		margin: 0 0 5px 0 !important;
		padding:0 0 0 0 !important;
		}
		.tabs li {
			display: block;
			float: left;
			margin: 0 5px 0 0;
			background:none !important;
			padding:0 0 0 0 !important;
			}
		.tabs .selected {
			margin-bottom: -5px;
			position: relative;
			}
		.tabs .selected a {
			background: #f0f0f0;
			color: #000000;
			padding-bottom: 10px;
			}
		.tabs a:hover {
			background: #f0f0f0;
			color: #707070;
			}

		.tabs a {
			background:#303030;
			color: #36bcda;
			display: block;
			padding:5px 10px;
			text-decoration: none;
			}

	.tabs .tab-content {
		background: #f0f0f0;
		clear: both;
		width:100%;
		max-width:940px;
		overflow:auto;
		}
		.tabs .tab-content .inner {
			padding:10px;
			}
	
	.tabs p { margin-bottom: 5px; }
	.tabs .tab-content strong { color:#000;}
	
	.tabs pre {
		margin:4px 0;
	}
	.tabs code {
		overflow:auto;
	}
	*+html .tabs code { overflow:visible;}


/*----------------------------/ TWITTER WIDGET SETTINGS /-----------------------------*/
#twitter {
	margin-bottom: 2em;
	}

	#twitter h2 {
		margin: 0 0 5px 0;
		padding:.5em 1em;
		font-size: 1.5em;
		color: #fff;
		background-color: #999999;
		letter-spacing:0;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		}
    /* PRELOADER */
	#preloader {
		margin: 0;
		padding: 1em 1em 1em 3em;
		text-indent:10px;
		background: transparent url(../images/ajax-loader.gif) 1em center no-repeat;
		/* generate your own loader gif: http://www.ajaxload.info */
		}
    /* TWITTER UPDATE LIST */
	ul#twitter_update_list {
		margin: 0;
		padding: 0 0 0.5em 0;
		list-style-type: none;
		}
		/* TWITTER UPDATE LIST LI */
		ul#twitter_update_list li {
			margin: 0;
			padding: 0.8em 0 1em 1em !important;
			background:#333333;
			opacity:.5;
		    filter: alpha(opacity=50);
			margin-bottom:7px;
			}
		/* TWITTER HOVER BACKGROUND */
		ul#twitter_update_list li:hover {
			background-color:#666666;
			color:#FFFFFF;
			}
			/* TWITTER UPDATE LIST LI HOVER A // LINK // */
			ul#twitter_update_list li:hover a {
				color:#36BCDA;
				}
            /* TWITTER UPDATE LIST LI A // DATE // */
			ul#twitter_update_list li a {
				/* timestamp link */
				color: #FFFFFF;
				}
			    /* TWITTER UPDATE LIST LI SPAN */
				ul#twitter_update_list li span {
					display: block;
					}
				/* TWITTER UPDATE LIST LI SPAN A */
				ul#twitter_update_list li span a {
					/* links in tweet */
					text-decoration:underline;
					color: #ffffff;
					}
			/* TWITTER UPDATE LIST LI FIRST TWEET */	
			ul#twitter_update_list li.firstTweet {
				
				}
			/* TWITTER UPDATE LIST LI LAST TWEET */	
			ul#twitter_update_list li.lastTweet {
				border-bottom: none;
				}
			/* TWITTER PROFILE LINK */
			a#profileLink {
				display: block;
				padding: 0.3em 1em;
				font-family:TitilliumTitle12_250, Arial, Helvetica, sans-serif;
				color: #36BCDA;
				text-decoration:underline;
				opacity:.5;
		        filter: alpha(opacity=50);
				background-color: #333333;
				}

/*-------------/ ELEMENT LIST /---------------*/
.elements-list li {
	background:none !important;
	padding:0 0 12px 0 !important;
	position:relative;
	font-size:1em;
	}
	.elements-list li code {
		position:absolute;
		right:0;
		top:-3px;
		padding:2px 3px 1px 3px;
		border:1px dotted #333;
		}



/*======================================================*/

/*------------/ CODE GRABBER /--------------*/
.code {
	padding:30px 0 10px 0;
}
	.code a.code-icon {
		margin-bottom:10px;
	}
	.code a.code-icon i {
		padding-right:6px;
		font-style:normal;
	}
	.code div.grabber {
		display:none;
	}
	.code code {
		padding:0 10px 0 10px;
		background:#f6f6f6;
		color:#333;
		border:1px solid #dfdfdf;
		white-space:pre;
		overflow:auto;
	}