body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
	font-size: 1em;
	background-color: #333;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

html { 
	height: 100%; 
}

a {
	text-decoration: none;
}

.hidden {
	display: none;
}

.important {
	background-color: #FF9E9E;
	color: black;
	font-size: .8em;
}

.important a:hover{
	color: black;
}

#header a {
	color: black;
	text-decoration: none;
	color: #333;
	text-shadow: -2px -1px 0px rgba(185, 185, 185, .5);
	cursor: pointer;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

#header a:hover {
	color: white;
}

/* ************************************************ */
/* ************************************************ */
			/* NAVIGATION & HEADER STYLES */
/* ************************************************ */
/* ************************************************ */

/* HEADER STYLES */
#header {
	font-size: .9em;
	width: 100%;
	height: 25px;
	position: absolute;
	top: 0px;
	left: 0;
	background-color: #6e6e6e;
	
	border-bottom: solid 1px #686980;
	box-shadow: 0px 3px 5px rgba(0, 0, 0, .4);
	
	margin: 0;
	padding: 0;
	z-index: 126;
}

#logo {
	position: absolute; 
	left: 0px;
	top: 0px;
	z-index: 125;
	width: 200px;
	height: 165px;
	background: url(../img/mhp-logo.png) center center no-repeat;
	cursor: pointer;
}

#logo-bottom {
	position: absolute;
	left: 15px;
	bottom: 15px;
	z-index: 215;
}

/* BODY STYLES */

a {
	color: white;
}

a:hover {
	color: orange;
}

.emphasize {	
	font-weight: bold;
	text-decoration: underline;
}

/* MENU BUTTON FOR DISPLAYING NAV CONTROLS */
#navigation-menu-right {
	position: absolute;
	right: 0px;
	bottom: -18px;
	background-color: #6e6e6e;
	border-radius: 3px;
	margin: 0;
	padding: 0;
	z-index: 100;
	-moz-transition-property: background-color;
	-moz-transition-duration: .5s;
	-moz-transition-timing-function: ease;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing-function: ease;
}

#navigation-menu-right:hover{
	background-color: #fffb8f;
	cursor: pointer;
}

#navigation-menu-right.highlight{
	background-color: #fffb8f;
	-moz-transition-property: background-color;
	-moz-transition-duration: .5s;
	-moz-transition-timing-function: ease;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing-function: ease;
}

#navigation-menu-right p {
	margin: 0;
	padding: .2em;
	padding-left: .5em;
	padding-right: .5em;
}


/* NAV CONTROLS IN HEADER */
#navigation-left {
	position: absolute;
	bottom: 0px;
	left: 5%;
	height: 100%;
	z-index: 101;
}

#navigation-right {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 100%;
	z-index: 101;
}

#navigation-left > div {
	width: 6em;
}

#navigation-left > div, 
#navigation-right > div {
	float: left;
 	height: 100%;
	border-left: solid 1px #444;
	border-right: solid 1px #999;
	
	margin: 0;
	padding: 0;
	background: rgb(195,195,195); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(195,195,195,1) 0%, rgba(171,171,171,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(195,195,195,1)), color-stop(100%,rgba(171,171,171,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(195,195,195,1) 0%,rgba(171,171,171,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(195,195,195,1) 0%,rgba(171,171,171,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(195,195,195,1) 0%,rgba(171,171,171,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c3c3', endColorstr='#ababab',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(195,195,195,1) 0%,rgba(171,171,171,1) 100%); /* W3C */
	
	color: #333;
	text-shadow: -2px -1px 0px rgba(185, 185, 185, .5);
	cursor: pointer;
}

#navigation-left > div:hover, 
#navigation-right > div:hover {
	background: rgb(188,199,247); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(188,199,247,1) 0%, rgba(95,114,199,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(188,199,247,1)), color-stop(100%,rgba(95,114,199,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(188,199,247,1) 0%,rgba(95,114,199,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(188,199,247,1) 0%,rgba(95,114,199,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(188,199,247,1) 0%,rgba(95,114,199,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcc7f7', endColorstr='#5f72c7',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(188,199,247,1) 0%,rgba(95,114,199,1) 100%); /* W3C */	
	color: #fff;
}

#navigation-left > div p, 
#navigation-right > div p {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 0;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	padding-top: .1em;
	padding-right: 2em;
}

#navigation-left > div span {
	display: block;
}

#navigation-left > div span:hover {
	color: #fff;
}

#navtab-right, #navtab-left {
	position: absolute;
	top: 30%;
	z-index: 202;
	width: 45px;
	height: 40%;
	opacity: .15;
	border-radius: 8px;
	border: 1px black solid;
}

#navtab-right{
	background: url(../img/right-arrow.png) left center no-repeat;
	background-color: #fff;
	right: 0px;
}

#navtab-left {
	background: url(../img/left-arrow.png) right center no-repeat;
	background-color: #fff;
	left: 0px;
}

/* POP UP NAVIGATION/CONTENT BOX */
#navigation-subcontainer {
	width: 60%;
	height: 70%;
	min-width: 400px;
	border-radius: 8px;
	border: solid 1px #000;
	background-color: #aaa;
	position: absolute;
	left: -1000px;
	top: -1000px;
	z-index: 201;
	box-shadow: 4px 4px 7px rgba(0, 0, 0, .4);
}

#navigation-sectioncontainer {
	overflow: auto;
	height: 95%;
	width: 95%;
	margin-left: 2.5%;
	margin-top: 2.5%;
}

