@charset "UTF-8";
/* CSS Document */

	*
	{
		margin:0; padding:0
	}
	
	body
	{
		padding:20px;background:white;background:black;color:#555;font:80%/140% 'helvetica neue',sans-serif;width:900px;margin: 0 auto;
	}
	
	body#home, body#about, body#financials, body#clients, body#people, body#picframe
	{
		text-align: center;  /* Avoids IE5 Bug */
		background-color:#000000;
		width: 800px;
	}	
	
	
	h1,h2
	{
		font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;
	}
	
	h1.masthead 
	{
		width: 247 px; height: 100px;
		background: url(/img/IKONIK-masthead.jpg) no-repeat;
		font-size: 1px;
		text-indent:-100000px;
		color: black;
	}
	
	a
	{	
		color:#348;text-decoration:none;outline:none;
	}
	
	a:hover
	{	
		color:#67a;
	}
	
	.caption
	{
		color:#888;position:absolute;top:250px;left:3px;width:200px;
	}
	
	.demo
	{
		position:relative;margin-top:2em; 
	}
	
	.gallery_demo 
	{
		width:200px;float:left; 
	}
	
	.gallery_demo li
	{	
		width:55px;height:70px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee;
	}
	
	.gallery_demo li.hover
	{
		border-color:#bbb;
	}
	
	.gallery_demo li.active
	{
		border-style:solid;border-color:#6e7084;
	}
	
	.gallery_demo li div
	{
		left:240px
	}
	
	.gallery_demo li div .caption
	{
		font:italic 0.7em/1.4 georgia,serif;
	}
	
	.galleria_container
	{
		margin:0 auto 80px auto;height:438px;width:700px;float:right;
	}
	
	.nav
	{
		padding-top:15px;clear:both;
	}
	
	.info
	{
		text-align:left;
		margin:30px 0;
		border-top:1px dotted #221;
		padding-top:30px;
		clear:both;
	}
	
	.info p
	{
		margin-top:1.6em;
	}
	
	.nav
	{
		position:absolute;top:410px;left:0;
	}

	#container 
	{
		position:relative;
	  	margin: 0 auto;
		width:800px;
		min-width:800px;
		min-height:700px;
	  	border:0px ;
	}

	#slideshow 
	{
		position:relative;
	  	margin: 0 auto;
		width:900px;
		min-height:700px;
	  	border:0px ;
	}  


	p:first-letter
	{
		text-transform: uppercase;
	}


	p
	{
		color: #d3d3d3;
		font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
		letter-spacing:0.1em;
		text-align:center;
		margin: 40px auto;
		text-transform: lowercase;
		line-height: 145%;
		font-size: 14pt;
		font-variant: small-caps;
	}

	ul#areas 
	{
		margin: 5px 0px 15px 0px;
		padding-bottom:10px;
		width:100px;
		list-style-type:none;
	}

	#areas li
	{
		margin: 0px;
		padding: 0px;
		float: left;
		width: 20px;
		text-align: center;
	}	
	
	#areas li a
	{ 
		display: block;
		width: 100%;
		height: 20px;
		text-decoration: none;
		color: #000000;
		background-color: transparent;
		border:1px solid #808095;
		text-indent:-10000px;
	 }

	ul#mainnav {
		margin: 0px auto;
		width:536px;
		list-style-type:none;
	}

	#mainnav li{
		margin: 0px;
		padding: 0px;
		float: left;
		width: 100px;
		text-align: center;
	}	
	
	#mainnav li a{ 
		display: block;
		width: 100%;
		height: 100px;
		text-decoration: none;
		color: #000000;
		background-color: transparent;
		border:1px solid #808095;
		text-indent:-10000px;
	 }
	 
	ul.offer li
	{
		font-family:Georgia,serif;
		color: #d3d3d3;
		font-size: 1.1em;
    	font-weight: bold;
		text-transform:uppercase;
		letter-spacing:2px; 
		list-style:inside; 		
	}	 


	a.email{ text-decoration: none; color: #FFFFFF; }
	 
	a#iconsThumb { background-image: url(/img/boxes/icons-box-sm.jpg); text-decoration:none; }  
	a#sexyThumb { background-image: url(/img/boxes/sexy-box-sm.jpg); text-decoration:none; }  
	a#inanimatesThumb { background-image: url(/img/boxes/inanimates-box-sm.jpg); text-decoration:none; } 
	a#eventsThumb { background-image: url(/img/boxes/events-box-sm.jpg); text-decoration:none; }   
	a#clientsThumb { background-image: url(/img/boxes/clients-box-sm.jpg); text-decoration:none; }  
	a#aboutThumb { background-image: url(/img/boxes/about-box-sm.jpg); text-decoration:none; }  
	a#financialsThumb { background-image: url(/img/boxes/financials-box-sm.jpg); text-decoration:none; }

	a#icons { background-image: url(/img/boxes/icons-box.jpg); } 
	a#sexy { background-image: url(/img/boxes/sexy-box.jpg); } 
	a#inanimates { background-image: url(/img/boxes/inanimates-box.jpg); }
	a#clients { background-image: url(/img/boxes/clients-box.jpg); }
	a#events { background-image: url(/img/boxes/events-box.jpg); }
	a#about { background-image: url(/img/boxes/me-box.jpg); }
	a#financials { background-image: url(/img/boxes/financials-box.jpg); }