.selectnav, #resTopNav { display: none; }


#log-panel .button1 {
	display: none;
}

@media screen and (max-width: 600px) {
	#nav { display: none; }
	.selectnav, #resTopNav { display: block; width: 96%; margin: 10px 2%; }
	.selectnav { font-size: 13px; border: none; } 
	.selectnav:focus { border: none;}
	.menu-nav {
		display: none;
	}
	#log-panel .button1 {
		display: inline;
		float: none !important;
		margin: 3px;
	}
	a#v_toggle {
		display: none;
	}
	
	#top #top-nav-handler { position: absolute; top: 10px; right: 0px; }
	#top #top-nav-handler #nav, #top #top-nav-handler #menu { float: right !important; }
	
	#resTopNav { width: 30px; height: 30px; display: block; text-indent: -9999px; background: url(../images/res-menu-icon.png) no-repeat 5px 5px; }
}

/* Large desktop */
@media (min-width: 980px) { 
	
	#nav ul li ul li ul {  left: -14em !important; }
	
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

	body {
		padding-top: 0px !important;
	}

	#slideshow-handler {
		overflow: hidden !important;
	}

	#search-position .search .inputbox, #search-position .finder .inputbox {
		width: 95px;
	}
	
	#nav ul li ul li ul {  left: -14em !important; }

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

	body {
		padding-top: 0px !important;
	}
	
	.top-area-handler-background, #nav-line {
		margin: 0px -20px;
	}

	#top-background {
		max-width: 767px;
	}

	#foo-left-right .span6 {
		text-align: center;
		font-size: 90% !important;
	}

	#foo-left-right .span6 p {
		text-align: center !important;
	}

	#tab-modules, #top-modules .container {
		padding: 10px 0px;
	}
	
	#bot-modules, #footer-line {
		padding: 10px;
	}

	#top {
		height: auto !important;
		position: relative;
	}
	
	#menu {
		float: left;
		padding-top: 5px;
		text-align: left;
	}
	
	#menu .menu-nav li ul {
		width: 12em !important;
		font-size: 90%;
	}
	
	#menu .menu-nav li ul .link-has-image img, #menu .menu-nav li ul small {
		display: none;
	}
	
	#menu .menu-nav li ul li ul {
		left: 11.5em;
	}
	
	#nav ul li ul li ul {  left: -11.5em !important; }

	#social {
		padding: 20px 10%;
		width: 80%;
	}

	#social-links {
		text-align: center;
		padding: 5px;
		height: auto !important;
	}
	
	#social-links li {
		float: none;
		display: inline-block;
	}

	#social-links li a {
		float: none;
		display: inline-block;
		margin: 5px 0px !important;
	}

	#sn-position {
		position: static;
		text-align: left;
	}

	#sn-position h1, #sn-position h2 {
		position: static;
		margin: 5px;
	}

	#top-nav-handler {
		text-align: center;
		padding-top: 5px;
	}

	a#v_toggle, a#v_register, #social, a.button1, #log-panel a {
		float: none;
		margin: 5px 0px;
		display: inline-block;
	}

	#log-panel {
		margin: 0px;
		padding: 0px;
		float: none;
		clear: both;
		display: block;
		text-align: center;
	}

	#search-position .search, #search-position .finder {
		text-align: center;
		padding: 5px;
	}

	.img-intro-none, .img-fulltext-none {
		text-align: center;
		padding: 10px;
	}

	.img-intro-left, .img-fulltext-left {
		float: none;
		text-align: center;
		padding: 10px;
	}

	.img-intro-right, .img-fulltext-right {
		float: none;
		text-align: center;
		padding: 10px;
	}

	textarea, .textarea {
		width: 90%;
	}

	dt.tabs span, dt.tabs.open span {
		border: 0px;
		height: 17px;
	}

	dt.tabs {
		float: none;
		height: 100% !important;
	}

	#contact-slider {
		height: auto !important
	}
	
	#bot-modules .span2 { width: 100% !important; }
	
	.camera_next { right: 10px !important; }
	.camera_prev { left: 10px !important; }

}
 
/* Landscape phones and down */
@media (max-width: 480px) { 

	body {
		padding-top: 0px !important;
	}

	#nav-line {
		display: none;
	}

	#top-background {
		max-width: 480px;
	}

	.slideshow .slideshow-captions {
		top: 0px !important;
		left: 0px !important;
		right: 0px !important;
		border: 0px !important;
		max-width: 100% !important;
		padding: 5px;
	}

	.slideshow .slideshow-thumbnails {
		top: 10px;
		right: 10px;
	}

	.slideshow .slideshow-controller {
		display: none;
	}

	.slideshow-images img {
		max-width: 480px !important;
		width: auto;
		height: auto;
		/*display: none !important; optionally */
	}

	#slideshow-handler {
		max-width: 480px !important;
		width: auto;
		height: auto;
		overflow: hidden !important;
	}

	#search-position .search .inputbox, #search-position .finder .inputbox {
		max-width: 100px;
	}

	#foo-left-right .span6 p {
		text-align: center !important;
	}

}