#navigation-sectioncontainer .section {
	width: 100%;
	min-height: 155px;
	border-bottom: solid 1px #444;
	padding-bottom: 1em;
}

#navigation-sectioncontainer .section p {
}

#navigation-sectioncontainer img.section-badge {
	float: right;
}

#navigation-subcontainer img.closeicon,
img.closeSignUp {
	position: absolute;
	right: -20px;
	top: -20px;
	cursor: pointer;
}

#navigation-subcontainer > span {
	font-family: Palatino, Californian FB, serif;
	color: white;
	font-size: 1.5em;
	font-style: italic;
	display: block;
	position: absolute;
	top: -3.3em;
	left: 10px;
}

#navMessage {
	display: block;
	overflow: visible;

	min-width: 20%;
	min-height: 15%;
	max-width: 45%;
	max-height: 20%;

	padding: 1em;
	padding-top: .5em;
	position: absolute;
	right: -5px;
	bottom: -1000px;
	z-index: 1000;

	border-radius: 8px;
	box-shadow: 0 0 25px rgba(0, 0, 0, .8);
	border: 2px solid #AD5F00;

	color: white;
	font-size: 100%;
	
	background: #ffaf4b; /* Old browsers */
	background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* W3C */	
	
}

#navMessage h2 {
	margin: 0;
	padding: 0;
}

#navTipCloseBtn {
	position: absolute;
	right: 0px;
	top: -15px;
}

#navTipCloseBtn:hover {
	cursor: pointer;
}

#navSlideShowControls {
	width: 200px;
	height: 100px;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 15px;
	bottom: 15px;
	display: none;
	z-index: 127;
}

#navSlideShowControls img {
	padding: 0;
	margin: -3px;
	border: 0;
}

#navMapContainer {
	position: absolute;
	width: 640px;
	height: 480px;
	left: 150px;
	top: 150px;
	border: 3px solid black;
	box-shadow: 0px 0px 35px 8px rgba(0, 0, 0, 1);
	background: url(/img/loading-bargraph.gif) center no-repeat;
	background-color: black;
	z-index: 201;
}

#navMapContainerClose {
	position: absolute;
	z-index: 202;
}

#navigation-subcontainer input[type="button"], 
#navigation-subcontainer button {
	font-size: 1em;
}

span.buttonRow a, 
span.buttonRow a button {
	text-decoration: none;
}

span.buttonRow input[type="button"], 
span.buttonRow button {
	border-radius: 0;
	font-size: 1.3em;
}

span.buttonRow input[type="button"].first, 
span.buttonRow button.first {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

span.buttonRow input[type="button"].only, 
span.buttonRow button.only {
	border-radius: 4px;
}

span.buttonRow input[type="button"].last, 
span.buttonRow button.last {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

span.setSlide,
span.clickableSpan {
	font-weight: bold;
	cursor: pointer;
	color: #FCDF5F;
}

span.contactEmail {
	font-weight: bold;
	cursor: default;
	color: white;
}

span.setSlide:hover,
span.clickableSpan:hover {
	text-decoration: underline;
}

span.contactEmail:hover {
	text-decoration: none;
}

/* ************************************************ */
/* ************************************************ */
				/* BODY CONTENT STYLES */
/* ************************************************ */
/* ************************************************ */

#bodycontents {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: url(/img/loading-bargraph.gif) center center no-repeat;
}

#maincontents {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

#maincontents .textPanel {
	left: 0;
	top: 0;
	height: 80%;
	width: 80%;
	font-family: 'Georgia', serif;
	line-height: 1.9em;
	color: #ddd;
	position: absolute;
	margin: 0;
	overflow: hidden;
	border-radius: 8px;
	background: #939393; /* Old browsers */
	background: -moz-linear-gradient(top, #939393 0%, #565656 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#939393), color-stop(100%,#565656)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #939393 0%,#565656 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #939393 0%,#565656 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #939393 0%,#565656 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939393', endColorstr='#565656',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #939393 0%,#565656 100%); /* W3C */
}

#maincontents .textPanel .left {
	width: 40%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}

#maincontents .textPanel .left img {
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	border: none;
	height: 100%;
	width: auto;
	
	border-right: 2px solid white;
	box-shadow: 0 6px 8px 4px rgba(0, 0, 0, .7);
	border-radius: 0;
	
}

#maincontents .textPanel .right {
	width: 54%;
	height: 100%;
	margin-right: 2em;
	position: absolute;
	right: 0;
	top: 0;
	overflow: auto;
	z-index: 10;
	
	border-radius: 8px;
	background: #939393; /* Old browsers */
	background: -moz-linear-gradient(top, #939393 0%, #565656 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#939393), color-stop(100%,#565656)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #939393 0%,#565656 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #939393 0%,#565656 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #939393 0%,#565656 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939393', endColorstr='#565656',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #939393 0%,#565656 100%); /* W3C */
		
}


#maincontents .textPanel .left_large {
	position: absolute;
	left: 3%;
	top: 5%;
	width: 44%;
	height: 90%;
	padding-right: 1em;
	margin-left: 2em;
	overflow: auto;
	margin-right: 1em;
	z-index: 9;

}

#maincontents .textPanel .right_small img {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	border: none;
	border-left: 2px solid white;
	box-shadow: 0 6px 8px 4px rgba(0, 0, 0, .7);
	height: 100%;
	width: auto;
}

#maincontents .textPanel .right_small {
	width: 40%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
}


