@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

nav ul li{
	list-style:none;
	width:20%;
	float:left;
	z-index:1000 !important;
}
nav ul li a {
	padding: 8px;
	display:block;
	background-color: #000;
	color: #fff !important;
	font:400 0.4em/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	z-index:1000 !important;
	
	/*TRANSITIONS*/
	-webkit-transition::background 0.5s ease;
	-moz-transition:background 0.5s ease;
	-o-transition:background 0.5s ease;
	-ms-transition:background 0.5s ease;
		transition:background 0.5s ease;
}

nav ul li ul {
	display:none;
	list-style:none;
	width:100%;
	margin: 0;
	z-index:1000 !important;
}


/*HOVER*/
nav ul li:hover a {
	color: #c32032 !important;
	text-decoration: none;
	z-index:1000 !important;
}
nav ul li:hover > ul, nav ul li.hover ul {
	display:block;
	color: #c32032 !important;
	list-style:none;
	float:left;
	position:absolute;
	z-index:10000 !important;
}
nav ul li:hover li, nav ul.hover li {
	float:none;
	z-index:10000 !important;
}
nav ul li:hover ul li a {
	color: #fff !important;
	text-align:center;
	border-right:none;
	font:400 0.5em/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
	font-weight:bold;
	padding: 5px;
	text-decoration:none;
	z-index:10000 !important;
}
nav ul li:hover ul li a:hover {
	color: #c32032 !important;
	z-index:10000 !important;
}
nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
	z-index:10000 !important;
}
nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
	z-index:10000 !important;
}

navRight {
	text-align:right;
	text-decoration:none;
	font:400 0.5em/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
	font-weight:bold;
	color:#FFF;
	padding: 9px;
	z-index:10000 !important;
}
navRight a {
	text-decoration:none;
	color:#FFF;
	z-index:10000 !important;
}
navRight a:hover {
	text-decoration:none;
	color:#c41130;
	z-index:10000 !important;
}
navRight span {
	text-decoration:none;
	color:#c41130;
	z-index:10000 !important;
}

/*MEDIA QUERIES*/
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

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

nav ul li{
	list-style:none;
	width:20%;
	float:left;
	z-index:1000;
}
nav ul li a {
	padding: 8px;
	display:block;
	background-color: #000;
	color: #fff !important;
	font:400 0.8em/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
	font-weight:bold;
	text-align:center;
	text-indent: 4px;
	text-decoration:none;
	z-index:1000 !important;
	
	/*TRANSITIONS*/
	-webkit-transition::background 0.5s ease;
	-moz-transition:background 0.5s ease;
	-o-transition:background 0.5s ease;
	-ms-transition:background 0.5s ease;
		transition:background 0.5s ease;
}

nav ul li ul {
	display:none;
	list-style:none;
	width:100%;
	margin: 0;
	z-index:1000 !important;
}


/*HOVER*/
nav ul li:hover a {
	color: #c32032 !important;
	text-decoration: none;
	z-index:1000 !important;
}
nav ul li:hover > ul, nav ul li.hover ul {
	display:block;
	color: #c32032 !important;
	list-style:none;
	float:left;
	position:absolute;
	z-index:10000 !important;
}
nav ul li:hover li, nav ul.hover li {
	float:none;
	z-index:10000 !important;
}
nav ul li:hover ul li a {
	background-color: #000;
	color: #fff !important;
	text-align:center;
	border-right:none;
	font:400 0.8em/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
	font-weight:bold;
	padding: 5px;
	text-decoration:none;
	z-index:10000 !important;
}
nav ul li:hover ul li a:hover {
	color: #c32032 !important;
	z-index:10000 !important;
}
nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
	z-index:10000 !important;
}
nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
	z-index:10000 !important;
}

navRight {
	text-align:right;
	text-decoration:none;
	font:400 0.6em/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
	font-weight:bold;
	color:#FFF;
	padding: 9px;
	z-index:10000 !important;
}
navRight a {
	text-decoration:none;
	color:#FFF;
	z-index:10000 !important;
}
navRight a:hover {
	text-decoration:none;
	color:#c41130;
	z-index:10000 !important;
}
navRight span {
	text-decoration:none;
	color:#c41130;
	z-index:10000 !important;
}
	
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
nav ul li{
	list-style:none;
	width:20%;
	float:left;
	z-index:1000 !important;
}
nav ul li a {
	padding: 8px;
	display:block;
	background-color: #000;
	color: #fff !important;
	font:400 1.0em/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
	font-weight:bold;
	text-align:left;
	text-indent: 10px;
	text-decoration:none;
	z-index:1000 !important;
	
	/*TRANSITIONS*/
	-webkit-transition::background 0.5s ease;
	-moz-transition:background 0.5s ease;
	-o-transition:background 0.5s ease;
	-ms-transition:background 0.5s ease;
		transition:background 0.5s ease;
}

nav ul li ul {
	display:none;
	list-style:none;
	width:100%;
	margin: 0;
	z-index:1000 !important;
}


/*HOVER*/
nav ul li:hover a {
	color: #c32032 !important;
	text-decoration: none;
	z-index:1000 !important;
}
nav ul li:hover > ul, nav ul li.hover ul {
	display:block;
	color: #000 !important;
	list-style:none;
	float:left;
	position:absolute;
	z-index:10000 !important;
}
nav ul li:hover li, nav ul.hover li {
	float:none;
	z-index:10000 !important;
}
nav ul li:hover ul li a {
	color: #fff !important;
	text-align:left;
	border-right:none;
	font:400 1.0em/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
	font-weight:bold;
	padding: 5px;
	text-decoration:none;
	z-index:10000 !important;
}
nav ul li:hover ul li a:hover {
	color: #c32032 !important;
	z-index:10000 !important;
}
nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
	z-index:10000 !important;
}
nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
	z-index:10000 !important;
}

navRight {
	text-align:right;
	text-decoration:none;
	font:400 0.6em/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
	font-weight:bold;
	color:#FFF;
	padding: 9px;
	z-index:10000 !important;
}
navRight a {
	text-decoration:none;
	color:#FFF;
	z-index:10000 !important;
}
navRight a:hover {
	text-decoration:none;
	color:#c41130;
	z-index:10000 !important;
}
navRight span {
	text-decoration:none;
	color:#c41130;
	z-index:10000 !important;
}
	
}