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

body {
	background: #666666 url(../images/bgr.jpg) top left repeat-x;
	margin: 0px 0px 0px 30px;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

/* ------ Hyperlinks */
a:link, a:visited {
	color: #A4dE3A;
	text-decoration: none;
}

a:hover, a:active {
	color: #FFFFFF;
	outline: none;
}

a:focus {
	outline: none;
}

/* ------ Light Switch */
div#switch {
	width: auto;
	margin: 0px 93px -25px 0px;
	padding-top: 8px;
	float: right;
	
	color: #999999;
	text-transform: capitalize;
}

	div#switch a#on:link, div#switch a#on:visited {
		color: #CCCCCC;
	}
	
	div#switch a#off:hover, div#switch a#off:active {
		color: #FFFFFF;
	}

/* ------ General Styles */
h1 {
	font-size: 14px;
	color: #A4dE3A;
	
	margin: 10px 0px 5px 0px;
}

h1.serv {
	width: 85%;
	/*background: url(../images/navbg.png);*/
	margin: 0px;
	padding: 5px;
}

h1.serv + p {
	width: 85%;
	/*background: url(../images/navbg.png);*/
	border-bottom: #666666 1px solid;
	margin: 0px 0px 5px 0px;
	padding: 0px 5px 5px 5px;
	
	color: #CCCCCC;
}

strong {
	color: #869563;
}

em {
	color: #CCCCCC;
}

small {
	color: #999999;
	font-weight: normal;
}

ul li {
	list-style: url(../images/r_arrow.gif);
	margin: 0px 0px 0px -20px;
}

ul li > ul li {
	list-style: circle;
}

/* ------ Form Styles */
input, textarea {
	background: #333333;
	border: #FFFFFF 1px solid;
	
	color: #A4dE3A;
}

input:hover, textarea:hover {
	background: #444444;
}

input:focus, textarea:focus {
	border: #A4dE3A 1px solid;
}

input#submit {
	background: #A4dE3A;
	border: #A4dE3A 1px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	color: #333333;
	font-size: 11px;
	font-weight: bold;
}

input#submit:hover {
	background: #FFFFFF;
}

/* ------ Header Styles */
div#head {
	width: 800px;
	height: 90px;
	margin: 0px 0px 10px 0px;
}

	div#head img#header {
		background: url(../images/header.png) top left no-repeat;
	}

	div#polaroid {
		width: 77px;
		height: 87px;
		background: url(../images/polaroid.png) top left no-repeat;
		margin: 10px 0px 0px 10px;
		float: right;
	}
	
/* ------ Navigation Styles */
	div#nav {
		width: auto;
		margin-top: 30px;
		float: right;
	}
	
	div#nav td {
		vertical-align: top;
	}
	
	/* Green Links */
	div#nav a:link, div#nav a:visited {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 10px;
		color: #A4dE3A;
		text-decoration: none;
	}
	
		div#nav ul {
			margin: 0px 0px -30px 0px;
			padding: 0px;
			position: relative;
			z-index: 100;
		}
		
			div#nav ul li {
				margin: 0px;
				padding: 3px 6px;
				list-style: none;
			}
			
			div#nav ul li:hover {
				background: url(../images/navbg.png);
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			}
			
				div#nav ul li ul {
					margin: 5px 0px 2px 0px;
					padding: 0px;
				}
				
					div#nav ul li ul li {
						margin: 0px;
						padding: 0px;
						visibility: hidden;
					}
					
					div#nav ul li ul li#webNav {
						width: 65px;
					}
					
					div#nav ul li ul li#digNav {
						width: 53px;
					}
					
					div#nav ul li ul li#illNav {
						width: 60px;
					}
					
					div#nav ul li:hover ul li {
						background: none;
						margin: 0px;
						padding: 0px;
						visibility: visible;
					}
					
						div#nav ul li:hover ul li a:hover {
							color: #FFFFFF;
						}
		
	/* Grey Links */
	div#nav td.nav2 ul li a:link, div#nav td.nav2 ul li a:visited {
		color: #DADADA;
	}

/* ------ Page Title Styles */
div#titles {
	margin: 20px 10px 0px 10px;
}

	img#page_title_00 { /* Welcome */
		width: 110px;
		height: 21px;
		background: url(../images/page_titles.png) 0px -255px no-repeat;
	}
	
	img#page_title_01 { /* Web */
		width: 110px;
		height: 21px;
		background: url(../images/page_titles.png) 0px 0px no-repeat;
	}
	
	img#page_title_02 { /* Digitial */
		width: 110px;
		height: 21px;
		background: url(../images/page_titles.png) 0px -36px no-repeat;
	}
	
	img#page_title_03 { /* Illustration */
		width: 110px;
		height: 21px;
		background: url(../images/page_titles.png) 0px -75px no-repeat;
	}
	
	img#page_title_04 { /* About */
		width: 110px;
		height: 21px;
		background: url(../images/page_titles.png) 0px -111px no-repeat;
	}
	
	img#page_title_05 { /* Resume */
		width: 110px;
		height: 21px;
		background: url(../images/page_titles.png) 0px -147px no-repeat;
	}
	
	img#page_title_06 { /* Services */
		width: 110px;
		height: 21px;
		background: url(../images/page_titles.png) 0px -183px no-repeat;
	}
	
	img#page_title_07 { /* Contact */
		width: 110px;
		height: 21px;
		background: url(../images/page_titles.png) 0px -219px no-repeat;
	}