#maincontents .textPanel span.buttonRow {
	display: block;
	text-align: center;
}

#maincontents .textPanel span.buttonRow input[type="button"] {
	float: none;
	margin: 0;
	font-size: 1.1em;
}

#maincontents .textPanel .right p.more {
	opacity: .7;
	font-family: 'Times New Roman', serif;
	font-style: italic;
	text-align: right;
}

#maincontents .textPanel h2{
	font-size: 2em;
	font-family: Arial, sans-serif;
	text-align: left;
	color: white;
	margin: .8em;
	margin-bottom: 0;
	padding-bottom: .2em;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, .6);
	border-bottom: 1px solid #ddd;
}

#maincontents .textPanel h3 {
	color: white;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, .6);
	font-family: Arial, sans-serif;
	font-size: 1.65em;
	margin: .8em;
}

#maincontents .textPanel h3.price {
	text-align: right;
}

#maincontents .textPanel .important h3 {
	color: black;
	text-shadow: none;
}


#maincontents .textPanel p {
	font-family: sans-serif;
	margin: 1em;
	margin-right: 2em;
	//font-size: 1.3em;
	text-indent: 1.5em;
}

#maincontents .textPanel ul{
	font-family: sans-serif;
}

#maincontents .textPanel p .inlineImageLeft {
	float: left;
	margin-right: 1em;
	margin-bottom: .5em;
	border: 1px solid black;
	box-shadow: 0 0 4px rgba(0, 0, 0, .7);
}

#maincontents .textPanel p .inlineImageRight {
	float: right;
	margin-left: 1em;
	margin-bottom: .5em;
	border: 1px solid black;
	box-shadow: 0 0 4px rgba(0, 0, 0, .7);
}

#maincontents p.question,
#signUpForm p.question  {
	font-family: arial, sans-serif;
	text-indent: 0;
	margin-bottom: .5em;
	margin-top: 0;
	text-shadow: 1px 1px 2px rgba( 0, 0, 0, .5 );
}

#signUpForm p.question  {
	font-weight: bold;
}

#maincontents p.question.active {
	font-weight: bold;
	color: white;
}

#maincontents p.question:nth-child(2) {
	margin-top: 1.5em;
}

#maincontents p.question:hover,
#signUpForm p.question:hover {
	text-decoration: underline;
	cursor: pointer;
	color: white;
}

#maincontents div.answer,
#signUpForm div.answer {
	display: none;
}

#signUpForm div.answer {
	margin-left: 1em;
	font-size: .8em;
}

#maincontents div.answer p {
	font-family: arial, sans-serif;
	font-size: 1.1em;
	margin-left: 3.5em;
	text-indent: 0;
}

#maincontents div.answer ul {
	font-family: arial, sans-serif;
	margin-left: 2em;
	font-size: 1.1em;
}

img.inlineImageRight.vertical {
	height: 500px;
	width: auto;
}

#maincontents .textPanel .right ul {
	margin: 0;
}

#maincontents .textPanel .right li {
	font-size: 1em;
	margin-bottom: .5em;
}

#maincontents .textPanel a {
	text-decoration: underline;
}

#maincontents .textPanel input[type="button"] {
	float: right;
	margin-right: 2em;
	margin-top: 2em;
	font-size: 2em;
}

#maincontents .panel {
	left: 0;
	top: 0;
	height: 100%;
	background-color: #333;
	color: #000;
	position: absolute;
	margin: 0;
	width: 100%;
	height: 100%;
}

#maincontents .panel .panelImage {
	position: absolute;
	padding: 0;
	margin: 0;
	border-top: solid #666 1px;
	border-bottom: solid #666 1px;
}

#maincontents .panel .panelImage.styled {
	border-right: solid 5px white;
	border-left: solid 5px white;
	box-shadow: 0 0 10px rgba( 0, 0, 0, .8 );
}

#maincontents .panel .itemName {
	position: absolute;
	left: 20px;
	bottom: 25px;
	font-family: Impact, sans-serif;
	font-size: 1.4em;
	opacity: .7;
	color: white;
	min-width: 200px;
	height: 50px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
	z-index: 202;
}

#maincontents .panel .itemCount {
	position: absolute;
	left: 20px;
	bottom: 0;
	font-family: Impact, sans-serif;
	font-size: 1.4em;
	opacity: .7;
	color: white;
	min-width: 200px;
	height: 50px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
	z-index: 202;
}


#maincontents .panel .clickTarget{
}

#maincontents .panel .textClickTarget{
	width: 100%;
	height: 100%;
}

#maincontents .panel .signUpForm {
	width: 80%;
	height: 80%;
	margin: 10%;
	border: none;
}

#maincontents table{
	width: 95%;
	border-collapse: collapse;
	font-family: SegoeUI, sans-serif;
}

#maincontents table td{
	padding-left: .5em;
}

#maincontents table thead  td{
	background: rgb(217,219,218); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(217,219,218,1) 0%, rgba(196,196,196,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(217,219,218,1)), color-stop(100%,rgba(196,196,196,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(217,219,218,1) 0%,rgba(196,196,196,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(217,219,218,1) 0%,rgba(196,196,196,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(217,219,218,1) 0%,rgba(196,196,196,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(217,219,218,1) 0%,rgba(196,196,196,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9dbda', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */
	color: black;
}

#maincontents table thead {
	border: solid 1px #555;
}

#maincontents table h3 {
	text-align: center;
}

#maincontents table tbody td {
	border-bottom: solid 1px #555;
	margin: 0;
}


#maincontents div.sectionLeft,
#maincontents div.sectionRight {
	clear: both;
	border-bottom: solid 1px rgba( 255, 255, 255, .5 );
	float: left;
	width: 95%;
	margin-left: 2.5%;
	margin-top: 1.5em;
	padding-bottom: 1.5em;
}

#maincontents div.sectionRight img {
	float: right;
}

