body{
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background-image: url(/graphics/bg-tile.gif);
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
line-height: 18px;
}
body a img{
border: none;
}
div{
display: block;
}
div#header{
  height: 142px;
  color: #a49d99;
  margin-top: 0px;
  z-index: 100;
  position: relative;
}
div#logo{
  text-align: center;
  height:40px;
  border:0px solid #000000;
  width:460px;
  margin:0 3% 0 3%;
}
div#crab{
text-align:center;
width:100%;
margin-top:35%;
}
div#logo div{
  margin:0px;
  display: block;
  float: left;
  background-repeat: no-repeat;
  border:0px solid #000000;
  margin-top:0px;
}
div#logo div#header_top_left{
  margin-left:50px;
  background-image:url(/graphics/header/header_top_left.png);
  height:92px;
  float: left;
  width:59px;
}
div#logo div#header_top_middle{
  margin-left:0px;
  background-image:url(/graphics/header/header_top_middle.png);
  height:92px;
  float:left;
  cursor:pointer;
  width:201px;
}
div#logo div#header_top_right{
  margin-left:0px;
  background-image:url(/graphics/header/header_top_right.png);
  height:92px;
  float: left;
  width:91px;
}
div#logo div.rollover:hover{
  background-position:0px -25px;
  background-color:#383b3e;
}
div#logo div#navigation_left{
  background-image:url(/graphics/header/header_nav_left.png);
  margin-left:50px;
  width:27px;
  height:25px;
}
div#logo div#moving_images{
  background-image:url(/graphics/header/moving_images_sprite.png);
  height:25px;
  width:105px;
  cursor:pointer;
}
div#logo div#spacer_1{
  background-image:url(/graphics/header/header_nav_spacer_1.png);
  height:25px;
  width:15px;
}
div#logo div#interactive{
  background-image:url(/graphics/header/interactive_sprite.png);
  height:25px;
  width:75px;
  cursor:pointer;
}
div#logo div#spacer_2{
  background-image:url(/graphics/header/header_nav_spacer_2.png);
  height:25px;
  width:19px;
}
div#logo div#resume{
  background-image:url(/graphics/header/resume_sprite.png);
  height:25px;
  width:55px;
  cursor:pointer;
}
div#logo div#navigation_right{
  background-image:url(/graphics/header/header_nav_right.png);
  height:25px;
  width:19px;
}
div#logo div#header_bottom{
  margin-left:50px;
  margin-top:0px;
  background-image:url(/graphics/header/header_bottom.png);
  height:24px;
  width:315px;
}

div#nav{
height:30px;
}
div#nav div{
background-color: #00a9e0;
height:34px;
border-bottom: 0px;
color:#FFFFFF;
list-style-type: none;
padding:5px 14px 5px 14px;
display: block;
font:15px Arial;
float:top;
margin-left: 4px;
}
div#nav li:hover{
background-color: #FFFFFF;
color:#80766e;
}
div.layout_centered{
margin-left: auto;
margin-right: auto;
padding: 0px 15px 0px 0px;
width:845px;
border: 0px solid #000000;
}
div.header{
margin-top:15px;
height:33px;
}
div#moving_image_banner{
background-image: url(/graphics/moving_image_header.png);
height:33px;
width:829px;
float:left;
}
div#interactive_banner{
background-image: url(/graphics/interactive_header.png);
height:33px;
width:829px;
float:left;
}
div.view_all{
background-image: url(/graphics/view_all.png);
height:9px;
width:75px;
margin-top:13px;
margin-right:14px;
float:right;
cursor:pointer;
}
div.next{
height:9px;
width:50px;
margin-top:9px;
margin-right:14px;
float:right;
}
div.previous{
height:9px;
width:79px;
margin-top:9px;
margin-right:14px;
float:right;
}
div.download_pdf{
background-image: url(/graphics/download_pdf.png);
height:9px;
width:98px;
margin-top:13px;
margin-right:14px;
float:right;
}
div.header a:hover{
color: rgb(0, 169, 224);
text-decoration: underline;
}
div.header a{
color: rgb(74, 60, 49);
text-decoration: none;
}
div.video_header a:hover{
color: rgb(0, 169, 224);
text-decoration: underline;
}
div.video_header a{
color: rgb(74, 60, 49);
text-decoration: none;
}
h1{
border-bottom: none;
color: rgb(74, 60, 49);
font-family: Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: bold;
margin: 0px 0px 12px;
}
div#videos{
display:block;
height:260px;
border:0px solid #000000;
}
div#interactive{
height:260px;
display: block;
}
div#resume{
display:block;
height:33px;
border:0px solid #000000;
}
div#resume_header{
background-image: url(/graphics/resume_header.png);
height:33px;
width:829px;
float:left;
}
div#resume_frame{
width:809px;
height:460px;
margin-top:16px;
background-color:#ffffff;
overflow-y: scroll;
margin-bottom: 16px;
font-family: Helvetica, Arial, sans-serif;
}
div#resume_content{
text-indent: 30px;
padding-top: 15px;
padding-bottom:20px;
color:#000000;
}
div#resume_content div.section_header{
padding:0px;
margin-top:10px;
margin-bottom: 5px;
}
div#resume_content div.section_header h1{
font-size:15px;
font-weight: bold;
color:#000000;
padding:0px;
margin:0px;
}
div#resume_content div.res_field{
margin-bottom:5px;
padding:0px;
}
div#resume_content div.res_field h1{
font-size:13px;
font-weight: bold;
color:#000000;
line-height: 13px;
margin:0px;
padding:0px;
}
div#resume_content div.res_field h1 div.date{
float:right;
color:#757575;
margin-right:30px;
font-weight: 100;
}
div#resume_content div.res_field h2{
font-size:12px;
font-style: italic;
font-weight: 100;
color:#000000;
margin:0px;
padding:0px;
}
div#resume_content div.res_field li{
line-height: 14px;
list-style-position: -10px;
}

div#item_frame{
height: 186px;
padding: 4px;
margin-top: 18px;
background-color: #ffffff;
float: left;
margin-right:17px;
margin-top: 17px;
width: 186px;
}

div#overlay{
z-index: 1;
background-image: url(/graphics/overlay.png);
background-position-x: 1px;
position:absolute;
height:123px;
width:183px;
cursor:pointer;
}
div#overlay:hover{
background-image: url(/graphics/overlay_on.png);
}
div.item_thumb{
position: relative;
left:4px;
top:4px;
width:178px;
height:118px;
background-image: url(/graphics/loading.gif);
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
}
div.item_thumb img.mediathmb{
display:none;
}
div.item_info{
height: 64px;
position: relative;

text-indent:-7px;
}
div.item_info h2{
color:#2b2322;
font-family: Arial, Geneva, sans-serif;
font-size: 14px;
border: none;
font-weight: bold;
margin: 0px;
padding: 4px 0px 0px 10px;
}
div.item_info h2 a:link,div.item_info h2 a:visited,div.item_info h2 a:hover{
text-decoration: none;
color:#000000;
}
div.item_info h3{
color:#2b2322;
font-family: Arial, Geneva, sans-serif;
font-size: 10px;
font-weight: 100;
padding: 0px 0px 0px 10px;
margin:0px;
}
div.item_info h3 a:link,div.item_info h3 a:visited{
text-decoration: none;
color:#000000;
}
div.item_info h3 a:hover{
text-decoration: underline;
}
div.item_thumb a img{
z-index: -1;
display: block;
border: 0px;
overflow: hidden;
}
div.item_views{
bottom: 1px;
color: rgb(200, 196, 193);
float: right;
font-weight: bold;
position: absolute;
right: 5px;
vertical-align: baseline;
line-height: 14px;
}
div.item_views img{
margin-right:3px;
vertical-align: -2px;
border:0px;
}
div#video_playback{
width:828px;
}
div#interactive_playback{
width:828px;
}
div#video_playback div.video_header{
background-image: url(/graphics/moving_image_header.png);
height:33px;
width:829px;
margin-bottom: 20px;
}
div#interactive_playback div.interactive_header{
background-image: url(/graphics/interactive_header.png);
height:33px;
width:829px;
margin-bottom: 20px;
}
div#video_frame{
/*border: 2px solid #000000;*/
width: 572px;
height:420px;
background-color:#ffffff;
margin-bottom: 21px;
}
div#interactive_frame{
/*border: 2px solid #000000;*/
width: 829px;
height:420px;
background-color:#ffffff;
margin-bottom: 21px;
}
div#interactive_slideshow{
float:left;
height:400px;
width:575px;
margin-left:12px;
margin-top: 16px;
border:0px solid #000000;
}
div#interactive_slideshow div#top_image{
width:565px;
height:313px;
margin-left:5px;
margin-top:-14px;
}
div#interactive_playback div#interactive_slideshow ul{
margin-left:-36px;
height: 44px;

}
div#interactive_playback div#interactive_slideshow ul li{
list-style: none;
float:left;
border:1px solid #DEDEDE;
height:50px;
margin-right: 10px;
width:80px;
}
div#interactive_slideshow div#interactive_overlay{
position:absolute;
width:575px;
height:323px;
background-position-x:-1px;
background-image: url(/graphics/interactive_overlay.png);
z-index:2;
}
div.bottom{
margin-left: 4px;
}
div.bottom span{
margin-right:4px;
color:#4F82CE;
}
div.bottom a:link,div.bottom a:visited{
margin-right:4px;
color:#000000;
text-decoration: none;
}
div.bottom a:hover{
color:#4F82CE;

}


#display_data{
float: right;
font-family: Helvetica, Arial, Geneva, sans-serif;
padding:10px;
margin-top:9px;
height:410px;
width:218px;
}
#display_data h1{
font-size: 16px;
margin:0px;
line-height:20px;
color:#000000;
}
#display_data h2{
font-size: 12px;
line-height: 12px;
margin:0px;
color:#000000;
}
#display_data h3{
font-size: 9px;
line-height: 12px;
margin:0px;
color:#000000;
}
#display_data p a:link,#display_data p a:visited{
color:#000000;
}
#display_data p#tags a:link,#display_data p#tags a:visited{
background-color: #8c8b7f;
color:#ffffff;
text-decoration: none;
padding:2px;
line-height: 20px;
}
#display_data p a:hover{
color:#4f82ce;
}
#display_date p{
font-size: 12px;
line-height: 12px;
}
div#file{
float:right;
height:10px;
width:56px;
background-image:url(/graphics/download_file.png);
margin-top:40px;
cursor: pointer;
}
div#http{
float:right;
height:8px;
width:46px;
background-image:url(/graphics/visit_site.png);
cursor: pointer;
}
div#http:hover{
background-position-y: -8px;
}
div#file:hover{
background-position-y: -10px;
}
div#video_frame div#player_embed{
position: relative;
left:10px;
z-index: 1;
top:10px;
}
div#video_overlay{
width:552px;
height:386px;
border:0px solid #000000;
position: absolute;
margin-left: 10px;
margin-top: 9px;
z-index: 5;
background-image: url(/graphics/video_overlay.png);
}
p.player{
padding-top:30%;
}
div#video_data_frame{
float:right;
background-color: #ffffff;
width:237px;
height:420px;
}
div#footer_content{
background-image: url(/graphics/footer_twitter.png);
width:830px;
height: 33px;
margin-bottom: 10px;
}
div#footer_content div#twitter_icon{
background-image: url(/graphics/twitter_icon.png);
width:25px;
position: relative;
left:12px;
top:5px;
height:23px;
float: left;
}
div#footer_content a:link{
border:0px solid #000000;
}
div#social_connect{
display: block;
height: 12px;
padding:10px;
color:#ffffff;
border: 0px solid #ffffff;
font: 10px Arial, Helvetica, sans-serif;
margin-right:10px;
float: right;
}
div#social_connect a:link,div#social_connect a:visited{
text-decoration: none;
color:#ffffff;
}
div#social_connect a:hover{
color:#fcdb00;
}
span.text_sp{
color:#fcdb00;
margin:0px 5px 0px 5px;
}
span.seotext{
visibility: hidden;
}


ul.marquee {
	/* required styles */
	display: block;
	float:left;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;
	cursor: default;

	/* optional styles for appearance */
	width: 600px;
	margin-left:20px;
	height: 30px; /* height should be included to reserve visual space for the marquee */

	border: 0px solid #000000;
}
ul.marquee li {
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */

	/* optional styles for appearance */
	color:#ffffff;
	text-transform:uppercase;
	font: 10px Arial, Helvetica, sans-serif;
	padding:10px 5px;
}
ul.marquee li a:link,ul.marquee li a:visited{
	color:#fcdb00;
	text-decoration: none;
}
ul.marquee li span.when{
	color:#fcdb00;
	margin:0px 10px 0px 10px;
}


/* Love/Hate Footer */
div.lovehate-inc-footer{
	position: absolute;
	left:0;
	right:0;
	height:0px;
	bottom:0px;
	margin-top:-118px;
	z-index: 100;
	direction: ltr;
}
img#love-hate-vert-banner{
	border:0;
}