/* ====================================================================== */
/* Smaller than standard 960 (devices and browsers)
/* ====================================================================== */
@media only screen and (max-width: 959px) {
	#header .container, #content .container, #page-title .container, #footer .container, #footer-bottom .container { width:100%; }
	
	/*	Content - FloatingArea
	/* ---------------------------------------------------------------------- */
	#floating-area.nav { width:100%; }
}


/* ====================================================================== */
/* Tablet Portrait size to standard 960 (devices and browsers)
/* ====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	.one-half, .one-third, .two-third, .one-fourth, .two-fourth { margin-bottom:50px; }
	.home .one-half, .home .one-third, .home .two-third, .home .one-fourth, .home .two-fourth { margin-bottom:60px; }
	
	/*	Content - Nav/Sidebar
	/* ---------------------------------------------------------------------- */
	#floating-sidebar { margin-top:-50px; }
	#sidebar-content { margin:50px 0 30px 19px; }
	
	/*	Content - FloatingArea
	/* ---------------------------------------------------------------------- */
	#floating-area.sidebar { width:488px; }
	
	#content {
		padding-bottom:0;
	}
		#content .container {
			width:728px;
			margin-top:0;
			padding-top:50px;
		}
			#content .container > p {
				padding-right:40px;
			}
		#content.home .container {
			margin-top: -10px;
		}
	#content p { margin-bottom:20px; }

	/* --------------- 1/2 --------------- */
	.one-half, #floating-area .one-half {
		width:348px;
		margin-right:32px;
	}
	#floating-area.sidebar .one-half {
		width:237px;
		margin-right:14px;
	}
		.one-half > p {
			padding-right:20px;
		}
	/* nwSlider (Reviews) */
	.one-half ul.review-slides li,
	#floating-area .one-half ul.review-slides li { width:348px; }

	/* --------------- 1/3 --------------- */
	.one-third, #floating-area .one-third {
		width:230px;
		margin-right:19px;
	}
	#floating-area.sidebar .one-third {
		width:156px;
		margin-right:10px;
	}
		.one-third > p {
			padding-right:10px;
		}
	/* nwSlider (Reviews) */
	.one-third ul.review-slides li,
	#floating-area .one-third ul.review-slides li { width:230px; }
	
	/* --------------- 2/3 --------------- */
	.two-third, #floating-area .two-third,
	.two-third.first, #floating-area .two-third.first,
	.two-third.last, #floating-area .two-third.last {
		width:479px;
		margin-right:19px;
		margin-left:0;
	}
	#floating-area.sidebar .two-third {
		width:318px;
		margin-right:14px;
	}
	#floating-area.sidebar .two-third.last { margin-left:4px; }
		.two-third > p {
			padding-right:10px;
		}
	/* nwSlider (Reviews) */
	.two-third ul.review-slides li,
	#floating-area .two-third ul.review-slides li { width:479px; }
	
	/* --------------- 1/4 --------------- */
	.one-fourth, #floating-area .one-fourth {
		width:170px;
		margin-right:16px;
	}
	#floating-area.sidebar .one-fourth {
		width:237px;
		margin-right:14px;
	}
	#floating-area.sidebar .one-fourth.second { margin-right:0; }
		.one-fourth > p {
			padding-right:0;
		}
	/* nwSlider (Reviews) */
	.one-fourth ul.review-slides li,
	#floating-area .one-fourth ul.review-slides li { width:170px; }
	
	/* --------------- 2/4 --------------- */
	.two-fourth, #floating-area .two-fourth {
		width:356px;
		margin-right:16px;
	}
	#floating-area.sidebar .two-fourth {
		width:100%;
		margin-right:0;
	}
	#floating-area.sidebar .one-fourth.triptychon {
		width:100%;
		margin-right:0;
	}
		.two-fourth > p {
			padding-right:0;
		}
	/* nwSlider (Reviews) */
	.two-fourth ul.review-slides li,
	#floating-area .two-fourth ul.review-slides li { width:356px; }
	
	/* Remove Divider */
	.divider { border-right:0 none; }
				
}

/* ====================================================================== */
/* All Mobile Sizes (devices and browser)
/* ====================================================================== */
@media only screen and (max-width: 767px) {
	
	/*	Content - Nav/Sidebar
	/* ---------------------------------------------------------------------- */
	#floating-sidebar { position:static; float:left; width:100%; margin-top:0; }
	#floating-sidebar.left, #floating-sidebar.right { border:0 none; }
	#sidebar-content, #floating-sidebar.left #sidebar-content { margin:50px 0 30px 0; }
	
	/*	Content - FloatingArea
	/* ---------------------------------------------------------------------- */
	#floating-area.sidebar { width:100%; }
	
	.one-fourth.second, #floating-area .one-fourth.second { margin-right:0; }
	
	/* Remove Divider */
	.divider { border-right:0 none; }
	
}