#maincontents div.sectionRight h3 {
}

#maincontents div.sectionLeft img {
	float: left;
}

#maincontents div.sectionLeft h3 {
}

#maincontents div.sectionRight img,
#maincontents div.sectionLeft img{
	width: 150px;
	height: auto;
	border: solid 4px white;
	box-shadow: 0 0 4px rgba( 0, 0, 0, .6 );
	margin: 1em;
}

#maincontents div.sectionRight img.horizontal.noborder,
#maincontents div.sectionLeft img.horizontal.noborder{
	width: 225px;
	height: auto;
	border: none;
	box-shadow: 0 0 4px rgba( 0, 0, 0, .6 );
	margin: 1em;
}


.loading {
	width: 100%;
	height: 100%;
	background: url(/img/loading-bargraph.gif) center no-repeat;
	background-color: #000;
	opacity: 1;
	z-index: 1000;
	position: absolute;
	left: 0;
	top: 0;
}

.smallLoading {
	background-color: #000;
	opacity: .7;
	z-index: 201;
	position: relative;
	width: 325px;
	height: 250px;
	margin: 5em auto;
	
	border-radius: 8px;
	border: solid 1px #888;
	padding: 3em;
	padding-bottom: 1em;
	padding-top: 1em;
	box-shadow: 0 0 10px 12px rgba(0, 0, 0, .5);
}

.smallLoading img {
	width: 300px;
	height: auto;
	margin-left: auto;
}

.smallLoading p {
	color: white;
	text-align: center;
}


/* ************************************************ */
/* ************************************************ */
/* 	            SPLIT HOME PAGE STYLES				*/
/* ************************************************ */
/* ************************************************ */
#maincontents .topContentContainer {
	width: 100%;
	height: 64%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: auto;
}

#maincontents .topContentContainer .topContentBackgroundImage {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
}

#maincontents .content {
	width: 80%;
	margin: 8px;
	margin-top: 2em;
	overflow: hidden;
	margin-left: 10%;
	left: 0px;
	top: 0px;
}

#maincontents .topContentContainer h2 {
	font-size: 2em;
	font-family: Arial, sans-serif;
	text-align: left;
	color: white;
}

#maincontents .bottomContentContainer {
	position: absolute;
	width: 100%;
	height: 31%;
	bottom: 15px;
	left: 0;
	margin: 0;
	padding: 0;
}

#maincontents .categoryContainer {
	position: relative;
	height: 100%;
	width: 100%;
	padding-left: 35.2%;
}

#maincontents .categoryPanel {
	width: 15%;
	height: 90%;
	float: left;
	margin: 3px;
	border-radius: 8px;
	box-shadow: 0 0 2px rgba(0, 0, 0, .7);
	border: solid 1px #444;
	overflow: hidden;
	color: black;
	background: rgb(245,246,246); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C */
}

#maincontents .categoryPanel:hover {
	background: rgb(243,197,189); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(243,197,189,1) 0%, rgba(232,108,87,1) 50%, rgba(234,40,3,1) 51%, rgba(255,102,0,1) 75%, rgba(199,34,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,197,189,1)), color-stop(50%,rgba(232,108,87,1)), color-stop(51%,rgba(234,40,3,1)), color-stop(75%,rgba(255,102,0,1)), color-stop(100%,rgba(199,34,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* W3C */	
	box-shadow: 0 0 8px rgba(0, 0, 0, .7);
	cursor: pointer;
	border-color: #FF6E26;
	color: white;
}

#maincontents .categoryPanel p {
	text-align: center;
	position: relative;
	bottom: 0;
	left: 0;
	font-size: 1em;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

#maincontents .categoryBadge {
	width: 80%;
	height: auto;
	margin-left: 10%;
	margin-top: 5%;
	top: 28px;
	border: solid 1px #000;
	-webkit-box-reflect:below 3px -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.71, rgba(255, 255, 255, 0)), color-stop(0.99, rgba(255, 255, 255, 0.238281))) 0 0 0 0 stretch stretch;
}

#lobbyImage {
	width: 600px;
	height: 399px;
	background: url(/img/frontpage/lobby-600.jpg) center no-repeat;
}


/* ************************************************ */
/* ************************************************ */
				/* EMAIL CONTENT STYLES */
/* ************************************************ */
/* ************************************************ */
#emailContainer {
	position: absolute;
	width: 40%;
	max-height: 80%;
	background: #ffaf4b; /* Old browsers */
	background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* W3C */	
	border-radius: 8px;
	border: 2px solid #683601;
	box-shadow: 0px 0px 35px 8px rgba(0, 0, 0, 1);
	padding: 2em;
	padding-bottom: 1em;
	z-index: 201;
	overflow: visible;
}

#emailContainer input[type="button"], 
#emailContainer input[type="submit"] {
	float: right;
	font-size: 1.3em;
}

#emailContainer h2 {
	position: absolute;
	display: block;
	top: -50px;
	color: white;
	font-size: 1.7em
}

#emailContainer .emailLabel {
	font-weight: bold;
	font-size: 1em;
}

