@charset "utf-8";

/* CSS Document */



/*     <--   -------------------------------------------------CSS Reset---------------------------------------------------   -->*/



/**

    * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)

    * http://cssreset.com

    */

    html, body, div, span, applet, object, iframe,

    h1, h2, h3, h4, h5, h6, p, blockquote, pre,

    a, abbr, acronym, address, big, cite, code,

    del, dfn, em, img, ins, kbd, q, s, samp,

    small, strike, strong, sub, sup, tt, var,

    b, u, i, center,

    dl, dt, dd, ol, ul, li,

    fieldset, form, label, legend,

    table, caption, tbody, tfoot, thead, tr, th, td,

    article, aside, canvas, details, embed,

    figure, figcaption, footer, header, hgroup,

    menu, nav, output, ruby, section, summary,

    time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

    }

    /* HTML5 display-role reset for older browsers */

    article, aside, details, figcaption, figure,

    footer, header, hgroup, menu, nav, section {

    display: block;

    }

    body {

    line-height: 1.2em;

    }

    ol, ul {

    list-style: none;

    }

    blockquote, q {

    quotes: none;

    }

    blockquote:before, blockquote:after,

    q:before, q:after {

    content: '';

    content: none;

    }

    table {

    border-collapse: collapse;

    border-spacing: 0;

	}

	

/*     <--   -------------------------------------------------global---------------------------------------------------   -->*/



body{

	font-family:Arial, Helvetica, sans-serif;

	color:#777;

	font-size:14px;

}



@font-face

{

font-family: navText;

src: url(SofiaProLight-webfont.woff);

}





#wrapper{

	margin-left: auto;

	margin-right: auto;

	width: 1000px;

}



a:link {color:#999; outline:none; text-decoration:none;}      /* unvisited link */

a:visited {color:#999; text-decoration:none;}  /* visited link */

a:hover {color:#555; text-decoration:underline;}  /* mouse over link */

a:active {color:#555;}  /* selected link */ 



h1{

	margin-bottom:20px;

	font-size:22px;

}



h2{

	font-weight:bold;

	

}



#iFrameWrapper{

	width: 900px;

	height:600px;

	color:#b7b7b7;

	overflow:hidden;

}



#iFrameVideo{

	margin-right:auto;

	margin-left:auto;

	margin-top:80px;

	width: 600px;

	text-align:center;

}



#iFrameStill{

	margin-left: auto;

	margin-right: auto;

	margin-top:50px;

	width: 711px;

	height:400px;

	border:#b7b7b7 thin solid;

	text-align:center;

}



#iFrameDesc{

	margin-right:auto;

	margin-left:auto;

	margin-top:30px;

	width: 600px;

	height:70px;

	text-align:left;

}



/*     <--   -------------------------------------------------navigation---------------------------------------------------   -->*/



#nav{

	width: 1000px;

	height:100px;

}



#navImage{

	float:left;

	margin-top: 46px;

	font-size:20px;

	font-family:navText;

}

#navDirector{

	float:left;

	margin-top: 66px;

	margin-left:4px;

	font-size:20px;

	font-family:navText;

}



#navImage img{

	padding-right:10px;

}



#navText{

	height:22px;

	float:right;

	margin-top: 47px;

	padding-top:20px;

	font-size:17px;

	text-align:right;

	overflow:hidden;

	font-family:navText;

}



#navText a{

	margin-left:3px;

}



a.navActive {

	color:black;

}







/*     <--   -------------------------------------------------Content---------------------------------------------------   -->*/



#content{

	width: 1000px;

	min-height:520px;

	overflow-x:visible;

	padding-top:46px;

	border-bottom:#d8d8d8 thin solid;

	background:url(images/content-bg.jpg) no-repeat center top;

}



.video{

	height:185px;

	width:328px;

	float:left;

	margin-right:8px;

	margin-bottom:8px;

	background-color:#CCC;

}



.videoR{

	height:185px;

	width:328px;

	float:right;

	margin-bottom:8px;

	background-color:#CCC;

}



a.fancybox:hover .overlay01{

		position: absolute;

		z-index: 3;

		width: 328px;

		height: 185px;

		background: rgb(255,255,255);

		background: rgba(255, 255, 255, 0.75); /* for browsers that know rgba */

}



a.fancybox:hover .archivesoverlay01{

		position: absolute;

		z-index: 3;

		width: 245px;

		height: 138px;

		background: rgb(255,255,255);

		background: rgba(255, 255, 255, 0.75); /* for browsers that know rgba */

}



a.fancybox:hover .stillsOverlay{

		position: absolute;

		z-index: 3;

		width: 195px;

		height: 150px;

		background: rgb(255,255,255);

		background: rgba(255, 255, 255, 0.75); /* for browsers that know rgba */

}



