article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
audio[controls], canvas, video { display:inline-block; *display:inline; *zoom:1; }

html { font-size:100%; overflow-y:scroll; -webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
body { margin:0; font-size:13px; line-height:1.231; }
body, button, input, select, textarea { font-family:sans-serif; color:#222; }

::-moz-selection { background:#fe57a1; color:#fff; text-shadow:none; }
::selection { background:#fe57a1; color:#fff; text-shadow:none; }


/* =============================================================================
   Links
   ========================================================================== */

	a { color:#242424; text-decoration:none; }
	a:visited { color:#454545; }
	a:focus { outline:thin dotted; }
	
	/* Improve readability when focused and hovered in all browsers:people.opera.com/patrickl/experiments/keyboard/test */
	a:hover, a:active { outline:0; color:#fff; }


/* =============================================================================
   Typography
   ========================================================================== */

	abbr[title] { border-bottom:1px dotted; }
	b, strong { font-weight:bold; }
	blockquote { margin:1em 40px; }
	dfn { font-style:italic; }
	hr { display:block; /*height:1px; border:0;margin:1em 0; padding:0;*/ border:0; border-collapse:collapse; }
	ins { background:#ff9; color:#000; text-decoration:none; }
	mark { background:#ff0; color:#000; font-style:italic; font-weight:bold; }
	pre, code, kbd, samp { font-family:monospace, monospace; _font-family:'courier new', monospace; font-size:1em; }
	pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
	q { quotes:none; }
	q:before, q:after { content:""; content:none; }
	small, .small { font-size:85%; color:#646464; }
	sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
	sup { top:-0.5em; }
	sub { bottom:-0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */
	
	ul, ol { margin:1em 0; padding:0 0 0 40px; }
	dd { margin:0 0 0 40px; }
	nav ul, nav ol { list-style:none; margin:0; padding:0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

	img { border:0; -ms-interpolation-mode:bicubic; }
	svg:not(:root) {  overflow:hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

	figure { margin:0; }


/* =============================================================================
   Forms
   ========================================================================== */

	form { margin:0; }
	fieldset { border:0; margin:0; padding:0; }
	legend { border:0; *margin-left:-7px; padding:0; }
	label { cursor:pointer; }
	button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; }
	button, input { line-height:normal; *overflow:visible; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; }
	input[type="checkbox"], input[type="radio"] { box-sizing:border-box; }
	input[type="search"] { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
	button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
	textarea { overflow:auto; vertical-align:top; }
	input:valid, textarea:valid {  }
	input:invalid, textarea:invalid { background-color:#f0dddd; }



/* =============================================================================
   Tables
   ========================================================================== */

	table { border-collapse:collapse; border-spacing:0; }
        .t1 { background:#fff; bordeR:0; border-collapse:collapse; box-shadow:0 10px 10px 0 rgba(0,0,0,.2); width:100%!important; }
        .t1 td { padding:5px; border:0; }
        .t1 tr { border-bottom:1px solid #242424;}
        .t1 tr:first-child td { background:#646464; color:#fff; }
        .t1 tr:last-child { border:0; }

/* =============================================================================
   Fonts
   ========================================================================== */


	@font-face {
		font-family: 'DINRegular';
		src: url('../fonts/DINWeb.eot');
		src: url('../fonts/DINWeb.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/DINWeb.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'DINBold';
		src: url('../fonts/DINWeb-Bold.eot');
		src: url('../fonts/DINWeb-Bold.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/DINWeb-Bold.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}


/* =============================================================================
	Redefine
   ========================================================================== */
   
	body { background:#b5b5b5 url(../img/bg_gradient.jpg) no-repeat center top; font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:18px; }
	h1 { font-size:24px; line-height:30px; text-transform:uppercase; font-family: 'DINBold'; font-weight: normal; font-style: normal; }
	h2 { font-size:20px; line-height:24px; margin-bottom:4px; text-transform:uppercase;font-family: 'DINBold'; font-weight: normal; font-style: normal;}
	h3 { font-size:16px; line-height:20px; margin-top:0; margin-bottom:4px; text-transform:uppercase;font-family: 'DINBold'; font-weight: normal; font-style: normal; }
	h4 { font-size:16px; line-height:20px; margin-top:8px; margin-bottom:4px; text-transform:uppercase;font-family: 'DINRegular'; font-weight: normal; font-style: normal; }
	h5 { font-size:14px; line-height:18px; margin-top:8px; margin-bottom:4px; text-transform:uppercase;font-family: 'DINRegular'; font-weight: normal; font-style: normal; }
	ul { padding-left:18px; }
	a { text-decoration:underline; }
	a:hover { text-decoration:none; color:#fff; }
	
	h3 > a {text-decoration:none;}

/* =============================================================================
	Shell
   ========================================================================== */
	
	#Wrapper { padding:10px; width:300px; margin:0 auto; }
	.wrapper { position:relative; width:300px; }
	#Content { padding-bottom:60px; }
	#Sidebar { width:300px; }


/* =============================================================================
	Header
   ========================================================================== */

	#Header { z-index:3000; }
	#Header h1 { width:120px; height:50px; margin:10px auto; }
	#Header h1 a { background:url(../img/h1_liine-logo.png) no-repeat; width:120px; height:50px; outline:0; }
	#Header h1 a:hover { background-position:0 -70px; }

	/* Main Nav */
	#Header #Main_Nav { float:right; }
	#Header #Main_Nav nav>ul>li { float:left; position:relative; }
	#Header #Main_Nav nav>ul>li>a:hover { color:#fff; }
	#Header #Main_Nav nav>ul>li>ul { display:none; opacity:0; position:absolute; left:0; padding:5px 0;}
	#Header #Main_Nav nav li { font-family: 'DINRegular'; font-weight: normal; font-style: normal; font-size:10px; letter-spacing:-.5px; text-transform:uppercase; padding:0 5px; }
	#Header #Main_Nav nav li a { color:#767676; word-break:loose; outline:0; text-decoration:none; line-height:24px; }
	#Header #Main_Nav nav li.flyout.hover { 
		background:#9F9F9F;
		-webkit-border-top-left-radius: 7px;-webkit-border-top-right-radius: 7px;
		-moz-border-radius-topleft: 7px;-moz-border-radius-topright: 7px;
		border-top-left-radius: 7px;border-top-right-radius: 7px;
		z-index:2500;
	}
	#Header #Main_Nav nav li.flyout.hover ul { 
		display:block; background:#9F9F9F; opacity:1;
		-webkit-border-bottom-right-radius: 7px;-webkit-border-bottom-left-radius: 7px;
		-moz-border-radius-bottomright: 7px;-moz-border-radius-bottomleft: 7px;
		border-bottom-right-radius: 7px;border-bottom-left-radius: 7px;
		padding-top:12px;
	}
	#Header #Main_Nav nav li.nav_products.flyout ul { width:80px; }
	#Header #Main_Nav nav li.nav_company.flyout ul { width:110px; }
	#Header #Main_Nav nav li.nav_community.flyout ul { width:75px; }
        #Header #Main_Nav nav li.nav_support-center { width:180px; }
        #Header #Main_Nav nav li.nav_support-center ul { right:0; left:auto; }
	
	#Header #Main_Nav nav li.flyout.hover {  }
	#Header #Main_Nav nav li.flyout.hover li { padding:0; }
	#Header #Main_Nav nav li.flyout.hover a { color:#fff; }
	#Header #Main_Nav nav li.flyout.hover li a { padding:1px 4px 0; margin:0 1px; }
	#Header #Main_Nav nav li.flyout.hover li a:hover { color:#242424; background-color:#f2f2f2; -moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px; }
	#Header #Main_Nav nav li.flyout.hover li.active a { color:#242424; cursor:default; }
	#Header #Main_Nav nav li.flyout.hover>a { /*cursor:default;*/ } 
	#Header #Main_Nav nav li.active > a, #Header nav li.active > a:hover { color:#000; cursor:default; }
	

/* =============================================================================
	Showcase
   ========================================================================== */

	#Showcase { position:relative; background-position:center center; background-repeat:no-repeat; background-size:auto 100%; height:145px; }
	#Showcase.slider { height:175px; }
	#Showcase ul { position:relative; overflow:hidden; margin:0; padding:0; list-style:none; height:100%; }
	#Showcase li { position:absolute; width:100%; height:100%; }
	#Showcase li>a { background-position:center center; background-repeat:no-repeat; background-size:auto 100%; position:absolute; width:100%; height:100%; }
	#Showcase li>a>div { width:960px; margin:0 auto; position:relative; height:100%; }
	
	.sliderArrows { display:none; position:absolute; top:-360px!important; height:100px!important;}
	.sliderArrows a { 
		display:block; text-indent:-9999px; outline:none; z-index:50; background-color:rgba(255,255,255,.9); background-image:url(../img/ui.png); background-repeat:no-repeat;
		position:absolute; top:50%;
		border:3px solid white;
		-webkit-box-shadow: 0 2px 10px rgba(36,36,36,0.48), inset 0 0 20px 8px rgba(36,36,36,0.1); -moz-box-shadow: 0 2px 10px rgba(36,36,36,0.48), inset 0 0 20px 8px rgba(36,36,36,0.1); box-shadow: 0 2px 10px rgba(36,36,36,0.48), inset 0 0 20px 8px rgba(36,36,36,0.1);
	}
	.sliderArrows a:hover { 
		background-color:rgba(220,220,220,.9); 
		-webkit-box-shadow: 0 2px 10px rgba(36,36,36,0.48), inset 0 0 20px 8px rgba(10,10,10,0.15); -moz-box-shadow: 0 2px 10px rgba(36,36,36,0.48), inset 0 0 20px 8px rgba(10,10,10,0.15); box-shadow: 0 2px 10px rgba(36,36,36,0.48), inset 0 0 20px 8px rgba(10,10,10,0.15);
	}

	.sliderBullets { position:relative; bottom:20px; z-index:50; margin:0 auto; text-align:center; height:18px; height:30px!important; overflow-y:hidden; }
	.sliderBullets a { 
		width:15px; height:15px;
		display:inline-block;
		text-indent:-9999px; outline:none; 
		margin-left:5px; 
		background:#b9b9b9; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
		-webkit-box-shadow: inset 0 1px 1px rgba(94,94,94,0.4); -moz-box-shadow: inset 0 1px 1px rgba(94,94,94,0.4); box-shadow: inset 0 1px 1px rgba(94,94,94,0.4);
	}
	.sliderBullets a:hover, .sliderBullets .active { background-color:#848484; }

	#Showcase .custom { display:none; }


/* =============================================================================
	Promos
   ========================================================================== */
 
  	.promo dt a { text-decoration:none; font-family: 'DINBold'; font-weight:normal;  color:#464646; font-size:16px; }
	.promo time { display:block; color:#666; }
	.promo dt { margin-top:6px;  text-transform:uppercase; }
	.promo dt a:hover { color:#000; }
	.promo dl, .promo dd { margin:0; padding:0;}
	.promo dd p { margin:0; padding:0;}

	.promos { margin-top:10px; }
	.promos .promo { width:300px; margin:10px 0; }
	.promos .promo > a { width:300px; height:170px; display:block; box-shadow:0 4px 9px rgba(0,0,0,0.31); }

	.news_index {}
	.news_index .promo { margin:10px 10px 20px 10px; }
	.news_index .promo > a { width:195px; height:110px; background:#fff; display:block; box-shadow: 0 4px 9px 0 rgba(0,0,0,0.31);}
	
	#Wrapper .promo > a:hover {  }

	.artists .promo { height: 250px; }

	.promo-banner { margin-top:24px; }
	.promo-banner a {display:block; width:100%;}
	.promo-banner a img { display:block; width:100%; height:auto;}



/* =============================================================================
	User Templates
   ========================================================================== */
   
	.usertemplates_index { /*margin-left:10px;*/ margin-top:8px;  position:relative; }
	.usertemplates_index .promo { margin:10px; width:120px; height:120px; float:left; margin-bottom:12px; }
		.usertemplates_index .promo.hide { display:none; /*opacity:0.1;*/ } 
	.usertemplates_index .promo > a { width:120px; height:68px; display:block; background:url(../img/bg_promo_lemur.png) no-repeat center center; box-shadow: 0 4px 9px 0 rgba(0,0,0,0.31); margin-bottom:8px; }
		.usertemplates_index .promo > a img { width:120px; height:68px; }

	.usertemplates_index .promo dt {  }
	.usertemplates_index .promo dt a { font-size:11px; line-height:18px; font-family: 'DINBold'; font-weight:normal; }
	.usertemplates_index .promo dd { font-size:10px; line-height:14px;}
	.usertemplates_index .ui_showhide { position:absolute; z-index:2010; background:#000; top:0; left:0; }
   	
   /* mobilize */
	.user_templates { margin:24px 0 0 0; }
	.user_templates h3 { line-height:24px; margin-bottom:0;}
	.user_templates .hr2 { height:4px; background-color:#242424; margin-bottom:8px; }
	.user_templates ul { list-style:none; padding:0; }
	.user_templates img { width:300px; height:auto;  }
	.user_templates .member_name { }
	.user_templates .img { width:300px;float:left; margin:0 20px 15px 0; }
	.user_templates .details { width:300px;float:left; }
	.user_templates .details p { margin-top:0; }
	
	.tags { margin-top:24px; }
	.tags h3 { border-bottom:1px solid #aaa; margin-bottom:0; padding-bottom:0; font-family:DINRegular; font-size:10px; line-height:14px; color:#646464; }
	.tags ul { padding-bottom:4px; margin-bottom:4px; }
	.colfull .tags {margin:10px 10px 15px 10px;}
	.tags li { display:inline-block; padding:0;}
	.tags li a {  
		background-color:#ccc; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; 
		display:inline-block; padding:2px 0 0; margin:4px 10px 0 0; width:140px; text-align:center; 
		font-family:DINRegular; color:#242424; text-decoration:none; font-size:10px; line-height:16px; text-transform:uppercase;
		outline:0;
	}
	.tags li a:hover { background:#242424; color:#fff; }
	.touch .tags li a:hover { background-color:#ccc; color:#242424; }
	
  	.tags_index { margin-left:10px; }
	.tags li.active a { background-color:#fff!important; color:#000!important; }
	
	.tags .ui_showhide { position:absolute; display:none; }
	.tags .ui_showhide a { 
		display:block; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; color:#242424; width:24px; height:24px; 
		background:#9f9f9f url(../img/ui.png) no-repeat -86px -110px; text-indent:-9999px;
	}
	
	.user_templates em { font-style:normal; font-weight:Bold; }
	.user_templates .owner_edit { margin-top:8px; }

	.sorting { padding:8px 0; }
	.sorting h3 { border-bottom:1px solid #aaa; margin:4px 10px; padding-bottom:0; font-family:DINRegular; font-size:10px; line-height:14px; color:#646464; }

	.owner_edit nav ul li { display:inline;  }
	.owner_edit nav ul li a {  display:inline-block; text-decoration:none; font-size:10px; line-height:14px; padding:0 10px; background-color:#fff; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px;}
	.owner_edit nav ul li a:hover { background-color:#99ffff; color:#006868;   }

	.profile_actions  { margin-top:30px; text-align:right; }
	.support_actions  { margin-top:20px; text-align:right; }

	.widget.userdetails { background-color:#fff; padding:10px 20px; margin-top:24px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; } 
	
/* =============================================================================
	Premium
   ========================================================================== */
	.premium_index { margin-left:10px; margin-top:8px; position:relative; }
	.premium_index .promo { margin:10px; width:220px; height:165px; float:left; margin-bottom:24px; }
	.premium_index .promo > a { width:220px; height:165px;display:block; background:#d5d5d5 url(../img/bg_promo_lemur.png) no-repeat center center; box-shadow: 0 4px 9px 0 rgba(0,0,0,0.31); margin-bottom:8px; }
		.premium .promo > a img { width:220px; height:165px; }
	.premium_index .promo dt {  }

	
	
	
	
	.widget .promo { background-color:#f6f6f6; margin:5px 0; padding:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
	.widget .promo.hover { background-color:#fff; }
	.widget .promo > a { float:left; width:54px; }
	.widget .promo > a img { width:auto; }
	.widget .promo dl { width:200px; float:left; margin-left:20px; }
	.widget .promo dt { margin:0; }
	.widget .promo dt a { font-family:DINRegular; font-size:12px; line-height:16px;}
	.widget .promo dd p { margin:0; padding:0; }
	.widget ul { margin-bottom:24px; }
	.widget header { margin-bottom:8px; }
	/*.widget.userdetails { background:#f0c; width:200px; float:left;  }
	.widget.userdetails .col1 { background:#fc0; }
	.widget.userdetails .col2 { background:#fcf; }*/
	
	.feature { margin-bottom:24px; }
	
/* =============================================================================
	Objects
   ========================================================================== */
   
   .col8 .ipad { position:relative; width:620px; height:493px; background:url(../img/ipad-8col.png) no-repeat; }
   .col8 .ipad img { position:absolute; width:492px; height:368px; top:51px; left:61px; }

	hr, .hr {  float:none;clear:both; border-collapse:collapse; -webkit-border-radius:7px; -moz-border-radius:7px;border-radius:7px; }
	.hr1 { background-color:#9f9f9f; height:7px; margin:0 auto;  }
	.hr2 { background-color:#9f9f9f; height:7px; margin:0 auto;  }
	.hr3 { height:7px; background-color:#242424; margin:15px 0; }

	hr, .widget .hr, .hr.small { background-color:#242424; height:4px;:2px;}
	hr { background-color:#636363; }
	.tab_content .hr1 { margin-top:24px; margin-bottom:24px; }

	
	
	.body hr { background-color:#999; margin:48px 0 32px 0; }
	.body blockquote { font-family:'DINRegular'; font-size:18px; line-height:24px; margin:0; padding:0; }
	.body blockquote p { background-color:#f6f6f6;:9px; padding:20px; -webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;}

	.accordion .hr { background-color:#a6a6a6; height:4px; margin-top:12px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
	.accordion .contents {display:none; }
	.accordion .active .contents { display:block; }
	.accordion h2 {position:relative; padding-left:30px;}
	.accordion h2 > a { color:#666; font-size:28px; text-decoration:none; outline:0; }
	.accordion h2 > span { display:block; background:url(../img/ui.png) no-repeat -50px -270px; width:24px; height:22px; position:absolute; top:3px; left:0; }
	.accordion .active h2 a, .accordion .active h2 a:hover { color:#000; cursor:default; }
	.accordion .active h2 span { background-position:-50px -150px;top:7px; }
	.accordion h2 a:hover { color:#666; }
	.accordion blockquote { margin:0; padding:0; }
	.accordion blockquote p { background-color:#e5e5e5;:9px; padding:20px; -webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;}
	
	.widget .hr { margin:0; }

	.tabs { position:relative; }
	.tabs > nav {
		position:relative; height:40px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; width:300px; z-index:2000;
		background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0.75)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%);
		background: linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%);
	}
	.tabs.fixed > nav { position:fixed;}
	.tabs > nav > ul { padding:5px 0; height:100%; }
	.tabs > nav > ul > li { height:30px; float:left; padding:0 10px; margin:0 5px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
	.tabs > nav > ul > li > a { font-family: 'DINBold'; font-size:12px; line-height:25px; margin-top:5px; color:#bbb; display:block; text-decoration:none; text-transform:uppercase; outline:0; }
	.tabs > nav > ul > li > a:hover { color:#fff;}
	.tabs > nav > ul > li.active { background:#242424; }
	.tabs > nav > ul > li.active > a { cursor:default; color:#fff; }
	.tabs > nav > ul > li.active > a:hover { color:#fff; }
	.tabs .tab_content { display:none; position:relative; z-index:1900; }
	.tabs .tab_content.active { display:block; }
	
	.tabs > nav > ul > li.right { float:right; }
	.tabs > nav > ul > li.right a{ color:#00ffff; }
	.tabs > nav > ul > li.right.active { background:#00ffff; }
	.tabs > nav > ul > li.right.active > a { cursor:default; color:#242424; }

	/* mobilize */
	.objects { list-style:none; padding:0; }
	.objects li { margin:20px 10px;}
	
	.objects li .thumbnail { float:left; overflow:hidden; width:220px; height:124px; }
	.objects li a.lightbox { background-color:transparent; border:0; width:auto; }
	.objects li .details { width:620px;float:left; margin-left:20px; }
	.objects p { margin-top:0; }

	.col8 .grid2 { list-style:none; padding:0;  }
	.col8 .grid2 li { width:290px; height:260px; float:left; margin-right:20px; margin-bottom:20px; padding:0; }
        
        .col8 .grid2 li iframe { width:290px; height:200px; }
        
	.grid2 h4 { font-size:14px; }


	/* ui */
	.ui.button, p .button { 
		position:relative; padding:3px 18px 0; display:inline-block; outline:none; -moz-outline:none;
		background-color:#eee;
		font-family: 'DINBold'; font-size:14px; line-height:32px; text-decoration:none; text-transform:uppercase; color:#242424;
		-webkit-border-radius:200px;-moz-border-radius:200px;border-radius:200px;
		-webkit-box-shadow:0 0 1px rgba(255,255,255,0.37), inset 1px 1px 1px rgba(0,0,0,0.12); -moz-box-shadow:0 0 1px rgba(255,255,255,0.37), inset 1px 1px 1px rgba(0,0,0,0.12); box-shadow:0 0 1px rgba(255,255,255,0.37), inset 1px 1px 1px rgba(0,0,0,0.12);
	}
	.ui.button.small {  font-size:12px; line-height:18px; color:#484848; }
	.ui.button:hover, p .button:hover { background-color:#f9f9f9; color:#000; }
	.ui.button.small.simple:hover {background-color:#000; color:#fff; }
	
	.ui.button.bevel { border:6px solid rgba(0,0,0,0.2); }
	.ui.button.free { background-color:#00ffff; color:#004848; }
	.ui.button.large { font-size:24px; padding-top:5px; }
	
	.ui.pill { -webkit-border-radius:200px;-moz-border-radius:200px;border-radius:200px; position:relative;}
	.ui.simple { 
		background-color:#ccc; -webkit-border-radius:23px; -moz-border-radius:23px; border-radius:23px; 
		text-align:center;  font-family:DINRegular; color:#242424; text-decoration:none; font-size:10px; line-height:21px; text-transform:uppercase;
		outline:0;
		-webkit-box-shadow:0 0 0;-moz-box-shadow:0 0 0;box-shadow:0 0 0;
	}
	.ui.inset { background-color:#fff; }
	.inset:hover { background-color:#eee; }
	.ui.full { display:block; text-align:center; }
	p .button { margin-bottom:18px; }
	.ui.button.arrow1 span { background-image:url(../img/ui.png); background-repeat:no-repeat; height:16px; width:12px; display:inline-block; position:relative; top:4px; }
	.ui.button.arrow1.left span { left:-5px;background-position:-90px -5px; }
	/*.ui.button.arrow1.left:hover span { background-position:-90px -35px; }*/
	/* icons */
	.ui.icon span { background-image:url(../img/ui_icons.png); background-repeat:no-repeat; width:16px; height:16px; display:inline-block; margin-right:5px; top:2px; position:relative;}
	.ui.button.icon span { margin-right:8px; }
	.ui.icon.downloads span, .ui.icon.download span { background-position:-60px 0; }
	.ui.icon.videos span { background-position:-90px 0; }
	.ui.icon.quicklinks span { background-position:0 0;}
	.ui.icon.features span { background-position:-32px 0; }
	.ui.icon.uploads span { background-position:-120px 0; }
	.ui.icon.promotion span { background-position:-150px 0; }
	.ui.icon.media span { background-position:-180px 0; }
	.ui.icon.templates span { background-position:-210px 0; }
	.ui.icon.support span { background-position:-160px 0; }
	
	a.ui.button.icon span { 
		display:inline-block; width:20px; height:20px; background-color:#fff; left:6px; position:absolute; 
		-moz-border-radius:36px; -webkit-border-radius:36px; border-radius:36px; 
	}
	a.ui.button.icon { padding-left:40px; }
	a.ui.button.icon span { width:26px; height:26px; top:5px; } 
	a.ui.button.large.icon { padding-left:40px; }
	a.ui.button.large.icon span { width:28px; height:28px; top:5px; } 
	a.ui.button.icon.download span { background-position:-55px 5px; }
	a.ui.button.large.icon.download span { background-position:-54px 5px; }

	a.ui.button.icon:hover span { background-color:#e5e5e5; }
	/*.ui.appstore { background:#000 url(../img/ui_appstore.gif) no-repeat center center; width:226px; height:70px; padding:5px 10px; -webkit-border-radius:7px; -moz-border-radius:7px;border-radius:7px; display:none; }*/
.ui.appstore {
    background: url('../img/ui-appstore.png') no-repeat;
    width: 226px;
    height: 65px;
    padding:0;
    border-radius: 7px;
    display: block;
}
.ui.googleplay {
    background: url('../img/ui-googleplay.png') no-repeat;
    width: 226px;
    height: 65px;
    padding:0;
    border-radius: 7px;
    display: block;
}

#Showcase .ui.googleplay.lemur {
    position:absolute; bottom: 135px;
    right: 40px;
}

	/*	sorting	*/
	.ui.ascending, .ui.descending { 
		position:absolute; top:3px; text-indent:none; width:15px; height:15px; display:inline-block; text-indent:-9999px;
		-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
		background-image:url(../img/ui.png); background-repeat:no-repeat;
		outline:none;
	}
	.ui.descending { left:4px; background-position:-106px -204px;}
	.ui.ascending {  right:4px; background-position:-90px -205px; }
	.sort-newest .ui.ui_date .ui.descending, .sort-name-asc .ui.ui_name .ui.descending { background-color:#000; background-position:-106px -224px; cursor:default; }
	.sort-oldest .ui.ui_date .ui.ascending, .sort-name-desc .ui.ui_name .ui.ascending { background-color:#000; background-position:-90px -225px; cursor:default; }
	
	.ui.button span.arrow.right { display:block; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid rgb(36, 36, 36); margin:0 0 0 5px; position:absolute; right:15px; top:12px; }

/* =============================================================================
	Join
   ========================================================================== */

	#Join { margin-top:36px; margin-bottom:36px; background-color:#e5e5e5; -webkit-border-radius:32px; -moz-border-radius:32px;border-radius:32px; }
	#Join h2 { color:#464646; }
	#Join p { color:#363636; }
	#Join input.ui { 
		line-height:42px; font-family: 'DINRegular'; font-weight:normal; 
		display:block; height:42px; 
		border:0; border-collapse:collapse; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; 
	}
	#Join form { margin:18px 24px 0 0; padding-bottom:10px; }
	#Join .ui.text { width:240px; margin:0; padding:0 20px; font-size:24px; text-align:center; }
	#Join .ui.submit { width:280px; height:42px; font-size:14px; text-align:center; text-transform:uppercase; color:#fff; background-color:#969696; margin-top:5px; }

/* =============================================================================
	Forms
   ========================================================================== */
   /* mobilize */
   .field { margin:10px 0;}
   label { line-height:42px; font-family: 'DINRegular'; font-weight:normal; margin:0; font-size:24px; }
   input.text, #mc-embedded-subscribe-form input.email {
		line-height:42px; font-family: 'DINRegular'; font-weight:normal; margin:0; padding:0 20px; font-size:24px; text-align:left;
		display:block; height:42px; 
		border:0; border-collapse:collapse; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; 
		background-color:#fff;
	}

	input.action, #mc-embedded-subscribe-form input.button { 
		padding:0; height:42px; font-size:14px; text-align:center; text-transform:uppercase; color:#fff; background-color:#969696; margin-top:5px;
		border:0; border-collapse:collapse; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; cursor:pointer;
	}

	.col4 #mc-embedded-subscribe-form input.button, .col4 #mc-embedded-subscribe-form .email { line-height:32px; height:32px; float:left; margin:0; }
	.col4 #mc-embedded-subscribe-form .email { width:150px;font-size:18px;  }
	.col4 #mc-embedded-subscribe-form input.button { width:90px;font-size:12px; text-align:center; float:right; display:block;  }
	
	/*.col8 label { width:220px; display:block; text-align:right; margin-right:20px;clear:both; }*/
	.col8 input.text { width:320px;  }
	.col8 input.action { margin-left:240px; }
	.col8 select {width:360px; }
	.col8 select option { font-size:14px; line-height:24px; font-family: 'DINRegular'; font-weight:normal; }
	.col8 .field.file input, .col8 .simpleimage input  { margin-top:8px; }
	.col8 textarea { width:360px; border:0; font-size:14px; line-height:24px; font-family: 'DINRegular'; font-weight:normal;  }
	
	#ForgotPassword a { text-decoration:none; }
	
	
	.showOnClick > a{display:none;}
	.showOnClickContainer { margin-top:36px; }

	#ForgotPassword { margin-left:100px; margin-top:10px; }
	#Remember label { font-size:12px; line-height:20px; font-family:Helvetica, Arial, sans-serif; width:auto; float:right; margin:0;  position:relative; top:-2px; left:-15px; }
	#Remember { margin-top:24px; margin-left:100px; width:180px;}
	#Remember input { float:left; }

        #Form_AddTemplateForm label,
        #Form_EditTemplateForm label,
        #Form_ProfileForm label { width:200px; font-size:14px; }
        
        #ModalMemberLoginForm_ModalMemberLoginForm label,
        #MemberLoginForm_LoginForm label { width:100px; font-size:14px; }
	#ModalMemberLoginForm_ModalMemberLoginForm input.text,
        #MemberLoginForm_LoginForm input.text {
		line-height:20px; font-family: 'DINRegular'; font-weight:normal; margin:0; padding:0 20px; font-size:14px; text-align:left;
		display:block; width:140px; height:42px; 
		border:0; border-collapse:collapse; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; 
	}
	#ModalMemberLoginForm_ModalMemberLoginForm input.action,
        #MemberLoginForm_LoginForm input.action { width:100px; font-size:14px; }

        #Form_RegisterForm label { width:150px; font-size:14px; }
        #Form_RegisterForm input.text {
		line-height:20px; font-family: 'DINRegular'; font-weight:normal; margin:0; padding:0 20px; font-size:14px; text-align:left;
		display:block; /*width:140px;*/ height:42px; 
		border:0; border-collapse:collapse; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; 
	}
        #Form_RegisterForm input.action { margin-left:150px; }
        

        #MemberLoginForm_LostPasswordForm label { width:50px; font-size:14px; }
        #MemberLoginForm_LostPasswordForm input.action { margin-left: 50px }
	input.action:hover { background-color:#fff; color:#363636; }


/* =============================================================================
	Widgets
   ========================================================================== */

	.widget { margin-bottom:24px; }
	.widget h3 { margin-top:0; margin-bottom:0; }
	.widget h4 { line-height:16px; }
	.widget .video { margin:10px 0; }
	.widget ul {   }
	.widget ul li { font-size:12px; line-height:18px; font-family: 'DINRegular'; font-weight:normal; }
	.widget ul li a { text-decoration:none; text-transform:uppercase; padding:2px 8px 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;   }
	.widget ul li a:hover { color:#242424; background-color:#fff;  }
	.widget .fluid-width-video-wrapper { margin:10px 0; }
	
	.widget.widget_features ul { list-style:disc; margin-top:10px; padding-left:12px; }
	.widget.widget_features ul li, .widget.widget_promotion ul li { font-family:Helvetica, Arial, sans-serif; }
	
	.nav_back { margin-top:8px; }
	.nav_back a { float:right; }
	
/* =============================================================================
	Footer
   ========================================================================== */
   
	#Footer p { color:#666; }
	#Footer .a_organism { width:72px; height:8px; display:inline-block; background:url(../img/organism.png) no-repeat; }

	#Footer h3 { float:left; line-height:18px; margin-top:12px; height:36px;}
	#Footer .module_connect p { float:left; margin-left:20px; }

	#Footer .ui.social { width:32px; height:32px; margin-right:10px; float:left;  }
	#Footer .ui.social a { width:32px; height:32px; background-image:url(../img/ui_social-media.png); background-repeat:no-repeat; margin-top:6px; }
	#Footer .ui.social.twitter a { background-position:-50px 0; }
	#Footer .ui.social.youtube a { background-position:-100px 0; }

	#Footer .ui.social a:hover { background-position:0 -50px; }
	#Footer .ui.social.twitter a:hover { background-position:-50px -50px; }
	#Footer .ui.social.youtube a:hover { background-position:-100px -50px; }
	#Footer .module_copyright { text-transform:uppercase; }
	#Footer .module_copyright small { display:none; }

	#Footer .module_share { padding-top:10px; height:auto;}
	#Footer .addthis_toolbox { margin-left:30px; float:left; }
	.addthis_toolbox > div { position:relative; display:inline; }


/* =============================================================================
   Layout / Formatting Helpers
   ========================================================================== */

	/* cols */
	.col { margin-left:10px; margin-right:10px; /*float:left; background:#fcf;*/ }
	.col.colfull { float:none; }
		
	.textright { text-align:right; }
	.left { float:left; }
	.left img {  margin-right:20px; margin-top:10px; }
	.left .caption { margin-right:20px;}
	.right { float:right; }
	.right img {  }
	.right .caption {  }
	.caption { font-weight:bold; }
	.uppercase { text-transform:uppercase; }
	.ir { display:block; text-indent:-9999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; }
	.ir br { display:none; }
	.hidden { display:none; visibility:hidden; }
	.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
	.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }
	.invisible { visibility:hidden; }
	img.left { margin-right:20px; }
	
	/* cms content zone */
	p img.left { margin-right:20px; margin-bottom:12px; }
	p img.right { margin-left:20px; margin-bottom:12px; }
	p img.center { display:block; margin:0 auto; }
	.body img, .body .captionImage { max-width:280px; height:auto; }
	.captionImage.right { margin-left:20px; }
	a.lightbox { display:inline-block; background-color:#fff; padding:4px; text-align:center; }
	a.lightbox img { display:block; }



	.clearfix:before, .clearfix:after { content:""; display:table; }
	.clearfix:after { clear:both; }
	.clearfix { zoom:1; }


	.ui_screenshot > img {}
	.ui_screenshot { border:2px solid #fff; width:140px; height:105px; display:inline-block; outline:none;} 
	.ui_screenshot.active { border:2px solid #00ffff;}
	
	.debug { background-color:#fc0; }



/* =============================================================================
	Light Box
   ========================================================================== */
	
	#jquery-overlay {
		position:absolute; top:0; left:0; z-index:9000;
		width:100%; height:500px;
	}
	#jquery-lightbox {
		position:absolute; top:0; left:0; z-index:9100;
		width:100%;
		text-align:center;
		line-height:0;
	}
	#jquery-lightbox a img { border:none; }
	#lightbox-container-image-box {
		position:relative;
		background-color:#fff;
		width:250px;
		height:250px;
		margin:0 auto;
	}
	#lightbox-container-image { padding:10px; }
	#lightbox-loading {
		position:absolute;
		top:40%;
		left:0%;
		height:25%;
		width:100%;
		text-align:center;
		line-height:0;
		background:url(../img/lightbox-ico-loading.gif) no-repeat top center;
	}
	#lightbox-nav {
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:10;
	}
	#lightbox-container-image-box > #lightbox-nav { left:0; }
	#lightbox-nav a { outline:none;}
	#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
		width:49%;
		height:100%;
		zoom:1;
		display:block;
	}
	#lightbox-nav-btnPrev { left:0; float:left; background-position:left 50%!important; }
	#lightbox-nav-btnNext { right:0; float:right; background-position:right 50%!important; }
	
	#lightbox-container-image-data-box {
		font:10px Verdana, Helvetica, sans-serif;
		background-color:#fff;
		margin:0 auto;
		line-height:1.4em;
		overflow:auto;
		width:100%;
		padding:0 10px 0;
	}
	#lightbox-container-image-data {
		padding:0 10px; 
		color:#666; 
	}
	#lightbox-container-image-data #lightbox-image-details { 
		width:70%; 
		float:left; 
		text-align:left; 
	}	
	#lightbox-image-details-caption { font-weight:bold; }
	#lightbox-image-details-currentNumber {
		display:block; 
		clear:left; 
		padding-bottom:1.0em;	
	}			
	#lightbox-secNav-btnClose {
		width:66px; height:22px; display:block;
		float:right;
		padding-bottom:0.7em;	
		background:url(../img/lightbox-btn-close.gif) no-repeat;
	}
	
	#lightbox-secNav-btnClose img { display:none; }

        
/* =============================================================================
	jQuery UI Dialog / Login / File Download
   ========================================================================== */

	#securefiledownloadframe {
		width:500px!important; height:400px!important;
		background:#e6e6e6; overflow:hidden;
	}
	

	.ui-dialog { background:#e6e6e6; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.5); -moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.5); box-shadow:0 0 20px 0 rgba(0,0,0,0.5); z-index:3000!important; padding:0; }
	.ui-dialog .ui-dialog-titlebar { padding:5px 0; background:#e6e6e6; }
	.ui-dialog .ui-dialog-titlebar-close { text-decoration:none; }
	.ui-dialog .ui-dialog-titlebar-close .ui-icon.ui-icon-closethick { font-size:24px; position:absolute; right:10px; font-weight:bold; }

	body.dialog { background:#e6e6e6; }