* {box-sizing: border-box;}
/*------------------- GENERAL CODE -----------------------*/

/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */

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

html {
  font-size: 62.5%; }
body {
	font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
	font-weight: 400;
	font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0px;
	letter-spacing: 1.4rem;
	background-color: none;
	}

#bodywrapper {
	width: 100%;
	height: auto;
	background-color: none;
	}

/*--------------- START TOP BLOCK CODE -------------------*/

#top  {
	position: fixed;
	width: 100%;
	height: 200px;
	padding: 0% 0%;
	border: 0px solid #D41E23;
	background-image: url("../images/bkgrnd02.gif");
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-color: #050545;
	}	
#topbox  {
	max-width: 1100px;
	height: 200px;
	margin: 0px auto;
	border: 0px solid #F00;
	background-color: none;
	}	
	#logobox  {
		float: left;
		xheight: 200px;
		width: 175px;
		padding: 0 0 0 0;
		margin: -0.8em 3rem 0 0;
		border: 0px solid #80FF00;
		background-color: none;
		}
		#logobox a:hover, a:focus {
			padding: 0 0 10px 0;
			border-bottom: 2px solid #FF8000;
			}
		.logotopimg {
			width: 100%;
			}	

	#navbox  {   
		float: left;
		xheight: 50px;
		margin: 52px 0 0 0;		
		border: 0px solid #0F0;
		background-color: none;
		}

		/*----------- START TOP NAV MENU CODE --------------*/

		#page-nav {
			width: 100%;
			background: #05052D;	/* background of nav box - all */
  			}								/* If you want the navigation bar to stick  see ewd */

		/* Hide Hamburger */
		#page-nav label, #hamburger {
  			display: none;
			}

		/* Menu Items */
		#page-nav ul {
			list-style-type: none;
			margin: 0;
			padding: 0; 
			border: 0px solid #FF0;
			}
		#page-nav ul li {
			display: inline-block;
			padding: 9px;
			box-sizing: border-box;
			}
		#page-nav ul li a {
			font-size: 1.6rem;	
			font-weight: bold;
			line-height: 0.8;
			letter-spacing: 0.4rem;
			color: #CCC;	/* -- menu text color -- */
			text-decoration: none;
			padding: 0 0 9px 0;
			margin: 0 0 0 0;
			xborder-bottom: 2px solid none;  
			}
		#page-nav ul li a:link,
		#page-nav ul li a:visited {
			border-bottom: 2px solid none;  
			}
		#page-nav ul li a:hover, 
		#page-nav ul li a:focus,
		#page-nav ul li a:active {
			border-bottom: 2px solid #FF8000; 
			}

		/*--------------END TOP NAV MENU CODE---------------*/	

	#headbox  {
		position: relative;
		overflow: hidden;
		float: left;
		max-width: 980px;
		height: 120px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;		
		border: 0px solid #FFF;
		background-color: none;
		}
		.headtop {
			color: #FFC200;
			font-size: 2.8rem;
			font-weight: bold;
			line-height: 1.5;
			font-style: normal;
			letter-spacing: 0.30rem;
			padding: 0 0 0 0;
			margin: 10px 0 0 0;
			}
		.subheadtop {
			color: #CCC;
			font-size: 1.8rem;
			font-weight: normal;
			line-height: 1.4;
			letter-spacing: 0.3rem;
			font-style: italic;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			}
			
/*---------------- END TOP BLOCK CODE --------------------*/

/*------- START SPECIAL -RETURN TO TOP- DIVIDER CODE -------*/	

.floatdivider01 { 
	clear: both; 
	max-width: auto;	
	margin: 15px 0 5px 0;
	font-size: 1.6rem;	
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.5rem;
	font-style: italic;
	text-align:center;
	text-decoration: none;
	background-color: #E6E6E6;
	}
	.floatdivider01 a {
		color: #2122A3;
		}

	.floatdivider01 a:link, a:visited {	
		text-decoration: none;
		}
	.floatdivider01 a:hover, a:focus { 
		border: none;
		color: #F63;
		} 

/*------- END SPECIAL -RETURN TO TOP- DIVIDER CODE ---------*/	

