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



/* Main Structure */
		*{
		margin:0;
		padding:0;
		}
		.pics {
		width: 300px;
		height: 450px;		
					}
		html{
		background-color: #141412;
		opacity: .9;
			}
		body { 
		background:url(assets/img/wire1000X1000_1.jpg) top center;
		opacity: .7;
		padding: 10px;
		min-height: 400px;	
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 100px;
		border-top: 3px solid #333;
		border-right: 3px solid #333;
		border-left: 3px solid #333;
		border-bottom: 3px solid #333;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
		border-radius: 40px;
		-moz-box-shadow: 0px 0px 4px 4px #333;
		-webkit-box-shadow: 0px 0px 3px 3px #333;
		box-shadow: 0px 0px 4px 4px #333; 
			}
		#wrapper {
		position: relative;
		width: 850px;
		height: auto !important;
		min-height: 100%;
		background-color: #000;
		margin-top: 80px;
		margin-bottom: 15px;
		margin-left: auto;
		margin-right: auto;
		border-top: 1px solid #333;
		border-right: 1px solid #333;
		border-left: 1px solid #333;
		border-bottom: 1px solid #333;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
		border-radius: 40px;
		-moz-box-shadow: 4px 4px 4px 4px #333;
		-webkit-box-shadow: 3px 3px 3px 3px #333;
		box-shadow: 4px 4px 4px 4px #333; 
					}
		#header {
		margin-top: -20px;
		height: 100px;
		background-color: #000;
		border-top: 2px solid #333;
		-moz-border-radius: 50px 50px 0 0;
		-webkit-border-radius: 50px 50px 0 0;
		border-radius: 50px 50px 0 0;
		
								}
		#logo {
		width: 337px;
		margin-left: -8px;
		margin-top: 2px;
		
					}
		.fancyNav{
	/* Affects the UL element */
		overflow: hidden;
		display: compact;
		margin-left: 390px;
		margin-top: -240px;
		}
	.fancyNav li{
	/* Specifying a fallback color and we define CSS3 gradients for the major browsers: */
	background-color: #141412;
	background-image: -webkit-gradient(linear,left top, left bottom,from(#141412), color-stop(0.5,#33312D), color-stop(0.51, #332B32));
	background-image: -moz-linear-gradient(#141412 40%, #33312D 50%, #332B32 51%);
	background-image: -o-linear-gradient(#141412 40%, #33312D 50%, #332B32 51%);
	background-image: -ms-linear-gradient(#141412 40%, #33312D 50%, #332B32 51%);
	background-image: linear-gradient(#141412 40%, #33312D 50%, #332B32 51%);
	border-right: 1px solid rgba(9, 9, 9, 0.125);
	
	/* Adding a 1px inset highlight for a more polished efect: */
	
	box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
	-moz-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
	position:relative;
	float: left;
	list-style: none;
}

.fancyNav li:after{

	/* This creates a pseudo element inslide each LI */	
	
	content:'.';
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
	opacity:0;
	
	/* Gradients! */
	
	background-image:-webkit-gradient(linear, left top, right top, from(rgba(168,168,168,0.5)),color-stop(0.5,rgba(168,168,168,0)), to(rgba(168,168,168,0.5)));
	background-image:-moz-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
	background-image:-o-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
	background-image:-ms-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
	background-image:linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
	
	/* Creating borders with box-shadow. Useful, as they don't affect the size of the element. */
	
	box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
	-moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
	-webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
	
	/* This will create a smooth transition for the opacity property */
	
	-moz-transition:0.25s all;
	-webkit-transition:0.25s all;
	-o-transition:0.25s all;
	transition:0.25s all;
}

/* Treating the first LI and li:after elements separately */

.fancyNav li:first-child{
	border-radius: 4px 0 0 4px;
}

.fancyNav li:first-child:after,
.fancyNav li.selected:first-child:after{
	box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
	-moz-box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
	-webkit-box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
	border-radius:4px 0 0 4px;
}

.fancyNav li:last-child{
	border-radius: 0 4px 4px 0;
}

/* Treating the last LI and li:after elements separately */

.fancyNav li:last-child:after,
.fancyNav li.selected:last-child:after{
	box-shadow:-2px 0 0 #a3a3a3,-2px 0 0 #fff;
	-moz-box-shadow:-2px 0 0 #a3a3a3,-2px 0 0 #fff;
	-webkit-box-shadow:-2px 0 0 #a3a3a3,-2px 0 0 #fff;
	border-radius:0 6px 6px 0;
}

.fancyNav li:hover:after,
.fancyNav li.selected:after,
.fancyNav li:target:after{
	/* This property triggers the CSS3 transition */
	opacity:1;
}

.fancyNav:hover li.selected:after,
.fancyNav:hover li:target:after{
	/* Hides the targeted li when we are hovering on the UL */
	opacity:0;
}

.fancyNav li.selected:hover:after,
.fancyNav li:target:hover:after{
	opacity:1 !important;
}

/* Styling the anchor elements */

.fancyNav li a{
	color: #fff;
	display: compact;
	font: 18px/1 Lobster,Arial,sans-serif;
	padding: 15px 15px 22px 15px;
	position: relative;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	z-index:2;
	text-decoration:none !important;
	white-space:nowrap;
}
		
		#main {
		width: 850px;
		height: 650px;
		margin: auto 0;
		
			}
		#main_content{
		width: 850px;
		height: 650px;
		margin: auto 0;
		background-color: #000;
		-moz-border-radius: 0px 0px 50px 50px;
		-webkit-border-radius: 0px 0px 50px 50px;			
			}		
		#main_left {
		float: left;
		clear: right;
		width: 400px; 
		height:650px; 
		background-color: #000;
		-moz-border-radius: 0px 0px 50px 50px;
		-webkit-border-radius: 0px 0px 50px 50px;
		}
		#main_right {
		float: left;
		clear: right;
		width:450px; 
		height: 650px; 
		background-color: #000;
		-moz-border-radius: 0px 0px 50px 50px;
		-webkit-border-radius: 0px 0px 50px 50px; }

		#quote_1karsh{
		width:370px;
		height: 74px;
		margin-right: 17px;
		margin-top: 76px;
		text-align: justify;
		opacity: .5;
		border: 1px solid #333;
		border-radius: 5px;
		padding: 7px 12px 7px 12px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
		-moz-box-shadow: 4px 4px 4px 4px #333;
		-webkit-box-shadow: 4px 4px 4px 4px #333;
		box-shadow: 4px 4px 4px 4px #333;
		color:#fff;		
		line-height: 1.1em;	
				}
		#quote_2chicago {
		width: 370px;
		height: 222px;
		float: right;
		clear: left;
		color: #FFF;
		text-align: left;
		opacity: .5;
		margin-top: 78px;
		margin-right: 50px;
		border: 1px solid #333;
		border-radius: 5px;
		padding: 17px 12px 17px 12px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
		-moz-box-shadow: 4px 4px 4px 4px #333;
		-webkit-box-shadow: 4px 4px 4px 4px #333;
		box-shadow: 4px 4px 4px 4px #333;
		box-shadow: 4px 4px 4px 4px #333;	
						}	
		#portfolio_crumbs {
		float: left;
		font: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size: .9em;
		line-height: 1.7em;
		color: #FFF;
		text-align: left;
		margin-left: 20px;
		margin-top: -220px;	
		padding-right: 20px;
				}
						
		#portfolio_main {
		width: 850px;
		min-height: 500px;
		margin: auto 0;
		margin-top: 200px;
					}
		#portfolio_content{
		width: 850px;
		min-height: 500px;
		margin: auto 0;
		background-color: #000;
		-moz-border-radius: 0px 0px 50px 50px;
		-webkit-border-radius: 0px 0px 50px 50px;
					
			}
		#portfolio_bigpic {
		width: 400px;
		height: 267px;
		float: right;
		margin-top: 15px;
		margin-right: 357px;	
		border-radius: 10px;
		padding: 12px 12px 12px 12px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-box-shadow: 2px 2px 2px 3px #333;
		-webkit-box-shadow: 2px 2px 2px 3px #333;
		box-shadow: 2px 2px 2px 3px #333;
		color:#fff;	
			
				}
		#portfolio_smallpic {
		width: 150px;
		height: 100px;
		float: right;
		margin-top: -175px;
		margin-right: -690px;	
		padding: 10px;
				
		}
		#portfolio_pic {
		height: 267px;
		width: 400px;
		background: url(images/hut.jpg) no-repeat left;
		float: left;
		margin-top: 200px;
		margin-right: 250px;
					
						}
		#portfolio_largeImg {
		border: solid 1px #333;
		width: 400px;
		height: 267px;
		margin-top: 120px;
		
		}
		.thumbs img {
		width: 150px;
		height: 100px;
		padding: 3px;
		padding-left: 30px;
		padding-top: 14px;
		border-radius: 3px;
		padding: 10px 10px 10px 10px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-box-shadow: 1px 1px 1px 2px #333;
		-webkit-box-shadow: 1px 1px 1px 2px #333;
		box-shadow: 1px 1px 1px 2px #333;
		color:#333;
		border-color: #333;	
				}
		.thumbs img:hover {
		border-color: #333;
		opacity: .6;		
		
		}
		#portfolio_arrows {
		font-family: Arial, Helvetica, sans-serif;
		font-size: .9em;
		line-height: 1.7em;
		color: #FFF;
		float: right;
		margin-bottom: 1px;
		margin-right: 503px;	
				}
		h2 {
		font: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size: 18px;
		font-style: italic;
		color: #FFF;
		margin: 0 0 .2em;	
		}
		#aboutme_main {
		width: 850px;
		min-height: 700px;
		background-color: #000;
			}				
		#aboutme_maincontent {
		width: 850px;
		height: 700px;
		margin: auto 0;
		background-color: #000;
		-moz-border-radius: 0px 0px 50px 50px;
		-webkit-border-radius: 0px 0px 50px 50px;	
		}	

		#aboutme_main_left {
		float: left;
		clear: right;
		width: 350px; 
		height:700px; 
		background-color: #000;
		-moz-border-radius: 0px 0px 50px 50px;
		-webkit-border-radius: 0px 0px 50px 50px;
		}
		#aboutme_main_right {
		float: left;
		clear: right;
		width: 500px; 
		height: 700px; 
		background-color: #000;
		-moz-border-radius: 0px 0px 50px 50px;
		-webkit-border-radius: 0px 0px 50px 50px;
		}	
		#aboutme_crumbs {
		float: left;
		font: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size: .9em;
		line-height: 1.7em;
		color: #fff;
		text-align: left;
		margin-left: 20px;
		margin-top: -23px;	
		padding-right: 20px;		
				}	
		#aboutme_main_sidebar {
		float: left; width: 420px; margin-right: 0px;
			}					
		#aboutme_artistphoto {
		height: 464px;
		width: 300px;
		background: url(images/artistphoto.jpg) no-repeat bottom;
		margin-top: 113px;
		margin-left: 0px;
		border: 1px solid #333;
		border-radius: 5px;
		padding: 7px 12px 7px 12px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
		-moz-box-shadow: 4px 4px 4px 4px #333;
		-webkit-box-shadow: 4px 4px 4px 4px #333;
		box-shadow: 4px 4px 4px 4px #333;
		opacity: .5;
		}
					
				
		#aboutme_photographer {
		width: 282px;
		height: 425px;
		background:url(images/photographer.jpg) no-repeat center;
		margin-top: 113px;
		margin-left: 52px;
		padding: 8px 2px 7px 4px;
		border: 2px 2px 2px 2px solid #333;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
		border-radius: 5px;
		-moz-box-shadow: 4px 4px 3px 4px #333;
		-webkit-box-shadow: 4px 4px 3px 4px #333;
		box-shadow: 2px 2px 2px 2px #333;
			
				}	
		#aboutme_intro2 {
		width: 365px;
		height: 350px;
		float: right;
		text-align: left;
		margin-right: 40px;
		margin-top: 100px;	
		overflow: hidden;	
		line-height: 1.2em;	
		border-radius: 10px;
		padding: 20px 8px 0px 17px;
		color: #fff;
		opacity: .4;
		font: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size: 19px;
		font-style: italic;
				}

		#contactme_crumbs {
		float: left;
		font: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size: .9em;
		line-height: 1.7em;
		color: #FFF;
		text-align: left;
		margin-left: 20px;
		margin-top: -23px;
		padding-right: 20px;
				}	
		#contactme_main {
		width: 850px;
		height: 700px;
		margin: auto 0;
		}
		#contactme_ maincontent{
		width: 850px;
		height: 700px;
		float: right;
		margin: auto 0;
		background-color: #000;
		-moz-border-radius: 0px 0px 50px 50px;
		-webkit-border-radius: 0px 0px 50px 50px;			
			}	
		#contactme_mainleft {
		float: left;
		clear: right; 
		width: 530px;
		height:700px; 
		background-color: #000;
		-moz-border-radius: 0px 0px 50px 50px;
		-webkit-border-radius: 0px 0px 50px 50px;		
			}
		#contactme_mainright {
		float: right;
		width: 320px; 
		height: 700px; 
		-moz-border-radius: 0px 0px 50px 50px;
		-webkit-border-radius: 0px 0px 50px 50px; 
		}
		
		#contactme_boyphoto {
		width: 500px;
		height: 500px;
		margin-left: 20px;
		margin-top: 78px;
		background: url(images/boy2.jpg) no-repeat left center;
		border: 1px 1px 0px 0px solid #333;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-moz-box-shadow: 0 4px 4px #333;
		-webkit-box-shadow: 0 3px 3px #333;
		box-shadow: 0px 4px 4px #333; 
		color: #FFF;
			}
		#contactme_form {	
		float: right;
		clear: left;
		width: 320px;					
		font-family: Arial, Helvetica, sans-serif;
		font-size: .9em;
		line-height: 1.3em;
		color: #FFF;
		margin-right: -360px;		
		margin-top: -420px;	
	
				}
		#contactme_address{					
		font-family: Arial, Helvetica, sans-serif;
		font-size: .9em;
		line-height: 1.7em;
		color: #FFF;	
		float: right;
		margin-top: 470px;
		margin-right: 205px;
		
		}
		#button{
		color: #08374C;	
		}
		#contactme_footer{
		position: absolute;
		width: 850px;
		height: 60px; 
		margin-left: 322px;
		margin-top: -18px;
		color: #FFF;
		font-family:  eurofurence, "eurofurence light", Georgia, "Times New Roman", Times, serif;
		}
		#contactme_footer p {
		position: absolute;
		color:#FFF;
		font-size:10px;
		margin-left: 40px;
		margin-top: 5px;
		font-family:  eurofurence, "eurofurence light", Georgia, "Times New Roman", Times, serif;
		}	
	
		#main_footer{
		position: absolute;
		width: 850px;
		height: 60px; 
		margin-left: 400px;
		margin-top: 140px;
		color: #FFF;
		font-family:  eurofurence, "eurofurence light", Georgia, "Times New Roman", Times, serif;
		}
		#main_footer p {
		position: absolute;
		color:#FFF;
		font-size:10px;
		margin-left: 40px;
		margin-top: -169px;
		font-family:  eurofurence, "eurofurence light", Georgia, "Times New Roman", Times, serif;
		}