@charset "utf-8";

/*********************************************/
/*************** GENERAL **********************/
/*********************************************/
*{margin:0; padding:0; color:#CCC}
body{background-color:#000; }
.hidden{display:none}
img{border:none}
.float_right{float:right;}
.float_left{float:left;}

/*********************************************/
/*************** HEADER **********************/
/*********************************************/
#wrapper{ margin:auto; width:900px;}

#header #nav{height:274px; background:#000 url(img/header_bg.png) no-repeat;}

#header #nav #container{ padding:29px 0 0 131px;}
  #header #nav #container #MakingOf{margin-left:41px;}
  #header #nav #container #Gallery{margin-left:27px;}
  #header #nav #container #About{margin-left:28px;}
  

/********************************************/
/*********** WATCH **************************/
/********************************************/
#description{height:164px; background:url(img/header_desc.png) no-repeat #000;}

#content{width:706px; margin:auto;}
#content #inner{padding:0 35px;}
#content #inner #vindow{border:3px solid #221e1c; padding:3px;}
  
#content #inner p{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#7e7770;}

#content #inner a{color:#aca39c;}

/*********************************************/
/*********** GALLERY **************************/
/*********************************************/
#content2{margin:auto; background:url(img/header_bg_2.png) no-repeat #000; padding-left:100px}

#content2 #inner h3{margin:40px 0 15px 0;}
#content2 #inner .gallery a{ border:2px solid #221e1c; padding:1px; display:inline-block; margin:5px; }
#content2 #inner .gallery a:hover{ border:2px ridge #8B7465; }


/*********************************************/
/*********** ABOUT **************************/
/*********************************************/
#content3{margin:auto; background:url(img/header_bg_2.png) no-repeat #000; padding:0 100px}

#content3 #inner h3{margin:25px 0 15px 0;}

#content3 {font-size:12px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:706a66; line-height:18px;}

#content3 ul{list-style:square; padding-left:30px; }
#content3 ul li a{ color:#666; }
#content3 ul li a:hover{ color:#aaa; }

/*********************************************/
/*********** FOOTER **************************/
/*********************************************/
#footer{ width:700px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:40px auto; font-size:11px; }
#footer hr{ color:#2b2826; background-color:#2b2826; height:2px; margin-bottom:5px; border:0 none;}
#footer .float_right{ color:#706a66}
#footer .float_left{color:#706a66; font-style:italic; width:350px;}


/**************************************************************/
/********* ColorBox: Base Gallery CSS *************************/
/**************************************************************/

#colorbox, #modalBackgroundOverlay, #modalWrap{position:absolute; top:0; left:0; z-index:9999;}
#modalBackgroundOverlay{position:fixed; width:100%; height:100%;}
#colorbox{overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px;}/*padding fixes a ghosting issue in IE7, the negative margin compensates */
	#modalWrap{width:9000px; height:9000px;}
		#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left; height:0; width:0; overflow:hidden;}
		#borderMiddleLeft, #borderBottomLeft{clear:left;}
		#modalContent{position:relative; overflow:visible;}
			#contentTitle{margin:0;}
			#modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer; border:0; margin:0;}
			#modalLoadedContent{overflow:auto; width:0; height:0;}
			#modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
			#modalLoadedContent embed{display:block; border:0;}/* Display:block removes the line-height gap embedded content */
			#modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}
			
/**************************************************************/
/********* ColorBox: ADEO Gallery Customization ***************/
/**************************************************************/

#modalBackgroundOverlay{background:#000;}

#colorbox{}
	#modalContent{background:#000; margin-top:20px;}
		#modalLoadedContent{background:#000; border:10px solid #111;}
			#contentTitle{position:absolute; top:-20px; left:0; color:#fff;}
			#contentCurrent{display:none;}
			#contentPrevious{position:absolute; top:50%; left:10px; margin-top:-41px; background:url(colorbox/controls.png) top left no-repeat; width:38px; height:81px; text-indent:-9999px;}
			#contentPrevious:hover, #contentPrevious.hover{background-position:bottom left;}
			#contentNext{position:absolute; top:50%; right:10px; margin-top:-41px; background:url(colorbox/controls.png) top right no-repeat; width:38px; height:81px; text-indent:-9999px;}
			#contentNext:hover, #contentNext.hover{background-position:bottom right;}
		#modalLoadingOverlay{background:url(colorbox/loading.gif) center center no-repeat #000;}
		#modalClose{position:absolute; top:10px; right:10px; display:block; background:url(colorbox/controls.png) top center no-repeat; width:47px; height:24px; text-indent:-9999px;}
		#modalClose:hover, #modalClose.hover{background-position:bottom center;}