/*-------------- BEGIN MAIN SECTION CODE -----------------*/	

#mainsection  {
	max-width: 1280px;	
	height: auto;
	margin: 0px auto;
	background-color: none;
	border: 0px solid #F00;
	}	

#tempspacertopmiddle  {
	max-width: 1280px;	
	height: 20rem;       /*--Adjusts -RETURN TO TOP- Target--*/
	margin: 0 0 0 0;
	background-color: none;
	}

#digitalnav, #retailnav, #graphicsnav, #aboutnav, #contactnav {
	position: relative;
	top: -20rem;
	}

#digital  {
	overflow: hidden;
	max-width: 1280px;	
	background-color: none;
	}
#retail  {
	overflow: hidden;
	max-width: 1280px;	
	background-color: none;
	}
#graphics  {
	overflow: hidden;
	max-width: 1280px;	
	background-color: none;
	}
#about  {
	overflow: hidden;
	max-width: 1280px;	
	background-color: none;
	}
#contact  {
	overflow: hidden;
	max-width: 1280px;	
	background-color: none;
	}

/*--- SPECIFIC SECTION CODES FOLLOWED BY GENERAL CODES ---*/

.mainbox {
	max-width: 1280px;
	margin: 0px auto;
	overflow: hidden;
	padding: 0 0 0 0.6rem;
	border: 0px solid none;
	background-color: none;
	}

.headpanel {
	width: 100%;
	background-color: none;
	}

.mainimage {
	float: left;	
	width: 50%;
	margin: 0 4rem 4rem 0;
	padding: 0 0 0 0;
   border: 0px solid #F0F;
	background-color: #CCC;
	}


h1 {
	text-align: center;
	color: #004080;
	font-size: 3.6rem;
	letter-spacing: 0.3rem;
	font-weight: bold;
	line-height: 1.0;
	font-style: normal;
	padding: 0px 0 0px 1em;
	margin: 0.75em 0 1em -1em;
	text-shadow: 4px 4px #E6E6E6;	
	border: 0px solid #CCC;
	}

h2 {
	text-align: left;
	color: #004080;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.25;
	letter-spacing: 0.12rem;
	font-style: normal;
	padding: 0px 0 0px .5em;
	margin: 0 0 0 0;
	text-shadow: 2px 2px #E6E6E6;	
	border: 0px solid #CCC;
	}

p {
	color:  #787A7F;
	font-size: 1.8rem;	
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: 0.1rem;
	font-style: normal;
	text-align: left;
	padding: 1em 0 0 .5em;
	margin: 0 0 0 0;
	border: 0px solid #CCC;
	}

.bulletlist01 {
	float: left;	
	width: 45%;	
	color:  #004080;
	font-size: 1.8rem;	
	font-weight: normal;
	line-height: 1.8;
	letter-spacing: 0.1rem;
	font-style: bold;
	text-align:left;
	padding: 1em 2em 1em 2em;
	margin: 1em 2.5em 1em .25em;
	background-color: none;
	border: 1px solid #CCC;
	border-radius: 20px;
	box-shadow: 3px 3px 4px 0px #CCC;
	}
	
.trailer {
	color:  #555;
	font-size: 2.4rem;	
	line-height: 1.3;
	letter-spacing: 0.2rem;
	font-weight: bold;
	text-align:left;
	padding: 1em 0 1em 0.5em;
	margin: -1em 0 1em 0;
	background-color: none;
	}
	
.sidebox {
	float: left;
	width: 50%;	
	padding: 1rem 0 1rem 0.5rem;
	margin: 1rem 0 1rem 0;
	}

/*---------------- END MAIN SECTION CODE -----------------*/	

/*--- CONTACT SECTION ONLY IS WITHIN MAIN SECTION CODE ---*/