#closeEmailContainer {
	position: absolute;
	top: -15px;
	right: -15px;
}

/* ************************************************ */
/* ************************************************ */
				/* FAVORITES STYLES */
/* ************************************************ */
/* ************************************************ */

#favorites-controlcontainer {
	width: 250px;
	min-height: 200px;
	position: absolute;
	bottom: 15px;
	left: 45px;
	border-radius: 8px;
	background-color: #fff;
	margin: .5em;
	z-index: 500;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, .6);
	border: 1px solid black;
}

#favorites-controlcontainer #masthead {
	cursor: pointer;
	width: 200px;
	position: absolute;
	top: -22px;
	left: 25px;
	height: 25px;
	border-radius: 8px;
	background-color: #FFFBCE;
	z-index: 499;
	font-size: 1.3em;
	text-align: center;
	border: 1px solid black;
	background: rgb(235,241,246); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(213,235,251,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(171,211,238,1)), color-stop(51%,rgba(137,195,235,1)), color-stop(100%,rgba(213,235,251,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* W3C */	
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
}

#favorites-controlcontainer #masthead  img{
	float: right;
	margin: 3px;
}

#favorites-controlcontainer h2 {
	font-size: 1.1em;
	margin-left: .5em;
}

#favorites-controlcontainer p {
	margin-left: .5em;
}

#favorites-configure input[type="text"]{
	width: 100%;
	border: none;
	background-color: transparent;
	font-size: 1.2em;
	margin-bottom: 1em;
	padding-top .3em;
	padding-bottom: .3em;
	border: 1px white solid;
	z-index: 500;
}

#favorites-configure span {
	display: block;
	width: 100%;
}

#favorites-configure input[type="button"] {
	width: 100%;
}

#favorites-configure input[type="button"].left {
	width: 70%;
}

#favorites-configure input[type="button"].right {
	width: 30%;
}

#favorites-configure input[type="text"]:focus{
	background-color: #FFFBCE;
	border: 1px black solid;
}

#favorites-configure input.template {
	display: none;
}

#favorites-configure input[type="button"].favoriteImage {
	color: white;
	background: rgb(243,197,189); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(243,197,189,1) 0%, rgba(232,108,87,1) 50%, rgba(234,40,3,1) 51%, rgba(255,102,0,1) 75%, rgba(199,34,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,197,189,1)), color-stop(50%,rgba(232,108,87,1)), color-stop(51%,rgba(234,40,3,1)), color-stop(75%,rgba(255,102,0,1)), color-stop(100%,rgba(199,34,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* W3C */
}

#favorites-configure {
	position: relative;
	left: 10px;
	width: 230px;
	height: 90%;
}

#favorites-userName {
	width: 300px;
	border-radius: 8px;
	padding: 1em;
	padding-right: 2em;
	padding-top: 0em;
	position: absolute;
	z-index: 1000;
	color: white;
	display: block;
}

#favorites-userName input[type="button"] {
	float: right;
}

/* ************************************************ */
/* ************************************************ */
				/* THUMBNAILS */
/* ************************************************ */
/* ************************************************ */
#thumbNails {
	width: 98%;
	height: 95%;
	position: absolute;
	left: 1%;
	top: 1.5%;
	z-index: 203;
	background-color: black;
	overflow: hidden;
	border: solid 5px #444;
	border-radius: 8px;
}

#thumbNailsInner {
	overflow: auto;
	position: absolute;
	width: 100%;
	height: 100%;
}

.thumbContainer {
	margin: 1em;
	max-width: 565px;
	max-height: 565px;
	width: 350px;
	height: 350px;
	border-radius: 8px;
	background-color: #222;
	float: left;
	border: solid 1px #444;
	padding: 1em;
	text-align: center;

}

.thumbContainer img {
	max-width: 555px;
	border: solid 1px #666;
	margin-left: auto;
}

#thumbNailsInner .clickable:hover {
	background: #ffaf4b; /* Old browsers */
	
}

#thumbNailsInner .clickable {
	cursor: pointer;
}

.thumbContainer active {
	border: solid 1px #ffaf4b;
}

#thumbNailIcon{
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 100;
	opacity: .5;
}

#thumbCloseIcon {
	position: absolute;
	right: 1.5%;
	top: .75%;
	z-index: 203;
}


/* ************************************************ */
/* ************************************************ */
			/* SIGN UP FORM STYLES */
/* ************************************************ */
/* ************************************************ */

#signUpForm {
	position: absolute;
	left: 16.5%;
	top: 5%;
	width: 66%;
	height: 90%;
	background-color: #666;
	border: solid 2px #888;
	box-shadow: 0 0 8px 5px rgba(155, 170, 255, 1);
	box-shadow: 0 0 8px 5px rgba( 0, 0, 0, .6);
	z-index: 201;
	color: white;
	font-size: 1em;
	border-radius: 6px;
}

#signUpForm div.signUpContainer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}

#signUpForm  h1{
	font-size: 1.4em;
	text-align: center;
	border-bottom: solid 1px #666;
	margin-left: .5em;
	margin-right: .5em;
	margin-bottom: 0;
	border-bottom: solid 1px #ddd;
}

#signUpForm form {
	width: 45%;
	position: absolute;
	left: 52.5%;
	overflow: hidden;
}

#signUpForm div.requestConditions {
	font-size: .9em;
	width: 45%;
	position: absolute;
	left: 2.5%;
	overflow: auto;
}

