/*----------------------------------------------------------
  P R I M A R Y  S T Y L E S
  AUTHOR: MARTIN STETTLER, DIEWEBEREI.CH
  WRITES BEAUTIFUL CSS FOR A BEAUTIFUL WEB
----------------------------------------------------------*/

/* RESET */
@import url(reset.css);

/* TYPE */
@import url(type.css);

/* SLIDES */
@import url(callback-slides.css);

/* FORM */
@import url(form.css);

/* G E N E R A L  S T Y L E S
-------------------------------------------------------- */
#wrapper {width:1200px;margin:20px auto;min-height:100%;position:relative;}

/* H E A D E R
-------------------------------------------------------- */
/* GLOBAL*/
header {
	width:1200px;
	height:auto;
	border-bottom:#5A575C 1px solid;
	margin-bottom:10px;
	padding-bottom:10px;
	float:left; }

/* LOGO */
#logo {width:300px;height:60px;float:left;}
#logo:hover {opacity:.65;}

/* N A V I G A T I O N
-------------------------------------------------------- */
#nav-wrap,
#nav-wrap-en {margin-top:0;float:right;width:500px}
#nav-wrap-en {width:460px}
/* menu icon */
#menu-icon, #menu li.contact {
	display: none; /* hide menu icon initially */
}

#menu,
#menu li {
	margin: 0;
	padding: 0;
}
#menu li {
	list-style: none;
	float: left;
	margin-right: 5px;
	width:120px;
}
#menu li.tours,
#menu li.about-0 {
	width: 80px;
}

/* nav link */
#menu a {padding:4px 0 4px 25px;display: block;font-size:.85em;color:#000;text-transform:uppercase;opacity:1;}
#menu a:hover {opacity:.5;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;text-decoration:none;}
#menu a.adventure, #menu .adventure:hover {background:url(../graphics/icons/adventure.png) no-repeat 0 6px;}
#menu a.guided-tours, #menu .guided-tours:hover {background:url(../graphics/icons/guided-tours.png) no-repeat 0 6px;}
#menu a.photo, #menu .photo:hover {background:url(../graphics/icons/photo.png) no-repeat 0 6px;}
#menu a.film, #menu .film:hover {background:url(../graphics/icons/film.png) no-repeat 0 6px;}
#menu a.about, #menu .about:hover {background:url(../graphics/icons/about.png) no-repeat 0 6px;}
#menu a.lectures, #menu .lectures:hover {background:url(../graphics/icons/lectures.png) no-repeat 0 6px;}
#menu a.polarshop, #menu .polarshop:hover {background:url(../graphics/icons/polarshop.png) no-repeat 0 6px;}
#menu a.bookshop, #menu .bookshop:hover {background:url(../graphics/icons/bookshop.png) no-repeat 0 6px;}
#menu a.active {opacity:.5}

/* nav dropdown */
#menu ul {
	background: #fff;
	padding: 2px;
	position: absolute;
	border: solid 1px #ccc;
	display: none; /* hide dropdown */
	width: 200px;
}
#menu ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#menu li:hover > ul {
	display: block; /* show dropdown on hover */
}
/*sub-nav*/
#sub-nav {width:100%;}
#sub-nav li {font-size:.85em;list-style:none;color:#000;text-transform:uppercase;padding:0 20px 8px 0px;float:left;}
#sub-nav li a:hover {color:#009EE0;text-decoration:none;}
#sub-nav li.adventure a {background:url(../graphics/icons/adventure.png) no-repeat 0 -2px;padding:0 0 10px 20px;}
#sub-nav li.polarshop a {background:url(../graphics/icons/polarshop.png) no-repeat 0 0;padding:0 0 10px 25px;}
#sub-nav li a.active {color:#009EE0;}

/* Diretissima */
@media only screen and (min-width: 600px) {
	
	.direttissima iframe {
		width: 100%;
    	height: 500px; }
}

@media only screen and (min-width: 992px) {
	
	.direttissima iframe {
		width: 100%;
    	height: 600px; }
}

@media only screen and (min-width: 1025px) {
	
	.direttissima iframe {
		width: 100%;
    	height: 600px; }
}

.social,
.social-top {
    text-align: right; }

.social-top {
	padding-bottom:10px; }

.social a,
.social-top a {
    padding-left: 15px;
    color: #000;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
        transition: all 0.25s; }

.social a:first-child,
.social-top a:first-child {
    padding-left: 0; }