#contactmainbox {
	max-width: 1280px;
	overflow: hidden;
	padding: 0 0 0 0;
	border: 0px solid none;
	background-color: none;
	}
			
	#contactleft, #contactmiddle, #contactright {
		float: left;
		height: auto;
		width: 30%;
		min-width: 360px;
		padding: 0 0 0 0;
		margin: 1.8rem 0 0 3%;
		background-color: none;
		border: 0 solid #000;
		}

	#contactleft {
		}

	#contactmiddle {
		}

	#contactright {
		margin: 0 0 7rem 0;
		}

		.contactbutton01 {
			list-style-type: none;
			width: 90%;
			min-width: 3.60rem;
			height: auto;
			font-size: 2.5rem;	
			font-weight: bold;
			line-height: 1.5;
			letter-spacing: 0.04rem;
			font-style: normal;
			text-align:center;
			padding: 1em 2em 1em 2em;
			margin: 0px auto;
			background-color: #0C0E7A;
			border: 1px solid #CCC;
			border-radius: 25px;
			box-shadow: 3px 3px 4px 0px #CCC;
			}

		.contactbutton01 a {
			text-decoration: none;
			color: #FFF;
			}
		.contactbutton01 a:link { color: #FFF; }
		.contactbutton01 a:visited { color: #FFAC00; }
		.contactbutton01 a:hover, a:focus { color: #FFAC00; } /* rollover color*/

		.xcontactmaps {
			float: right;
			width: 100%;
			padding: 0 0 0 0;
			margin: 0px auto;
			border: 1px solid #00F;
			xbackground-color: #CCC;
			}

			x#googlemap, #mapquestmap {
				float: right;
				width: 30%;			
				height: auto;
				min-width: 360px;
				margin: 0px 60px;
   			border: 6px solid #E6E6E6;
				background-color: #E6E6E6;
				}

			.xcontactaddresses {
				xfloat: left;
				width: 100%;
				height: auto;
			   border: 1px solid #F0F;
				}

			.contacttext01 {
				color:  #090928;
				font-size: 1.8rem;	
				font-weight: normal;
				line-height: 1.2;
				letter-spacing: 0.2rem;
				font-style: italic;
				text-align:left;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
				}

			.contacttext02 {
				color:  #0C0E7A;
				font-size: 2.4rem;	
				font-weight: bold;
				line-height: 1.2;
				letter-spacing: 0.2rem;
				font-style: normal;
				text-align:left;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
				}


/*----------- begin FOOTER layout coding -----------------*/

footer {
	clear: both;
	width: auto;
	height: 200px;
	color: #FFF;
	text-align: center;
	padding: 5rem 0 0 0;
	margin: 2rem 0 0 0;
	background-color: #050540;
	}

	.link02 a {
		list-style: none;
		text-decoration: none;
		color: #FFF;
		font-size: 1.6rem;
		font-weight: normal;
		line-height: 1.5;
		letter-spacing: 0.5rem;
		font-style: normal;
		padding-top: none;
		margin: 2rem 0 0 0;
		border: none;
		background-color: transparent;
		}

	.link02 a:link { color: #FFF; }
	.link02 a:visited { color: #E6E6E6; }
	.link02 a:hover, a:focus { color: #FFAC00; } /* rollover color*/

	.copyright {
		color: #FFF;
		font-size: 1rem;
		line-height: 2;
		text-align: center;
		padding: 5rem 0 0 0;
		padding: 2rem 0 0 0;
		}

} /* end large layout (990px and more) */

/*--------------- begin template code -------------------*/
.name {
	overflow: hidden;
	list-style: none;
	text-decoration: none;
	float: clear;
	height: 100%;
	width: 100%;
	color:  #090928;
	font-size: 1.25rem;	
	font-weight: normal;
	line-height: 1.2;
	letter-spacing: 0.04rem;
	font-style: normal;
	text-align:left;
	text-shadow: 2px 2px #999;	
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: none;
	border: 0 solid #000;
	border-radius: 20px;
	box-shadow: 3px 3px 4px 4px #999;
	}
/*------ begin constants and temporary coding ------------*/
.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; }
.clearnone { clear: none; }
.black { color: #000; }
.white { color: #FFF; }
.blue1 { color: #050540; }
.orange1 { color: #F60; }
.gold { color: #FFBE6B; }
.yellow { #FF0; }
.grayD { #666; }
.grayM { #CCC; }
.grayL { #E6E6E6; }
.italic { font-style: italic;}
/*----------------------- END ALL ------------------------*/