/*------------------------------------------------------------------------------
	HTML Elements
------------------------------------------------------------------------------*/

* {
	background: none;
	border: none;
	margin: 0px;
	padding: 0px;
}

a {
	color: rgb(20,160,160);
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: rgb(0,0,0);
}

body {
	background: rgb(225,225,245);
	color: rgb(33, 33, 3);
	font-family: Arial;
	font-size: 14px;
	margin: 0 auto;
}

div {
	clear: both;
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
div.fitcontents {
	width: auto;
}
div.section {
	border-top: 1px solid rgb(215,215,215);
	padding-top: 10px;
}
div.wrapper {
	float: none;
	margin: 0 auto;
	width: 990px;
}

h1 {
	border-top: 1px solid rgb(200,200,200);
	font-size: 150%;
	padding: 15px 0;
}

h2 {
	font-size: 125%;
	margin-bottom: 10px;
}

h4 {
	font-size: 14px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

input {
	border: solid 1px rgb(150,150,150);
}

img {
	padding-right: 10px;
}

li {
	padding-left: 10px;
}

p {
	margin-bottom: 15px;
}
p.positive {
	color: rgb(0,190,150);
}
p.negative {
	color: rgb(180,33,33);
}

ul {
	margin-bottom: 10px;
	margin-left: 20px;
}

select {
  border: solid 1px rgb(150,150,150);
}



/*------------------------------------------------------------------------------
	Page Layout (indentation implies nesting structure).
	e.g.	#page {}
				#section {}

			The above would mean that #section is always a child element of
			#page.
------------------------------------------------------------------------------*/

#page {}

	#threed-standards-bar {
		background: rgb(43,43,43);
		height: 60px;
		margin-bottom: 0;
	}
		#threed-standards-bar .wrapper {
			float: none;
			margin: 0 auto;
			width: 900px;
		}

	#nav {
		background: rgb(33,33,33);
		border-bottom: 25px rgb(90,90,90) solid;
		margin-bottom: 0;
	}
		#nav a {
			color: rgb(140,140,140);
			display: block;
			float: left;
			height: 65px;
			margin-top: 10px;
			margin-right: 20px;
			padding-top: 7px;
			width: 111px;
		}
		#nav a:hover {
			color: white;
		}
		#nav a:hover .blurb {
			color: rgb(70,190,190);
		}
			#nav a span {
				display: block;
				clear: both;
			}
			#nav a .title {
				font-size: 150%;
				font-weight: bold;
				height: 25px;

				margin-bottom: 2px;
			}
			#nav a .blurb {
				color: rgb(125,125,125);
				color: rgb(20,140,140);
				font-weight: normal;
			}

		#nav a.current {
			color: rgb(255,255,255);
			background: url("../images/arrow-up.png") no-repeat bottom left;
		}
		#nav a.current .blurb {
			color: rgb(90,220,220);
		}

		#nav a.home {
			background: url("../images/nav-home.png") no-repeat 50% 0;
			text-align: center;
		}
		#nav a.home:hover {
			background-position: 50% -72px;
		}
		#nav a.home_current {
			background: url("../images/nav-home.png") no-repeat 50% -142px;
			color: rgb(255,255,255);
			text-align: center;
		}
		#nav a.home_current .blurb {
			color: rgb(90,220,220);
		}



	#main {
		background: white;
		border-bottom: 10px grey;
		padding: 20px 0;
	}



		#sidebar {
			clear: none;
			padding: 0 10px;
			width: 280px;
		}
			#sidebar h2 {
				background: none;
				border: none;
			}
			#sidebar ul {
				list-style-type: none;
				margin-left: 15px;
			}

	#footer {
		font-size: 12px;
		text-align: right;
		padding: 30px 0;
	}
		#footer p {
			margin-bottom: 3px;
		}



/*------------------------------------------------------------------------------
	Common classes
------------------------------------------------------------------------------*/

.inline {
	display: inline !important;
	clear: none;
}

.halfwidth {
	clear: none;
	width: 50%;
}

.col1 {
	margin-bottom: 35px;
	margin-right: 20px;
	width: 580px;
}

.col2 {
	clear: none;
	float: right;
	margin-bottom: 35px;
	width: 300px;
}
	.col2 img {
		display: block;
		margin: 0 auto;
	}


#intro_movie {
	text-align: center;
}

#home-manus {
}
	#home-manus .manu {
		width: 50%;
		clear: none;
	}
		#home-manus .manu .logo {
			clear: none;
			width: 180px;
		}
		#home-manus .manu .blurb {
			clear: none;
			width: 290px;
		}