/* CSS Document */
body {
	width: 776px;
	margin: 0em auto auto auto;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #e4e4e4;
	background: url(images/bg.jpg) top no-repeat fixed #000000;
}
.header {
	width: 776px;
	height: 6.5em;
	margin: 0em auto auto auto;
}
.navigation {
	width: 20em;
	height: 6em;
	float: right;
}
.header ul {
	text-align: center;
	list-style: none;
	display: inline;
	margin: 0em auto 0em auto;	
}
.header li {
	display: inline;
	padding: 0em 0.25em 0em 0.25em;
	vertical-align: middle;
}
.header h1 {
	font: bold 30px Arial, Helvetica, sans-serif;
	color: #E4E4E4;
	margin: 0.1em auto -0.1em auto;
	padding: 0.1em auto -0.3em auto;
}
.header img {
	margin: 0em auto 0em auto;
	padding: 0em auto 0em auto;
}
.header a:link {
	color: #e4e4e4;
	text-decoration: none;
}
.header a:visited {
	color: #e4e4e4;
	text-decoration: none;
}
.header a:hover {
	color: #0099FF;
}
.header a:active {
	color: #0099FF;
	text-decoration: none;
}
.container {
	width: 776px;
	max-height: 100%;
	margin: 0em auto auto auto;
}
.containerTop {
	width: 776px;
	height: 14px;
	background: url(images/containerTop.png) no-repeat;
}
.containerLeft {
	width: 4px;
	height: 590px;
	max-height: 100%;
	float: left;
	background: url(images/containerLeft.png) repeat;
}
.containerRight {
	width: 4px;
	height: 590px;
	max-height: 100%;
	float: right;
	background: url(images/containerRight.png) repeat;
}
.containerBottom {
	width: 776px;
	height: 13px;
	background: url(images/containerBottom.png) no-repeat;
}
.containerMiddle {
	display: inline;
}
.content {
	width: 5em;
	height: 590px;
	floar: left;
	background-color: #330000;
}
.footer {
	width: 776px;
	height: 3em;
}
.footer p {
	font: bold 10px;
	text-align: left;
}
.footer img {
	float: right;
	margin-top: 0.6em;
}
.download {
	color: #990033;
	text-align: center;
	font: bold 14px;
}
.resume {
	margin: 0.6em 0.6em 0.6em 0.6em;
	padding: 0.6em 0.6em 0.6em 0.6em;
	font: normal 12px Arial, Helvetica, sans-serif;
}
.resume a:link {
	color: #CCCCCC;
	text-decoration: underline;
}
.resume a:visited {
	color: #CCCCCC;
	text-decoration: underline;
}
.resume a:active {
	color: #0099FF;
	text-decoration: none;
}
.resume a:hover {
	color: #0099FF;
	text-decoration: underline;
}
/*
.portfolio {
	margin: 0.6em 0.6em 0.6em 0.6em;
	padding: 0.6em 0.6em 0.6em 0.6em;
}
*/
h2 {
	font: bold 18px;
	text-align: center;
	margin: -0.4em auto 0em auto;
	padding: -0.3em auto 0em auto;
}
h2 img{
	margin-bottom: -0.25em;
}
h3 {
	font: bold 12px;
	color:#FFFF99;
	margin: 0.4em 0em 0.4em 0em;
	padding: 0.4em 0em 0em 0em;
}
h4 {
	font: bold 12px;
	color: #FFFFCC;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}
h5 {
	font: italic 12px;
	margin: 0em auto 0em auto;
	color: #FFFFFF;
}
li {
	font: normal 12px;
	color: #CCCCCC;
	margin: 0em auto 0em auto;
	padding: 0em auto 0em auto;
}
ul {
	margin: 0em auto 0em auto;
	padding: 0em auto 0em auto;
}
.showSwitch {
	display: block;
}
.hideSwitch {
	display: none;
}
img.toggle {
	border: none;
	cursor: pointer;
	width: 12px;
	height: 12px;
	margin: 0.12em 0.5em 0em 0em;
	padding: 0em;
	float: left;
}
.signature {
	border: none;
}
.formText {
	width: 10em;
	text-align: right;
}
.formComments {
	width: 30em;
	height: 125px;
	background: #E4E4E4;
}
.formInput {
	width: 16em;
	background: #E4E4E4;
}
.contact {
	 margin: 0.6em auto 0em 0em;
 }
 .logo {
	border: none;
 }