/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px)
	{
		div.page img
		{
			max-width:100%;
			height:auto;
		}
		/* TO BREAK LAYOUTS */
		div.page div.ccm-layout-cell
		{
			width:100% !important;
			padding-bottom:10px;
		}
		div#footer table
		{
			table-layout:fixed;
			width:100%;
		}
		
		div#contentBG div#content div.youtubeBlock  {
			position: relative;
			padding-bottom: 65.25%;
			padding-top: 30px;
			height: 0;
			overflow: hidden;
		}
		div#contentBG div#content div.youtubeBlock iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		div#contentBG div#content div.videoWrapper, div#contentBG div#content div.ccm-flash-video
		{
			position: relative;
			padding-bottom: 56.25%; /* 16:9 */
			padding-top: 25px;
			height: 0;
		}
		div#contentBG div#content div.videoWrapper object,
		div#contentBG div#content div.videoWrapper embed,
		div#contentBG div#content div.ccm-flash-video object,
		div#contentBG div#content div.ccm-flash-video embed
		{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px)
	{
		div.responsiveToggleMenu ul li a
		{
			padding:0px 21px;
		}
		div#navBG div#searchBox input.ccm-search-block-text
		{
			max-width:100px;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px)
	{
		div#topHeaderBG div#topHeader div#leftTopHeader
		{
			display:none;
		}
		div#navBG
		{
			height:auto;
			text-align:center;
		}
		div.menu ul
		{
			height:auto;
			border-left: 0px;
		}
		div.menu ul li
		{
			float:none;
		}
		div.menu ul li a
		{
			border-right:0px;
		}
		div.menu ul li ul
		{
			display:none;
		}
		
		div.responsiveSelectMenu
		{
			display:none;
		}
		div.responsiveSelectMenuSelect
		{
			display:block;
		}
		div.responsiveToggleMenu
		{
			display:none;
		}
		div.responsiveToggleMenuToggle
		{
			display:block;
		}
		div.responsiveToggleMenuToggle ul li ul li ul
		{
			display:none !important;
		}
		
		div#navBG div#searchBox table
		{
			width:200px;
			position:relative;
			margin:auto;
		}
		div#contentBG div#content div#leftSide div#innerLeftSide, div#contentBG div#content div#rightSide div#innerRightSide
		{
			padding:40px 30px;
		}
		div#content img
		{
			margin:auto !important;
			float:none !important;
		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px)
	{
		/*div.page div#header div#logo
		{
			text-align:center;
			height:68px;
		}
		
		div.page div#nav
		{
			margin-top:0px;
			margin-bottom:0px;
		}
		div.menu ul
		{
			text-align:left;
		}
		div.menu ul li
		{
			float:none;
		}
		div.menu ul li a
		{
			background-image:url(../images/bg-nav-item_small.png);
			background-repeat:repeat-x;
			background-position:center;
			padding:0px 20px;
		}
		div.menu ul li a:hover
		{
			background-color:#2a2a2a;
		}
		div.menu ul ul
		{
			display:none;
		}
		div.page div#content div.sortable_fancybox_gallery_image
		{
			max-height:100px;
			overflow:hidden;
		}*/
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px)
	{
		/*div.page div#header div#logo
		{
			text-align:center;
			height:68px;
		}
		
		div.page div#nav
		{
			margin-top:0px;
			margin-bottom:20px;	
		}
		div.menu ul
		{
			text-align:left;
		}
		div.menu ul li
		{
			float:none;
		}
		div.menu ul li a
		{
			background-image:url(../images/bg-nav-item_small.png);
			background-repeat:repeat-x;
			background-position:center;
			padding:0px 20px;
		}
		div.menu ul li a:hover
		{
			background-color:#2a2a2a;
		}
		div.menu ul ul
		{
			display:none;
		}*/
	}