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


/* #e6e6e6;*/


body {
	background: #e6e6e6;
}

.resume {
	position: fixed;
	top: 20px;
	right: 0;
	display: none;
	font-family: Tahoma, Verdana, sans;
	font-size: .7em;
	background: #000;
	width: 330px; 
	height: auto;
	border:1px solid #888;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	padding: 10px 130px 30px 30px;
	filter: alpha(opacity=80);
	opacity: .80;
	z-index: 1;
}

.resume h3 {
	font-size:14px;
	font-family:verdana, helvetica, arial, sans-serif;
	letter-spacing:-1px;
	color:#999;
	font-weight: 700;
	text-transform:uppercase;
	margin:0;
	padding:8px 0 8px 0;
}

.resume p{
	margin: 0 0 5px 0;
	padding: 0;
	color: #ccc;
}

.resume a, .resume a:visited{
	margin: 0;
	padding: 0;
	color: #9FC54E;
	border-bottom: 1px solid #9FC54E;
}

.resume a:hover, .resume a:visited:hover{
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
}
a.trigger {
	width: 110px;
	height: 57px;
	position: absolute;
	top: 10%;
	right: 0;
	z-index: 1;
	text-decoration:none;
	border:none;
	position:fixed;
	
}
a.trigger img{
	border:none;
}
#sidebar {
	position: fixed;
	right: 5%;
	top: 12.3%;
	width: 200px;
	height: 500px;
}
#sidebar .ninja {
	height: 209px;
	width: 200px;
	background-image: url(images/ninja3.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 120px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



#main {
	margin-left: 10%;
	margin-top: 7%;
	width: 55%;
	min-height: 700px;
	padding: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
}

#nav {
	position: inherit;
	width: 100%;
	height: 70px;
	margin-bottom: 20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 7px;
}


.detailtext {
	height:79px;
	width: 176px;
	background-image: url(images/detail.png);
	background-repeat: no-repeat;
	padding-left: 5px;
	margin-bottom: 5px;
	background-position: center;
	
}

.sociallinks {
	width:176 px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding-left: 80px;
}


#about {
	height: 70px;
	width: 77px;
	float: left;
	background-image: url(images/nav_about.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 30px;
	  /* for IE */
    filter:alpha(opacity=60);
  /* CSS3 standard */
    opacity:0.6;
	border:none;
}
#aboutsel {
	height: 70px;
	width: 77px;
	float: left;
	background-image: url(images/nav_about.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 30px;
	  /* for IE */
    filter:alpha(opacity=100);
  /* CSS3 standard */
    opacity:1;
	border:none;
}
#about a {
	height: 70px;
	width: 103px;
	padding-right: 0px;
	margin-right: 30px;
	display:block;
	border:none;
}
#contact {
	float: left;
	height: 70px;
	width: 80px;
	background-image: url(images/nav_contact.png);
	background-repeat: no-repeat;
	background-position: center center;
	  /* for IE */
    filter:alpha(opacity=60);
  /* CSS3 standard */
    opacity:0.6;

}
#contactsel {
	float: left;
	height: 70px;
	width: 80px;
	background-image: url(images/nav_contact.png);
	background-repeat: no-repeat;
	background-position: center center;
	  /* for IE */
    filter:alpha(opacity=100);
  /* CSS3 standard */
    opacity:1;

}
#contact a {
	height: 70px;
	width: 80px;
	padding-right: 0px;
	margin-right: 30px;
	display:block;
}

#portfolio{
	float: left;
	height: 70px;
	width: 103px;
	background-image: url(images/nav_portfolio.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 0px;
	margin-right: 30px;
	  /* for IE */
    filter:alpha(opacity=60);
  /* CSS3 standard */
    opacity:0.6;
}
#portfoliosel{
	float: left;
	height: 70px;
	width: 103px;
	background-image: url(images/nav_portfolio.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 0px;
	margin-right: 30px;
	  /* for IE */
    filter:alpha(opacity=100);
  /* CSS3 standard */
    opacity:1.0;
}