#signUpForm form div.requestNote,
p.requestNote{
	margin-top: 1em;
	border: solid 1px black;
	padding: 1em;
	border-radius: 3px;
}

#signUpForm table {
	width: 100%;
}

#signUpForm input[type="text"], 
#signUpForm select {
	font-size: 1em;
	padding: .25em;
	width: 97%;
	box-shadow: 0 0 3px 2px rgba( 0, 0, 0, .2 );
	border: solid 1px black;
}

#signUpForm button {
	float: right;
}

/* ************************************************ */
/* ************************************************ */
				/* FOOTER CONTENT STYLES */
/* ************************************************ */
/* ************************************************ */

#footer {
	font-size: .8em;
	width: 100%;
	height: 75px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #6e6e6e;
	
	border-bottom: solid 1px #686980;
	box-shadow: 0px -3px 5px rgba(0, 0, 0, .4);	
}

#footer p {
	color: white;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-top: 1em;
}

#footer #footerFacebook {
	position: absolute;
	right: 15px;
	top: 15px;
	border: none;
}

#background-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .75;
	display: none;
	z-index: 200;
}

/* ************************************************ */
/* ************************************************ */
			/* NO SCRIPT STYLES */
/* ************************************************ */
/* ************************************************ */
#noscript-background {
	background: url(/img/noscript-oops.jpg) top right no-repeat, url(/img/noscript-oops2.jpg) bottom left no-repeat;
	background-color: black;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2000;
}

#noscript-logo {
	position: absolute;
	left: 50px;
	top: 25px;
	z-index: 2001;
}

#noscript-message {
	color: white;
	width: 50%;
	position: absolute;
	left: 25%;
	top: 25%;
	background-color: #333;
	padding: 2em;
	padding-top: 0;
	z-index: 2001;
	border: 2px solid #888;
	border-radius: 8px;
	box-shadow: 0 0 15px 10px rgba(0, 0, 0, .4);
}

#noscript-message h1, 
#noscript-message h2 {
	text-align: center;
}

/* ************************************************ */
/* ************************************************ */
			/* INPUT CONTROL STYLES */
/* ************************************************ */
/* ************************************************ */
input[type="text"], textarea {
	width: 100%;
	border: 1px solid black;
	font-size: 1.5em;
	padding: .25em;
	margin-top: .25em;
	margin-bottom: .25em;
	font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
}

input[type="text"]:focus, textarea:focus {
	background-color: #C1B5FF;
	color: black;
}

input[type="button"], 
button, 
input[type="submit"]{
	margin: 0px;
	padding: 0px;
	padding: .4em;
	margin: auto;
	margin-bottom: 1em;
	color: #333;
	font-size: .7em;
	text-decoration: none;
	border-radius: 4px;
	border: solid 1px #666;
	box-shadow: 0 0 6px rgba(0, 0, 0, .5), inset 0 45px 0 rgba(255, 255, 255, .3);
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
}

input[type="button"]:hover, 
button:hover, 
input[type="submit"]:hover{
	box-shadow: 0px 0px 4px rgba(237, 203, 139, .8);
	border: solid 1px #A86F06;
	color: white;	
	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */
	cursor: pointer;
}

#pinterest-template, 
#template-fragments {
	display: none;
}

a.pinterest {
	position: absolute;
	bottom: 5px;
	right: 80px;
	z-index: 100;
}

/* ************************************************ */
/* ************************************************ */
			/* BACKGROUND GRADIENT STYLES */
/* ************************************************ */
/* ************************************************ */
.orangeGradient {
	background: #ffaf4b; /* Old browsers */
	background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* W3C */	

	box-shadow: 0 0 25px rgba(0, 0, 0, .8);
	border: 2px solid #AD5F00;
	border-radius: 8px;
}

/* ************************************************ */
/* ************************************************ */
			/* RESPONSIVE STYLES */
/* ************************************************ */
/* ************************************************ */

/* SCREENS AT LEAST 1800 WIDE HORIZONTAL */
@media screen and (min-width: 1800px) {

	.thumbContainer {
		margin: 1em;
		min-width: 305px;
		min-height: 305px;
		border-radius: 8px;
		background-color: #222;
		float: left;
		border: solid 1px #888;
		padding: 1em;

	}

	.thumbContainer img {
		max-height: 290px;
		max-width: 290px;
		border: solid 1px #fff;
	}

	#maincontents .categoryPanel p {
		font-size: 1em;
	}

	#maincontents .textPanel .right {
		position: absolute;
		width: 45%;
		height: 80%;
		top: 10%;
		right: 5%;
		padding: 0;
		background-color: none;
		background: none;
	}

	#maincontents .textPanel .left_large {
		position: relative;
		width: 45%;
		height: 80%;
		top: 10%;
		left: 5%;
		padding: 0;
	}
	
	
	#navMessage {
		width: 25%;
	}

	#maincontents .content {
		margin-left: 20%;
		margin-top: 5%;
		width: 60%;
	}
	
	#signUpForm {
		position: absolute;
		left: 20%;
		top: 5%;
		width: 60%;
		height: 90%;
		font-size: 1.2em;
	}
	
}

/* SCREENS SMALLER THAN 1900 HORIZONTAL */
@media screen and (max-width: 1900px) {

	#maincontents .textPanel {
		font-size: 1em;
	}
	
	.thumbContainer {
		margin: 1em;
		width: 400px;
		height: 400px;
		border-radius: 8px;
		background-color: #222;
		float: left;
		border: solid 1px #888;
		padding: 1em;

	}

	.thumbContainer img {
		max-width: 380px;
		border: solid 1px #fff;
	}

	#maincontents .categoryPanel p {
		font-size: 1.3em;
	}

	#maincontents .textPanel .right {
		margin: 0;
	}

}