/* ------ Subtitles */
div#hello {
	width: 90%;
	height: 30px;
	background: url(../images/hello.png) top left no-repeat;
	margin: 10px 0px 0px 10px;
	padding: 0px;
}

div#about {
	width: 90%;
	height: 30px;
	background: url(../images/about.png) top left no-repeat;
	margin: 7px 0px 0px 10px;
	padding: 0px;
}

div#contact {
	width: 90%;
	height: 30px;
	background: url(../images/contact.png) top left no-repeat;
	margin: 7px 0px 0px 10px;
	padding: 0px;
}

div#resume {
	width: 90%;
	height: 30px;
	background: url(../images/resume.png) top left no-repeat;
	margin: 7px 0px 0px 10px;
	padding: 0px;
}

div#services {
	width: 90%;
	height: 30px;
	background: url(../images/services.png) top left no-repeat;
	margin: 7px 0px 0px 10px;
	padding: 0px;
}

div#web {
	width: 90%;
	height: 30px;
	background: url(../images/web.png) top left no-repeat;
	margin: 7px 0px 0px 10px;
	padding: 0px;
}

/* ------ Content Styles */
div#content {
	width: 850px;
	
	text-align: right;
}

	div#bcopy {
		width: 410px;
		background: url(../images/navbg.png);
		margin-left: 400px;
		padding: 5px 20px 20px 20px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		
		text-align: left;
	}
		
		img#kris {
			border: #A4dE3A 1px solid;
			margin: 10px 5px 0px 5px;
			float: right;
		}
	
		p.text {
			text-indent: 15px;
		}
		
		div#krishead {
			width: 95%;
			height: 90px;
			background: url(../images/head.png) top right no-repeat;
			margin: -10px 0px 5px 0px;
		}
	
/* ------ Gallery Styles */
	div#gallery {
		width: auto;
		float: left;
		margin-left: 25px;
		margin-top: 20px;
	}
	
		div.itemOuter {
			background: url(../images/navbg.png);
			width: 90px;
			height: 62px;
			margin: 10px;
			overflow: hidden;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			
			text-align: left;
		}
		
		div.itemOuter:hover {
			width: 330px;
			position: relative;
			z-index: 100;
		}
	
			div.item {
				width: 330px;
				background: url(../images/plus.png) 58px 20px no-repeat;
				margin: 0 auto;
				padding: 0px 10px;
			}
			
				div.itemOuter div.item img.itemPic {
					width: 40px;
					height: 40px;
					margin: 10px 50px 0px 0px;
					border: #A4dE3A 1px solid;
					-moz-border-radius: 6px;
					-webkit-border-radius: 6px;
				}
				
				div.itemOuter:hover div.item img.itemPic {
					width: 205px;
					height: 40px;
					margin: 10px 10px 0px 0px;
				}
				
				div.item td.info {
					width: 100px;
					
					font-weight: bold;
				}
				
				td.img a:link, td.img a:visited {
					color: #555555;
					text-decoration: none;
				}
				
				td.img a:hover, td.img a:active {
					color: #555555;
				}
				
				td.info a:link, td.info a:visited {
					color: #A4dE3A;
					text-decoration: none;
				}
				
				td.info a:hover, td.info a:active {
					color: #FFFFFF;
				}
				
/* ------ Next/Prev Links */
span#pageNum {
	position: absolute;
	top: 131px;
	left: 120px;
	
	font-size: 10px;
	color: #A4dE3A;
}

a#prevPage {
	position: absolute;
	top: 131px;
	left: 40px;
}

a#nextPage {
	position: absolute;
	top: 131px;
	left: 187px;
}

a#prevPage:link, a#prevPage:visited, a#nextPage:link, a#nextPage:visited {
	color: #999999;
	text-decoration: none;
}

a#prevPage:hover, a#prevPage:active, a#nextPage:hover, a#nextPage:active {
	color: #FFFFFF;
}
		
/* ------ Footer */
div#footer {
	width: 525px;
	height: 75px;
	background: url(../images/fire.png) top left no-repeat;
	margin: 20px 0px 10px 75px;
	padding: 35px 0px 0px 90px;
	float: left;
	clear: both;
}

	td#bnav {
		color: #869563;
	}

	td#bnav a:link, td#bnav a:visited {
		margin: 0px 5px;
	}
	
	td#copy {
		width: 25%;
		padding: 0px 5px;
		
		color: #999999;
		text-align: left;
	}
	
	td#email {
		width: 75%;
		padding: 0px 5px;
		
		color: #999999;
		text-align: right;
	}
	
	td#email a:link, td#email a:visited, td#copy a:link, td#copy a:visited {
		color: #999999;
		text-decoration: none;
	}
	
	td#email a:hover, td#email a:active, td#copy a:hover, td#copy a:active {
		color: #FFFFFF;
	}
	
	td#intoxline {
		padding: 0px 5px;
		
		color: #555555;
	}
	
	span.alan {
	color: #869563;
}

/* ------ Image Preview Area */
div#outer {
	width: auto;
	padding: 0px;
	margin: 0 auto;
	float: right;
	position: relative;
	
	text-align: center;
}

div#start {
	display: block;
	position: relative;
}

a.fullImage:hover img { background: url(../images/navbg.png); }

div#ImageInfo {
	width: 200px;
	background: url(../images/infobg.png) top left repeat-y;
	padding: 10px 10px 20px 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	position: absolute;
	top: 25px;
	left: -145px;
	z-index: 0;
}

	div#ImageInfo > img {
		margin: 10px 0px 10px 20px;
	}
	
	div#ImageInfo > span {
		display: block;
		margin-top: 20px;
	}