.social a:hover,
.social-top a:hover {
    color: #009EE0;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
        transition: all 0.25s; }

@media only screen and (max-width: 768px) {
	img.fix-size {
		width: 50%;
		height: auto; }
}

img.fix-size {
		width: 75%;
		height: auto; }

/* Blog */
.anchor {
    display: block;
    height: 25px;
    margin-top: -25px;
    visibility: hidden; }

.blog-day {
	margin-bottom: 30px !important; }

article.blog {
	margin-bottom: 20px; }

article.blog:last-child {
	margin-bottom: 0; }

article.blog img {
	margin-bottom: 10px !important;
	padding-bottom: 0 !important; }

.blog p strong {
	color: #009EE0;	}

.blog.half {
	width: 100%; }

@media only screen and (min-width: 769px) {
	
	.blog.half {
		width: 50%;
		float: left;
		padding: 0 2%; }
}

.blog-day a[href$=".pdf"],
.blog-day a[href$=".doc"],
.blog-day a[href$=".docx"] {
	background: none; 
	color: #009EE0;
	text-decoration: none;
	border: 0; }

.blog-day a:hover[href$=".pdf"],
.blog-day a:hover[href$=".doc"],
.blog-day a:hover[href$=".docx"] {
	background: none; 
	color: #000;
	text-decoration: none;
	border: 0; }

.blog-day a[href$=".pdf"]:before,
.blog-day a[href$=".doc"]:before,
.blog-day a[href$=".docx"]:before {
    content: " ";
    background-size: 100% 100%;
    width: 14px;
    height: 16px;
    background-image: url(../graphics/file-icon.svg);
    float: left;
    margin-top: 2px;
    margin-right: 8px; }

/* Small images */
@media only screen and (min-width: 769px) {

	* {
    	box-sizing: border-box; }

    .blog-day {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }

    /* for Safari to wrap elements correctly */
    .blog-day:before,
    .blog-day:after {
        content: normal; }

    .blog {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; } 

    .blog-item {
        -webkit-flex: 1 0 auto;
        -moz-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
        min-height: 1%; } /* added for IE (otherwise space below image) */
}

/* F O O T E R
-------------------------------------------------------- */
footer {width:100%;position:relative;font-size:.95em;color:#B0B0B4;border-top:#5A575C 1px solid;padding:2px 0 5px 0;float:left;bottom:10px;}
.designer, .copyright, .meta-nav {float:left;padding-top:4px}
.designer a {color:#B0B0B4;margin-right:25px;text-transform:uppercase;}
.designer a:hover {color:#777;text-decoration:none;}
.meta-nav a {color:#B0B0B4;}
.meta-nav a:hover {color:#777;text-decoration:none;}
.copyright {margin-right:25px;}
.hidden {display:none;}
.finest {float:right;color:#B0B0B4;}
@-webkit-keyframes heartBeat{from {color:#B0B0B4;}
50% {color:#91172B;}
to {color:#b1b0b0;}
}
#heart {font-size:1.3em;-moz-transition:all .1s ease-in;}
.finest:hover #heart {color:#900419;-webkit-animation-name:heartBeat;-webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;}

/* C O N T E N T
-------------------------------------------------------- */
/* GENERAL */
#content {width:1200px;padding-bottom:40px;}
.img-float {width:45%;float:left;padding:5px 20px 10px 0;}
article img, div.half img {width:100%;} /* img immer individuell zuweisen, da sonst Probleme mit Lightbox */
.clear {clear:both;}

/* CONTENT-MAIN */
.content-main {width:730px;margin-bottom:40px;float:left;}

/* CONTENT-SUPP */
.content-supp {width:365px;margin-bottom:40px;float:right;}

/* ARTICLEs */
article {margin-bottom:20px;} /* margin: 0 15px 26px; = oben - li-re - unten */

/* AREAs */
.half, .half-inside, .half-inside-home, .thread-half {width:47%;}

@media all and (min-width: 769px) {

	.half-inside-home {width:100%;margin-bottom:20px;}
}

.thread-link{width:100%;}
.thread-logo {width:30%;}
.left {float:left;}
.right {float:right;}
article.thread {overflow:hidden;margin-bottom:40px;}
.shadow {box-shadow:0 1px 5px rgba(0,0,0,.3);}
.partner {margin-top:80px;position:relative;float:left;width:100%;}
img.partner-logo {float:left;width:110px;margin:10px;opacity:.65;}
img.partner-logo:hover {opacity:1;}

.sponsor {
	float: left;
	width: 60%;
	padding: 10px 20%; }

.sponsor.wide {
	width: 90%;
	padding: 10px 5%; }

@media all and (min-width: 480px) {

	.sponsor {
		width: 23.33333333333333%;
		padding: 10px 5%; }

	.sponsor.wide {
		width: 50%;
		padding: 10px 5%; }

}

@media all and (min-width: 769px) {

	.sponsor {
		width: 40%;
		padding: 10px 5%;
	}

	.sponsor.wide {
		width: 90%;
		padding: 10px 5%; }

}
a.sponsor-link {
	text-decoration: none;
	-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;
}

a.sponsor-link:hover {
	color: #999;
	text-decoration: none;
	-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;
}

/* Formats */
.h-top {border-top:1px solid #302D28;padding-top:30px;}
.highlight {padding: 15px 10px 10px;overflow:hidden;
  	background-color: #eee;
 	border-top:solid 1px #999;border-left:solid 1px #999;border-right:solid 1px #b7b7b7;border-bottom:solid 1px #b7b7b7;
	/*css3*/
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
  	border-radius: 3px;
  	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.shop {padding: 15px 10px 10px;overflow:hidden;
/*css3*/
  	border: solid 1px #b7b7b7;
  	border-radius: 3px;
  	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.map {overflow:hidden;
/*css3*/
  	border: solid 1px #b7b7b7;
  	border-radius: 3px;
  	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

/* PARAGRAPHs */

/* LINKS */
a {color:#302D28;text-decoration:none;}
a:hover {text-decoration:underline;}

/* Text link */
a.external,
.blog-home a,
.blog a {
	color: #5d5f57;
	background-color: #EDEEE7;
	border-bottom:1px solid #CCCDC9;
	text-decoration: none;
	padding: 2px; }

a.external:hover,
.blog-home a:hover,
.blog a:hover {
	background: none; 
	color: #282724;
	background-color: #FFF;
	border-bottom: 1px solid #9B9C94;
	-o-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out ;}

/* Arrow link */
a.readmore
.blog-link a,
.blog-home blockquote a,
.blog blockquote a {
	border: 0;
	background: transparent; 
	color: #009EE0;
	-webkit-transition:padding .2s ease-in;
	-moz-transition:padding .2s ease-in;
	transition:padding .2s ease-in;
	background-position: right 4px; }

a.readmore:hover,
.blog-link a:hover,
.blog-home blockquote a:hover,
.blog blockquote a:hover {
	border: 0;
	background: transparent url('../graphics/arrow-blue.png') no-repeat right 4px;
	padding-right: 20px;
	color: #009EE0; }

a.bright {border-bottom:#E1E1E1 solid 1px;color:#696B63;padding-bottom:1px;text-decoration:none;}
a.bright:hover {border-bottom:#5A575C solid 1px;color:#696B63;padding-bottom:1px;text-decoration:none;}
a.grey {color:#B0B0B4;text-decoration:none;}
a.grey:hover {color:#5A575C;text-decoration:none;}
img.white:hover {opacity:.8;filter: alpha(opacity=80);cursor:pointer;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;cursor:hand;}

/* SLIDES */
.rslides_container {margin:0 auto;width:100%;margin-bottom:50px;position:relative;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.centered-btns_nav {position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.7;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("../graphics/arrows.png") no-repeat left top;margin-top: -45px;}
.centered-btns_nav:active {opacity:1.0;}
.centered-btns_nav.next {left:auto;background-position:right top;right:0;}
.centered-btns_nav:focus, .transparent-btns_nav:focus {outline:none;}
.centered-btns_tabs, .transparent-btns_tabs {margin-top:10px;text-align: center;}
.centered-btns_tabs li, .transparent-btns_tabs li {display:inline;float:none;_float:left;*float:left;margin-right:5px;}
.centered-btns_tabs a, .transparent-btns_tabs a {text-indent: -9999px;overflow: hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:#ccc;background:rgba(0,0,0, .2);display:inline-block;_display:block;*display:block;-webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);width:9px;height:9px;}
.centered-btns_here a, .transparent-btns_here a {background:#222;background:rgba(0,0,0, .8);}
.transparent-btns_nav {position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;left:0;display:block;background:#fff;/* Fix for IE6-9 */opacity:0;filter:alpha(opacity=1);width:48%;text-indent:-9999px;overflow:hidden;height:91%;}
.transparent-btns_nav.next {left:auto;right:0;}

/* G E N E R I C
-------------------------------------------------------- */
.tiny {margin-bottom:10px;}
.small {margin-bottom:20px;}
.medium {margin-bottom:40px;}
.large {margin-bottom:80px;}
.tiny-up {margin-top:10px;}
.blue {color:#009EE0;}
.note {font-size:.85em;color:#696B63;padding-bottom:5px;}
.quote {color:#302D28;font-family:'HelveticaW01-TextbookRg 709920', Helvetica, Arial, serif;width:100%;text-align:left;}
.box_transition {-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#map_canvas {width:100%;height:240px;}

/* Back to top button */
#back-top {position:fixed;bottom:40px;right:20px;}
#back-top a {width: 120px;display: block;text-align: center;font: 12px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;background: url(../graphics/up-arrow.png) no-repeat right;padding-top:3px;}
#back-top a:hover {color: #000;}

/* F O R M S T Y L E
-------------------------------------------------------- */
/* GENERAL */

#contactform, #contact {margin: 0;}
#contactform ul, #contact ul {list-style: none;}
#contactform li, #contact li {float: left;width: 46%;margin-right: 4%;margin-bottom: 15px;}
#contactform .wide, #contact .wide {width: 96%;}
#contactform .even, #contact .even, form .wide {margin-right: 0;}

/* Fields, Labels + Buttons */
label {display: block;}
input[type="text"], input[type="number"], input[type="email"], input[type="tel"], textarea {
  width: 100%;
  padding: 4px;
  border: 1px solid #999;
  background-color: #EEE;
  border-color: #999 #BBB #BBB #999;
  /*css3*/
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30) inset;
}
.wide input[type="text"], .wide input[type="number"], .wide input[type="email"], .wide input[type="tel"], .wide textarea {width: 100%;}
textarea {height: 120px;}
input[type="text"]:hover,input[type="number"]:hover,input[type="email"]:hover,,input[type="tel"]:hover, textarea:hover {background-color: #BBB;}
input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="tel"]:focus, textarea:focus { outline: none;border-color: #777 #999 #999 #777;}

/* Input Shop */
input[type="product"] {
  width: 20px;
  padding: 4px;
  border: 1px solid #999;
  background-color: #EEE;
  border-color: #999 #BBB #BBB #999;
  /*css3*/
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30) inset;
}
.product-image img {
	width: 33%;
}
.robotic {
	display: none;
}
#submit {
  	float: right;
  	font:.95em/150% 'HelveticaW01-TextbookRg 709917', Helvetica, Arial, sans-serif;
  	padding: 2px 4px;
  	color: #606060;
  	/*css3*/
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
  	border-radius: 3px;
  	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
#submit:hover, #submit:focus {
  	background: #ededed;color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
#submit:active {
  	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* Form Feedback */
div.error, div.success {
  padding:5px 0 10px 0;
  color:#009EE0;
  font-size:1.1em;font-family:'TimesNewRomanW04-Italic', Times, Baskerville, Georgia, serif;
}

input.error, textarea.error,
input.error:focus, textarea.error:focus {
  border-color: #d34253;
}

/* I E  H A C K s
-------------------------------------------------------- */
.ie7 nav .active, nav a:hover {color:#666;}
.ie7 .partner-logo {filter: alpha(opacity=65);}
.ie7 .partner-logo:hover {filter: alpha(opacity=100);}

.ie8 nav .active, nav a:hover {color:#666;}
.ie8 img.partner-logo {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";}
.ie8 img.partner-logo:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

/* P R I N T  S T Y L E S
 * inlined to avoid required HTTP connection
 * www.phpied.com/delay-loading-your-print-css/
-------------------------------------------------------- */
@media print {
  	* { background: transparent !important; color: #444 !important; text-shadow: none; }
  	a, a:visited { color: #552200 !important; text-decoration: underline; }
  	a:after { content: " (" attr(href) ")"; }
  	abbr:after { content: " (" attr(title) ")"; }
  	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  	img { page-break-inside: avoid; }
  	@page { margin: 0.5cm; }
  	p, h2, h3 { orphans: 3; widows: 3; }
  	h2, h3 { page-break-after: avoid; }
}


/* M E D I A  Q U E R I E S
-------------------------------------------------------- */
/* for 1200px or less */
@media screen and (max-width: 1200px) {

	#wrapper {width:96%;}
	header, #content, footer, #meta-nav, .rslides_container, .all {width:100%;}
	.content-main {width:65%;}
	.content-supp {width:30%;}
	.video iframe {width:100%;height:auto;min-height:410px;}
}
@media screen and (max-width: 1024px) {

	.video iframe {min-height:358px;}

}

@media screen and (max-width: 920px) {
	#logo {float:none;}
	#nav-wrap,
	#nav-wrap-en {margin-top:20px;float:none;width:580px;}

}

/* for 768px or less */
@media screen and (max-width: 768px)  {

	.content-main, .content-supp, .rslides_container {width:100%;float:none;}
	.half {width:100%;}
	.thread {width:100%;}
	.mobile-small {width:45%;}
	ul.shop-small li {list-style:none;float:left;width:45%;padding:0 2.5%;}
	.callbacks_nav {top: 47%;}
	.finest {width:100%;float:left;}
	#back-top {bottom:5px;}
	#map_canvas {height:450px;}
	.video iframe {min-height:410px;}
}
@media screen and (max-width: 600px) {

	/* nav-wrap */
	#nav-wrap,
	#nav-wrap-en {position: relative;width:auto;}
	#menu a.adventure, #menu .adventure:hover, #menu a.guided-tours, #menu .guided-tours:hover, #menu a.photo, #menu .photo:hover,#menu a.film, #menu .film:hover, #menu a.about, #menu .about:hover, #menu a.lectures, #menu .lectures:hover, #menu a.polarshop, #menu .polarshop:hover, #menu a.bookshop, #menu .bookshop:hover {background:none;}

	/* menu icon */
	#menu-icon {
		background: #FFF url(../graphics/icon-menu.png) no-repeat 10px center;
		padding:8px 10px 8px 32px;
		cursor: pointer;
		/*css3*/
		border: solid 1px #b7b7b7;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
		display: block; /* show menu icon */
	}
	#menu-icon:hover {
		background-color: #f8f8f8;
		-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;
	}
	#menu-icon.active {
		background-color: #f8f8f8;
	}

	/* main nav */
	#menu {
		clear: both;
		position: absolute;
		top: 38px;
		width: 160px;
		z-index: 10000;
		border: solid 1px #b7b7b7;
		background-color:#FFF;
		border-radius: 3px;
		border-top:none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
		display: none; /* visibility will be toggled with jquery */
		padding-bottom:5px;
	}
	#menu li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;
	}
	#menu li a.active {background: #FFF url(../graphics/icon-check.png) no-repeat 0px center;} /* icon-check*/
	#menu li .active:hover {background: #FFF url(../graphics/icon-check.png) no-repeat 0px center;} /* icon-check*/
	#menu li.contact {display: inline;}
	#menu a,
	#menu ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		border: none;
		font-size:.85em;color:#000;text-transform:uppercase;padding-left:15px;
	}
	#menu a:hover,
	#menu ul a:hover {
		background: none;
		color: #000;
	}
	#menu a.active {opacity:.5;padding-left:15px;}
	/* dropdown */
	#menu ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#menu ul li {
		margin: 3px 0 3px 15px;
	}

}

@media screen and (min-width: 600px) {

	/* ensure #nav is visible on desktop version */
	#menu {
		display: block !important;
	}

}
/* for 480px or less */
@media screen and (max-width: 480px) {

	.partner {margin-top:10px;}
	html {-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
	h1 {font-size:2.2em;}
	.medium {margin-bottom:20px;}
	.callbacks_container {margin-bottom:40px;}
	.designer, .copyright, .meta-nav {width:100%;float:left;}
	.half-inside {width:100%;margin-bottom:20px;}
	.rslides_container {margin-bottom:30px;}
	#back-top {position: static;padding-bottom:10px;}
	#back-top a {background: url(../graphics/up-arrow.png) no-repeat left bottom;}
	.video iframe {min-height:258px;}
	#map_canvas {height:240px;}
	.mobile-small {width:100%;}
	ul.shop-small li {list-style:none;float:none;width:100%;padding:0;}
	.thread-half, .thread-logo, .thread-link {float:none;}
}

/* for 320px or less */
@media screen and (max-width: 320px) {

	.h-top {border-top:0;padding-top:0;}
	.video iframe {min-height:172px;}
	#contactform li {width:42%;margin-right:12%;}
}