/* CSS Document */
/* Navigation */

nav#global {
	margin: -2px 0 40px;
	width: 100%;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	background-color: purple;
	background-image: -moz-linear-gradient(top, Orchid, purple);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, purple),color-stop(1, Orchid));
	box-shadow: inset 0 0 15px purple, 0 0 20px blue, inset 0 35px 35px -18px purple;
	-moz-box-shadow: inset 0 0 15px purple, 0 0 20px orchid;
	-webkit-box-shadow: 0 0 20px purple;
}
nav#global ul {
	text-align: center;
	height: 40px;
	margin: 0 auto;
	display: table;
}
nav#global ul li { float: left; display: inline }
nav#global ul li a {
	font-family:  CIPOLLINAfont, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	text-transform: uppercase;
	line-height: 40px;
	padding: 0 35px;
	color: gold;
}
nav#global ul li a:hover {
    display; block;
	border: none;
	box-shadow: inset 0 0 15px blue, inset 0 -35px 35px -18px purple;
	-moz-box-shadow: inset 0 0 15px blue;
	background-image: -moz-linear-gradient(bottom, purple, Orchid);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, Orchid),color-stop(1, purple));
}
#subMenu {
		width: 150px;
}
#subMenu1 {
	width: 150px;
}
#subMenu2 {
	width: 150px;
}
#subMenu3 {
	width: 150px;
}
nav#global ul li #subMenu {
	position: absolute;
	-moz-transform: translate(0, 11px);
	-webkit-transform: translate(0px, 11px);
	background: purple;
	height: 0;
	z-index: -1;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow: 0 0 10px purple, inset 0 0 15px blue, inset 0 35px 35px -18px Orchid;
	-moz-box-shadow: 0 0 10px purple, inset 0 0 15px Orchid;
	-webkit-box-shadow: 0 0 10px purple;
	background-image: -moz-linear-gradient(top, Orchid, purple);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, Orchid),color-stop(1, purple));
}
nav#global ul li #subMenu li {
	display: block;
	text-align: left;
	margin: 0 auto;
}
nav#global ul li #subMenu li a {
	height: 0;
	line-height: 0;
	width: 150px;
}
#subMenu li:first-child a {
	border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
}
#subMenu li:last-child a {
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
}

nav#global ul li #subMenu1 {
	position: absolute;
	-moz-transform: translate(0, 11px);
	-webkit-transform: translate(0px, 11px);
	background: purple;
	height: 0;
	z-index: -1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 10px purple, inset 0 0 15px blue, inset 0 35px 35px -18px Orchid;
	-moz-box-shadow: 0 0 10px purple, inset 0 0 15px Orchid;
	-webkit-box-shadow: 0 0 10px purple;
	background-image: -moz-linear-gradient(top, Orchid, purple);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, Orchid),color-stop(1, purple));
}
nav#global ul li #subMenu1 li {
	display: block;
	text-align: left;
	margin: 0 auto;
}
nav#global ul li #subMenu1 li a {
	height: 0;
	line-height: 0;
	width: 150px;
}
#subMenu1 li:first-child a {
	border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
}
#subMenu1 li:last-child a {
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
}
nav#global ul li #subMenu2 {
	position: absolute;
	-moz-transform: translate(0, 11px);
	-webkit-transform: translate(0px, 11px);
	background: purple;
	height: 0;
	z-index: -1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 10px purple, inset 0 0 15px blue, inset 0 35px 35px -18px Orchid;
	-moz-box-shadow: 0 0 10px purple, inset 0 0 15px #900;
	-webkit-box-shadow: 0 0 10px purple;
	background-image: -moz-linear-gradient(top, Orchid, purple);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, Orchid),color-stop(1, purple));
}
nav#global ul li #subMenu2 li {
	display: block;
	text-align: left;
	margin: 0 auto;
}
nav#global ul li #subMenu2 li a {
	height: 0;
	line-height: 0;
	width: 150px;
}
#subMenu2 li:first-child a {
	border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
}
#subMenu2 li:last-child a {
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
}

nav#global ul li #subMenu3 {
	position: absolute;
	-moz-transform: translate(0, 11px);
	-webkit-transform: translate(0px, 11px);
	background: purple;
	height: 0;
	z-index: -1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 10px purple, inset 0 0 15px blue, inset 0 35px 35px -18px Orchid;
	-moz-box-shadow: 0 0 10px purple, inset 0 0 15px Orchid;
	-webkit-box-shadow: 0 0 10px purple;
	background-image: -moz-linear-gradient(top, Orchid, purple);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, Orchid),color-stop(1, purple));
}
nav#global ul li #subMenu3 li {
	display: block;
	text-align: left;
	margin: 0 auto;
}
nav#global ul li #subMenu3 li a {
	height: 0;
	line-height: 0;
	width: 150px;
}
#subMenu3 li:first-child a {
	border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
}
#subMenu3 li:last-child a {
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
}

#tech a {
	transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
#tech:hover > #subMenu3 { z-index: 2 }
#tech:hover > #subMenu3 li a { height: 40px; line-height: 40px }

#services a {
	transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
#services:hover > #subMenu { z-index: 2 }
#services:hover > #subMenu li a { height: 40px; line-height: 40px }
#contact a {
	transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
#contact:hover > #subMenu2 { z-index: 2 }
#contact:hover > #subMenu2 li a { height: 40px; line-height: 40px }

#media a {
	transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
#media:hover > #subMenu1 { z-index: 2 }
#media:hover > #subMenu1 li a { height: 40px; line-height: 40px }