/* SCREENS 1365 - 1499 WIDE HORIZONTAL */
@media screen and (max-width: 1499px) {

	#maincontents .textPanel {
		//font-size: 1em;
	}
	
	.thumbContainer {
		margin: 1em;
		max-width: 300px;
		max-height: 300px;
		border-radius: 8px;
		background-color: #222;
		float: left;
		border: solid 1px #888;
		padding: 1em;

	}

	.thumbContainer img {
		max-height: 280px;
		max-width: 280px;
		border: solid 1px #fff;
	}

	#maincontents .categoryPanel{
		height: 95%;
	}

	#maincontents .categoryPanel p {
		font-size: 1.3em;
	}

	#lobbyImage {
		width: 400px;
		height: 266px;
		background: url(/img/frontpage/lobby-400.jpg) center no-repeat;
	}

	#maincontents .textPanel .right {
		margin-right: 0em;
	}

}

/* SCREENS 1024 - 1364 WIDE HORIZONTAL */
@media screen and (max-width: 1364px) {

	#maincontents .textPanel {
		font-size: .8em;
	}
	
	.thumbContainer {
		margin: 1em;
		max-width: 280px;
		max-height: 280px;
		border-radius: 8px;
		background-color: #222;
		float: left;
		border: solid 1px #888;
		padding: 1em;

	}

	.thumbContainer img {
		max-height: 260px;
		max-width: 260px;
		border: solid 1px #fff;
	}

	#lobbyImage {
		width: 400px;
		height: 266px;
		background: url(/img/frontpage/lobby-400.jpg) center no-repeat;
	}

	#maincontents .textPanel .right {
		margin: 0;
	}

	#maincontents .textPanel .right ul {
		margin-right: 3em;
		margin-bottom: 3em;
	}

	#maincontents .textPanel .right li {
		font-size: 1.2em;
		margin-bottom: .5em;
	}

	#maincontents .inlineImageLeft {
		width: 300px;
		height: auto;
	}

	#maincontents .content {
		margin-left: 5%;
		width: 90%;
	}
	
}

/* SCREENS 701 - 1023 WIDE HORIZONTAL */
@media screen and (max-width: 1024px) {
	#navigation-subcontainer {
		font-size: .9em;
	}

	#footer {
		font-size: .8em;
	}
	
	#header {
		font-size: .8em;
	}
	
	#maincontents .textPanel {
		font-size: .8em;
	}

	#maincontents .textPanel .right {
		margin: 0;
		width: 48%;
	}
	
	#maincontents .categoryPanel{
		height: 90%;
	}

	#maincontents .categoryPanel p {
		display: none;
	}
	
	#navMessage {
		font-size: .8em;
	}

	#lobbyImage {
		width: 300px;
		height: 200px;
		background: url(/img/frontpage/lobby-300.jpg) center no-repeat;
	}

	.thumbContainer {
		margin: 1em;
		max-width: 400px;
		max-height: 400px;
		border-radius: 8px;
		background-color: #222;
		float: left;
		border: solid 1px #888;
		padding: 1em;

	}

	.thumbContainer img {
		max-width: 380px;
		border: solid 1px #fff;
	}

	#maincontents .textPanel .right ul {
		margin-right: 3em;
		margin-bottom: 3em;
		
	}

	#maincontents .textPanel .right li {
		font-size: 1.2em;
		margin-bottom: .5em;
	}

	#maincontents .inlineImageLeft {
		width: 150px;
		height: auto;
	}
	
	span.buttonRow input.first[type="button"], span.buttonRow button.first {
	  border-bottom-left-radius: 4px;
	  border-top-left-radius: 4px;
	}	
	
	span.buttonRow input.first[type="button"] {
		clear: both;
	}

}

/* SCREENS SMALLER THAN 700 WIDE HORIZONTAL */
@media screen and (max-width: 699px) {

	#maincontents .textPanel p {
		font-size: 1.1em;
		line-height: 1.5em;
	}

	#navigation-subcontainer {
		font-size: .9em;
	}

	#footer {
		font-size: .8em;
	}
	
	#header {
		font-size: .8em;
	}
	
	#maincontents .textPanel {
		font-size: .7em;
	}

	#maincontents .textPanel .right {
		margin: 0;
	}
	
	#maincontents .categoryPanel{
		height: 90%;
	}

	#maincontents .categoryPanel p {
		display: none;
	}
	
	#navMessage {
		font-size: .8em;
	}

	#lobbyImage {
		width: 200px;
		height: 133px;
		background: url(/img/frontpage/lobby-200.jpg) center no-repeat;
	}

	.thumbContainer {
		margin: 1em;
		max-width: 360px;
		max-height: 360px;
		border-radius: 8px;
		background-color: #222;
		float: left;
		border: solid 1px #888;
		padding: 1em;

	}

	.thumbContainer img {
		max-width: 340px;
		border: solid 1px #fff;
	}


}

/* SCREENS 1280x1024 */

@media screen and (max-height: 1024px) and (max-width: 1280px) {

	#maincontents .textPanel .right {
		margin: 0;
		width: 43%;
	}

	#maincontents .textPanel .left_large {
		margin: 0;
		width: 43%;
		margin-left: .5em;
	}
	
	#maincontents .textPanel span.buttonRow input[type="button"] {
			font-size: 1em;
	}

}