.videoEnd{

	height:185px;

	width:328px;

	float:right;

	margin-bottom:8px;

}



.videoEndb{

	height:185px;

	width:328px;

	float:right;

	margin-bottom:8px;

	margin-left:8px;

}



.videoFor2Contain{

	margin-left:164px;

}



.videoFor2{

	height:185px;

	width:328px;

	float:left;

	margin-right:8px;

	margin-bottom:8px;

	background-color:#CCC;

}



.videoArchives{

	height:138px;

	width:244px;

	float:left;

	margin-right:8px;

	margin-bottom:8px;

}



.videoArchivesR{

	height:138px;

	width:244px;

	float:right;

	margin-bottom:8px;

}





.titleText{

	width: 325px;

	height:22px;

	margin-left:337px;

	margin-top:45px;

	text-align:center;

}



#bioText{

	width:420px;

	margin-right:20px;

	float:left;

	font-size:14px;

	line-height:18px;

}



#bioPhoto{

	float:right;

}



.leftText{

	float:left;

}



#linkText{

	float:left;

	width:420px;

	font-size:14px;

	line-height:18px;

}



#linkText p{

	margin-bottom:6px;

}



.stillLeft{

	float:left;

	margin-bottom:6px;

	margin-right:6px;

}



.stillRight{

	float:right;

	margin-bottom:6px;

}



#sillDesc{

	margin-top:-5px;

	float:left;

	height:52px;

	width:326px;

}



#stillDescs{

	margin-top:5px;

	float:left;

	height:50px;

	width:460px;

	text-align:right;

	text-align:left;

}



#sillNav{

	margin-top:5px;

	margin-bottom:40px;

	float:right;

	height:42px;

	text-align:right;

	margin-right:-5px;

}



.page {

    display: inline-block;

    width:2em;

	padding:2px 0;

    margin-right: 4px;

    border-radius: 2px;

    background:#FFF;

    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);

    font-size: .875em;

    font-weight: bold;

    text-decoration: none;

    color: #717171;

    text-shadow: 0px 1px 0px rgba(255,255,255, 1);

	text-align:center;

}



.page:hover{

    background: #fefefe;

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));

    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);

	text-decoration:underline;

}



.page.active {

    border: none;

    background: #999;

    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);

    color: white;

    text-shadow: 0px 0px 3px rgba(0,0,0, .5);

	text-decoration:none;

}



#sillNav ul{

	list-style-type:none;

	margin:0;

	padding:0;

	float:right;

}



#sillNav ul li{

	float:left;

}



#sillNav ul li a{

	display:block;

	margin-left:20px;

}



#archiveNav{

	margin-top:15px;

	margin-right:-4px;

	float:right;

	height:32px;

	width:326px;

	text-align:right;

}



#archiveNav ul{

	list-style-type:none;

	margin:0;

	padding:0;

	float:right;

}



#archiveNav ul li{

	float:left;

}



#archiveNav ul li a{

	display:block;

	margin-left:20px;

}



.archiveText{

	float:left;

	margin-top:15px;

	height:52px;

	width:326px;

}



#resumeTables{

	margin-left: auto;

	margin-right: auto;

	width:800px;

}



#awards{

	margin-bottom:30px;	

}



.awardsDate{

	width:75px;

	float:left;

	margin-bottom:4px;	

}



.awardsText{

	width:725px;

	Float:right;

	margin-bottom:4px;	

}



.selected{

	float:left;

	width:246px;

	text-align:left;

	margin-bottom:10px;

	margin-right:10px;

}



.selectedM{

	float:left;

	width:246px;

	text-align:left;

	margin-bottom:10px;

	margin-left:40px;

	margin-right:-30px;

}



.selectedCom{

	float:left;

	width:246px;

	text-align:left;

	margin-bottom:3px;

	margin-right:10px;

}



#contactDiv{	

	float:left;

	margin-left:25px;

	margin-top:5px;

}





/*     <--   -------------------------------------------------Footer---------------------------------------------------   -->*/



#footer{

	width: 1000px;

	height:60px;

}



#copyright{

	float:left;

	margin-top: 14px;

	font-size:10px;

}



#socialMedia{

	float:right;

	margin-top: 18px;

}



#socialMedia a{

	float:right;

	margin-left:8px;

}



a.icon2 {

display:block;

width:32px;

height:32px;

background-image:url(images/icon_imbd.png);

background-position:0px -35px;

}

a.icon1:hover {

background-position:0px 0px;

}



a.icon3 {

display:block;

width:32px;

height:32px;

background-image:url(images/icon_linkedin.png);

background-position:0px -35px;

}

a.icon2:hover {

background-position:0px 0px;

}



a.icon1 {

display:block;

width:32px;

height:32px;

background-image:url(images/icon_inter.png);

background-position:0px -35px;

}

a.icon3:hover {

background-position:0px 0px;

}