/* RESETS */
* { margin: 0; padding: 0; }
html { font-size: 1em; height: 100%;}
html, body { margin: 0; padding: 0; font-family: 'AvenirLTStd35Light', sans-serif; letter-spacing: .03em;  }
body { background: url('img/bg.jpg') no-repeat center -65px; position: relative; font-size: .75em; color:#e5e5e5; }
#container { width: 1000px; height: 800px; border: 0px solid red; margin: 0 auto; position: relative; }
h1 { font-family: 'AvenirLTStd35Light', sans-serif; letter-spacing: .03em; font-weight: 100; margin: 5px 0px;}
p { font-size: 12px; line-height: 17px; } 
img { border: 0px; }

a:active
{
outline: none;
}
 
a:focus
{
-moz-outline-style: none;
}
/*  LOGO  */
#logo { background: url('img/logo.png') no-repeat  top left; width: 253px ;height: 161px; position: absolute; top: 0px;  right: 50px;}
#logo span { display: none; }
 
 
 
 
/* NAVIGATION */ 
#nav { list-style-type: none; position: absolute; top: 145px; left:5px;}
#nav li { display: inline;  margin: 0 50px 0 0;}

#nav_gallery { display: block; float: left;width: 120px; height: 20px; background: url(img/nav_gallery.gif) no-repeat 0 0; text-indent: -9009px;}
a#nav_gallery:hover { background: url('img/nav_gallery.gif') no-repeat 0 -20px;}

#nav_making { display: block; float: left;width: 150px; height: 20px; background: url(img/nav_making.gif) no-repeat 0 0; text-indent: -9009px;}
a#nav_making:hover { background: url('img/nav_making.gif') no-repeat 0 -20px;}

#nav_about { display: block; float: left;width: 120px; height: 20px; background: url(img/nav_about.gif) no-repeat 0 0; text-indent: -9009px;}
a#nav_about:hover { background: url('img/nav_about.gif') no-repeat 0 -20px;}

#home_link { width: 220px; height: 135px; border: 0px solid red; position: absolute; top: 5px; right: 70px; z-index: 1000; }
#home_link a { display: block; width: 100%; height: 135px; }
#home_link span {display: none; }


/* FRONT PAGE */

#index_left { width: 610px; float: left; margin: 0; padding: 0; position: relative; }
#index_right { width: 390px; float:left; margin: 0; padding: 0; position: relative; }
#content { position: absolute; top: 175px; left: 0; width: 100%; height: 550px; padding: 25px 10px 10px 0; } 
/*#video_container { width: 650px; height: 470px; background: url('img/player_bg.png') no-repeat 6px 0px; margin: 0; padding: 0; text-align:center; position: relative; left:-12px; top:-15px; float: left; }*/

	   /* VIDEO */
	#video_container { width: 601px; height: 338px; background: #272727; margin: 0; padding: 0; text-align:center;  }
	#vid_thumbs { width: 611px; height: auto;  margin: 10px 0 0 -3px; border: 0px;  }
	
	.vid_bg { background-image: url('img/vid_th_bg_UN.png'); background-repeat: no-repeat; background-position: 0 0px; }
	.vid_bg_active { background-image: url('img/vid_th_bg.png'); background-repeat: no-repeat; background-position: 0 0px; }
	
	#vid_thumb1 { width: 295px; height: 145px; float: left; margin: 0 0px 0 0;  }
	#vid_thumb2 { width: 295px; height: 145px; float: right; margin: 0 -13px 0 0;  }
	#vid_thumb1_hit { width: 280px; height: 120px; border: 0px solid red; position: relative; top: 23px; left: 5px; }
	#vid_thumb2_hit { width: 280px; height: 120px; border: 0px solid red; position: relative; top: 23px; left: 5px; }
	#vid_thumbs a { display: block; width: 280px; height: 120px; } 
	
	#player { width: 601px; height: 338px; margin: 0px auto; padding: 0px 0 0 0; border: 5px solid #272727; border-bottom: 5px solid #272727;}
	
	.vid_th { position: relative; left: 3px; top: 4px; }
	.inactive { opacity : .4; }
	#vid_thumbs a:hover img { border: 1px solid #333;} 
	
	.vid_divider { position: absolute; left: 305px; top: 400px; }



		/* WELCOME AND TWITTER NEWS FEED */
	#h1_welcome { width: 230px; height: 63px; background: url('img/h1_welcome.png') no-repeat 0px 0; position: relative; left: -35px; top: -20px; }
	#welcome { width: 280px; float: left; color:#CCC; padding:10px 20px 10px 20px; margin: 5px 0px 25px 30px;} 
	#welcome img { float: left; margin: 0 15px 0 0; }
	
	#h1_news { width: 230px; height: 63px; background: url('img/h1_news.png') no-repeat 0px 0; position: relative; left: -25px; top: -20px; }
	#newsfeed { width: 300px; height: auto; float: left; color:#CCC; padding:10px 10px 0px 10px; margin: 0px 0 0 30px;} 
	
	#welcome p, #newsfeed p { position: relative; top: -18px; }
	.module { background-color:#272727; }




/* GALLERY PAGE */
#gallery_container { position: relative; top: 10px; left: 25px; margin: 0 auto; text-align: center; } 
.gallery_wrap { position: relative; top: -30px; left: 10px; }
div.gallery_wrap ul { list-style-type: none; }
div.gallery_wrap ul li { padding: 8px; float: left; }
div.gallery_wrap img {border: 2px solid #272727; }

.gallery { width: 260px;   background: url('img/gallery/gallery_bg.png') repeat-x 0px 0; float: left; margin: 0 70px 0 0; } 

#h1_gallery1 { width: 250px; height: 63px; background: url('img/gallery/h1_gallery1.png') no-repeat 0px 0; position: relative; left: -15px; top: -20px; }

#h1_gallery2 { width: 250px; height: 63px; background: url('img/gallery/h1_gallery2.png') no-repeat 0px 0; position: relative; left: -15px; top: -20px; }

#h1_gallery3 { width: 250px; height: 63px; background: url('img/gallery/h1_gallery3.png') no-repeat 0px 0; position: relative; left: -15px; top: -20px; }

#h1_contact { float: left; width: 250px; height: 63px; background: url('img/h1_contact.png') no-repeat 0 0; position: absolute; left: -15px; top: -30px; }

#h1_about { float: left; width: 250px; height: 63px; background: url('img/h1_about.png') no-repeat 0 0; position: absolute; left: -15px; top: -30px; }

#h1_featured { float: left; width: 250px; height: 63px; background: url("img/h1_featured.png") no-repeat 0px 0px;  position: absolute; left: -15px; top:-30px;}
 

/* MAKING OF */
#making_of_wrap { width: 100%; border: 0px solid red; text-align: center; }
	#making_of_wrap a { color: #fff; }
	#making_of_wrap img { border: 4px solid #CCC; }
	#making_of_wrap div { width: 150px; border: 0px solid green; display: inline-block; margin: 5px 20px 0px 10px; } 
 

/* CONTACT PAGE */
#contact_wrap {  width: 950px; height: 515px; margin: 18px 0 0 0;}
	#contact_wrap span { color:#c90; font-style:italic; }
#contact_left { width: 520px; height: 500px;float: left; margin: 0; padding: 0; position: relative; } 
#about_text { width: 470px; height: 480px; margin: 30px auto;} 
	#about_text p { margin: 9px 0 9px 0; }
#contact_photo { float: right; width: 400px; height: 500px; background:#272727; margin: 0; padding: 0; position: relative;}

 
#about_left { padding: 30px 20px 20px 20px; width: 270px; float: left;}
	#about_left p { line-height: 20px; }
#about_right { padding: 20px; width: 170px; float: right;}
	#about_right p { padding: 3px 0px 0px 0px; }
#resume ul { list-style-type: none; padding: 0px 0 0 0; position: relative; top: 9px; left: -7px;}
#resume ul li { margin: 0; padding: 4px 0 0 0;  }

#featured { padding: 20px; margin: 48px 0 0 0; position: relative;}
	#featured span { font-style: italic; color:#999; }
	#featured ul { list-style-type: none; }
	#featured ul li { padding: 10px 0;}

hr { margin: 10px 0; }
a { color:#C60 ; }

/* FOOTER */
#footer { width: 100%; height: 30px; text-align: center; margin: 0 auto; clear: both; position: absolute; top: 775px; color:#666; font-size: 10px;}
#footer_contact { width: 100%; height: 30px; text-align: center; margin: 0 auto; clear: both; position: absolute; top: 855px; color:#666; font-size: 10px;}



iframe { width: 400px; height: 475px; border: 0px; }