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

a img{ 	border: none; }
a:focus { outline:none }


/* Frame - HomePage
--------------------------------------------- */
* { padding: 0; margin: 0;} 


html { text-align: center; }

body {position: relative; font: 11px Arial, Helvetica, sans-serif; color: #FFF; text-align: center; margin-top: 0px; background-color: #000;}

#container { position: relative; text-align: left; margin: 0 auto; width: 930px; padding: 0 0 0 0;}
#header_holder { position: relative; display: block; width: 930px; height: 200px; margin: 0px 0px 0px 0px; background: url(images/header.gif) top center repeat;}

#navigation {
	position:relative;
	width:170px;
	margin: 13px 0px 4px 0px;
	float:right;
}

#navigation_holder {
	position:relative;
	width:100%;
	margin: 0px 0px 0px 0px;
	height: 47px;
	background: url(images/nav_bg.gif) top center repeat;
}

#navigation ul {display: inline; float: left; list-style: none; margin: 0; }

	#navigation li {display: inline; float: left; margin: 0 0 0 0px; margin: 0px 0 2px 0;}

	#navigation li a {text-decoration: none; float: left; display:inline; }

	#navigation li span {display: none;}


#nav01 a {background: url(images/web_btn.gif) bottom left no-repeat; width: 44px; height: 30px;}
#nav01 a:hover {background: url(images/web_btn.gif) top left no-repeat;}
#nav01on {background: url(images/web_btn.gif) top left no-repeat; width: 44px; height: 30px;}

#nav02 a {background: url(images/print_btn.gif) bottom left no-repeat; width: 47px; height: 30px;}
#nav02 a:hover {background: url(images/print_btn.gif) top left no-repeat;}
#nav02on {background: url(images/print_btn.gif) top left no-repeat; width: 47px; height: 30px;}

#nav03 a {background: url(images/logo_btn.gif) bottom left no-repeat; width: 54px; height: 30px;}
#nav03 a:hover {background: url(images/logo_btn.gif) top left no-repeat;}
#nav03on {background: url(images/logo_btn.gif) top left no-repeat; width: 54px; height: 30px;}


.workholder1 { position: relative; float:left; text-align: left; margin: 0; width: 930px; padding: 15px 0 15px 0; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.workholder1 p { position: relative; text-align: left; float:left; margin: 0 0 0 15px; width: 400px; padding: 0 0 0 0;}
.workholder2 { position: relative; text-align: left; float:left; margin: 0; width: 930px; padding: 15px 0 15px 0; border-bottom: 1px solid #333;}
.work_image { position: relative; float:left; text-align: left; width: 500px; padding: 0 0 0 0;}

.intro_text { position: relative; float:left; text-align: left; margin: 10px 0 0 0px; width: 600px; padding: 0 0 0 0;}
.intro_text p { position: relative; text-align: left; margin: 10px 0 20px 0; width: 500px; padding: 0 0 0 0; line-height:1.5em;}


.work_text { position: relative; float:left; text-align: left; margin: 25px 0 0 25px; width: 400px; padding: 0 0 0 0;}
.work_text p { position: relative; text-align: left; margin: 10px 0 30px 0; width: 375px; padding: 0 0 0 0; line-height:1.5em;}


h1.project { margin: 0px 0px 0px 0px; font-size: 17px; font-weight: normal; color: #999;}

h2.rolls { margin: 0px 0px 0px 0px; font-size: 12px; font-weight: normal; color: #999;}

h1.intro { font-size: 9px; margin: 10px 0px 0px 0px; height:65px; background-image:url(images/intro.gif); background-repeat:no-repeat; height: 62px;}
h1.intro span {display:none;}


.view ul { list-style: none; margin: 0; }
	.view li {display: inline; float: left; margin: 0 0 0 3px;}
	.view li a {text-decoration: none; float: left; display:inline; }
	.view li span {display: none;}
	
	
.involvement { position: relative; float:left; text-align: left; margin: 10px 0 0 0px; width: 200px; padding: 0 0 0 0;}
.involvement ul { margin-left: 0px; padding-left: 0px; vertical-align: middle; list-style:none; color:#666666;}
.involvement li { margin: 3px; padding: 0px; font-weight:100; font-size:10px;} 

.view { position: relative; text-align: left; margin: 40px 0 0 0px; width: 112px; padding: 0 0 0 0;}


.view a {background: url(images/vpb.gif) top right no-repeat; width: 112px; height: 30px;}
.view a:hover {background: url(images/vpb.gif) bottom right no-repeat;}

#copyright { position: relative; float:left; text-align: left; margin: 0; width: 930px; padding: 15px 0 15px 0; }
#copyright p { position: relative; text-align: left; margin: 0 0 0 0px; color:#666666; width: 400px; padding: 0 0 0 0;}

#contactinfo { position: relative;
	float:left;
	text-align: left;
	margin: 55px 0px 0px 100px;
	padding: 15px 0px 15px 0px; }
	
#contactinfo span { color:#ff6600;}

a.email:link { text-decoration: none; color: #666666; font-size: 12px;}

a.email:visited { text-decoration: none; color: #666666; font-size: 12px;}

a.email:hover { text-decoration: none; color: #666666; font-size: 12px;}

a.resume:link { text-decoration: none; color:#666666; font-size: 11px;}

a.resume:visited { text-decoration: none; color: #666666; font-size: 11px;}

a.resume:hover { text-decoration: none; color: #666666; font-size: 11px;}