/*------------------------------------*\
	RESET
\*------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}





/*------------------------------------*\
	MAIN
\*------------------------------------*/
html{
	height:101%;

}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000;
	width:960px;
	margin:0 auto;
	padding:10px;
}





/*------------------------------------*\
	NAV
\*------------------------------------*/
#IGnav{
	list-style:none;
	font-weight:bold;
	margin-bottom:0px;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#IGnav li{
	float:left;
	margin-right:0px;
	position:relative;
}
#IGnav a{
	display: block;
	padding: 5px;
	color: #fff;
	/* Multiple background colors for compatibility. http://www.colorzilla.com/gradient-editor/ */
	background: #4c4c4c;
	background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313));
	background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
	background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
	background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
	background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );
/* End CSS3 color compatibility */
	text-decoration: none;
	border: 1px solid #333;
}
}
#IGnav a:hover{
	color:#fff;
	background:#000;
}

/*--- DROPDOWN ---*/
#IGnav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	z-index:999; /* Prevents top menu dropdowns from hiding behind bottom menu items -RH */
}
#IGnav ul li{
	padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#IGnav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#IGnav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#IGnav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	/* Multiple background colors for compatibility. http://www.colorzilla.com/gradient-editor/ */
	background: #ff7072;
background: -moz-linear-gradient(top,  #ff7072 0%, #d34545 50%, #d10003 51%, #ef7581 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7072), color-stop(50%,#d34545), color-stop(51%,#d10003), color-stop(100%,#ef7581));
background: -webkit-linear-gradient(top,  #ff7072 0%,#d34545 50%,#d10003 51%,#ef7581 100%);
background: -o-linear-gradient(top,  #ff7072 0%,#d34545 50%,#d10003 51%,#ef7581 100%);
background: -ms-linear-gradient(top,  #ff7072 0%,#d34545 50%,#d10003 51%,#ef7581 100%);
background: linear-gradient(to bottom,  #ff7072 0%,#d34545 50%,#d10003 51%,#ef7581 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7072', endColorstr='#ef7581',GradientType=0 );
/* End CSS3 color compatibility */
}
#IGnav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#IGnav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333;
}





/*------------------------------------*\
	TYPE
\*------------------------------------*/
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:2em;
	width:520px;
}