/*
Genesys Capital / genesyscapital.com
by 4c / 4c.ca
Nov 07 - March 08

Layout Styles
*/

*, body {
	margin:0;
	outline:none;
	padding:0;
}

/* --- General Layout --- */

#container {
	margin:20px auto 40px;
	width:880px;
}

#header {
	background:url(../images/bg-header.gif) repeat-x 0 0;
	border-bottom:1px solid #bfd7df;
	height:50px;
	position:relative;
	width:100%;
}

#main {
	clear:both;
	width:100%;
}

#footer {
	border-top: 1px solid #ccc;
	clear:both;
	height: 15px;
	width:100%;
}

#copyright {
	height: 15px;
	margin: 30px 0 0;
	text-align: right;
	width:100%;
}

/* --- Home Page --- */

#top {
	background: url(../images/img-index.jpg) no-repeat 0 0;
	height: 326px;
	position: relative;
	width: 880px;
}

#bottom {
	clear: both;
	float: left;
	padding: 0 0 15px;
	width: 100%;
}

#home-left {
	background: url(../images/bg-homeleft.gif) no-repeat right 0;
	float: left;
	padding-top: 25px;
	width: 461px;
}

#home-right {
	margin-left: 495px;
	padding-top: 25px;
}

#boxes {
	background: url(../images/bg-boxes.gif) no-repeat 0 0;
	height: 96px;
	width: 100%;
}

#box-left {
	float: left;
	padding: 12px 5px 0 15px;
	width: 190px;
}

#box-right {
	float: right;
	padding: 12px 15px 0;
	width: 190px;
}

/* --- Inner Pages --- */

#rec #container {
	background: url(../images/bg-rec.gif) no-repeat 0 190px;
}

#content {
	margin:25px 320px 50px 0;
}

#sidebar {
	background: url(../images/bg-sidebar.gif) no-repeat right 0;
	float: right;
	width: 270px;
}

#sideinner {
	margin-left: 50px;
	padding-right: 20px;
}

#map {
	margin: 0 0 30px 300px;
}

#banner {
	height: 140px;
	position: relative;
	width: 100%;
}

#creds {
	background-color: #297a93;
	display: none;
	padding: 10px;
	position: absolute;
	width: 220px;
	top: 10px ;
	right: 10px;
}

	#inv #creds {
		width: 500px;
	}

.show #creds {
	display: block;
}

/* --- Investor Login --- */

#login #content {
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#login-area {
	background-color: #eee;
	padding: 25px;
	margin: 50px auto 150px;
	width: 300px;
}

/* --- Main Navigation --- */

#header ul {
	margin:0 10px 0 0;
	padding:0;
	position:absolute;
	top:0;
	right:0;
}

#header li {
	float:left;
	height:50px;
	line-height:50px;
	list-style-type:none;
	margin:0;
	padding:0;
}

#header li a {
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	overflow: hidden;
	text-align: left;
	text-indent: -999em;
}

	#header li a:link,
	#header li a:visited {
		background-position: 0 0;
	}
	
	#header li a:hover,
	#header li.current a {
		background-position: 0 -50px;
	}	
	
#nav-home a {
	background-image: url(../images/nav-home.gif);
	width: 56px;
}

/*
#nav-inv a {
	background-image: url(../images/nav-inv.gif);
	width: 86px;
}
*/

#nav-inv a {
	background-image: url(../images/nav-port.gif);
	width: 65px;
}

#nav-rec a {
	background-image: url(../images/nav-rec.gif);
	width: 110px;
}

#nav-about a {
	background-image: url(../images/nav-about.gif);
	width: 60px;
}

#nav-car a {
	background-image: url(../images/nav-car.gif);
	width: 78px;
}

#nav-con a {
	background-image: url(../images/nav-con.gif);
	width: 70px;
}

#nav-login a {
	background-image: url(../images/nav-login.gif);
	width: 98px;
}

/* --- Sub Navigation --- */

#sidenav {
	margin: 0 0 0 5px;
	padding: 0;
}

#sidenav li {
	background: url(../images/sub-unsel.png) no-repeat left 7px;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.6em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	#sidenav li.current {
		background: url(../images/sub-sel.png) no-repeat left 8px;
	}

#sidebar #sidenav li a {	
	background: none;
	display: block;
	margin: 0 0 4px;
	padding-left: 10px;
	text-decoration: none;
}

	#sidenav li a:link,
	#sidenav li a:visited {
		color: #666;
	}
	
	#sidenav li a:hover,
	#sidenav li.current a {
		color: #000;
	}

#sidenav li ul {
	display: none;
	margin: 0 0 6px 5px;
	padding: 0 0 4px;
}

	#sidenav li.current ul {
		border-bottom: 1px dotted #ccc;
		display:block;
	}

#sidenav li ul li {
	background: none;
	border: 0;
	color: #297a93;
	font-size: 0.95em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 0 8px;
	padding: 0;
}

#sidebar #sidenav li ul li a {	
	background: url(../images/sub-li.png) no-repeat left 2px;
	border: 0;
	padding: 0 0 0 14px;
}

#sidenav li ul li a:link,
#sidenav li ul li a:visited {
	color: #297a93;
}

#sidenav li ul li a:hover,
#sidenav li ul li.current a {
	color: #333;
}

#sidenav li ul li.current a {
	font-weight: bold;
}