@import url("fluid.css");

/****** DESKTOP 1200px X 600px ******/

@media screen and (max-width: 1200px) {
	.column {
		float: none;
	}

	body { min-width: 320px; }

	div#content {
		width: 1024px;
		margin: 0 auto;
	}

	div#footer { padding: 0 2.5%; }

	/* MENU */  
	div#nav ul {
		overflow: hidden;
		border-bottom: none;
	}
	div#nav ul li:hover ul,
	div#nav ul ul {
		display: none !important;
	}
	div#nav li {
		display: inline;
		width: 20%;
	}
	div#nav li a {
		line-height: 50px;
		margin: 0;
	}

	div#NavHeader a img {
		width: 296px;
	}

	div#HeaderBlock {
		text-align: center;
		padding: 0 2.5%;
	}
	div#NavHeaderBannerAd {
		margin-top: 55px;
	}
	div#NavHeaderBannerAd img {
		width: 728px;
	}
	div#sitestyle {
		top: 5px;
		right: 2%;
	}

	/* STORYVIEWER */
	div#OtherSidebarBlock,
	div#StoryViewer,
	div#StoryViewerInner .image,
	div#StoryViewerInner img {
		width: 974px;
		height: 487px;
	}

	/* ASSOCIATIONS */
	div.three-cols div.column,
	div#associated_products div#products div.productpreview {
		width: 31%;
		margin-left: 1%;
		margin-right: 1%;
		min-height: 223px;
	}
	div#products div.productpreview p.description, 
	div.three-cols div.text {
		font-size: 0.9em;
	}

	div#page_thumbnail ul li {
		width: 32.75109%;
		height: 300px;
		left: 0;
		margin: 0 auto;
		position: absolute;
		top: -90px;
	}
	div#page_thumbnail ul li a.image {
			background-color: #d5d6d7;
			display: inline-block;
			height: 100%;
			text-align: center;
			width: 100%;
			text-decoration: none;
			overflow: hidden;
	}
	div#page_thumbnail ul li a.image:before {
			content: '';
			display: inline-block;
			height: 100%;
			margin-left: -0.25em;
			vertical-align: middle;
	}
	div#page_thumbnail ul li a.image img {
			display: inline-block !important;
			vertical-align: middle;
			width: 100%;
	}
}

/****** TABLET LANDSCAPE 1024px X 768px ******/
@media screen and (max-width: 1024px) {
	h1 { font-size: 2em; }
	div#content { width: 736px; }

	/* HEADER */
	div#header {
		height: 18.25em;
		margin-top: 45px;
	}

	div#NavHeader,
	div#NavHeaderBannerAd {
		float: none;
	}
	div#NavHeaderBannerAd {
		width: 100%;
		margin-top: 30px;
	}
	div#NavHeaderBannerAd img {
		width: 600px;
	}

	/* ASIDE */
	div#aside {
		float: none;
		clear: both;
		width: 100%;
		margin-top: 20px;
	}
	/* ARTICLE */
	div#section {
		padding-top: 25px;
	}
	div#article {
		float: none;
		margin: 0;
		width: 100%;
		overflow: hidden;
	}

	#nav label {
		position: absolute; 
		top: 0;
		right: 0; 
		width: 60px;
		height: 48px;
		opacity: 0.5;
		cursor: pointer;
	}
	#nav label:after {
		content: "";
		position: absolute;
		top: 16px;
		left: 16px;
		width: 30px;
		height: 4px;
		border-top: 12px double #fff;
		border-bottom: 4px solid #fff;
	}

	div#nav {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 50px;
		min-height: 50px;
		overflow: hidden;
		z-index: 10000;
	     -webkit-transition: all 0.5s linear;
	     transition: all 0.5s linear;
	}
	div#nav ul {
		width: 736px;
		margin: 0 auto;
		padding:  10px 0 20px 0;
	}

	div#nav li {
		width: 90%;
		float: none;
		display: block;
	}
	div#nav li a {
		font-size: 14px;
		font-weight: 300;
		border-width: 2px;
		padding: 0 20px;
		text-align: left;
		line-height: 40px;
	}

	/* ASSOCIATIONS */
	div.three-cols {
		margin: 0;
	} 
	div.three-cols div.column,
	div#associated_products div#products div.productpreview {
		min-height: 226px;
	}
	div#products div.productpreview {
		width: 100%;
	}

	/* STORYVIEWER */
	div#OtherSidebarBlock,
	div#StoryViewer,
	div#StoryViewerInner .image,
	div#StoryViewerInner img {
		width: 730px;
		height: 365px;
		margin: 0 auto;
	}
	div#StoryViewerInner div.navitem div.left {
		display: none;
	}

	div#nav { height: auto; }
	div#nav ul {
		margin: 12px auto 16px;
		max-height: 0;
		min-height: 0;
		opacity: 0;
		display: block;
		overflow: hidden;
		padding: 0;
		-webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;
		-webkit-transition-property: max-height, opacity; transition-property: max-height, opacity;
	}
	div#nav ul li { display: inline-block; width: 100%; margin: 0; text-align: center; }

	#nav label { cursor: pointer; display: block; z-index: 1000; }
	#nav input:checked + ul { max-height: 600px; opacity: 1; }
}


