/*
	css_main.css
*/

	body { color: #FFF;  font-family: Verdana, sans-serif;  background: #000;  text-align: center;  margin: 0px; }
	
	html, body, #outerWrap
	{
		height: 100%;
		min-height: 100%;
	}
	
	h1, h2, h3, h4 { display: inline;  margin: 0;  font-family: Tahoma, Arial, sans-serif; }
	h1 { font-size: 1.0em; }
	h2 { font-size: 0.8em; }
	
	a:link { color: #EEF;  text-decoration: underline; }
	a:visited { color: #EEF;  text-decoration: underline; }
	a:hover { color: #DDF;  text-decoration: underline; }
	a:active { color: #EEF;  text-decoration: underline; }

	#pageWrap {
		position: relative;  width: 900px;  min-height: 100%;  margin: -1px auto 0px auto;  text-align: center;
		border: 1px solid #555;
	}
	
	#nav {
		font-family: Arial;  display: block;  position: relative;  text-align: left;  font-size: 14px;  font-weight: 400;  letter-spacing: 1px;
		margin: 17px auto 0px 113px;  border-bottom: 1px solid #555;  width: 683px;  padding-bottom: 2px;  z-index: 10;
	}
		#nav a:link { color: #BBB;  text-decoration: none; }
		#nav a:visited { color: #BBB;  text-decoration: none; }
		#nav a:hover { color: #CCC;  font-style: italic;  text-decoration: underline; }
		#nav a:active { color: #BBB;  font-style: italic;  text-decoration: none; }
		
		#navHeader { border: 0px solid blue; }

		#nav ul {
			position: absolute;  top: 32px;  left: 411px;  width: 330px;  z-index: 10;
			list-style-type: none;  margin: 0px 0px 25px 22px;  padding: 0px;  border: 0px solid red;
		}
		#nav li {
			position: relative;  z-index: 10;  margin: 0px;  padding: 3px 20px 3px 0px;  white-space: nowrap;  float: left;  border: 0px solid blue;
		}
		
		#nav ul ul {
			font-size: 0.85em;  font-weight: 400;  letter-spacing: 0.1em;
			list-style-type: none;  margin: 17px 15px 0px 13px;  padding: 0px;  display: none;  position: absolute;  top: 5px;  left: -20px;  z-index: 10;
			border-left: 1px solid #888;  border-bottom: 1px solid #555;  border-right:  1px solid #666;
			background: #333 url('../images/2px-vertStrip_white-to-CCC_1.gif');
		}
		#nav ul ul li { margin: 0px;  padding: 3px 7px 3px 7px;  white-space: nowrap;  float: none;  z-index: 10; }
		
		#nav #portfolioCell { width: 5.4em; }
			#nav #portfolioCell ul { width: 6.4em; }
		#nav #aboutCell { width: 3.4em; }
			#nav #aboutCell ul { width: 7.3em; }
		#nav #contactCell { width: 2.5em; }
		#nav .spacer { color: #999;  font-size: 0.8em;  width: 13px;  margin-left: -10px;  padding: 4px 10px 0px 0px; }
		/* #nav .subProd { font-size: 0.95em;  padding-left: 15px; } */
		#nav  .last { padding-bottom: 5px; }
	
	/* forms */
	input { border: 1px solid #777; }
	input.submit { color: #F5F5F5;  background: #333;  border: 1px solid #777; }
	input.submit:hover { color: #DDD;  cursor: pointer;  text-decoration: underline; }
	
	/* footer */
	#footer {
		color: #888;  font-size: 0.6em;  padding: 20px 0px 20px 0px;  letter-spacing: 2px;  line-height: 1.9em;
		position: absolute;  bottom: 0px;  text-align: center;  width: 100%;  left: 0px;  border: 0px solid blue;
	}
		#footer a { color: #999; }
		#footer a:link { text-decoration: none; }
		#footer a:visited { text-decoration: none; }
		#footer a:hover { text-decoration: underline; }
		#footer a:active { text-decoration: none; }
	
	/* main content */
	#content {
		text-align: left;  margin: 1.0em 101px 6.0em 120px;  font-size: 0.9em;
	}
		#content h1 {
			color: #AAA;  font-size: 0.9em;  letter-spacing: 2px;  margin: 0px auto 15px -2px;  display: block;
		}
		#content blockquote {
			margin: 0px;
		}
		#content a.navLink {
			font-size: 0.9em;  letter-spacing: 1px;
		}
	
	/* index */
	#indexIntro { font-style: italic;  display: none;  border: 0px solid yellow; }
		#indexIntro h1 { font-style: normal; }
		#indexIntro h3 { font-size: 0.8em;  font-style: normal;  font-weight: 400;  letter-spacing: 0.1em; }
	
	#indexNav {}
	
	#indexContent {
		color: #999;
		margin: 5% auto 45px auto;  height: 550px;  position: relative;  border: 0px solid blue;
		background: transparent url('../images/common/torn-paper-rectangle-b-3-2-offwhite-2x-1_w-500-2.jpg') scroll no-repeat 199px 0px;
	}
		#indexContent.portfolio { margin-top: -50px; }
		#indexContent img {
			vertical-align: middle;  margin-top: 13%;  padding: 1px;
			border-top: 1px solid #DDD;  border-left: 1px solid #DDD;  border-bottom: 1px solid #BBB;  border-right: 1px solid #BBB;
		}
		#indexContent #copyright {
			color: #BBB;  font-weight: 400;  font-size: 0.7em;
			position: absolute;  top: 481px;  right: 208px;
		}
	
	/* portfolio */
	#porfolioLeft { margin: 1.5em auto 0px 0.8em;  float: left; }
		#porfolioLeft ul { list-style-type: none;  margin: 1.0em auto 1.5em 0px;  padding: 0px;  border: 0px solid blue; }
		#porfolioLeft li { margin-left: 1.0em; }
		#porfolioLeft h2 { color: #CCC;  font-weight: 400;  font-style: italic;  letter-spacing: 3px; }
	
	#portfolioSearch { margin: 1.0em auto 0px 1.0em; }
		#portfolioSearch label { display: none; }
		#portfolioSearch input { color: #F5F5F5;  background: #333;  width: 10.0em; }
		#portfolioSearch input.submit { margin-left: 0.3em;  vertical-align: -1px;  width: 2.5em; }
	
	#portfolioRight { margin: 1.5em 30px 0px 25px;  float: right;  width: 352px; }
		#portfolioRight table {
			color: #999;
			margin: -0.7em auto 45px auto;  width: 350px;  height: 350px;  position: relative;  border: 0px solid blue;
			background: transparent url('../images/common/torn-paper-rectangle-b-3-2-offwhite-2x-1_w-350-1.jpg') scroll no-repeat 0px 0px;
		}
		.imageTable td {
			text-align: center;  vertical-align: middle;
		}
		.imageTable img {
			padding: 1px;  position: relative;  top: -1%;
			border-top: 1px solid #DDD;  border-left: 1px solid #DDD;  border-bottom: 1px solid #BBB;  border-right: 1px solid #BBB;
		}
		#portfolioRight #copyright {
			color: #BBB;  font-weight: 400;  font-size: 0.7em;
			margin: -1% 15% 0px 0px;  display: block;  text-align: right;  font-weight: 400;  border: 0px solid blue;
		}
	
	/* pricing & purchases */
	#priceTable { float: left;  padding: 10px 14px 10px 12px;  border: 1px solid #555; }
		#priceTable th, td { text-align: right; }
		#priceTable th { font-size: 0.9em;  font-weight: 400; }
		#priceTable td { color: #EEE;  font-size: 0.9em; }
		#priceTable .data { width: 4.0em; }
		#priceTable .subnote { text-align: left;  padding-left: 1.4em;  font-size: 0.8em; }
	
	/* about */
	#aboutRight {
		float: right;  width: 350px;  margin: 0px 8px 0px 30px;
	}
		#aboutRight table {
			color: #999;
			margin: -0.7em auto 45px auto;  width: 350px;  height: 350px;  position: relative;  border: 0px solid blue;
			background: transparent url('../images/common/torn-paper-rectangle-b-3-2-offwhite-2x-1_w-350-1.jpg') scroll no-repeat 0px 0px;
		}

	
	/* contact */
	#contactForm { margin: 20px auto; }
		#contactForm label { float: left;  text-align: right;  width: 4.5em;  padding-right: 0.8em; }
		#contactForm label em { color: #DDF;  font-size: 0.9em;  padding-right: 4px; }
		#contactForm input { margin: 1px 0px; }
		#contactForm input.submit { margin: 20px auto 0px 5.9em;  width: 11.0em; }
		#contactForm textarea { margin: 1.0em auto 0px 1.1em;  width: 22.8em;  height: 8.0em; }
		
	#contactAddr { margin-top: 1.5em; }
		#contactAddr h2 { display: block;  margin-bottom: 1.0em;  font-weight: 400; }
		#contactAddr em { font-size: 0.9em;  font-style: normal; }
		
	#contactForm .error { color: #AAF;  font-size: 0.9em;  margin: 0.2em auto 1.0em 1.0em; }
	
	/* general doodads */
	.clearBoth { clear: both; }