/*	$Id: site.css,v 1.1 2008/02/02 00:51:33 coaster Exp $	*/

			* {
				font-family: Arial, Helvetica, Sans-Serif;
				font-size: 10px;
			}
		
			body {
				margin: 0;
				background-color: #fff;
			}
			
			#wrapper {
				margin: 20px auto;
				width: 850px;
			}
			
			#header {
				width: 850px;
				height: 41px;
				padding-bottom: 10px;
				border-bottom: 1px solid #d4d4d4;
			}
			
			#container {
				position: relative;
				width: 840px;
				margin: 30px 5px 10px 5px;
				height: 360px;
				color: #808284;
			}
			
			#container_tall {
				position: relative;
				width: 840px;
				margin: 30px 5px 10px 5px;
				color: #808284;
			}
			
			#portfolio_txt {
				position: absolute;
				top: 0;
				left: 0;
				width: 240px;
			}
			
			#description {
				position: absolute;
				bottom: 0;
				left 5px;
				width: 240px;
			}
			
			a.homelink {
				color: #808284;
				text-decoration: none;
			}
			
			a.homelink:hover {
				color: #ed2224;
			}
			
			p.header {
				margin: 0 0 10px 0;
			}
			
			ul.projects {
				padding-left: 0;
				margin-left: 0;
			}
			
			ul.projects li {
				margin: 0;
				list-style: none;
				padding-top: 0.5em;
			}
			
			ul.projects li a {
				text-decoration: none;
				color: #808284;
			}

			ul.projects li a:hover, ul.projects li a.active {
				color: #ed2224;
			}
			
			#portfolio_img {
				margin: 0 5px 10px 280px;
				height 360px;
				width: 560px;
			}
			
			#portfolio_nav {
				margin: 0 5px 10px 285px;
				height: 10px;
			}
			
			#portfolio_nav a {
				color: #808284;
				text-decoration: none;
			}
			
			#portfolio_nav a:hover, #portfolio_nav a.active {
				color: #ed2224;
			}

			
			#footer {
				width: 850px;
				border-top: 1px solid #d4d4d4;
				padding-top: 10px;
				font-size: 8px;
			}
			
/*	7-10 split css defines	*/

			.left {
				float: left;
				text-align: left;
				width: 59%;
			}

			.right {
				float: right;
				text-align: right;
				width: 35%;
				font-size: 8px;
			}
			
			div.spacer {
				clear: both;
			}

/*	PROJECT LOADER CSS	*/

			#bml {
				float: right;
				margin-left: 20px;
				margin-top: 0;
				font-size: 10px;
				font-weight: normal;
			}
			
			.bmltag {
				color: #000;
				font-size: 10px;
				font-weight: bold;
			}

			.lefty {
				float: left;
				text-align: left;
				font-weight: bold;
				color: #fff;
				width: 49%;
			}

			.righty {
				float: right;
				text-align: right;
				font-weight: bold;
				color: #fff;
				width: 49%;
			}

			label {
				padding: 4px 4px 4px 0;
			}
			
			input, select, textarea {
				display: block;
				margin-bottom: 1.0em;
			}
			
			select {
				width: 200px;
			}
			
			textarea {
				display: block;
				margin-bottom: 1.0em;
			}
/*			
			.button {
				width: 75px;
				margin-left: 75px;
				color: #2a2a2a;
			}
*/			
			.levelbutton {
				display: inline;
				width: 75px;
				color: #2a2a2a;
			}
			
			.bigbutton {
				width: 150px;
				margin-left: 75px;
				color: #2a2a2a;
			}
			
			.error {
				color: #000;
				font-weight: bold;
			}
			
			table.image_loader {
				border-collapse: collapse;
				border-spacing: 0;
			}
			
			table.image_loader td {
			}
			
			table.image_loader td.radio {
				width: 20px;
			}
			
			fieldset {
				border: 1px solid #808284;
				padding: 10px;
			}
			
			legend {
				margin: 0 5px;
				font-size: 14px;
				color: #ed2224;
				font-weight: bold;
			}