body { margin: 0; }
div { padding: 0; border: none; margin: 0; }
.grid100 { width: 100%; }
.grid5 { width: 1114px; margin: 0 auto; float: none; clear: both !important; }
.grid4 { width: 882px; float: left; margin-right: 46px; }
.grid3 { width: 650px; float: left; margin-right: 46px; }
.grid2 { width: 418px; float: left; margin-right: 46px; }
.grid1 { width: 186px; float: left; margin-right: 46px; }
.last { margin-right: 0px; }
.clearFix { clear: both; }

.wrapper { z-index: auto; }

div#nav_holder { z-index: 50; top: -39px; width: auto; margin: 0 46px 0 0; }

div#nav_wrapper { width: 186px; left: -5px; }

nav#global_nav { float: none; }

div.global_nav_footer { width: 159px; height: 76px; padding: 48px 18px 0; position: relative; left: -2px; top: -40px; /*position: absolute; bottom: -83px; left: -2px; z-index: 5;*/ }

div#global_mega_nav_wrapper { z-index: 99; }

div.mega_nav_wrapper { top: 0; }

#topnav { width: 100%; height: 39px; z-index: 2;  }

#title { /* No z-index */ }
.titleinner { padding: 0; margin: 0 0 0 -23px; }

#contentwrapper { width: 882px; padding: 0 0 14px; margin: 0; z-index: 0; }

#content { padding: 12px 0 46px; margin: 0; }

ul#social_media { right: 20px; }

div#footer_bg:hover ul#social_media li a:hover { border-bottom: 1px solid #888888; }
nav.global_footer { width: 882px; margin-right: 0; }

#left-widgets {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	width: 156px;
	position: relative;
	top: -20px;
	padding: 0 18px;
}

#left-widgets p { margin-bottom: 14px; }



/*************************************************
	LARGEST @ MEDIA
	the default - base width: 1114px
cols    1     2      3      4
px      186   418    650    882

***/

@media only screen and (min-width: 1025px) {
}




/*************************************************
	MIDDLE @ MEDIA / iPad landscape
	base width: 882px
cols    1     2      3
px      186   418    650

**************************************************/

@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.grid5 { width: 882px; }

	#contentwrapper { width: 650px; }
	nav.global_footer { width: 650px; }
} /********** ENDS @media 768px - 1024px **********/




/*************************************************

	SMALLEST @ MEDIA / iPad portrait
	base width: 650px

**************************************************/


@media only screen and (max-width: 768px) {
	.grid5 { width: 650px; }
	.grid3 { width: 418px; }
	div#nav_holder { position: relative; left: 0; }
	#contentwrapper { width: 418px; }
	#right { width: 418px; }
	nav.global_footer { width: 418px; }
} /* ends media query (max-width: 768px) */