img *				{border:none;}
body				{
					background:url(../i/bg.jpg) repeat-x #d0b572;
					color:#7e725b;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size:14px;
					}
a:link				{color:#6bd6f6; text-decoration:underline;}
a:visited			{color:#6bd6f6; text-decoration:underline;}
a:hover				{color:#d7f7fa; text-decoration:none;}

/* Container
---------------------------------------------- */
#container			{ 
					background: url(../i/container_bg.jpg);
					margin:30px auto;
					position:relative;
					width:805px;
					}
				
/* Header
---------------------------------------------- */
#header				{ 
					background: url(../i/header.jpg) no-repeat;
					height:156px;
					width:805px;
					}
				
/* Navigation
---------------------------------------------- */
#nav *				{margin:0; padding:0;}
#nav ul				{
					background-image: url(../i/nav_bg.jpg);
					height:36px;
					list-style:none;
					margin-left:2px;
					width:803px;
					}
#nav li				{
					float:left;
					height:36px;
					width:133px;
					}				
#nav a				{
					display:block;
					height:36px;
					text-indent:-9000px;
					width:133px;
					}
#hello				{
					background: url(../i/nav_hello_status.jpg);
					float:left;
					height:36px;
					text-indent:-9000px;
					width:133px;
					}
#hello a			{background: url(../i/nav_hello.jpg);}
#hello a:hover 		{background: url(../i/nav_hello_over.jpg);}
#websites			{
					background: url(../i/nav_websites_status.jpg);
					float:left;
					height:36px;
					text-indent:-9000px;
					width:133px;
					}
#websites a			{background: url(../i/nav_websites.jpg);}
#websites a:hover 	{background: url(../i/nav_websites_over.jpg);}
#print				{
					background: url(../i/nav_print_status.jpg);
					float:left;
					height:36px;
					text-indent:-9000px;
					width:133px;
					}
#print a			{background: url(../i/nav_print.jpg);}
#print a:hover 		{background: url(../i/nav_print_over.jpg);}
#concepts			{
					background: url(../i/nav_concepts_status.jpg);
					float:left;
					height:36px;
					text-indent:-9000px;
					width:133px;
					}
#concepts a			{background: url(../i/nav_concepts.jpg);}
#concepts a:hover	{background: url(../i/nav_concepts_over.jpg);}
#resume				{
					background: url(../i/nav_resume_status.jpg);
					float:left;
					height:36px;
					text-indent:-9000px;
					width:133px;
					}
#resume a			{background: url(../i/nav_resume.jpg);}
#resume a:hover		{background: url(../i/nav_resume_over.jpg);}
#contact			{
					background: url(../i/nav_contact_status.jpg);
					float:left;
					height:36px;
					text-indent:-9000px;
					width:133px;
					}
#contact a			{background: url(../i/nav_contact.jpg);}
#contact a:hover	{background: url(../i/nav_contact_over.jpg);}

/* Content
---------------------------------------------- */
#content			{margin:0;width:805px;}
#subhead			{
					font-size:15px;
					line-height:22px;
					margin:22px;
					width:761px;
					}		
#copy				{
					float:left;
					line-height:22px;
					margin:22px 0 22px 22px;
					width:265px;
					}
#copy p				{padding:3px 0 3px 5px;}
#feature			{
					background: url(../i/feature.jpg) no-repeat;
					float:right;
					height:227px;
					margin:22px 22px 22px 0;
					width:471px;
					}
#featureCopy		{
					color:#edeae0;
					float:left;
					font-size:12px;
					height:227px;
					line-height:18px;
					margin:12px 0 25px 25px;
					width:181px;
					}
#featureCopy h1		{
					color:#f2db9b;
					font-size:18px;
					font-weight:300;
					}	
#featureCopy ul		{
					height:14px;
					list-style:none;
					margin-top:30px;
					width:150px;
					}
#featureCopy li		{
					float:left;
					height:14px;
					margin-left:10px;
					width:14px;
					}				
#featureCopy a		{
					display:block;
					height:14px;
					width:14px;
					}
#feature1 a			{background: url(../i/featureBtn2.jpg);}
#feature1 a:hover 	{background: url(../i/featureBtn.jpg);}
#feature2 a			{background: url(../i/featureBtn2.jpg);}
#feature2 a:hover 	{background: url(../i/featureBtn.jpg);}
#feature3 a			{background: url(../i/featureBtn2.jpg);}
#feature3 a:hover 	{background: url(../i/featureBtn.jpg);}
#placeholder		{
					background-color:#d9d6c5;
					float:right;
					height:175px;
					margin:25px;
					width:215px;
					}
#placeholderj		{border:none;}
#featureAlt			{
					background: url(../i/featuremid.jpg);
					color:#f2db9b;
					float:right;
					margin:22px 22px 22px 0;
					width:471px;
					}		
.clear				{clear:both;}
.featureImg			{margin:0 30px;}

/* Slideshow
---------------------------------------------- */
#slideshow			{ 
					background:url(../i/slideshow_bg.jpg) no-repeat;
					height:275px;
					margin:0;
					padding-left:2px;
					width:805px;
					}
					
/* Photo Gallery
---------------------------------------------- */
#pgallery			{
					margin:20px auto;
					padding:5px;
					position:relative;
					width:750px;
					}