/****** SMALL TABLET LANDSCAPE 800px x 600px ******/

@media screen and (max-width:768px) {

	div#nav ul,
	div#content {
		width: 460px;
	}  
	/* HEADER */
	div#header {
		height: 16.25em;
	}
	div#NavHeader a img {
		width: 200px;
	}
	div#NavHeaderBannerAd img {
		width: 500px;
	}
	/* MENU */  

	/* STORYVIEWER */
	div#OtherSidebarBlock,
	div#StoryViewer,
	div#StoryViewerInner .image,
	div#StoryViewerInner img {
		width: 570px;
		height: 285px;
	}

	/* FOOTER */
	div#wrapper {
		padding: 0 0 700px 0;
	}
	div#wrapper-footer {
	    height: 500px;
	    margin-top: -500px; 
	}
	div#search,
	div#FooterBlock #NavFooter1Left, 
	div#FooterBlock #NavFooter2LeftMiddle,
	div#FooterBlock #NavFooter3RightMiddle,
	div#FooterBlock #NavFooter4Right {
		width: 48.828%;
		float: left;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 0;
	}
	div#FooterBlock #NavFooter1Left, 
	div#FooterBlock #NavFooter3RightMiddle {
		margin-right: 2.34375%;
	}
	p#copyright,
	p#designedby {
		bottom: -2.5em;
		width: 100%;
		text-align: center;
	}
	p#designedby,
	p#designedby a {
		bottom: 0;
		left: 0;
	}


	/* PRODUCT PREVIEW */
	div.three-cols div.column,
	div#associated_products div#products div.productpreview {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		min-height: 456px !important;
		background-color: transparent !important;
		border-bottom: none !important;
	}


	div#section { padding-bottom: 0;}

	/* HEADER */
	div#header { height: 15.25em; }

	div#footer { padding: 2.5%; }

	div#sitestyle { display: none; }


	/* PRODUCT PREVIEW */

	div#wrapper { padding: 0 0 1040px 0; }

	/* MENU */  
	div#nav li a { font-size: 13px;}
	/* FOOTER */

	div#wrapper-footer {
		height: 855px;
		margin-top: -840px;
	}
	div#search,
	div#FooterBlock #NavFooter1Left, 
	div#FooterBlock #NavFooter2LeftMiddle,
	div#FooterBlock #NavFooter3RightMiddle,
	div#FooterBlock #NavFooter4Right {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 0;
		text-align: center;
	}

	/* STORYVIEWER */
	div#OtherSidebarBlock,
	div#StoryViewer,
	div#StoryViewerInner .image,
	div#StoryViewerInner img {
		width: 456px;
		height: 228px;
	}


	/* PRODUCT PREVIEW */
	div#products {
		margin-left: 0 !important;
	}
	div#products div.productpreview {
		width: 100%;
		margin-left: 0 !important;
	}
	div#page_thumbnails ul li { width: 32%; }

}

/****** MOBILE LANDSCAPE 480px x 320px ******/

@media screen and (max-width: 480px) {

	div#nav ul,
	div#content {
		width: 300px;
	}

	/* HEADER */
	div#header {
		height: 14.25em;
	}  

	/* MENU */ 
	div#nav li { width: 80%; }
	div#nav li a { font-size: 13px; }


	div#wrapper { padding-bottom: 750px;}
	div#section { padding-bottom: 0;}
	  
	/* STORYVIEWER */
	div#OtherSidebarBlock,
	div#StoryViewer,
	div#StoryViewerInner .image,
	div#StoryViewerInner img {
		width: 304px;
		height: 152px;
	}

	/* PRODUCT PREVIEW */
	div.three-cols div.column {
		min-height: 300px !important;
	}
	div#associated_products div#products div.productpreview {
		min-height: 313px !important;
	}
	div#wrapper div#content div#associated_products div#products div.productpreview div.image {
		width: 100%;
		min-height: 210px;
	}


}
@media (max-width: 480px) { div#wrapper-footer { height: 1100px; } }
@media (max-width: 400px) { div#wrapper-footer { height: 1030px; } }
@media (max-width: 320px) { div#wrapper-footer { height: 980px; } }

.three-cols .fxobj21 .summary p {
	margin-top: 0;
}