/*
     FILE ARCHIVED ON 18:56:50 Dec 27, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 19:51:26 Apr 14, 2014.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline; }
    
::-moz-selection 	{ background-color: #91D8f7; color: #fff; }
::selection 		{ background-color: #91D8f7; color: #fff; }

a					{ outline: 0; color: blue; text-decoration: underline; }
a:hover 			{ color: red; text-decoration: underline; }
p a:hover 			{ color: red; }
a:active 			{ outline: none; position: relative; top: 2px; }

.clearfix 			{ clear: both; }
iframe, object, embed{max-width: 100%;}

/*------------------------------------*\
  MAIN
\*------------------------------------*/

body 				{ 
	background: darkblue; color: black; font-family: Arial, Helvetica, sans-serif, 'Droid Serif', serif; font-size: 12pt; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in; 
}

#wrapper 			{
	margin: 10px auto;
	max-width: 980px;
	width: 90%;
	background: #fff;
	padding: 0px 0;
	background-repeat: repeat-x;
	border: 3px black solid;
}
header 				{ padding: 0px; }

h1 					{ font-size: 20pt; font-family: Arial, Helvetica, sans-serif, 'Droid Serif', serif; margin-bottom: 10px; color:darkblue;
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;  
}
h1 a:hover 			{ text-decoration: none; color: #27B3CF; }

h2 					{ font-family: Arial, Helvetica, sans-serif, 'Droid Serif', serif; font-size: 16pt; margin-bottom: 10px;  color:darkblue;
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}
h3 					{ font-family: Arial, Helvetica, sans-serif, 'Droid Serif', serif; font-size: 14pt; margin-bottom: 10px; color:darkblue; }
h4 					{ font-family: Arial, Helvetica, sans-serif, 'Droid Serif', serif; font-size: 12pt; margin-bottom: 10px; color:darkblue; }
h4 a 				{ text-decoration: underline; }
h4 a:hover 			{  }


.left-col 			{ width: 20%; float: left; }
.right-col 			{ width: 78%; float: right; margin-bottom: 0px; 
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}

#bodyarea			{ padding: 5px; }

p 					{ padding: 0 5px 10px 0px; }

ul 					{ list-style: normal; margin-left:30px; margin-bottom:10px }
ul li 				{ margin: 0 5px; }
ol 					{ list-style: normal; margin-left:30px; margin-bottom:10px }

footer 				{ padding: 5px; }

pre					{ overflow: scroll; font-size: 10px; }

.rounded_boxBorder
{
	border: 3px solid black;
	border-radius:15px;
	-moz-border-radius:15px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:15px; /* Safari */
}

.rounded_boxShadow
{
	border-radius:10px;
	-moz-border-radius:10px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:10px; /* Safari */
	-webkit-box-shadow: 3px 3px 6px gray, -1px -1px gray;
	-moz-box-shadow: 3px 3px 6px gray,-1px -1px gray;
	box-shadow: 3px 3px 6px gray, -1px -1px gray;
}

.slider{
	display:none;
}
.collapseSlider{
	display:none;
}
.sliderExpanded .collapseSlider{
	display:block;
}
.sliderExpanded .expandSlider{
	display:none;
}

/************************************************************************************
NAV
*************************************************************************************/
nav {
	margin-left:10px
}

#nav-wrap {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}

#nav, 
#nav li {
	margin: 0;
	padding-top: 2px;
	padding-bottom: 2px;
}
#nav li {
	list-style: none;
	float: none;
	margin-right: 5px;
}

/* nav link */
#nav a {
	padding: 2px 15px;
	display: block;
	color: #000;
	background-color: #FFCD00 ;
	text-decoration:none;
	border: 1px solid black;
	border-radius:8px;
	-moz-border-radius:8px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:8px; /* Safari */
}

#nav a:hover {
	background: #f8f8f8;
}

/* nav dropdown */
#nav ul {
	background: #fff;
	padding: 2px;
	position: absolute;
	border: solid 1px #ccc;
	display: none; /* hide dropdown */
	width: 200px;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav li:hover > ul {
	display: block; /* show dropdown on hover */
}

/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 740px) {

	/* nav-wrap */
	#nav-wrap {
		position: relative;
	}

	/* menu icon */
	#menu-icon {
		color: #000;
		width: 42px;
		height: 30px;
		background: #FFCD00 url(http://www.zelda-gc.com/siteimages/menu_icon.png) no-repeat 10px center;
		padding: 8px 10px 0 42px;
		cursor: pointer;
		border: solid 1px black;
		display: block; /* show menu icon */
	}
	#menu-icon:hover {
		background-color: #f8f8f8;
	}
	#menu-icon.active {
		background-color: #bbb;
	}
	
	/* main nav */
	#nav {
		clear: both;
		position: absolute;
		top: 38px;
		width: 260px;
		z-index: 10000;
		padding: 5px;
		background: #f8f8f8;
		border: solid 1px #999;
		display: none; /* visibility will be toggled with jquery */
	}
	#nav li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;
	}
	#nav a, 
	#nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 5px;
		color: black;
		border: none;
	}
	#nav a:hover, 
	#nav ul a:hover {
		background: #FFCD00;
		color: #000;
	}
	
	/* dropdown */
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#nav ul li {
		margin: 3px 0 3px 15px;
	}

}

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

	/* ensure #nav is visible on desktop version */
	#nav {
		display: block !important;
	}

}

/************************************************************************************
MEDIA QUERRIES
*************************************************************************************/

@media screen and (max-width: 740px) 	{
	.left-col { width: 100%; }
	.right-col { width: 100%; }
	.page-summary { display:none; }
}

@media screen and (min-width: 740px) 	{
	.click-to-call { display:none; }
}

@media screen and (max-width: 850px) {
.img-justification-right2 { text-align: center }
}

@media screen and (min-width: 850px) {
.img-justification-right2 { float:right }
}

@media screen and (max-width: 550px) {
.img-justification-right { text-align: center }
}

@media screen and (min-width: 550px) {
.img-justification-right { float:right }
}

@media screen and (max-width: 478px) 	{
	h1 { font-size: 18pt; padding: 1px; }
	h2 { font-size: 14pt; padding: 1px; }
	body { font-size: 12pt; }
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}