html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #dfdfd5; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background: #3c3c40;}
img {border: 0;}
a {color: #29b3d9;}
a:hover, a:active {color: #dfdfd5;}

p {font-size: 95%; padding: 0; margin: 0 0 1.5em 0; line-height: 1.5em;}
	.prelist {margin-bottom: 0.3em;}
	.small {font-size: 75%;}
ul, ol {font-size: 95%; padding: 0; margin: 0 0 1.5em 0; line-height: 1.5em;}
	ul li {list-style: none; background: no-repeat 0 0.7em url('li.gif'); margin: 0 0 0 20px; padding-left: 12px;}
	ol li {margin: 0 0 0.35em 35px;}
		li p, li ul, li ol {font-size: 100%;}

.nobr {white-space: nowrap;}
.plus {position: relative; left: -0.55em;}
.br {width: 100%; height: 1px; clear: both;}

#menu {left: 5%; position: absolute; top: 50px;  cursor: move;}
	#logo {width: 175px; height: 50px; background: #3c3c40; margin-bottom: 1px;}
		#logo img {position: relative; left: 12px; top: 18px;}
	#menu ul {font-size: 80%; margin: 0; padding: 0;}
		#menu ul li {float: left; clear: both; padding: 0.4em 12px 0.5em 12px; margin: 0 0 1px 0; background: #3c3c40; white-space: nowrap;}
			#menu ul strong, #menu ul a.active {color: #dfdfd5; font-weight: normal; text-decoration: line-through;}
			

#contacts {left: 5%; position: absolute; bottom: 50px; cursor: move;}
	#contacts p {font-size: 80%; float: left; clear: both; padding: 0.4em 12px 0.5em 12px; margin: 0 0 1px 0; background: #3c3c40; white-space: nowrap;}
	#contacts p#address {padding-top: 2em;}


#works {position: relative; width: 100%; clear: both;}
#info {position: relative; width: 100%; clear: both;}
#reel {position: relative; width: 100%; clear: both;}
	#content {position: relative; top: 200px; left: 24%; width: 60%;}
	#video {position: relative; top: 200px; width: 100%; text-align: center;}
	
#body {z-index: 3; left: 5%; position: fixed; top: 0; height: 100%;}

.tn {z-index: 2; float: left; position: relative; background-repeat: no-repeat;}
	.tn a.grid {display: block; position: relative; background: url('grid.gif');}
	.tn a.grid:hover {background: none;}
		.tn img {position: relative; visibility: hidden;}
			
.ui-draggable-dragging {}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 100%;}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox-container-image-box {position: relative;	background-color: #3c3c40; width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image {padding: 0;}
#lightbox-loading {position: absolute; top: 0; left: 0%; height: 100%; width: 100%;}
#lightbox-nav {position: absolute; top: 0; left: 0;	height: 100%; width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 35%; height: 100%;	zoom: 1; display: block;}
#lightbox-nav-btnPrev {left: 0; float: left;}
#lightbox-nav-btnNext {right: 0; float: right;}
#lightbox-secNav-btnClose {position: absolute;	width: 50px; height: 50px; top: -50px; right: -50px;}