/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }
body { background: #000; }
.nav-wrap { margin: 8px auto; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; background-color: rgba(0,0,0,0.6); border-top: 0px solid white; border-bottom: 0px solid white; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */

#example-two { margin: 0 auto; list-style: none; position: relative; width: 960px; height: 58px; }
#example-two li { display: inline; }
#example-two li a { position: relative; z-index: 200; color: #bbb; font-size: 12px; display: block; float: left; padding: 6px 10px 6px 10px; text-decoration: none; text-transform: uppercase; }
#example-two li a:hover { color: white; }
#example-two #magic-line-two { position: absolute; top: 0; left: 0; width: 100px; background: #fe4902; z-index: 100;
	-webkit-border-bottom-left-radius: 20px; 
	-webkit-border-top-right-radius: 20px; 
	-moz-border-radius-topright: 20px; 
	-moz-border-radius-bottomleft: 20px; 
	-khtml-border-radius-topright: 20px; 
	-khtml-border-radius-bottomleft: 20px; 
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
	-moz-border-radius-bottomright: 5px; 
	-moz-border-radius-topleft: 5px; 
	-khtml-border-radius-bottomright: 5px; 
	-khtml-border-radius-topleft: 5px; 
}

.current_page_item a, .current_page_item_two a { color: white !important; }

/* extended by Michael Pehl ;-) */

.menuclose { margin:0; top:0; left:0; }

.menuopen { -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-radius-bottomright: 10px; -khtml-border-radius-bottomleft: 10px; opacity: 0.9; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size:11px; background-color:#a01010; margin: 4px; padding: 4px 12px; color:#fff; text-decoration:none; border: 0; text-transform: uppercase; z-index: 3; }		
.menuopen:hover { background-color:#000; border: 1px solid #a01010; }
		
#contentwrap { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 13px; background: #eee; width: 100%; height: 100%; margin: 0; }
#content { width: 97%; padding: 5px; text-align: justify; margin-bottom: 70px; }
#footer { font-family: "Lucida Sans", Verdana, Arial, sans-serif; font-size: 12px; background: #000; color: #888; padding: 20px; text-align: center; position: fixed; bottom: 0px; width: 100%; height: 30px; z-index: 2; }

#footer a { color: #fff; border-bottom: 1px dashed #fff; text-decoration: none; }
#footer a:hover { color: #f44; border-bottom: 1px dashed #f44; text-decoration: none; }

#newsticker-header {
	color: #888;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	background: #333;
	width: 596px;
	margin-left: 310px;
	padding: 4px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}

.newsticker {
	list-style-type: none;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 13px;
	border: 0px dashed #fff;
	background: #333;
	color: #ccc;
	text-align: center;
	width: 600px;
	height: 35px;
	margin-left: 310px;
	padding: 2px;
}

.newsticker a {
	border-bottom: 1px dashed #fff;
	text-decoration: none;
	color: #fff;
}

.newsticker a:hover {
	text-decoration: none;
	color: #f44;
	border-bottom: 1px dashed #f44;
}

#logo-sign {
	background-image: url('../images/invoco_logo_orange.png');
	width: 80px;
	height: 73px;
	position: absolute;
	right: 0;
	top: 2px;
	opacity: 0.5;
}

#logo-complete {
	background-image: url('../images/invoco_logo_complete.png');
	width: 259px;
	height: 73px;
	position: absolute;
	left: 18px;
	top: 2px;
	opacity: 0.5;
}