/************ GLOBAL RESET **********/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font: 62.5%/1.5;	vertical-align: baseline;	background: transparent;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
/* remember to define focus styles! */
:focus {	outline: 0;}
/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}
a {color:#680028;text-decoration:none}
a:hover {text-decoration: underline}
a.lightred { color:#B10051 }
span.clear{display: block;clear: both;}
span.upper {text-transform:uppercase}

/************ UNIKI STYLES **********/
html { height: 100%; }
body { background-color:#fff; background-repeat: repeat-x; background-position:top left;	background-image:url(../images/bg2.png); }
body { color:#666666; font:62.5%/1.5 Tahoma,Geneva,sans-serif;	margin:0;	padding:0;	text-align:center; overflow-x: hidden;height: 100%;}

/************ FORMS **********/
input[type="text"], input[type="password"], textarea {color:#666666;font-family: Arial, Sans-Serif;font-size: 1.3em;margin-bottom: 5px;display: block;padding: 4px;border: solid 1px #969ca0; background-image: url(../images/inputbg.png ); background-repeat: repeat-x; background-position: top;} 
input[type="button"], input[type="submit"] {background:#2E3A41;border-color:#969ca0 #182126 #182126 #969ca0;border-style:solid;border-width:1px;color:#EFEFEF;cursor:pointer;font-size:1.2em;font-weight:bold;padding:2px 14px;text-decoration:none;}

/****** main containers *******/
#container { width:100%; overflow-x: hidden;min-height: 100%;}
#content, #header, .wrapper { width: 970px; min-width:970px;	text-align: left;	margin-left: auto;	margin-right: auto; position: relative;	}
#header {padding:20px 0; position:relative; height:75px;}
#logo {float:left;margin-top:-10px}
#lang { text-align: right; font-size:1.2em; padding-bottom: 5px; }
#lang a { font-weight: bold; color: #b10051; }
#menu { text-align: right; }
#menu a { color:#2E3A41; text-transform: uppercase; padding:3px 5px; text-decoration: none; }
#menu a { background: transparent url(../images/mbg.png) -80px 0 no-repeat; }
/*#menu a:hover {background-color: #B10051; color:#fff}*/
#menu a:hover {color:#fff; background-position:0 0;}
#menu a.selected {background-color: #B10051; color:#fff}
#menu .last {padding-right: 0}

#productmenu {position:absolute;top:0;left:230px;}
#productmenu ul li { position: relative; float:left; height:70px; background: #2E3A41; }
#productmenu ul li.selected { background:#B10051 url(../images/prodmenubg.png) top right repeat-y; }
#productmenu ul li a { display:block; bottom:10px; width:83px; color:#fff; font-size: 1.2em; padding:10px; height: 50px; }
#productmenu ul li a:hover{ text-decoration: none; background:#B10051 url(../images/prodmenubg.png) top right repeat-y;}

#login-info {float:right; margin-right:-50px}
#login-info a {color:#666666;}
#login-cont {float:right; margin-right:-200px; width:200px;text-align:left;}
#footer {width:100%;color:#fff; text-align: left; background: #2e3a41 url(../images/footerbg.png); }
#footershad {width:100%;color:#fff; padding: 40px 20px 30px 20px; background: url(../images/footershad.png) repeat-x; }
#footer div.col {float:left; width:auto; margin:0 60px 0 0; width:132px;}
#footer h1 {font-size:2.2em; font-weight: normal; margin-bottom: 15px; line-height: 1.3em; }
#footer a, a.arrow {color:#aaa; font-size: 1.2em; background: transparent url(../images/icons/arrowr.png) right 75% no-repeat; padding-right: 12px}
a.arrow {color:#B10051; font-size:1em}
#footer a.email { background: none; padding: 0;}
#footer #badges { margin-top: 30px; }
#footer a.blog {background:none;padding:0}
#footer #copy {color:#888888; font-size: 1.2em}
#footer #skype {}
#footer #linkedin {}
#footer #rss {}
#footer #twitter {}
#footer #facebook {}
div.slogan {float:left;color:#2E3A41; margin: 40px 0 0 0px}
div.slogan h1 {font-weight: normal; text-transform: uppercase; font-size: 2.2em; line-height: 0.8em}
div.slogan h2 {font-weight: normal; font-size: 2.2em}
.bglogobig {background: transparent url(../images/logo_back2.png) top left no-repeat;width:789px;height:382px;position:absolute;z-index:-1; top:40px; right:-230px;}
#buy {position:fixed; top:70px; background:#B10051; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); font-size: 1.2em;	letter-spacing:2px;}
#buy:hover {background-color: #680028;}
#buy a {padding:5px 12px; display:block; color:#FFF;text-shadow:0 1px 0 #333;}
#buy a:hover {text-decoration: none}

#mediapro {position:fixed; top:200px; background:#B10051; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); font-size: 1.2em;	letter-spacing:2px;}
#mediapro:hover {background-color: #680028;}
#mediapro a {padding:5px 12px; display:block; color:#FFF;text-shadow:0 1px 0 #333;}
#mediapro a:hover {text-decoration: none}

/******** OVERLAYS ********/
/* the overlayed element */ 
div.video_overlay, div.buy_overlay, div.play_overlay {background-image:url(../images/overlay/uniki.png); width:780px; height:520px;display:none;} 
div.buy_overlay, div.play_overlay {background-image:url(../images/overlay/uniki2.png); } 
a.close { background-image:url(../images/overlay/close.png); position:absolute; right:29px; top:29px; cursor:pointer; height:35px; width:35px; } 
div.play_overlay a.close { right:10px }
.overlaycont {margin:49px 48px;color:#eee;border:1px solid #888;height:420px; overflow: hidden}
.overlaycont .head {height: 70px;border-bottom:1px solid #888;}
.overlaycont .head img { margin: 10px}
.overlaycont .col-l {float:left;height:350px;width:467px;background: #888;margin-left: -1px}
.overlaycont .col-r {float:left;height:350px;width:215px;background: #888; background-color: #2E3A41; overflow-y: auto;}
.overlaycont .col-r a {display:block;color:#fff;font-size:1.2em; padding: 8px 10px 8px 10px; border-bottom:1px solid #586167 }
.overlaycont .col-r a:hover {text-decoration: none; background-color: #680028}
.overlaycont .col-r small {color:#ccc; display:block}
.buycont {margin:49px 46px;height:414px; overflow: hidden; border:6px solid #aaa;-moz-border-radius: 6px;  }
.buycont form { padding: 34px 40px}
.buycont table td {font-size:1.2em;vertical-align:top;}
.buycont table td em {color:red;padding-right: 2px}
.buycont table td select {margin-bottom: 5px}
.buycont table td .note_help {width:183px; height:138px; background: transparent url(../images/inquiry_help_bg.png) no-repeat; position:absolute; margin: -135px 0 0 290px; font-size: .8em; color: #FFFFFF;display:none}
.buycont table td  #help_news {margin-top:-53px; background-image:url(../images/inquiry_help_bg2.png); height:69px;}
.buycont table td .note_help p {display:block; margin: 10px 0 10px 23px; width:150px}
.buycont table td  #help_news p {margin-top:16px;margin-left: 28px}
.buycont table td  #help_news p input {float:left;margin-right:10px}
.buycont table td  #help_news p label {float:left;width:100px;margin-top:2px}
.buycont table td .error {border-color:red}
.buycont table td .readonly {background:#AAA}
.buycont table td textarea, .buycont table td input[type="text"] {width:270px}
.buycont span.indicator {display:block;float:right;clear:both;background: transparent url(../images/indicator.gif) no-repeat;width:16px;height:16px; margin-right:-24px; margin-top: 4px;display:none}
.buycont #datasent {display:none}
.buycont #datasent h1 {margin-top: 150px; color:#B10051; font-size: 4em;}
.buycont #datasent p {margin-top: 10px; color:#2E3A41; font-size: 1.2em;}
#map_canvas {width:100%; height:420px; overflow: hidden; position:relative:float:left }


/******* home page *******/
#home { width: 970px; height:629px; background: transparent url(../images/homebg.png) top right no-repeat; margin-bottom: 60px; position:relative; z-index: 99;}
#navi { position:absolute; left:44px; top:62px; widht:307px; height:207px; }
#navi ul {}
#navi ul li {  }
#navi ul li.last { border:none; }
#navi ul li a { background: transparent top right no-repeat; display: block; width:307px; height:69px; }
#navi ul li a h1 { color:#fff; font-size: 12px; font-weight: bolder; width:100px; padding-top: 6px; padding-left: 25px; }
#navi ul li a h1 span { display:block; font-size: 11px; font-weight: normal; }
#navi ul li a#navi1 { background-image: url(../images/navibg1.png); }
#navi ul li a#navi2 { background-image: url(../images/navibg2.png); }
#navi ul li a#navi3 { background-image: url(../images/navibg3.png); }
#navi ul li a#navi1:hover { background:transparent url(../images/navibg1h.png) top left no-repeat; text-decoration: none; }
#navi ul li a#navi2:hover { background:transparent url(../images/navibg2h.png) top left no-repeat; text-decoration: none; }
#navi ul li a#navi3:hover { background:transparent url(../images/navibg3h.png) top left no-repeat; text-decoration: none; }

#quote { background:transparent url(../images/quote-bbc.png) no-repeat bottom; position:absolute; left:55px; top:300px; width:188px; height:155px; }
#quote a { width:188px; height:140px; display:block; padding-top:18px; color:#555;  }

#btnavi { width: 905px; height: 100px; position: absolute; bottom:0px; left:54px; z-index: 99; }
#btnavi ul {  }
#btnavi ul li { float: left; width:301px; height: 100px; background: transparent url(../images/btnavibg.png) top right no-repeat; }
#btnavi ul li:hover {  background-image: url(../images/btnavibgh.png);}
#btnavi ul li a { display:block; padding: 17px 60px 17px 20px;}
#btnavi ul li a:hover { text-decoration: none; }
#btnavi ul li a h1 { color:#2e3b42; font-size: 12px; font-weight: bolder; }
#btnavi ul li a h1 span { display:block; font-size: 11px; font-weight: normal; margin-top:10px; }
#btnavi ul li a#btnavi1 { background: url(../images/btnavi1.png) no-repeat 220px center; height:66px; }
#btnavi ul li a#btnavi2 { background: url(../images/btnavi2.png) no-repeat 250px center; height:66px; }
#btnavi ul li a.ticker { padding: 17px; height:65px; }
#post-ticker { overflow-y: hidden; height: 100px; width:301px; position: absolute; top:0; left:0;}
#post-ticker .tickercont { position: absolute; }
#post-ticker .tickercont a { position:relative; }

#backlogo {position: absolute; right:-175px; top:266px; z-index: 0; width:781px; height: 381px; background: transparent url(../images/backlogo.png); }

#poster-video { position:absolute; right:81px; top:62px; width: 362px; height: 205px; }

#howitworks { width:858px; height: 315px; display: none; background: #fff; position: relative; }
#howitworks .close { right:-16px; top:-16px; z-index: 999; }
#howitworks img { position: absolute; z-index: 5; top:0; left:0; }
.shadow {	-moz-box-shadow: 0px 0px 15px #333;	-webkit-box-shadow: 0px 0px 15px #333; box-shadow: 0px 0px 15px #333; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#333333')";	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#333333'); }
.how-item { float:left; background-color: transparent; background-repeat: none; height:315px; cursor: pointer; z-index: 6; position:absolute;}
.how-item-hover { background-color: transparent; background-repeat: none; height:315px; z-index: 6; position:absolute; display:none; }
#how1 { background-image: url(../images/how-it-works-1.png); width:271px; left:0px; }
#how2 { background-image: url(../images/how-it-works-2.png); width:221px; left:271px; }
#how3 { background-image: url(../images/how-it-works-3.png); width:219px; left:492px; }
#how4 { background-image: url(../images/how-it-works-4.png); width:147px; left:711px; }
#how1h { background-image: url(../images/how-it-works-1h.png); width:271px; }
#how2h { background-image: url(../images/how-it-works-2h.png); width:221px; }
#how3h { background-image: url(../images/how-it-works-3h.png); width:219px; }
#how4h { background-image: url(../images/how-it-works-4h.png); width:147px; }

#intromovie { width:700px; height: 428px; display: none; background: #fff; position: relative; }
#intromovie .close { right:-16px; top:-16px; }

#introgame { width:700px; height: 500px; display: none; background: #fff; position: relative; }
#introgame .close { right:-16px; top:-16px; }

.closeup { width:800px; height: 520px; display: none; background: #fff; position: relative; }
.closeup a.close { right:-16px; top:-16px; }
.closeup .slidecontent { overflow-x: hidden; width:800px; height: 455px; }
.closeup .slidecontainer { width:1600px; height:455px; margin-left: 0px;}
.closeup .slidecontent .slide { float:left; width: 800px; height: 455px; }
.closeup .toolbar {  z-index: 99; position:absolute; bottom:0px;  }
.closeup .toolbar a { display:block; background:#eee; width:800px; height: 70px; text-align: center; font-size: 30px; line-height: 65px; color:#555; }
.closeup .toolbar a:hover { background:#ddd; text-decoration: none;}
.clsingle { height:450px; }

/********* Main Col COntainer ********/
.colcont {width:970px;background:#fff url(../images/colcontbg.png) top right repeat-y;border:1px solid #efefef; padding: 0; margin-bottom: 10px; }
.colcotm20 {margin-top:20px}

/******* ARcards page *******/
.fullcont {margin:20px 0; padding:0 20px;}
.slidecontvisible { overflow-x: hidden; width: 930px }
.slidecont { width:1860px; }
.arslide { width:930px; float:left; } 
.armenu {margin-bottom: 20px}
.armenu ul { list-style:none; }
.armenu ul li { float:left; margin-right:20px; }
.armenu ul li a { color:#E0E0E0; font-size: 20px; font-weight: bold; }
.armenu ul li a.selected { color:#2E3A41; }
.armenu ul li a:hover { color:#2E3A41; text-decoration: none; }
.armenu .menuslider { position: absolute; width:133px; background-color: #2E3A41; height: 4px; margin-top:28px; opacity:0.80 }

/******* Contact page *******/
#contact {width:970px;margin-bottom: 50px}

/******* About page *******/
#about {width:970px;margin-bottom: 50px}
.colcont div.col { float:left; width:280px; border-right: 1px solid #eee;padding:0 20px;margin:20px 0}
.colcont div.col23 { float:left; width:650px; border-right: 1px solid #eee;padding:0 20px;margin:20px 0}
.colcont div.col13 { float:left; width:220px; border-right: 1px solid #eee;padding:0 20px;margin:20px 0}
.colcont h2 {color:#680028; font-size: 1.4em}
.colcont h3 {color:#2E3A41; font-size: 1.2em;}
.colcont p {font-size: 1.2em}
.colcont strong {color:#2E3A41}
.colcont div.col .jobdesc { display:none }
.colcont div.last {border-right: none}
.colcont img {padding:20px 0;}
.colcont #videos { float:left; }
.colcont #video-nav { width:400px; float:left; }
.colcont #video-nav .vlinkcont
.colcont #video-nav h2 {padding-bottom: 10px}
.colcont #video-nav a {display: block;padding: 7px 10px; border-bottom: 1px solid #ddd;}
.colcont #video-nav a:hover {text-decoration: none; background-color: #eee }
.colcont #video-nav a span {display: block; color:#888; }
.colcont #video-nav a.last { border:none; }
.colcont #video-nav a.selected { background-color: #ccc;}
.colcont #videos img {padding:0;}
.colcont .pdf1 {line-height:16px; color:#680028; font-size:1.2em; background: transparent url(../images/icons/ikona_pdf2.png) center left no-repeat; height:40px; padding-left: 60px; margin-top: 20px;}
.colcont .pdf2 {line-height:16px; color:#2E3A41; font-size:1.2em; background: transparent url(../images/icons/ikona_pdf.png) center left no-repeat; height:40px; padding-left: 60px; margin-top: 20px;}
.colcont .map {line-height:16px; color:#2E3A41; font-size:1.2em; background: transparent url(../images/icons/ikona_map.png) center left no-repeat; height:40px; padding-left: 70px; margin: 80px 0 0 0px;}
.colcont .pdf2 a {color:#2E3A41;font-weight: bold}
.colcont div.col .pdf1 ul, .colcont div.col .pdf2 ul, .colcont div.col .map ul {list-style: disc;margin-left:15px; padding:0;font-size: 1em}
.colcont .award {color:#2E3A41; padding-top: 20px}
.colcont .award .awardimg { float:left; width:90px }
.colcont .award .awardimg img { padding:0 }
.colcont .award .awardtext {padding-left: 20px; float:left;}
.colcont .award .awardtext ul {font-size: 1.2em; list-style:disc;margin-left:15px;padding:0}
.colcont table td {padding:2px 0;}
.colcont .uploadifyQueueItem .cancel img { padding:0; margin: 0; }
.colcont .uploadifyQueueItem { width:158px;}

h1.section-title { margin-top:60px; margin-bottom: 0; padding: 0; background: none; height: 40px; color:#DDD; }
h1.section-title div { float: left; padding:5px 10px; background: #fff; border:1px solid #EEE; border-bottom: none; }

/******* FILES page *******/
#files {width:100%; margin-top: 20px;}
#files th { background-color: #EEE; color: #333; padding: 5px; border-bottom: 1px solid #ccc;}
#files td.section { background:#FAFAfA; color:#333; font-weight: bold; text-transform: uppercase; }
#files td { padding:5px; border-bottom: 1px solid #E0E0E0;}
#files td span { color: #2E3A41;  }


/******* Technology page *******/
#technology {width:970px;margin-bottom: 50px}
.colcont div.col ul {list-style: disc; padding: 10px 0 0 20px; font-size: 1.2em; }

/******* JOBS page *******/
#jobs {width:970px;margin-bottom: 70px}


/******** Events product page *********/
#events {width:970px;margin-bottom: 120px}
#spaces {width:970px;margin-bottom: 120px}
#store {width:970px;margin-bottom: 120px}
.productcontainer { padding: 1px 0; height: 100%; }
.productcontainer .sidebar {float:left;width:220px; background:#2E3A41;height:100%;}
.productcontainer .sidebar ul {list-style: none}
.productcontainer .sidebar ul li {border-bottom: 1px solid #586167}
.productcontainer .sidebar ul li.selected {background-color:#680028;}
.productcontainer .sidebar ul li a {display:block;color:#fff;font-size:1.4em; padding: 8px 10px 3px 10px}
.productcontainer .sidebar ul li a:hover {text-decoration: none; background-color: #680028}
.productcontainer .sidebar ul li.inactive {background-color: #899094;color:#aaa;font-size:1.4em; padding: 8px 10px 3px 10px}
.productcontainer .desc {float:left;color:#2E3A41;background-color:#f2f2f2;width:270px; height:100%;}
.productcontainer .desc h3 {padding-bottom: 10px }
.productcontainer .desc p {padding-bottom: 10px}
.productcontainer .desc ul {list-style: disc;margin-left: 15px}
.productcontainer .showcase {float:left;background-color:#aaa;width:240px; height:100%;}
.productcontainer .showcase img {padding:0;margin:0}
.productcontainer .desc2 h3 {padding-bottom: 10px }
.productcontainer .desc2 {float:left;width:230px; height:100%;}
.productcontainer .desc2 ul {list-style: disc;margin-left: 15px}
.productcontainer .desc2 ul li {padding-bottom: 10px}
.productcontainer .space{margin:10px 20px;}
.productcontainer .space2 { padding-left: 1px;background: #fff }
.productcontainer .w2 {width:269px}

.productcontainer2 {padding:0;}
.productcontainer2 .col4 { float:left; width:25%;}
.productcontainer2 .col4 .imgcont { background: #aaa; height:170px;overflow: hidden }
.productcontainer2 .col4 .imgcont img { padding:0;margin:0 }
.productcontainer2 .col4 .desccont { }
.productcontainer2 .col4 .desccont a { display: block; padding-top: 5px; font-weight: bold }
.bordercont {border-right:1px solid #fff; position:relative; overflow: hidden;}
.bordercont .zoominfo { position:absolute; bottom:-50px; width:100%; padding:5px 0px; background: #fff; background-color: rgba(255,255,255,0.85); color:#555; font-size: 12px; text-align: center;}
.bordercont2 {border-right:1px solid #ddd; padding:10px 20px 10px 20px}
.noborder {border:none}


/******** AR Cards *********/
#arcardstop {width:930px; height:340px;font-family:Helvetica,sans-serif;}
#arcardstop .artopleft {float: left; width:340px;height:340px;background:#B10051 url(../images/arshadow.png) no-repeat top left;}
#arcardstop .artopleft h1 { font-size: 32px; text-transform: uppercase; color: white; line-height: 40px; padding-left: 20px; margin-top: 168px}
#arcardstop .artopleft h2 { font-size: 16px; text-transform: uppercase; color: #f6d5da; line-height: 20px; padding-left: 20px; margin-top: 10px; font-weight: normal}
#arcardstop .artopright {float: left; width:590px;height:340px;}
#arcardbtm {width:930px; height:100px;padding-top: 10px; background: white url(../images/artickerbg.png) top left repeat-x;font-family:Helvetica,sans-serif;}
#arcardbtm .articker {height:100px;float: left; border-right:1px solid #ddd;}
#arcardbtm .articker span { font-size: 58px; color:#B10051; font-weight: bold; float: left; padding-top: 15px; margin-left: 15px}
#arcardbtm .articker p { float: left; font-size: 16px; color:#2e3a41; margin-top: 10px; padding-left: 15px; font-weight: bold }

/******** 404 *********/
#p404 {}
#p404 .img404 {margin:50px 0 0 0px}
#p404 .desc404 {margin:10px 0 40px 600px}
#p404 .desc404 h1 {color:#B10051; font-weight:normal;}
#p404 .desc404 h1 span {display:block; color:#2e3a41}
#p404 .desc404 p {font-size: 1.6em;padding: 20px 0}
#p404 .desc404 .comm img {margin-left:-130px}

.urcards { padding: 30px; }
.urcards #urplayer { width:700px; height:500px; background-color: #aaa; float:left; }
.urcards .urplayer_info { float:left; width:190px; padding-left:20px; }
.urcards .urplayer_info #profilepic {padding:10px; border:1px solid #ddd; background-color: #fff; margin-bottom: 10px;}
.urcards .urplayer_info #profilepic img {padding:0; }
.urcards .urplayer_info ol { font-size:12px; list-style:decimal; color: #2E3A41; padding-left: 20px;}
.urcards .urplayer_info h3 { font-size:20px; }