* 		
			{
			margin: 0;
			padding:0;
			}

#bodyMain	{
			background-color: #ffffff;
			position: relative;
			margin: 0 auto;
			background-image: url(siteImages/back.png),url(siteImages/backInverted.gif);
			background-repeat: repeat-x, repeat-x;
			background-position: top, bottom;
			}
						
#wrapper	{
			color:#000000;
			margin: 0 auto;
			width:902px;
			position: relative;
			background-color:#fff;
			background-image: url(siteImages/back.png);
			background-repeat: repeat-x;
			}
			
#header		{
			border-bottom:dotted black 1px;
			font-family: verdana;
			font-size:60px;
			font-weight: bold;
			color:#b2b1b1;
			text-align: center;
			border-bottom: solid #9f9c9c 10px;
			}

#mainContent
			{
			font-family: Verdana, Geneva, sans-serif;
			font-size:14px;
			padding-bottom:50px;
			background-image: url(siteImages/DESIGN.png);
			background-repeat: no-repeat;
			background-position: top left;
			}
			
#mainContent2
			{
			margin:0 auto;
			background-repeat:repeat-x;
			background-position: bottom;
			font-family: Verdana, Helvetica, sans-serif;
			font-size:50px;
			font-emphasize: bold;
			background-image: url(siteImages/backGlow1.png);
			background-repeat: repeat-x;
			background-position: bottom;
			}
			
#mainContent3
			{
			background-repeat:repeat-x;
			background-position: bottom;
			font-family: Verdana, Helvetica, sans-serif;
			font-size:50px;
			font-emphasize: bold;
			border-top:solid #d5d3d2 1px;
			background-image: url(siteImages/backGlowInverted.png),url(siteImages/backGlow1.png);
			background-repeat: repeat-x, repeat-x;
			background-position: top, bottom;
			}
			
#mainContent3Work
			{
			background-repeat:repeat-x;
			background-position: bottom;
			font-family: Verdana, Helvetica, sans-serif;
			font-size:50px;
			font-emphasize: bold;
			border-top:solid #d5d3d2 1px;
			background-image: url(siteImages/backGlowInverted.png),url(siteImages/backGlow1.png);
			background-repeat: repeat-x, repeat-x;
			background-position: top, bottom;
			background-color: #3e3f3d;
			padding-bottom:20px;
			}
			
#mainContent3Me
			{
			background-repeat:repeat-x;
			background-position: bottom;
			font-family: Verdana, Helvetica, sans-serif;
			font-size:50px;
			font-emphasize: bold;
			border-top:solid #d5d3d2 1px;
			background-image: url(siteImages/backGlowInverted.png),url(.png);
			background-repeat: repeat-x, repeat-x;
			background-position: top, bottom;
			}
			
#topLinks	{
			display:block;
			border:solid yellow px;
			margin-left:185px;
			width:720px;
			border-style: none;
			}
			
#topLinks	img
			{
			border-style: none;
			}
			
.titleText	p
			{
            text-align:center;
            margin:0 auto;
			font-family:  Verdana, Helvetica, sans-serif;
			font-size: 13px;
			border:solid red px;
			width:700px;
			display:block;
            }
            
#titleTextMe 
			{
            text-align:center;
            margin-left:250px;
            padding-top:60px;
			font-family: Verdana, Helvetica, sans-serif;
			font-size: 13px;
			width:430px;
			display:block;
			border:solid #000 px;
            }
			
#image		{
			margin: 0 auto;
			text-align: center;
			font-family: Verdana, Helvetica, sans-serif;
			font-size:50px;
			font-emphasize: bold;
			margin:0 auto;
			height:400px;
			}
			
#footer		{
			font-family: Verdana, Geneva, sans-serif;
			font-size:9px;
			text-align:center;
			padding-top:7px;
			background-image: url(siteImages/wood.jpg);
			background-repeat:repeat-x, repeat-y;
			background-position: top left;
			line-height: 80px;
			color:#fff;
			}
#clear		
			{
			clear:both;
			}
.clearall		
			{
			clear:both;
			height:5px;
			}
			

