html, body {
		margin: 0; padding: 0;
		overflow: auto;
		}

	body {
		width: 100%; max-width: 100%;
		background-color: #000;
		font: 400 0.8em arial, sans-serif;
		color: #ccc;
		line-height: 1.4em;
		}

	a {
		text-decoration: none;
		color: #fff;
		}

	a:hover {
		text-decoration: underline;
		color: #ddd;
		}
	.link{
		text-decoration:none;
		text-align:center;
	}
	#container{
		width:960px;
		height:750px;
		margin:0 auto;
		margin-top:20px;

	}
	
	#contLeft{
		clear:both;
		width:498px;
		height:100%;
		float:left;
	}
	
	
	#left {
		position: absolute; top: 0; left: 0; 
		overflow: hidden; 
		height: 800px; width: 100%;
		text-align: right;
	}
	
	#leftSide{
		width:480px;
		float:left;
		display:inherit;
	}
	#rightSide{
		width:480px;
		float:right;
		display:inline;
		clear:right;
	}
	#leftmain {
		position: absolute; top: 0; left: 0; 
		height: 100%;
	background-color:#000;
	width:35%;
	border-right:1px solid #666;
		}

	.leftFooter{
	padding:0 30px 3px 0;
	text-align:right;
	width:308px;
	}

	#outer {
		position: relative; left: 0;
		top: 40%;
		width:100%;
		height: 240px;
		margin-top: -120px;
		text-align:right;
		}
	#outerpic {
		position: relative; left: 150px;
		top: 500px;
		width:100%;

		}
	body > #left {
		position:fixed;
		}

	#main {
		padding-top: 20px !important;
		padding-top: 20px;
		overflow: hidden;
		width:470px;
		float:right;
		padding-left:20px;
		}

	h1 {
		display: inline;
		margin-right: 30px;
		font-size: 15px;
		color: #fff;
		text-align: right;
		}
	h3 {
		display: inline;
		margin-right: 30px;
		font-szie:15px;
		color: #fff;
		text-align: right;
		}


	span.title {
		display: block;
		margin: 0 0 5px 0;
		font: 600 1.1em 'century gothic', 'trebuchet ms', arial, sans-serif;
		color: #fff;
		}



	span.yellow {
		color: #cf0;
		}

	span.green {
		color: #0c0;
		}

	a.nav {
		display: block;
		margin: 0;
		text-decoration: none;
		font: 400 20px 'trebuchet ms', arial, sans-serif;
		color: #fff;
		padding: 0 30px 3px 0;
		}

	a.nav:hover {
		color: #CCFF00;
		background: #222;
		text-decoration: none;
		}

	.credit a, .credit a:hover {
		color: #555;
		}

	.date {
		float: left; 
		width: 2.0em;
		font: 600 1.3em arial, sans-serif;
		padding-right: 5px;
		text-align: right;
		}

	div.main {
		margin-left: 2.9em;
		margin-bottom: 25px;
		border-left: solid 1px #1a1a1a;
		padding: 0 30px 30px 5px;
		}

	img.main {
		float: right;
		margin: 10px;
		padding: 4px;
		background: #0c0;
		border: solid 3px #2e2e2e;
		}

	a img.main:hover {
		background: #cf0;
		}

	div.quote {
		margin: 8px 0 12px 10px; color: #fff;
		background: #2a2a2a url('quote.jpg') repeat-x top;
		border-bottom: solid 1px #2e2e2e; 
	 	border-right: solid 1px #2e2e2e; 
	 	border-left: solid 2px #0c0;
		padding: 8px;
		line-height: 1.7em;
		}

	p.comment {
		font-size: 0.9em;
		font-family: 'century gothic', 'trebuchet ms', arial, sans-serif;
		}

	span.credit {
		display: block;
		text-align: center;
		color: #555;
		margin: 15px 0 20px 0;
		font: 400 0.9em 'trebuchet ms', arial, sans-serif;
		}


