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: #131313; background-image:url(../img/paper_gradient.jpg); }
img {
	border: 0;
	color: #333;
}
a {color: #dddddd;}
a:hover, a:active {
	color: #ffffff;
}

p {
	font-size: 95%;
	padding: 0;
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
	color: #CCC;
}
	.prelist {margin-bottom: 0.3em;}
	.small {font-size: 75%;}
ul, ol {font-size: 95%; padding: 0; margin: 0 0 1.0em 0; line-height: 1.5em;}
ul li {list-style: none; background: no-repeat 0 0.7em url('li.gif'); margin: 0 0 0 10px; 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: 20px;
	width: 190px;
	cursor: move;
	height: 80px;
}
#menu3 {
	left: 75%;
	position: fixed;
	top: 250px;
	cursor: move;
	height: 50px;
	float: right;
}
#menu2 {
	left: 5%;
	position: fixed;
	top: 150px;
	cursor: move;
	width: 150px;
	height: 50px;
}

#logo {
	width: 170px; 
	height: 60px; 
	margin-bottom: 1px;}
#logo img {
	position: relative; 
	left: 12px; 
	top: 18px; 
	margin: 0;
	}
#menu ul {
	font-size: 80%; 
	margin: 0; 
	padding: 5px;
	}
#menu ul li {
	float: left;
	clear: both;
	padding: 0.4em 12px 0.5em 12px;
	margin: 0 0 1px 0;
	white-space: nowrap;
}
#menu ul strong, #menu ul a.active {
	font-weight: normal;
	text-decoration: line-through;
	color: #11326F;
}
			
#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; white-space: nowrap;}
	#contacts p#address {padding-top: 2em;}
#contacts p {
	font-size: 80%;
	float: left; 
	clear: both; 
	padding: 0.4em 12px 0.5em 12px; 
	margin: 0 0 1px 0; 
	white-space: nowrap;
	}
#contacts p#address {
	padding-top: 2em;
	color: #999;
}

#works {position: relative; width: 100%; clear: both;}
#info {position: relative; width: 100%; clear: both;}
#reel {
	position: relative; 
	top: 200px;
	width: 100%; 
	clear: both;
	}
#content {
	position: relative;
	top: 200px;
	left: 24%;
	width: 60%;
	padding: 0.4em 12px 0.5em 12px;
	}
#video {
	z-index: 1;
	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; 
	opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity: 0.8;
	}
.tn a.hover {
	opacity:1;filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;
	}
.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: #000000; 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;}table {
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}