#portfolio a{
	height: 70px;
	width: 103px;
	padding-right: 0px;
	margin-right: 30px;
	display:block;
}
.box {
	-moz-border-radius:5px;
	border-radius:5px;
	display:inline;
	float:left;
	margin:4pt;
	padding:10px;
	width:204px;
	height:180px;
	background-color: #999; 
	background-repeat: no-repeat;
	background-position: center;
		  /* for IE */
    filter:alpha(opacity=100);
  /* CSS3 standard */
    opacity:1;

		
}

.box a img{
	border:none;

   
}

#infobox .box h5 a {
	
	text-decoration: none;
	color:#FFF;
	margin-top:0;
	line-height: normal;
	border: 0;
	border-bottom: 0;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: right;
	
}

#infobox .box h5{
	text-decoration: none;
		margin-top:0;

}
#back {
	height: 50px;
	width: 115px;
	/*background-image: url(images/back.png);*/
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-left:9px;
}
#panel {
	height: 400px;
}
#picpanel {
	height: 200px;
	background-image: url(images/pic1.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#panel p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #333;
}
#heading h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #666;
	padding-left: 7px;
}


#footer p {
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:5px 5px 15px;
	color:#999;
	clear: both;
	height: 30px;
	width: 100%;
	margin-left:1px;
	margin-top:150px;
	background:#e4e4e4;
	border-radius:5px;
}

#photo {padding:0; margin-bottom:20px; width:730px; height:300px; overflow:hidden; clip:rect(0px, 730px, 300px, 0px); position:relative;}
#photo ul {padding:0; position:absolute; margin-left:0; width:10000px;}
#photo ul li {float:left; position:absolute; left:0; top:0; display:none; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
#photo ul li.active {display:block; filter:alpha(opacity=1);-moz-opacity:1;opacity:1;}
body.home .col {margin-bottom:17px;}
.col {float:left; margin-bottom:28px;}
.single {width:240px;}
.double {width:455px;}
.wMargin {margin-right:35px;}
.wMiniMargin {margin-right:5px;}
.p {height:245px;}
.right {float:right; padding:13px 0 10px 0;}
/*Subnav*/
.subnav {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; color:#454d45; padding:0; width:240px; margin-bottom:34px; border-bottom:1px solid #2a3228; height:14px; margin-top:4px;}
.subnav li {float:left; padding-right:10px; position:relative; margin-top:1px;}
.subnav li.last {float:right; padding-right:0; text-align:right;}
.subnav li a {border-bottom:1px solid #2a3228; color:#454d45; outline:none;}
.subnav li a:hover {color:#a1b3a4; background:none;}
.subnav li.active a {border-color:#a1b3a4; color:#a1b3a4;}#footer p strong {
	font-family: Verdana, Geneva, sans-serif;
}
.desc {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #333;
}
desc {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
}
#buttons {
	margin-top: 7px;
	margin-left: 9px;
}
#slider {
	
	margin-left: 7px;
}
projecttag {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	color: #333;
}

#slider {

	/* You MUST specify the width and height */
	width:700px;
	height:350px;
	position:relative;	
	overflow:hidden;
}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:900px;
	overflow:hidden;
}

	#gallery li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	left:0;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:200px;
	overflow:hidden;	
	

}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=40);
	-moz-opacity:0.4;  
	-khtml-opacity: 0.4;
	opacity: 0.4;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:100px;
	background-color:#000;
	overflow:hidden;
	font-family:arial;
	font-size:10px;
	color:#fff;	
}

	#excerpt li {
		padding:5px;
	}
	


.clear {
	clear:both;	
}


.back img {
	margin-left: 7px;
}



tags {
	color: #999  ;
}
#panel {
	padding-right: 250px;
	padding-left: 8px;
}

.box a img {
	padding-bottom: 4px;
}

B { font-weight:bold;}

.contactinfo { 
	font-size: 10pt;
	text-decoration:none
	color:# 099;
	font-color : #666;
}