html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: url('images/bg.jpg') top center no-repeat #000;
 
	 
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

ul#nav {list-style-type:none; width:320px; height:30px; float:right; margin:90px 0 0; padding:0 0 0 10px}

ul#nav li{display:inline;}

ul#nav li a#events{float:left; width:110px; height:25px; background:url(images/nav_events.gif) top center;}

ul#nav li a#speakers{float:left;width:160px; height:25px; background:url(images/nav_speakers.gif) top center;}

ul#nav li a#organizers{float:left; width:110px; height:25px; background:url(images/nav_organizers.gif) top center;}

ul#nav li a#events:hover{background-position:bottom;}

ul#nav li a#speakers:hover{background-position:bottom;}

ul#nav li a#organizers:hover{background-position:bottom;}


#slideshow {
    float:left;
	width:800px; 
	height:220px; 
	margin:16px auto 0 40px;
	position:relative;
	 
}

#slideshow DIV {
    position:absolute;
    top:6px;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 240px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}


#slideshow DIV IMG {
 
    display: block;
    border: 0;
    margin-bottom: 10px;
}


#imagine DIV {
    position:absolute;
    z-index:8;
    opacity:0.0;
	background:white;
	height:80px;
	right:0;
	 
}

#imagine DIV.active  {
    z-index:10;
    opacity:1.0;
}

#imagine DIV.last-active  {
    z-index:9;
	
}

h6{font-weight:bold; font-size:100%; line-height:110%; padding-top:5px; padding:6px; border-bottom:1px solid #CCC; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

h5{font-weight:bold; font-size:100%; line-height:80%; padding:6px; color:#e2ae58; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serifs}

h4{font-weight:bold; font-size:80%; line-height:80%; padding:6px; padding-bottom:6px; color:#333; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}

#top_pattern{width:100%; background:url(images/top_pattern.gif); height:13px;}

#wrapper{width:850px; margin:0 auto; position:relative}

#all_logo{width:184px; height:48px; background:url(images/all_logo.gif); right:30px; position:absolute}

 

#content{
	width:93%;
	margin:0 auto;
	height:580px;
	z-index:8;
	border:0px solid #CCC;
	padding:30px 0 17px;
	background:#f6f6f6;
	position:relative
}

#content_2{width:89%; margin:0 auto;   z-index:8; border:0px solid #CCC; padding:30px 0 30px; background:#f6f6f6; position:relative}

#bottom{width:90%; height:50px}

#header{width:100%; height:240px; padding:0px 0 0;background: url('images/bg.jpg') 100px 0px no-repeat}
#header_contain{width:960px; margin:0 auto; height:160px; position:relative}

p.event_desp {font-size:80%; line-height:120%; font-family:Arial, Helvetica, sans-serif; color:#212121; padding:10px 10px 0;}

p.content_2{font-size:90%; line-height:120%; font-family:Arial, Helvetica, sans-serif; padding:5px 17px; color:#212121}

p.header_2{font-size:110%; line-height:120%; font-family:"Times New Roman", Times, serif; padding:5px 17px; color:#999; width:60%;}

p.content_3{font-size:80%; line-height:130%; font-family:Arial, Helvetica, sans-serif; padding:5px 7px; color:#212121}

a.home_button{width:40%; background:#c2ddda; border:1px solid #77a9a3; padding:20px; text-decoration:none; color:#333; display:block; margin:10px 0 0 15px; text-align:center}

a:hover.home_button{background:#cff5f1; border:1px solid #77a9a3; padding:20px; text-decoration:none; color:#333;}


.folio_box{ width:600px; height:400px; position: absolute; top:-400px; right:0; z-index: 6;}

#wrapper2{position: absolute; right: 50px; top:50px;}

.folio_wrapper{width:600px; height:360px; margin:40px auto; position: relative; right:50px; overflow: hidden;}

#illustration_box{  }

#web_box{  }

#photo_box{ }

#identity_box{ }

.active{z-index: 10}

.old{z-index: 2;}


a#logo{background: url('images/logo.gif') top center no-repeat; width:476px; height:150px; margin:0 auto; display: block;}

a:hover#logo{background: url('images/logo.gif') bottom center no-repeat; width:476px; height:150px; margin:0 auto;}


#splash{width:490px; float:left; height: 160px; background: url(images/home_splash.gif) -30px 0px no-repeat; clear:both; z-index: 8; margin:30px 0 40px 0}

#recent{width:650px; right:150px; position: absolute; height: 190px; background: url(images/recent_bg.gif) 0 30px no-repeat; top:220px; z-index: 1;}

ul#work_nav{list-style-type: none;  left:10px; top:97px; text-align: left;}

ul#work_nav li a{color: black; font-size: 150%; padding: 9px; font-family:Arial; text-decoration: none;  }

ul#work_nav li a:hover{color: #CCC; cursor:pointer; font-size: 150%; padding: 9px; font-family:Arial, sans-serif; display: block;}

.show_on{}

.begin{top:0px; z-index: 19;}

ul#picgal li a img{border:2px solid #FFF;  width:105px; height:105px}

ul#picgal li a img:hover{border:2px solid #bbb; opacity: 1}

.clickOn{font-color:white}

a.resumebutton{width:123px; height:170px; background: url('images/resume_button.gif') 0px -30px no-repeat; display: block; position: absolute; top:0; right:20px}

a:hover.resumebutton{width:123px; height:170px; background: url('images/resume_button.gif') 0px -20px  no-repeat;}

#main_folio_wrapper{width:100%; margin:120px auto; height:470px; position:relative;  padding:20px 0 0; background:url('images/trfans.png');}

#main_folio_contain{width:940px; margin:0 auto; height:440px; position:relative; background:url('images/mywork_temp.png') top right no-repeat; padding:10px; }