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

/* These style sheets control the web site display images ©2010 Kevin Knipe */

ul.art-menu {
	margin:8px 0;
	padding:0px;
	list-style:none;
	font-size:80%;
}
ul.art-menu li p{padding:10px;}

#home ul.art-menu {
	margin:20px 0 0 0;
}
ul.art-menu li {
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
}
ul.art-menu li.left {
	clear:left;
	float:left;
	width:48%;	
	height:315px;
	padding-left:10px;
	position:relative;
	overflow:hidden;
	/* Firefox / Gecko */
	-moz-border-radius:10px; 	
	/* Webkit family (Safari, Chrome, Konqueror, etc) */
	-webkit-border-radius:10px;
}
ul.art-menu li.right {
	clear:right;
	float:right;
	width:48%;
	height:315px;
	padding-right:10px;
	position:relative;
	overflow:hidden;
	/* Firefox / Gecko */
	-moz-border-radius:10px; 
	/* Webkit family (Safari, Chrome, Konqueror, etc) */
	-webkit-border-radius:10px;
}


ul.art-menu li a {
	display:block;
	/*color:#99a7b3;*/
	color:#333333;
	background-color:#ecf2f8;
	text-decoration:none;
	border:1px solid #9e9d9d;	
	/* Firefox / Gecko */
	-moz-border-radius:10px; 
	/* Webkit family (Safari, Chrome, Konqueror, etc) */
	-webkit-border-radius:10px;
	background-position:96% center;
	background-repeat:no-repeat;
	padding:0;
	overflow:hidden;
	position:relative;
}
ul.art-menu li a:hover {
	border:1px solid #369;
	background-color:#fff;
	color:#1f5b97;
	background-position:96% center;
	background-repeat:no-repeat;
	cursor: pointer;
}
ul.art-menu li span {
	display:block;
	margin:0;
	padding:5px 10px 0 10px;
	font-size:10px;
	position:relative;
	clear:both;
	line-height:13px;
	text-align:center;
}


#btm-frame img {
	border:4px solid #000000;	
}


.resume p {padding:5px 0 3px 0;}

.resume {margin-top:10px;}

ul.resume {
	list-style:none;
}

ul.resume li{
	background-image:url(../images/icons/bullet-box.png); 
	background-repeat:no-repeat;
	padding:0 0 0 28px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:0.5px;
	font-weight:bold;
}

ul.exp {
	list-style:square;
	padding:15px 0 20px 15px;
}

ul.exp li{
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


ul.photo-menu li .txt-link a{ 
	font-size:12px;
	border:none!important;
	background:none!important;
	white-space:nowrap;
	text-align:right!important;
	padding:0 10px 0 0;
	margin:0;
	cursor:pointer;
}

ul.photo-menu {
	margin:8px 0;
	padding:0px;
	list-style:none;
	font-size:80%;
}

ul.photo-menu li p{padding:10px;}

#home ul.photo-menu {
	margin:20px 0 0 0;
}
ul.photo-menu li {
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
}

 
ul.photo-menu li.left {
	clear:left;
	float:left;
	width:232px;
	height:auto;
	padding-left:10px;
	position:relative;
	overflow:hidden;
	/* Firefox / Gecko */
	-moz-border-radius:10px; 	
	/* Webkit family (Safari, Chrome, Konqueror, etc) */
	-webkit-border-radius:10px;
}

ul.photo-menu li.middle {
	float:left;
	width:231px;
	height:auto;
	padding-left:10px;
	position:relative;
	overflow:hidden;
	/* Firefox / Gecko */
	-moz-border-radius:10px; 	
	/* Webkit family (Safari, Chrome, Konqueror, etc) */
	-webkit-border-radius:10px;
}
ul.photo-menu li.right {
	clear:right;
	float:right;
	width:232px;
	height:auto;
	padding-right:10px;
	position:relative;
	overflow:hidden;
}		
		
/* This will controll the thumbnails for the illustration section */	
		
							ul.photo-menu li.left#ill {
							width:135px;}
							
							ul.photo-menu li.middle#ill {
							width:135px;}
							
							ul.photo-menu li.right#ill {
							width:135px;
							}

ul.photo-menu li a {
	display:block;
	/*color:#99a7b3;*/
	color:#333333;
	background-color:#98a094;
	text-decoration:none;
	border:4px solid #000000;	
	background-position:96% center;
	background-repeat:no-repeat;
	padding:0;
	overflow:hidden;
	position:relative;
}

ul.photo-menu li a:hover {
	border:4px double #dda41b;
	background-color:#fff;
	color:#1f5b97;
	cursor:pointer;
}

ul.photo-menu li span {
	display:block;
	margin:0;
	padding:5px 10px 0 10px;
	font-size:10px;
	position:relative;
	clear:both;
	line-height:13px;
	text-align:center;
}

.photo-nav-shell {
	font-weight:normal;
	letter-spacing:normal;								
	text-align:left;
	color:#333333;
	padding:8px 0 0 0;
	margin:0;
	width:735px;
	float:right;					
}

ul.photo-nav {
	list-style-type:none;
	display:inline-block;
}

ul.photo-nav  li a {
	display:block;
	color:#333333;
	background-color:#98a094;
	text-decoration:none;
	border-top:1px solid #000000;	
	border-right:1px solid #000000;
	border-bottom:none;
	border-left:1px solid #000000;
	padding:0;
	overflow:hidden;
	position:relative;
}

ul.photo-nav  li a:hover {
	border:4px double #dda41b;
	background-color:#fff;
	color:#1f5b97;
	cursor:pointer;
}