/* SCREENS AT LEAST 1800 TALL PORTRAIT */
@media screen and (min-height: 1800px) and (orientation: portrait) {

	.thumbContainer {
		margin: 1em;
		max-width: 460px;
		max-height: 460px;
		border-radius: 8px;
		background-color: #222;
		float: left;
		border: solid 1px #888;
		padding: 1em;

	}

	.thumbContainer img {
		max-height: 450px;
		max-width: 450px;
		border: solid 1px #fff;
	}

	#maincontents .categoryPanel p {
		font-size: 1em;
	}

	#maincontents .textPanel .right {
		width: 35%;
		margin-right: 12em;
		padding-top: 6em;
	}
	
}

/* SCREENS SMALLER THAN 1900 TALL PORTRAIT */
@media screen and (max-height: 1900px) and (orientation: portrait) {

	#maincontents .textPanel {
		font-size: .9em;
	}
	
	.thumbContainer {
		margin: 1em;
		max-width: 400px;
		max-height: 400px;
		border-radius: 8px;
		background-color: #222;
		float: left;
		border: solid 1px #888;
		padding: 1em;

	}

	.thumbContainer img {
		max-height: 380px;
		max-width: 380px;
		border: solid 1px #fff;
	}
	
	#maincontents .categoryPanel p {
		font-size: 1.3em;
	}

	#maincontents .textPanel .right {
		margin: 0;
	}
	
}

/* SCREENS 1365 - 1499 TALL PORTRAIT */
@media screen and (max-height: 1499px) and (orientation: portrait) {

	#maincontents .textPanel {
		font-size: .8em;
	}
	
	.thumbContainer {
		margin: 1em;
		max-width: 300px;
		max-height: 300px;
		border-radius: 8px;
		background-color: #222;
		float: left;
		border: solid 1px #888;
		padding: 1em;

	}

	.thumbContainer img {
		max-height: 280px;
		max-width: 280px;
		border: solid 1px #fff;
	}

	#maincontents .categoryPanel{
		height: 95%;
	}

	#maincontents .categoryPanel p {
		font-size: 1.3em;
	}

	#lobbyImage {
		width: 400px;
		height: 266px;
		background: url(/img/frontpage/lobby-400.jpg) center no-repeat;
	}

	#maincontents .textPanel .right {
		margin-right: 4em;
	}

	#maincontents .textPanel .left {
		width: 48%;
		height: 100%;
		float: left;
	}

}

/* SCREENS 1024 - 1364 TALL PORTRAIT */
@media screen and (max-height: 1364px) and (orientation: portrait) {

	#maincontents .textPanel {
		font-size: .8em;
	}
	
	.thumbContainer {
		margin: 1em;
		max-width: 280px;
		max-height: 280px;
		border-radius: 8px;
		background-color: #222;
		float: left;
		border: solid 1px #888;
		padding: 1em;

	}

	.thumbContainer img {
		max-height: 260px;
		max-width: 260px;
		border: solid 1px #fff;
	}

	#lobbyImage {
		width: 300px;
		height: 200px;
		background: url(/img/frontpage/lobby-300.jpg) center no-repeat;
	}

	#maincontents .textPanel .right {
		margin: 0;
	}
	
}

/* SCREENS 701 - 1023 WIDE PORTRAIT */
@media screen and (max-height: 1023px) and (orientation: portrait) {
	#navigation-subcontainer {
		font-size: .9em;
	}

	#footer {
		font-size: .8em;
	}
	
	#header {
		font-size: .8em;
	}
	
	#maincontents .textPanel {
		font-size: .7em;
	}

	#maincontents .textPanel .right {
		margin: 0;
	}
	
	#maincontents .categoryPanel{
		height: 90%;
	}

	#maincontents .categoryPanel p {
		display: none;
	}
	
	#navMessage {
		font-size: .8em;
	}

	#lobbyImage {
		width: 200px;
		height: 133px;
		background: url(/img/frontpage/lobby-200.jpg) center no-repeat;
	}

	.thumbContainer {
		margin: 1em;
		max-width: 700px;
		max-height: 700px;
		border-radius: 8px;
		background-color: #222;
		float: left;
		border: solid 1px #888;
		padding: 1em;

	}

	.thumbContainer img {
		max-height: 680px;
		max-width: 680px;
		border: solid 1px #fff;
	}

	/*
	#maincontents .topContentContainer {
		display: none;
	}
	
	#maincontents .bottomContentContainer {
		height: 100%;
		width: 100;
	}
	
	#maincontents .categoryContainer {
		height: 100%;
		width: 100%;
	}

	#maincontents .categoryPanel {
		width: 46%;
		height: 46%;
	}
	
	p.categoryPara {
		font-size: 1em;
	}
	*/
	
}

/* SCREENS SMALLER THAN 700 WIDE HORIZONTAL */
@media screen and (max-height: 700px) {
	#emailContainer {
		width: 40%;
		font-size: 1em;
		padding: 1em;
	}
	
	#emailContainer input{
		font-size: 1em;
	}
	
	#emailContainer h2 {
		font-size: 1.2em;
		top: -35px;
	}
	
	#emailMessage {
		height: 5em;
		font-size: 1em;
	}

	#mc-embedded-subscribe-form  input[type="text"] {
		font-size: 1em;
	}

}