#subHeading,
#subHeadingSkills,
#subHeadingContact,
#subHeadingMe	   
			{
			width:902px;
			margin-top:10px;
			margin-bottom:10px;
			font-family: Verdana, Geneva, sans-serif;
			font-size:30px;
			text-align:right;
			line-height:30px;
			border:solid red px;
			}

#contactWrapper
			{
			width:680px;
			display:block;
			margin-top:10px;
			text-align:center;
			margin-left:125px;
			}

#graphicsWork,
#fashionWork,
#webWork	
			{
			width:100%;
			text-align: bottom;
			}
			
#contactRight	
			{
			float:right;
			display:block;
			width:400px;
			margin-top:0px;
			font-family: Verdana, Geneva, sans-serif;
			font-size:13px;
			text-align:left;
			padding:10px;
			border:solid blue px;
			margin-right:px;
			}

#subContentWrapperWorkWeb,
#subContentWrapperWorkGraphics,
#subContentWrapperWorkFashion	
			{
			width:893px;
			float:left;
			display:block;
			margin-top:-10px;
			border:dotted gray 5px;
			margin-bottom:10px;
			background-color: #000;
			color:#ffffff;
			-webkit-box-shadow:	0px 0px 24px rgba(50, 50, 50, 0.57);
			-moz-box-shadow: 0px 0px 24px rgba(50, 50, 50, 0.57);
			box-shadow: 0px 0px 24px rgba(50, 50, 50, 0.57);
			}
					
#subContentWrapperWorkWeb img,					
#subContentWrapperWorkGraphics img,
#subContentWrapperWorkFashion img
			{
			float:left;
			margin-top:px;
			margin-right:px;
			border:solid #000 10px;	
			margin-left:10px;
			}

#subContentWrapperSkills
			{
			display:block;
			border:solid purple px;
			text-align:center;
			padding-bottom:10px;
			background-image: url(siteImages/knife.png);
			background-position: right bottom;
			background-repeat: no-repeat;
			height: 200px;
			padding-top: 50px;	
			}
					
#subContentWrapperSkills img
			{
			float:right;
			margin-top:10px;
			margin-left:0px;
			border:solid #fff px;							
			}
						
#subContentWrapperMe	
			{
			display:block;
			margin-top:10px;
			text-align:center;
			padding-bottom:50px;
			background-image: url(siteImages/tani_shoe_4.jpg), url(siteImages/back_me.png);
			background-position: left bottom, bottom;
			background-repeat: no-repeat, repeat-x;
			height:225px;
			}
						
#subContentWrapperMe img
			{
			float:left;
			margin-top:10px;
			margin-left:0px;							
			}
			
#subContentWrapper img
			{
			float:left;
			margin-top:20px;
			}

textarea		
			{
			width:275px;
			height:100px;
			border:solid gray px;
			padding:5px;
			font-size:12px;
			font-family:Verdana, Geneva, sans-serif;
			}
				
input			
			{
			height:30px;
			width:275px;
			font-size:12px;
			padding-left:5px;
			background-color: #eefac5;
			}
				
.titleWork		
			{
			font-family:Verdana, Geneva, sans-serif;
			font-style:italic;
			font-size: 25px;
			text-align:left;
			}
				
#btnIdRequestInfo
			{
			float:right;
			margin-top:0px;
			border:solid gray px;
			width:110px;
			font-size:14px;
			background-color: #f0ceef;
			}
			
.error		{
			color: #ae1faa;
			font-size: 12px;
			font-style: italic;
			}
			
#successfulMessage
			{
			color: #ae1faa;
			font-size: 12px;
			font-style: italic;
			}
			
#resume		{
			text-decoration: none;
			color:#a30d9a;
			font-size: 14px;
			}

			
/*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: #fff; 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: 10px Verdana, Helvetica, sans-serif; 
			 background-color: #fff; 
			 margin: 0 auto; 
			 line-height: 1.4em; 
			 overflow: auto; 
			 width: 100%; 
			 }

#imageData
			{	
			padding:0 10px; 
			color: #666; 
			}
			
#imageData #imageDetails
			{ 
			width: 70%; 
			float: left; 
			text-align: left; 
			}
				
#imageData #caption
			{ 
			font-weight: bold;	
			}
			
#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; 
			}