#pgallery td		{padding:5px;}
#pgallery a			{color:#56410a; text-decoration:underline;}
#pgallery a:hover	{color:#7e725b; text-decoration:none;}
.gimage				{display:none;}
.plink				{font-size:10px; text-align:center;}
.plink img			{border:none;}
.featureWork		{background-color:#cdac67;}

/* Websites
---------------------------------------------- */
#webnav				{
					float:right;
					margin:10px 7px 0 0;
					width:104px;
					}
#webnav ul			{
					height:21px;
					list-style:none;
					margin:0;
					padding:0;
					width:104px;
					}
#webnav li			{
					float:left;
					height:21px;
					margin-left:5px;
					width:21px;
					}
#webnav a			{
					display:block;
					height:21px;
					width:21px;
					}
#wnlost a			{background: url(../i/webBtn1.jpg);}
#wnlost a:hover 	{background: url(../i/webBtn1_over.jpg);}
#wntheatre a		{background: url(../i/webBtn2.jpg);}
#wntheatre a:hover 	{background: url(../i/webBtn2_over.jpg);}
#wnsprings a		{background: url(../i/webBtn3.jpg);}
#wnsprings a:hover 	{background: url(../i/webBtn3_over.jpg);}
#wnhold a			{background: url(../i/webBtn4.jpg);}
#wnhold a:hover 	{background: url(../i/webBtn4_over.jpg);}
.copy2				{
					float:left;
					line-height:22px;
					margin:22px 22px 22px 22px;
					width:322px;
					}
.copy2 p			{padding:3px 0 3px 5px; color:#6d5b2d;}
.copy2 h2			{
					color:#56410a;
					font-size:18px;
					padding-left:3px;
					}
.copy2 a			{color:#56410a; text-decoration:underline;}
.copy2 a:hover		{color:#56410a; text-decoration:none;}
.featureAlt2		{
					float:right;
					margin:22px 30px 22px 0;
					width:409px;
					}
.featureAlt2 img	{border:none;}
.break				{margin-bottom:10px;}
.viewBtn			{margin-top:22px; text-align:right;}
.viewBtn a			{
					background:url(../i/viewBtn.jpg);
					display:block;
					float:right;
					height:36px;
					width:133px;
					}
.viewBtn a:hover	{background:url(../i/viewBtn_over.jpg);}
.websites			{ 
					background:url(../i/slideshow_bg.jpg) repeat-y;
					margin:0;
					padding-left:2px;
					width:805px;
					}
.back				{float:right; margin:0 22px 10px 0;}
.subheader			{float:left;}

/* Resume
---------------------------------------------- */
#resume2			{
					background:url(../i/slideshow_bg.jpg) repeat-y;
					line-height:18px;
					margin:0;
					padding:0;
					width:805px;
					}
#resumeHead			{
					border-bottom:1px solid #433415;
					color:#6d5b2d;
					margin:0 22px;
					padding:20px 10px 0 10px;
					width:741px;
					}
#resumeHead h1		{
					color:#433415; 
					float:left; 
					font-size:22px;
					margin:0 0 10px 0;
					}
#resumeHead p		{
					float:right; 
					font-size:11px; 
					margin:0; 
					text-align:right; 
					width: 400px;
					}
#resumeBody			{
					color:#6d5b2d;
					font-size:12px;
					margin:0 22px;
					padding:10px 10px 20px 10px;
					width:741px;
					}
#resumeBody h1		{color:#433415; font-size:18px;}
.hlink				{
					display:inline; 
					float:right;
					margin:10px 0 0 0;
					}
.hlink a			{color:#56410a; text-decoration:underline;}
.hlink a:hover		{color:#56410a; text-decoration:none;}

/* Contact
---------------------------------------------- */
#cForm				{margin:0 30px; border:0;}
#cForm2				{width:409px;}
.cform				{
					background-color:#85cdda;
					border:2px #d9d6c5 solid;
					color:#2c1e06;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:14px;
					margin-bottom:10px;
					padding:2px;
					}
.sbtn				{
					background-color:#f2db9b;
					border:1px solid #d9d6c5;
					color:#2c1e06;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:14px;
					padding:3px;
					}
					
/* Subnav
---------------------------------------------- */
#subnav				{ 
					background:#2c1e06;
					color:#f0d791;
					font-size:12px;
					height:36px;
					margin:0 2px;
					text-align:center;
					width:801px;
					}
#subnav ul			{
					list-style:none; 
					margin:0; 
					padding:10px;
					}
#subnav li			{display:inline; margin:0 15px;}
#subnav a			{color:#b0a790; text-decoration:none;}
#subnav a:hover		{color:#f0d791; text-decoration:underline;}
					
/* Footer
---------------------------------------------- */
#footer				{ 
					background:url(../i/footer_bg.jpg) no-repeat;
					color:#0a3542;
					font-size:11px;
					height:78px;
					margin:0;
					text-align:center;
					width:805px;
					}
#copyright			{height:50px; margin:0;}
#copyright p		{margin:0; padding-top:15px;}
#copyright a		{color:#85cdda; text-decoration:none;}
#copyright a:hover	{color:#d9d6c5; text-decoration:underline;}

/* Lightbox
---------------------------------------------- */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #2c8196; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 12px Verdana, Helvetica, sans-serif; background-color: #2c8196; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding-top:2px; }

#imageData{	padding:0 10px; color: #edeae0; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #caption a{ color:#00ccff; }
#imageData #caption a:hover{ color:#003366; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }