@charset "utf-8";
/* CSS Document */
	
	/* Reset and general definitions */
	
	* {
		border:0;
		margin:0;
		padding:0;
	}
	
	.left {
		float:left;
	}
	
	.right {
		float:right;
	}
	
	.clear {
		clear:both;
	}

	.hidden {
		display:none;
	}
	
	.center {
		text-align:center;	
	}
	
	body {
		font-size:62.5%;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		text-align:justify;
	}
	
	p, ul {
		font-size:1.4em;
		color:#666666;
	}
	
	a {
		color:#0086D3;
		text-decoration:none;
	}
	
	a:hover {
		text-decoration:underline;
	}
	
	h1, h2, h3, h4, h5, h6 {
		color:#bf3d11;
		font-weight:bold;
	}
	
	h2 {
		font-size:4em;
		margin-bottom:5px;
	}
	
	h3 {
		font-size:3em;
		margin-bottom:15px;
	}
	
	h4 {
		font-size:1.8em;
	}
	
	li {
		list-style:url(../images/bullet.png) inside;
		margin: 15px 0;
		font-weight:bold;
	}
	
	/* Basic structure */
	
	#header {
		width:100%;
		height:204px;
		background:url(../images/header_bg.jpg) repeat-x;
		text-align:center;
		padding-top:50px;
	}
	
	#logo {
		background:url(../images/zeemidesign.png) no-repeat top center;
		display:block;
		height:75px;
		width:521px;
		margin-left:auto;
		margin-right:auto;
		text-indent:-9999px;
	}
		
	#header_transition {
		width:100%;
		height:240px;
		background:url(../images/top_bokeh.jpg) no-repeat top center #000;
	}
	
	#header_transition2 {
		width:100%;
		height:240px;
		background:url(../images/top_bokeh2.jpg) no-repeat top center #000;
		text-align:center;
	}
	
	#main {
		width:100%;
		height:394px;
		background:url(../images/main_bg.jpg) repeat-x;
		padding-top:60px;
	}
	
	.wrapper {
		width:960px;
		margin:0 auto;
	}
	
	.left_content {
		width:450px;
		float:left;
		padding-right:20px;
	}
	
	.left_content ul li a {
		color:#666;
	}
	
	.right_content {
		width:470px;
		float:right;
		text-align:center;
	}
	
	.project {
		width:300px;
		float:left;
	}
	
	#footer_transition {
		width:100%;
		height:183px;
		background:url(../images/bottom_bokeh.jpg) no-repeat top center #000;
	}
	
	#footer {
		width:100%;
		height:51px;
		background:url(../images/footer.jpg) repeat-x;
		text-align:center;
		padding-top:10px;
		clear:both;
	}
		
	#this {
		float:right;
		margin:6px 12px 0 0;
	}
	
	#features {
		float:left;
		margin:3px 0 0 12px;
	}
	
	#features h4 {
		margin-bottom:5px;
		text-align:left;
	}
	
	#features img {
		margin:0 1px;
	}
	/* Navigation */
	
	#navigation {
		width:915px;
		margin-left:auto;
		margin-right:auto;
		margin-top:61px;
	}
	
	#navigation li {
		display:inline;
		background:none;
		padding:0;
		margin:0;
	}
	
	#navigation li a {
		display:block;
		text-indent:-9999px;
		float:left;
		margin:0 15px 0 0;
		border:solid #d6d6d6;
		border-width:0 1px 0 0;
		padding-right:15px;
		outline:none;
	}
	
	#home {
		background:url(../images/home.png) no-repeat left top;
		width:124px;
		height:67px;
	}
	
	#home:hover {
		background-position:left bottom;
	}
	
	#about {
		background:url(../images/about.png) no-repeat left top;
		width:110px;
		height:67px;
	}
	
	#about:hover {
		background-position:left bottom;
	}
	
	#services {
		background:url(../images/services.png) no-repeat left top;
		width:160px;
		height:67px;
	}
	
	#services:hover {
		background-position: left bottom;
	}
	
	#portfolio {
		background:url(../images/portfolio.png) no-repeat left top;
		width:186px;
		height:67px;
	}
	
	#portfolio:hover {
		background-position: left bottom;
	}
	
	#contact {
		background:url(../images/contact.png) no-repeat left top;
		width:149px;
		height:67px;
	}
	
	#contact:hover {
		background-position:left bottom;
	}
	
	#line {
		float:left;
		width:1px;
		height:67px;
		background:#d6d6d6;
		margin:0 15px;
	}
	
	/* Footer Sections */

	
	.footer_section {
		width:220px;
		height:163px;
		float:left;
		padding:10px 20px 10px 0px;
		overflow:hidden;
	}
	
	.footer_section a{
		color:#fff;
	}
	
	.footer_section li {
		padding-left:3px;
		list-style:none none outside;
		font-size:1em;
		margin:8px 0;
	}
	
	.footer_section h3 {
		padding-bottom:5px;
		margin:0px;
	}
	
	.RSSPumpArticle {
		margin:8px 0;
	}
	
	.RSSPumpArticleHeader a{
		font-size:1.4em;
		font-weight:bold;
	}
	
	#icons {
		padding-top:10px;
		padding-left:20px;
	}
	
	#icons a img {
		margin:5px;
	}
	
	/* Contact Form */
	
	#contact_window {
		text-align:center;
	}
	
	input {
		background:url(../images/input.png) no-repeat;
		display:block;
		height:25px;
		width:215px;
		padding:10px 10px 0px 10px;
		margin-left:auto;
		margin-right:auto;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#777;
		font-weight:bold;
		font-size:12px;
	}
	
	input:focus {
		background:url(../images/input_active.png);
	}
	
	textarea {
		background:url(../images/textarea.png) no-repeat;
		display:block;
		height:171px;
		width:508px;
		padding:10px 10px 10px 10px;
		margin-left:auto;
		margin-right:auto;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#777;
		font-weight:bold;
		overflow:hidden;
	}
	
	textarea:focus {
		background:url(../images/textarea_active.png);
	}
	
	#send {
		background:url(../images/send.png) no-repeat;
		height:27px;
		width:110px;
		display:block;
		padding:0px;
	}
	
	#send:active {
		background:url(../images/send_active.png);
		outline:none;
	}
	
	/* Services Subnav */
	
	#web_design {
		background:url(../images/web_design.png) no-repeat left 3px;
		height:49px;
		width:210px;
		display:block;
		text-indent:-9999px;
		position:absolute;
		margin-left:295px;
		margin-top:95px;
	}
	
	#web_development {
		background:url(../images/web_development.png) no-repeat left 3px;
		height:49px;
		width:315px;
		display:block;
		text-indent:-9999px;
		position:absolute;
		margin-top:20px;
	}
	
	#graphic_design {
		background:url(../images/graphic_design.png) no-repeat left 3px;
		height:49px;
		width:253px;
		display:block;
		text-indent:-9999px;
		position:absolute;
		margin-top:20px;
		margin-left:547px;
	}
	
	#much_more {
		background:url(../images/much_more.png) no-repeat left 3px;
		height:41px;
		width:194px;
		display:block;
		text-indent:-9999px;
		position:absolute;
		margin-top:161px;
		margin-left:576px;
	}
	
	#photography {
		background:url(../images/photography.png) no-repeat left 3px;
		height:49px;
		width:219px;
		display:block;
		text-indent:-9999px;
		position:absolute;
		margin-top:161px;
		margin-left:48px;
	}
	
	#photography:hover {
		background-position:left 3px !important;
	}
	
	#web_design:hover {
		background-position:left 3px !important;
	}
	
	#graphic_design:hover {
		background-position:left 3px !important;
	}
	
	#web_development:hover {
		background-position:left 3px !important;
	}
	
	#much_more:hover {
		background-position:left 3px !important;
	}
	
	#subnav {
		width:800px;
		margin:0 auto;
	}
	
	#subnav:hover #photography {
		background-position:left bottom;
	}
	
	#subnav:hover #web_design {
		background-position:left bottom;
	}
	
	#subnav:hover #graphic_design {
		background-position:left bottom;
	}
	
	#subnav:hover #web_development {
		background-position:left bottom;
	}
	
	#subnav:hover #much_more {
		background-position:left bottom;
	}
	
	/* About */
	
	#zee {
		background:url(../images/zee.png) no-repeat top left;
		height:223px;
		width:127px;
		display:block;
		text-indent:-9999px;
		float:left;
		margin-left:300px;
	}
	
	#zee:hover {
		background-position:-125px 0;
	}
	
	#ximi {
		background:url(../images/ximi.png) no-repeat top left;
		height:224px;
		width:103px;
		display:block;
		text-indent:-9999px;
		float:right;
		margin-right:300px;
	}
	
	#ximi:hover {
		background-position:-102px 0;
	}
	
	.characters {
		float:left;
		margin:0 30px;
		padding-bottom:200px;
	}
	
	.panel ul li {
		font-weight:normal;
	}
	
	.profile li {
		list-style:none none outside;
	}
	
	/* 404 */
	
	#error_404 {
		width:450px;
		margin:0 25px;
		text-align:center;
		float:left;
	}
	
	/* jCarousel lite */
	
	#carousel_logo {
		margin-top:57px;
	}
		
	.prev {
		float:left;
		background:url(../images/previous.png) no-repeat;
		height:35px;
		width:35px;
		margin-top:85px;
		outline:none;
	}
	
	.prev:hover {
		background:url(../images/previous_hover.png);
	}
	
	.next {
		float:left;
		background:url(../images/next.png) no-repeat;
		height:35px;
		width:35px;
		margin-top:85px;
		outline:none;
	}
	
	.next:hover {
		background:url(../images/next_hover.png);
	}
	
	.carousel {
		float:left;
	}
	
	.carousel li {
		list-style:none none outside;
		padding:0;
		margin:12px 10px;
	}
	
	#carousel_container {
		width:960px;
		margin:0 auto;
		padding-top:15px;
	}
	
	/* Gallery */
	
	#latest_work {
		background:url(../images/mac.png) no-repeat;
		width:347px;
		height:302px;
		margin:19px auto 0 auto;
		padding:40px 0 0 16px;
	}
	
	#myGallery, #myGallerySet, #flickrGallery
	{
		width: 326px;
		height: 185px;
		z-index:5;
	}
	
	#flickrGallery
	{
		width: 500px;
		height: 334px;
	}
	
	#myGallery img.thumbnail, #myGallerySet img.thumbnail
	{
		display: none;
	}
	
	.jdGallery
	{
		overflow: hidden;
		position: relative;
	}
	
	.jdGallery img
	{
		border: 0;
		margin: 0;
	}
	
	.jdGallery .slideElement
	{
		width: 100%;
		height: 100%;
		background-color: #000;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url('img/loading-bar-black.gif');
	}
	
	.jdGallery .loadingElement
	{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-color: #000;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url('img/loading-bar-black.gif');
	}
	
	.jdGallery .slideInfoZone
	{
		position: absolute;
		z-index: 10;
		width: 100%;
		margin: 0px;
		left: 0;
		bottom: 0;
		height: 40px;
		background: #333;
		color: #fff;
		text-indent: 0;
		overflow: hidden;
	}
	
	* html .jdGallery .slideInfoZone
	{
		bottom: -1px;
	}
	
	.jdGallery .slideInfoZone h2
	{
		padding: 0;
		font-size: 80%;
		margin: 0;
		margin: 2px 5px;
		font-weight: bold;
		color: inherit;
	}
	
	.jdGallery .slideInfoZone p
	{
		padding: 0;
		font-size: 60%;
		margin: 2px 5px;
		color: #eee;
	}
	
	.jdGallery div.carouselContainer
	{
		position: absolute;
		height: 135px;
		width: 100%;
		z-index: 10;
		margin: 0px;
		left: 0;
		top: 0;
	}
	
	.jdGallery a.carouselBtn
	{
		position: absolute;
		bottom: 0;
		right: 30px;
		height: 20px;
		/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
		text-align: center;
		padding: 0 10px;
		font-size: 13px;
		background: #333;
		color: #fff;
		cursor: pointer;
	}
	
	.jdGallery .carousel
	{
		position: absolute;
		width: 100%;
		margin: 0px;
		left: 0;
		top: 0;
		height: 115px;
		background: #333;
		color: #fff;
		text-indent: 0;
		overflow: hidden;
	}
	
	.jdExtCarousel
	{
		overflow: hidden;
		position: relative;
	}
	
	.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
	{
		position: absolute;
		width: 100%;
		height: 78px;
		top: 10px;
		left: 0;
		overflow: hidden;
	}
	
	.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
	{
		position: relative;
	}
	
	.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
	{
		cursor: pointer;
		background: #000;
		background-position: center center;
		float: left;
		border: solid 1px #fff;
	}
	
	.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
	{
		margin-bottom: 10px;
	}
	
	.jdGallery .carousel .label, .jdExtCarousel .label
	{
		font-size: 13px;
		position: absolute;
		bottom: 5px;
		left: 10px;
		padding: 0;
		margin: 0;
	}
	
	.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
	{
		font-size: 10px;
		position: absolute;
		bottom: 5px;
		right: 10px;
		padding: 1px 2px;
		margin: 0;
		background: #222;
		border: 1px solid #888;
		cursor: pointer;
	}
	
	.jdGallery .carousel .label .number, .jdExtCarousel .label .number
	{
		color: #b5b5b5;
	}
	
	.jdGallery a
	{
		font-size: 100%;
		text-decoration: none;
		color: inherit;
	}
	
	.jdGallery a.right, .jdGallery a.left
	{
		position: absolute;
		height: 99%;
		width: 25%;
		cursor: pointer;
		z-index:10;
		filter:alpha(opacity=20);
		-moz-opacity:0.2;
		-khtml-opacity: 0.2;
		opacity: 0.2;
	}
	
	* html .jdGallery a.right, * html .jdGallery a.left
	{
		filter:alpha(opacity=50);
	}
	
	.jdGallery a.right:hover, .jdGallery a.left:hover
	{
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}
	
	.jdGallery a.left
	{
		left: 10px;
		top: 0;
		background: url(../images/previous_hover.png) no-repeat center left;
	}
	
	.jdGallery a.right
	{
		right: 10px;
		top: 0;
		background: url(../images/next_hover.png) no-repeat center right;
	}
	
	.jdGallery a.open
	{
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	
	.withArrows a.open
	{
		position: absolute;
		top: 0;
		left: 25%;
		height: 99%;
		width: 50%;
		cursor: pointer;
		z-index: 10;
		background: none;
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}
	
	.withArrows a.open:hover { background: url(../js/smoothgallery/css/img/open.png) no-repeat center center; }
			
	/* Gallery Sets */
	
	.jdGallery a.gallerySelectorBtn
	{
		z-index: 15;
		position: absolute;
		top: 0;
		left: 30px;
		height: 20px;
		/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
		text-align: center;
		padding: 0 10px;
		font-size: 13px;
		background: #333;
		color: #fff;
		cursor: pointer;
		opacity: .4;
		-moz-opacity: .4;
		-khtml-opacity: 0.4;
		filter:alpha(opacity=40);
	}
	
	.jdGallery .gallerySelector
	{
		z-index: 20;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #000;
	}
	
	.jdGallery .gallerySelector h2
	{
		margin: 0;
		padding: 10px 20px 10px 20px;
		font-size: 20px;
		line-height: 30px;
		color: #fff;
	}
	
	.jdGallery .gallerySelector .gallerySelectorWrapper
	{
		overflow: hidden;
	}
	
	.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
	{
		margin-left: 10px;
		margin-top: 10px;
		border: 1px solid #888;
		padding: 5px;
		height: 40px;
		color: #fff;
		cursor: pointer;
		float: left;
	}
	
	.jdGallery .gallerySelector .gallerySelectorInner div.hover
	{
		background: #333;
	}
	
	.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
	{
		background: #000;
		background-position: center center;
		float: left;
		border: none;
		width: 40px;
		height: 40px;
		margin-right: 5px;
	}
	
	.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
	{
		margin: 0;
		padding: 0;
		font-size: 12px;
		font-weight: normal;
	}
	
	.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
	{
		margin: 0;
		padding: 0;
		font-size: 12px;
		font-weight: normal;
		color: #aaa;
	}

	/* Codaslider */
			
		p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		img { border: 0 }
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 960px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 460px;
			clear: both;
			background:none;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 960px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding:10px;
			width:940px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			display:none;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			background:none;
			padding:0;
			float: left;
			margin:0 2px 0 0; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}
		
		/* lytebox */
		
		#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
		#lbOverlay.grey { background-color: #000000; }
		#lbOverlay.red { background-color: #330000; }
		#lbOverlay.green { background-color: #003300; }
		#lbOverlay.blue { background-color: #011D50; }
		#lbOverlay.gold { background-color: #666600; }

		#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
		#lbMain a img { border: none; }

		#lbOuterContainer { position: relative; background: url(../images/lytebox/background.png) repeat; width: 200px; height: 200px; margin: 0 auto; }
		#lbOuterContainer.grey { border: 3px solid #FFF; }
		#lbOuterContainer.red { border: 3px solid #DD0000; }
		#lbOuterContainer.green { border: 3px solid #00B000; }
		#lbOuterContainer.blue { border: 3px solid #5F89D8; }
		#lbOuterContainer.gold { border: 3px solid #B0B000; }
	
		#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background: url(../images/lytebox/background.png) repeat; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
		#lbDetailsContainer.grey { border: 3px solid #FFF; border-top: none; }
		#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
		#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
		#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
		#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }
	
		#lbImageContainer, #lbIframeContainer { padding: 10px; }
		#lbLoading { position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../images/lytebox/loading.gif) center no-repeat; }
	
		#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
		#lbImageContainer>#lbHoverNav { left: 0; }
		#lbHoverNav a { outline: none; }
		
		#lbPrev { width: 49%; height: 100%; background: transparent url(../images/lytebox/blank.gif) no-repeat; display: block; left: 0; float: left; }
		#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../images/previous.png) 5% 50% no-repeat; }
		#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(../images/lytebox/prev_red.gif) left 15% no-repeat; }
		#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(../images/lytebox/prev_green.gif) left 15% no-repeat; }
		#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(../images/lytebox/prev_blue.gif) left 15% no-repeat; }
		#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(../images/lytebox/prev_gold.gif) left 15% no-repeat; }
		
		#lbNext { width: 49%; height: 100%; background: transparent url(../images/lytebox/blank.gif) no-repeat; display: block; right: 0; float: right; }
		#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../images/next.png) 95% 50% no-repeat; }
		#lbNext.red:hover, #lbNext.red:visited:hover { background: url(../images/lytebox/next_red.gif) right 15% no-repeat; }
		#lbNext.green:hover, #lbNext.green:visited:hover { background: url(../images/lytebox/next_green.gif) right 15% no-repeat; }
		#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(../images/lytebox/next_blue.gif) right 15% no-repeat; }
		#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(../images/lytebox/next_gold.gif) right 15% no-repeat; }
	
		#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
		#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
		#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
		#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
		#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
		#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
		
		#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
		#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
		#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
		#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
		#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
		#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
		
		#lbDetailsData { padding: 0 10px; }
		#lbDetailsData.grey { color: #333333; }
		#lbDetailsData.red { color: #620000; }
		#lbDetailsData.green { color: #003300; }
		#lbDetailsData.blue { color: #01379E; }
		#lbDetailsData.gold { color: #666600; }
	
		#lbDetails { width: 60%; float: left; text-align: left; }
		#lbCaption { display: block; font-weight: bold; }
		#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
		#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
		
		#lbClose { width: 28px; height: 31px; float: right;}
		#lbClose.grey { background: url(../images/close.png) no-repeat; }
		#lbClose.red { background: url(../images/lytebox/close_red.png) no-repeat; }
		#lbClose.green { background: url(../images/lytebox/close_green.png) no-repeat; }
		#lbClose.blue { background: url(../images/lytebox/close_blue.png) no-repeat; }
		#lbClose.gold { background: url(../images/lytebox/close_gold.png) no-repeat; }
	
		#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
		#lbPlay.grey { background: url(../images/lytebox/play_grey.png) no-repeat; }
		#lbPlay.red { background: url(../images/lytebox/play_red.png) no-repeat; }
		#lbPlay.green { background: url(../images/lytebox/play_green.png) no-repeat; }
		#lbPlay.blue { background: url(../images/lytebox/play_blue.png) no-repeat; }
		#lbPlay.gold { background: url(../images/lytebox/play_gold.png) no-repeat; }
		
		#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
		#lbPause.grey { background: url(../images/lytebox/pause_grey.png) no-repeat; }
		#lbPause.red { background: url(../images/lytebox/pause_red.png) no-repeat; }
		#lbPause.green { background: url(../images/lytebox/pause_green.png) no-repeat; }
		#lbPause.blue { background: url(../images/lytebox/pause_blue.png) no-repeat; }
		#lbPause.gold { background: url(../images/lytebox/pause_gold.png) no-repeat; }
		
		/* Twitter */
		
		#twitter_update_list li {
			color:#FFF;
		}
		
		#twitter_update_list a {
			color:#0086D3;
		}
		
		/* Last.fm widget */
		
		#lastfm {
			float:left;
		}
		
		#lastfm h3 {
			text-align:center;
			padding:10px 0;
			margin:0;
		}
		
		table.lfmWidgetquilt_82c9d3c7cc3f8be850f23c3946584cc1 td {
			width:450px;
		}
		
		table.lfmWidgetquilt_82c9d3c7cc3f8be850f23c3946584cc1 tr.lfmEmbed object {
			float:left;
		}
		
		/* Flickr badge */
		
		#flickr {
			float:right;
			width:450px;
			text-align:center;
		}
		
		#flickr h3{
			text-align:center;
			padding:10px 0;
			margin:0;
		}
		
		.flickr_badge_image {
			text-align:center;
		}