/* ====================================================================== */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
/* ====================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.one-half, .one-third, .two-third, .one-fourth, .two-fourth { margin-bottom:30px; }
	.home .one-half, .home .one-third, .home .two-third, .home .one-fourth, .home .two-fourth { margin-bottom:30px; }
	
	#content {
		padding-bottom:0;
	}
		#content .container {
			width:420px;
			margin-top:0;
			padding-top:50px;
		}
			#content .container > p {
				padding-right:0;
			}
		#content.home .container {
			margin-top: 0;
		}
	#content p { margin-bottom:10px; }

	/* --------------- 1/2 --------------- */
	.one-half, #floating-area .one-half {
		width:100%;
		margin-right:0;
	}
		.one-half > p {
			padding-right:0;
		}
	/* nwSlider (Reviews) */
	.one-half ul.review-slides li,
	#floating-area .one-half ul.review-slides li { width:420px; }

	/* --------------- 1/3 --------------- */
	.one-third, #floating-area .one-third {
		width:100%;
		margin-right:0;
	}
		.one-third > p {
			padding-right:0;
		}
	/* nwSlider (Reviews) */
	.one-third ul.review-slides li,
	#floating-area .one-third ul.review-slides li { width:420px; }
	
	/* --------------- 2/3 --------------- */
	.two-third, #floating-area .two-third,
	.two-third.first, #floating-area .two-third.first,
	.two-third.last, #floating-area .two-third.last {
		width:100%;
		margin-right:0;
		margin-left:0;
	}
		.two-third > p {
			padding-right:0;
		}
	/* nwSlider (Reviews) */
	.two-third ul.review-slides li,
	#floating-area .two-third ul.review-slides li { width:420px; }
	
	/* --------------- 1/4 --------------- */
	.one-fourth, #floating-area .one-fourth {
		width:200px;
		margin-right:20px;
	}
	.one-fourth.triptychon, #floating-area .one-fourth.triptychon {
		width:100%;
		margin-right:0;
	}
		.one-fourth > p {
			padding-right:0;
		}
	/* nwSlider (Reviews) */
	.one-fourth ul.review-slides li,
	#floating-area .one-fourth ul.review-slides li { width:200px; }
	
	/* --------------- 2/4 --------------- */
	.two-fourth, #floating-area .two-fourth {
		width:100%;
		margin-right:0;
	}
		.two-fourth > p {
			padding-right:0;
		}
	/* nwSlider (Reviews) */
	.two-fourth ul.review-slides li,
	#floating-area .two-fourth ul.review-slides li { width:420px; }
	
}

/* ====================================================================== */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
/* ====================================================================== */
@media only screen and (max-width: 479px) {

	.one-half, .one-third, .two-third, .one-fourth, .two-fourth { margin-bottom:30px; }
	.home .one-half, .home .one-third, .home .two-third, .home .one-fourth, .home .two-fourth { margin-bottom:30px; }
	
	#content {
		padding-bottom:0;
	}
		#content .container {
			width:280px;
			margin-top:0;
			padding-top:30px;
		}
			#content .container > p {
				padding-right:0;
			}
		#content.home .container {
			margin-top: 0;
		}
	#content p { margin-bottom:10px; }
	
	/* nwSlider (Reviews) */
	ul.review-slides li { width:280px !important; }

	/* --------------- 1/2 --------------- */
	.one-half, #floating-area .one-half {
		width:100%;
		margin-right:0;
	}
		.one-half > p {
			padding-right:0;
		}

	/* --------------- 1/3 --------------- */
	.one-third, #floating-area .one-third {
		width:100%;
		margin-right:0;
	}
		.one-third > p {
			padding-right:0;
		}
	
	/* --------------- 2/3 --------------- */
	.two-third, #floating-area .two-third,
	.two-third.first, #floating-area .two-third.first,
	.two-third.last, #floating-area .two-third.last {
		width:100%;
		margin-right:0;
		margin-left:0;
	}
		.two-third > p {
			padding-right:0;
		}
	
	/* --------------- 1/4 --------------- */
	.one-fourth, #floating-area .one-fourth {
		width:100%;
		margin-right:0;
	}
		.one-fourth > p {
			padding-right:0;
		}
	
	/* --------------- 2/4 --------------- */
	.two-fourth, #floating-area .two-fourth {
		width:100%;
		margin-right:0;
	}
		.two-fourth > p {
			padding-right:0;
		}
	
}