/*  Navigation  */
#logo {
	float:right;
}
#contact{
	width:280px;
	float:right;
	height:80px;
	margin:0;
	padding:0;
	position:relative;
	top:18px;
	line-height:20px;
	margin: 0;	padding: 0 10px;
	font: bold 15px/20px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	color:#cfff00;
}
#header{
	height:110px;
}
#nav {	
	float:right;
	left:0;
	margin:0;
	padding:0;

	width:470px;
	height:80px;
	border-bottom:1px solid #555;
	margin-bottom:15px;
}
#nav ul {
	float: right;
	list-style: none;
		
	height: 35px;
	text-transform: uppercase;
	margin: 0;	padding: 0;	
	display: inline;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	float: left;
	margin: 0;	padding: 0 10px;
	font: bold 15px/35px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: -0.3px;
	color: #ccc;
}
#nav ul li a:hover, 
#nav ul li a:active {
	color: #fff;
	background: none;
	border: none;
}
.current  {	
	color: #0da7d2;	
}


#contact_form li.submit{
	float: right;
	clear: both;
	margin: 1em 0;
	width: 86px;
	height: 22px;
	position: relative;
	overflow: hidden;
	padding: 0;
	border: none;
}
#contact_form li.submit input{
	background: url(images/send_button.gif) 0 0 no-repeat;
	width: 86px;
	height:22px;
	padding: 0;
	padding-top: 22px;
	overflow: hidden;
	border: 0;
	text-indent: -9000px;
	cursor: pointer;
	display: block;
}
#contact_form li.submit input:focus,
#contact_form li.submit input:active,
#contact_form li.submit input.focus{
	background-position: 0 -22px;
}
#contact_form ol{
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style: none;
}
#contact_form li{
	border-bottom: 1px dashed #333;
	padding: .7em 0 1.5em 0;
	position: relative;
	height: 1%;
}
#contact_form li.validation_message{
	padding: 0 0 0.7em 0;
}
#contact_form li label{
	font-weight: bold;
	color: #DDD;
	float: left;
	display: block;
	width: 200px;	
}
#contact_form li span.validation{
	float: left;
	clear: left;
	display: block;
	width: 200px;
	font-size: 0.9em;
	color:#666;
}
#contact_form li.name input,
#contact_form li.email input,
#contact_form li.phone input,
#contact_form li.when input,
#contact_form li.occasion input,
#contact_form li.odate input,
#contact_form li.howmany input,
#contact_form li.type input,
#contact_form li.wherehear input,
#contact_form li select{
	width: 240px;
}

#contact_form li.comments textarea{
	width: 240px;
	height: 150px;
}
#contact_form_header{
	background: url(images/contact/contact_me_header.gif) 0 0 no-repeat;
	margin: 2em 0 1.5em 0;
	padding: 0;
	height: 50px;
	text-indent: -9000px;
	position: relative;	
}
.vcard_link{
	background: url(images/contact/vcard.gif) 0 0 no-repeat;	
	padding-left:22px;
}
.vcard_link:hover{
	background-position: 0 0;
}
.stay_in_touch h3{
	margin: 0;
	padding: 0;
}
.stay_in_touch ul li{
	padding: 0.3em 0 !important;
}

/* @group Invalid */

.contact_invalid{
	margin:0;
	padding: 2em 1em;
	background: url(images/contact/contact_invalid.gif) 1em center no-repeat;
	padding-left: 100px;
}
/* @end */

/* @group Success */

.contact_success{
	padding-left: 145px;
	min-height:200px;	
	background: url(images/contact/contact_successful.jpg) 0 0 no-repeat;
}
fieldset{
	border:none;
	display:block;
	margin-left:2px;
	margin-right:2px;
	padding:0.35em 0.625em 0.75em;
}
.success {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #88C46C;
	border: 1px solid #A5BD71;
	color:#000;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.error {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.passFail{
	padding: 5px 0px;
	margin-bottom: 10px;
	color:#ff0000;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}