/* colours 

blue	#1C96F1
pink	#FF609C
grey	#ADC0C9

*/

/* 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; font-size: 100%; vertical-align: baseline; background: transparent; list-style: none;}

/* internet exploder */

img, div, a { behavior: url(js/iepngfix.htc) }

/* general stuff */

body { font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6", Helvetica, Arial, sans-serif; color: #1c96f1; font: normal; font-size: 85%;  background-color: white;}

a:link { color: #ff609c; text-decoration:none; }
a:visited { color: #ff609c; text-decoration:none; }
a:hover { color: #ff609c; text-decoration: underline; }
a:visited:hover { color: #ff609c; text-decoration: underline; }

h1, h2, h3 {font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6", Helvetica, Arial, sans-serif;font-weight:bold;}

p {font-size: 0.875em;}

#page { width: 944px; margin: auto auto;} #page_de { width: 944px; margin: auto auto;} #page_es { width: 944px; margin: auto auto;} #page_fr { width: 944px; margin: auto auto;} #page_ja { width: 944px; margin: auto auto;}

#container { float:left; width:944px; margin: 16px 0px 64px 0px;}

#header {width:944px; float:left; margin: 0 0 24px 0; padding:0 0 8px 0; border-bottom: solid; border-bottom-color: #1C96F1; border-bottom-width: 8px; clear:both;}

#header .logo {float:left; display: block; width:304px; height:49px; margin-right: 16px;}
#header h3 {float:left; display: block; width:224px; height:auto; margin-top:36px; font-size: 1em;}
ul#language {float:right; width:944px; height:20px; list-style-type: none; text-align: right; position:absolute; *width:944px; _margin-left:-548px; *margin-left:-548px;}
ul#language li {display:inline; }
ul#language {font-size: 0.75em; color: #adc0c9; font-weight: bold;}
ul#language a:link, #header #language a:visited {color: #adc0c9;}
ul#language a:hover, #header #language a:visited:hover {color:#ff609c; text-decoration: none;}
ul#language li.english {border-right: 2px solid; padding-right: 3px;}

#menu {float:right; display: block; width:auto; text-align: right; margin:30px 0 0 0;}
#menu span {font-size: 1.125em; font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6", Helvetica, Arial, sans-serif;font-weight:bold;}
#menu span a {color:#1C96F1;}
#menu span a:hover, #menu span a.active {text-decoration: none; color:#FF609C;}

#content {width:816px; display:block; float:left; margin:0 64px 0 64px; clear:both; _margin: 0 32px 0 32px;}
#content h1 {width:100%; text-align: center; font-size: 1.875em; margin:0 0 12px 0; color:#FF609C; }

#content .gallery_compo_left {float:left; display: block; width:480px; margin:32px 0 0 16px; _margin:32px 0 0 8px;}
#content .gallery_compo_left h1 {width:100%; text-align: left; font-size: 2em; margin:0 0 12px 0; color:#FF609C;}
#content .gallery_compo_left img {float:left; display: block; width:400px; height:226px;}
#content .gallery_compo_left h2 {float:left; display: block; width:100%; margin: 16px 0 0 0;}
#content .gallery_compo_right {float:left; display: block; width:304px; margin: 130px 0 0 0;}
#content .gallery_compo_right h1 {width:100%; text-align: left; font-size: 1.5em; margin:0 0 12px 0; color:#FF609C;}
#content .gallery_compo_right img {float:left; display: block; width:304px; height:136px;}
#content .gallery_compo_right h2 {float:left; display: block; width:100%; margin: 16px 0 0 0;}
#content .gallery_compo {float:left; display: block; width:784px; margin:16px 0 16px 0; padding:16px; border: solid; border-width: 8px 0; border-color: #ADC0C9; }
#content .gallery_compo h1 {width:100%; text-align: center; font-size: 1.875em; margin:0 0 16px 0; color:#FF609C;}
#content .gallery_compo .left {float:left; display: block; width:384px; margin:0 16px 0 0;}
#content .gallery_compo p {float:left; display:block; margin:16px 0 0 0; text-align: center; width:100%}
#content .gallery_compo .right {float:left; display: block; width:384px; margin:0;}
#content .gallery_compo a.submit {float:left; display:block; width:384px; height:60px; text-align: center; background-image:url(img/button_gallery_submit.png); background-position:top left; color:white; font-size:1.5em; padding:12px 0 0 0; clear:both; font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6", Helvetica, Arial, sans-serif;font-weight:bold;}
#content .gallery_compo a:hover.submit {float:left; display:block; width:384px; height:60px; text-align: center; background-image:url(img/button_gallery_submit.png); background-position:bottom left; color:white; font-size:1.5em; padding:12px 0 0 0; clear:both; text-decoration: none;}
#content .gallery_compo .iphone_submit {visibility: hidden; width:0; height:0;}

#content .gallery_upload_left {float:left; display: block; width:400px; margin:32px 64px 0 16px; _margin:32px 32px 0 8px;}
#content .gallery_upload_left h1 {width:auto; text-align: left; font-size: 1.5em; margin:0 0 12px 0; color:#FF609C; }
#content .gallery_upload_left h2 {width:auto; margin: 0 0 16px 0;}
#content .gallery_upload_left p {margin:0 0 12px 0;}
#content .gallery_upload_right {float:left; display: block; width:320px; margin: 32px 0 0 0;  _margin:32px 0 0 0;}
#content .gallery_upload_right h1 {width:auto; text-align: left; font-size: 1.5em; margin:0 0 12px 0; color:#FF609C;}
#content .gallery_upload_right p {margin:0 0 12px 0;}
#content #gallery_uploader {float:left; display:block; width:100%}
#content #gallery_uploader span {float:left; display:block; clear: both; width:100%; margin:0 0 12px 0;}
#content #gallery_uploader .error {float:left; display:block; margin:-16px 0 12px 80px; _margin:0 0 16px 0;}
#content #gallery_uploader .errhuman {margin:-16px 0 12px 192px; _margin:0 0 16px 0;}
#content #gallery_uploader span em {color:#FF609C;}
#content #gallery_uploader p {font-size: 1em; font-weight: bold; float:left;}
#content #gallery_uploader p em {color:#FF609C;}
#content #gallery_uploader #name, #content #gallery_uploader #email, #content #gallery_uploader #title {width:240px; float:right; border: solid 2px #1C96F1; color:#1C96F1; font-size: 0.875em; font-weight: bold; background: white; padding: 2px; margin: -4px 0 0 0; _margin:0;}
#content #gallery_uploader #human {width:32px; float:left; border: solid 2px #1C96F1; color:#1C96F1; font-size: 0.875em; font-weight: bold; background: white; padding: 2px; margin: -4px 0 0 4px; _margin:0 0 0 0;}
#content #gallery_uploader #file {float:left; color:#1C96F1; font-size: 0.875em; font-weight: bold; background: white; padding: 2px; margin: -16px 0 16px 80px; _margin:0 0 16px 40px;}
#content #gallery_uploader input.submit {border: none; float:left; display:block; width:320px; height:72px; _height:auto; text-align: center; background-image:url(img/button_upload.png); background-position:top left; color:white; font-size:1.5em; font-weight:bold; padding:0 0 0 0; clear:both; cursor: pointer; _color:#1C96F1; *color:#1C96F1;}
#content #gallery_uploader input:hover.submit {border: none; float:left; display:block; width:320px; _width:auto; height:72px; _height:auto; text-align: center; background-image:url(img/button_upload.png); background-position:bottom left; color:white; font-size:1.5em; font-weight:bold; padding:0 0 0 0; clear:both; cursor: pointer; *color:#1C96F1;}


#content #gallery {display:block; float:left; width:100%;}
#content #gallery h1 {display:block; float:left; width:auto; text-align: left; color:#1C96F1; margin: 0 0 0 16px; _margin: 0 0 0 8px;}
#content #gallery .gallery_menu {display:block; float:left; width:100%; text-align: center; margin: 0 0 0 0;}
#content #gallery #listing {display:block; float:left; width:100%; margin:0 0 32px 0; _margin: 0 0 32px 0;}
#content #gallery .entry {display:block; float:left; width:224px; height:442px;margin: 32px 0 0 16px; _margin: 32px 0 0 8px;}
#content #gallery .entry h4 em {color: #ADC0C9; font-variant: none;}
#content #gallery .middle {display:block; float:left; width:224px; height:442px;margin: 32px 40px 0 56px; _margin: 32px 48px 0 56px;}
#content #gallery .entry h4 {margin:8px 0 0 0; font-size: 0.875em;}
#content #gallery .entry p {font-size:0.75em;}
#content #gallery img {width:224px; height:336px; background-image:url(gallery/noimage.png);}
#content #gallery span.pagination {display:block; float:left; width:100%; text-align: center;}

#content #slideshow {display:block; float:left; width:784px; height:466px; margin: 0 0 0 16px; _margin: 0 0 0 8px; overflow: hidden;}
#content #slideshow li {text-align: center; font-size:0.75em;}
#content #index {display:block; float:left; width:784px; margin: 16px 0 0 16px; _margin: 32px 0 0 8px;}
#content #index h2 {text-align: left; font-size: 2em; margin:0 0 12px 0; color:#FF609C; width:400px;}
#content #index .left {display:block; float:left; width:400px; clear:none;}
#content #index .left h3 {font-size: 1.125em;}
#content #index .left ul {margin: 16px 0 0 16px; _margin: 16px 0 0 8px;}
#content #index .left ul li {padding: 0 0 0 61px; margin:0 0 8px 0; height:45px; background-repeat: no-repeat; background-position: top left; font-size: 1.125em; font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6", Helvetica, Arial, sans-serif; font-weight:bold;}
#content #index .left ul li.first {background-image:url(img/list-1.png); }
#content #index .left ul li.second {background-image:url(img/list-2.png); line-height: 2.25em;}
#content #index .left ul li.third {background-image:url(img/list-3.png); }
#content #index .left ul li.fourth {background-image:url(img/list-4.png); }
#content #index .left ul li.fifth {background-image:url(img/list-5.png); line-height: 2.25em;}
#content #index .left p {float:right;}
#content #index .right {display:block; float:right; width:352px; margin:36px 0 0 0;}
#content #index .right .ipad {float:right;margin:0 0 0 24px; _margin:0 0 0 8px; *margin:0 0 0 12px;}
#content #index .right .iphone {float:left;}
#content #index .right .alertbox {float:left; margin: 32px 0 32px 0;}

#content #generic {display:block; float:left; width:480px; margin: 16px 0 0 168px;}
#content #generic h2 {text-align: left; font-size: 1.25em; margin:0 0 12px 0; color:#FF609C;}
#content #generic .columns {margin:0 0 32px 0;}
/*-moz-column-count: 2; -moz-column-gap: 32px; -webkit-column-count: 2; -webkit-column-gap: 32px;	column-count: 2; column-gap: 32px;*/

#content #index .push {margin: 0 0 0 16px;}
#content .infoheader {margin:-32px 0 32px 0;}

#content #info #gestures {display:block; float:left; width:784px; margin: 16px 0 0 16px; padding:16px; border-top: solid; border-top-color: #1C96F1; border-top-width: 8px;}
#content #info #gestures h2 {display:block; float:left; width:100%; font-size: 1.375em; color:#1C96F1; clear:both; margin:0 0 16px 0;}
#content #info #gestures .left {display:block; float:left; width:384px;}
#content #info #gestures .left p {margin: 0 0 16px 0;}
#content #info #gestures .left ul {}
#content #info #gestures .left ul li {margin: 0; background-repeat: no-repeat; background-position: center left; font-size: 1.125em; font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6", Helvetica, Arial, sans-serif; font-weight:bold;}
#content #info #gestures .left ul li.first {background-image:url(img/list-gesture-1.png); padding: 16px 0 32px 80px;}
#content #info #gestures .left ul li.second {background-image:url(img/list-gesture-2.png); border: dashed; border-color:#1C96F1; border-width: 1px 0 1px 0; padding: 32px 0 32px 80px;}
#content #info #gestures .left ul li.third {background-image:url(img/list-gesture-3.png); padding: 32px 0 16px 80px;}
#content #info #gestures .right {display:block; float:left; width:384px; margin:0 0 0 16px; _margin:0 0 0 8px;}
#content #info #gestures .right p {width:100%; text-align: center; font-size: 0.75em; margin:16px 0 0 0;}
#content #info #parts {float:left; display:block; width:784px; margin: 16px 0 0 16px; padding:32px 16px; background:#1C96F1; color:white;}
#content #info #parts .left {display:block; float:left; width:464px; margin: 32px 10px 0 0;}
#content #info #parts .left p {width:100%; text-align: center; font-size: 0.75em;}
#content #info #parts .right {display:block; float:left; width:310px;}
#content #info #parts .right h2 {font-size: 1.375em; clear:both; margin:0 0 16px 0;}

#content #info #social {display:block; float:left; width:784px; padding:16px; margin:0 0 0 16px; clear:both;}
#content #info #social h2 {display:block; float:left; width:100%; font-size: 1.375em; color:#1C96F1; clear:both; margin:0 0 16px 0;}
#content #info #social .contactbook {display:block; float:left; width:240px; background-repeat: no-repeat; background-position: top center; background-image:url(img/big-contact.png); padding: 131px 0 0 0;}
#content #info #social .contactbook img {float:left; margin:0 16px 0 0;}
#content #info #social .contactbook p {padding:16px;}
#content #info #social .twitter {display:block; float:left; width:240px; margin:0 32px 0 32px; _margin: 0 32px 0 16px; background-repeat: no-repeat; background-position: top center;background-image:url(img/big-twitter.png); padding: 131px 0 0 0;}
#content #info #social .facebook {display:block; float:left; width:240px; background-repeat: no-repeat; background-position: top center; background-image:url(img/big-facebook.png); padding: 131px 0 0 0;}
#content #info #social h3 {margin:0 0 16px 0;}

#content #info #export {clear:both; float:left; display:block; width:784px; margin: 16px 0 0 16px; padding:24px 16px; background:#1C96F1; color:white;}
#content #info #export .left {display:block; float:left; width:384px; margin: 0 16px 0 0;}
#content #info #export .left h2 {font-size: 1.375em; clear:both; margin:0 0 8px 0; color:white;}
#content #info #export .right {display:block; float:left; width:384px;}

#content #info h3.jerrys {float:left; display:block; width:100%; text-align: center; font-size: 1.875em; margin:0 0 12px 0; color:#FF609C; padding:16px; }

#content #info .buttons {float:left; display:block; width:100%; text-align:center; margin-bottom: 32px;}
#content #info .buttons .ipad {margin:0 0 0 32px; _margin:0 0 0 32px;}

#content .galupcomp {padding:0; margin:16px 0 0 0; border: solid; border-width: 8px 0 0 0; border-color: #ADC0C9;}

	
#itunes {float:right; display: block; width:224px; height:auto; font-size: 0.85em;}
#itunes a {float:left; display: block; width:224px; height:77px; text-align: left; text-indent: -1000em; z-index: 1000; background-image:url(img/en_appstore.png); background-position: bottom left; background-repeat: no-repeat; cursor: pointer;}
#page_de #itunes a {float:left; display: block; width:224px; height:77px; text-align: left; text-indent: -1000em; z-index: 1000; background-image:url(img/de_appstore.png); background-position: bottom left; background-repeat: no-repeat; cursor: pointer;}
#page_es #itunes a {float:left; display: block; width:224px; height:77px; text-align: left; text-indent: -1000em; z-index: 1000; background-image:url(img/es_appstore.png); background-position: bottom left; background-repeat: no-repeat; cursor: pointer;}
#page_fr #itunes a {float:left; display: block; width:224px; height:77px; text-align: left; text-indent: -1000em; z-index: 1000; background-image:url(img/fr_appstore.png); background-position: bottom left; background-repeat: no-repeat; cursor: pointer;}
#page_it #itunes a {float:left; display: block; width:224px; height:77px; text-align: left; text-indent: -1000em; z-index: 1000; background-image:url(img/it_appstore.png); background-position: bottom left; background-repeat: no-repeat; cursor: pointer;}
#page_nl #itunes a {float:left; display: block; width:224px; height:77px; text-align: left; text-indent: -1000em; z-index: 1000; background-image:url(img/nl_appstore.png); background-position: bottom left; background-repeat: no-repeat; cursor: pointer;}


#footer {width:944px; float:left; margin: 16px 0 32px 0; border-top: solid; border-top-color: #adc0c9; border-top-width: 8px; padding:8px 0 0 0; }
#footer .box {float:left; margin: 16px 14px 0 14px; }
#footer p.copy {margin-bottom:32px; font-size:0.75em; text-align: center;}
#footer #mailinglist {float:left; margin: 16px 14px 0px 14px; display: block; width:280px; height:auto; _margin:16px 14px 0px 7px; border: dashed 2px #1C96F1; text-align: left; padding:8px;}
#footer #mailinglist h3 {float:left; display:block; width:100%; font-size:1.5em; color:#1C96F1; font-weight: bold; margin:0 0 0 0;}
#footer #mailinglist p {float:left; display:block; width:100%; font-size:0.75em; text-align: center; margin: 12px 0 12px 0;}
#footer #mailinglist label {float:left; display:block; font-size:1em; font-weight: bold; margin: 0 0 12px 0; }
#footer #mailinglist #uiyhld-uiyhld {float:right; display:block; width:196px; border: solid 2px #1C96F1; color:#1C96F1; font-size: 0.875em; font-weight: bold; background: white; padding: 2px; margin: 0 0 12px 0;}
#footer #mailinglist #name {float:right; display:block; width:196px; border: solid 2px #1C96F1; color:#1C96F1; font-size: 0.875em; font-weight: bold; background: white; padding: 2px; margin: -10px 0 12px 0; }
#footer #mailinglist input.submit {border: none; float:left; display:block; width:281px; height:45px; text-align: center; background-image:url(img/button_ml_submit.png); background-position:top left; color:white; font-size:1.5em; font-weight:bold; padding:0 0 0 0; clear:both; cursor: pointer; _color:#1C96F1; *color:#1C96F1;}
#footer #mailinglist input:hover.submit {float:left; display:block; border: none; float:left; display:block; width:281px; height:45px; text-align: center; background-image:url(img/button_ml_submit.png); background-position:bottom left; color:white; font-size:1.5em; font-weight:bold; padding:0 0 0 0; clear:both; cursor: pointer; *color:#1C96F1;}



/* competition page */