html { background: black; }
body {
	margin:0px;
	width:100%;
	text-align:center;
	background: white;
	font: 400 18px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	background: black;
	color: #4150D8;
}

#mainContainer {
	margin:0 auto;
	width:800px;
	height: 700px;
	text-align:left;
	padding: 0;
}

.clear {
	visibility: hidden;
	clear:both;
}

.footer {
	width: 414px;
	height: 55px;
	float: right;
	display: block;
	margin-left: 370px;
	position: absolute;
	top: 580px;
}

a:link {
	color: #4150D8;
	text-decoration: none;
	outline: none;
}

a:visited {
	color: #4150D8;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #3333CC;
	text-decoration: none;
	outline: none;
}

a:active {
	color: #3333CC;
	text-decoration: none;
	outline: none;
}

.navPic a {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

	
/********************************************

Fashion and Celebrity page styles follow.

*********************************************/
	
	#pane-target,#slideshow_arrows{	/* Width of divs for thumbnails */
		width:243px;
	}
	#slideshow_arrows {
	float: right;
	clear: both;
	margin: -10px 15px 0 0;
	}	
	#pane-target{
		overflow: hidden;	/* Don't change this */
		height: 450px;	/* Height of thumbnail div */
		position:relative;	/* Never change this */
		float:right;
		margin: 27px 15px 0 0;
	}
	#slideshow_largeImage{	/* Large image div */
		width:400px;	/* Width of large image div */
		height:450px;	/* Height of large image div */
		float:left;
		padding-left:10px;	/* "Air" */
		padding-right:10px;
		margin: 8px 0 0 20px;
	}
	#slideshow_largeImage table{	/* Used table to get both horizontal and vertical center alignement of large image */
		width:100%;
		height:100%;
		text-align:center;
	}
	#slideshow_largeImage img{	/* Large image */
		border: 0px solid #303793;	/* Border around large image */
	}
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */
		width: 50px;	/* Width of strip */
		padding: 0;	/* "Air" inside filmstrip div */
		margin: 0;
		float: left;
	}
	.strip_of_thumbnails div{
		width: 24px;
		height: 50px;
		padding: 0;
		margin: 0;
		text-align:center;
	}
	.strip_of_thumbnails img {
		border: 1px solid #303793;
		padding: 0;
		margin: 0;
	}
	.strip_of_thumbnails img:hover {
	    border: 1px solid #4150D8;	/* Blue border around hovered thumbnail */
	}
	
	.strip_of_thumbnails div a:link, .strip_of_thumbnails div a:visited {
		outline: none;
	}
	.strip_of_thumbnails div a:hover {
		outline: none;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity: 0.5;
	}
	.strip_of_thumbnails .activeImage{	/* Active thumbnail */
		border: 1px solid #4150D8;	/* Blue border around active thumbnail */
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity: 0.5;
		outline: none;
	}
	.leftArrow{
		float:left;
	}
	.rightArrow{
		float:right;
	}
	#slideshow_thumbs_inner{
		position:relative;	/* Never change this */
		width:1000px;
	}	
	
/********************************************

Resume page styles follow.

*********************************************/

.resumeContainer {
	margin: 0 auto;
	height: 652px;
}

.title_question {
        /* Start layout CSS */
        text-align: center;
        width: 652px;
        background : transparent;
        margin: 20px auto 0;
        padding: 0;
		border-bottom: 1px solid #303793;
	/* End layout CSS */
	
	cursor:pointer;
      }
	  
.title_question_zapfino {
        /* Start layout CSS */
        text-align: center;
        width: 652px;
        height: 60px;
        background : transparent;
        margin: 0 auto;
        padding: 0;
	/* End layout CSS */
	overflow:hidden;
	cursor:pointer;
      }

.title_question:focus {
         outline: none;
         text-decoration: none;
}

.title_question h1 {
	font: 400 16px "trebuchet ms", verdana, arial, sans-serif;
	color: #4150D8;
	margin: 0 0 -4px;
}
.title_question h1:hover {
	color: #505AE0;
}

.title_answer {	/* Parent box of slide down content */
	/* Start layout CSS */
	text-align: center;
    padding : 0 0 0 60px;
	width:652px;
    margin: 0 auto 14px;
	/*
	background-color:#242645;
	*/
	background: transparent;
	color: #505AE0;
	font: 400 13px "trebuchet ms", verdana, arial, sans-serif;
	/* End layout CSS */
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}

.resumeColumnContainer {
	width: 600px;
	margin: 0 26px;
	padding: 0 0 10px;
	position:relative;
	text-align: center;
	background: transparent;
}

.resumeColumnContainer ul {
	list-style: none;
	padding: 0;
	width: 150px;
}

.col1 {
	display: block;
	position: relative;
	left: 26px;
	padding: 19px 0 0;
	text-align: left;
	list-style: none;
	line-height: 1.5em;
	margin-top: -5px;
}

* html .col1 {
	position: relative;
	left: 0px;
	margin-top: -18px;
}

.col2 {
	display: inline;
	text-align: left;
	list-style: none;
	position: absolute;
	top: 2px;
	left: 190px;
	line-height: 1.5em;
}

.col3 {
	display: inline;
	text-align: left;
	list-style: none;
	position: absolute;
	top: 2px;
	left: 340px;
	line-height: 1.5em;
}

.col4 {
	display: inline;
	text-align: left;
	list-style: none;
	position: absolute;
	top: 2px;
	left: 490px;
	line-height: 1.5em;
}

.col1a {
	display: block;
	position: relative;
	left: 26px;
	padding: 21px 0 0;
	text-align: left;
	list-style: none;
	line-height: 1.5em;
	margin-top: -25px;
}

* html .col1a {
	display: inline;
	position: relative;
	left: -22px;
	top: 76px;
	text-align: left;
}

.col2a {
	display: inline;
	text-align: left;
	list-style: none;
	position: absolute;
	top: 24px;
	left: 200px;
	line-height: 1.5em;
}

.col3a {
	display: inline;
	text-align: left;
	list-style: none;
	position: absolute;
	top: 22px;
	left: 360px;
	line-height: 1.5em;
}

* html .col3a {
	position: absolute;
	top: 24px;
	left: 350px;
}

.col4a {
	display: inline;
	text-align: left;
	list-style: none;
	position: absolute;
	top: 22px;
	left: 490px;
	line-height: 1.5em;
}

* html .col4a {
	position: absolute;
	top: 24px;
	left: 480px;
}

.col3b {
	display: inline;
	text-align: left;
	list-style: none;
	position: absolute;
	top: 2px;
	left: 280px;
	line-height: 1.5em;
}

* html .col3b {
	position: absolute;
	top: 2px;
	left: 245px;
}

.col4b {
	display: inline;
	text-align: left;
	list-style: none;
	position: absolute;
	top: 2px;
	left: 490px;
	line-height: 1.5em;
}

* html .col4b {
	position: absolute;
	top: 2px;
	left: 475px;
}

.resNote {
	font: 400 10px "trebuchet ms", verdana, arial, sans-serif;
	position: relative;
	top: -5px;
	margin: -10px 0 0;
}

* html .resNote {
	margin: 0 0 0 20px;
}

.resNote2 {
	font: 400 10px "trebuchet ms", verdana, arial, sans-serif;
	position: relative;
	top: -5px;
	margin: -10px 0 0;
}

* html .resNote2 {
	margin: 0;
}

.resTab {
	font: 400 italic 12px "trebuchet ms", verdana, arial, sans-serif;
	margin: -10px 0 30px 2em;
	}
	
* html .resTab {
	margin: 0 0 0 2em;
}
	
.resCommercials {
	background-color: black;
	margin: 10px 0 0;
	/* border-right: 5px solid #242645; */
	width: 305px;
}

* html .resCommercials {
	background-color: transparent;
	margin: -80px 0 0 -40px;
	/* border-right: 5px solid #242645; */
	width: 305px;
	float: left;
}

.resPrint {
	background-color: black;
	margin: 0;
	/* border-left: 5px solid #242645; */
	width: 305px;
}

* html .resPrint {
	margin: 20px 0 0;
}

.resTitleL {
	display: block;
	clear: both;
	width: 300px;
	margin: 10px 0 20px;
	color: #505AE0;
	font: 400 italic 14px "trebuchet ms", verdana, arial, sans-serif;
}
	
* html .resTitleL {
	position: absolute;
	left: 62px;
	margin: 0 0 20px;
}
	
.resTitleR {
	display: block;
	clear: both;
	width: 300px;
	margin: -36px 0 20px 280px;
	color: #505AE0;
	font: 400 italic 14px "trebuchet ms", verdana, arial, sans-serif;
}

* html .resTitleR {
	margin: 40px 0 10px 260px;
	margin-top: 20px;
}
	

/********************************************

Index page styles follow.

*********************************************/

	
	div#indexPic {
	position:  relative;
	width: 209px;
	top: 140px;
	left: 272px;
}

div#indexTitle {
	position: relative;
	top: -140px;
	left: 0px;
	width: 209px;
}

div#indexFlash {
	position: relative;
	top: -194px;
	left: 600px;
	width: 197px;
}

div#indexCredit {
	position: relative;
	top: -50px;
	left: 640px;
	width: 156px;
}

div#indexContainer {
	margin: 0 auto;
}

/********************************************

Title page styles follow.

*********************************************/

div#titleCard {
	margin: 60px auto 0;
	padding: 0;
	width: 580px;
	height: 250px;
}

/********************************************

Reel page styles follow.

*********************************************/

.videoL {
	display: inline;
	float: left;
	width: 200px;
	cursor: pointer;
}

.videoL img {
	border: 1px solid #505ae0;
	margin: 45px 0 0;
}

.video {
	display: inline;
	float: left;
	width: 200px;
	cursor: pointer;
	margin: 45px 0 0 88px;
}

.video img {
	border: 1px solid #505ae0;
	
}

.caption {
	display: inline;
	width: 200px;
	float: left;
	text-align: center;
	background: transparent;
	color: #505AE0;
	font: 400 11px "trebuchet ms", verdana, arial, sans-serif;
	margin: 1px 0 0 0;
}

* html .caption {
	margin: -29px 0 0;
}



/***********************************************
iBox styles
************************************************/

#ibox_w{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #000;
	margin:0;
	padding:0;
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}

#ibox_progress {	
	margin:0;
	padding:0;
	position: absolute;
	z-index:105;
}

#ibox_wrapper {
          position : absolute;
          top : 0;
          left : 0;
          z-index : 1000;
          padding : 10px;
          border: 1px solid #505AE0;
          width : 300px;
          height : 300px;
          background-color : #111;
          padding-bottom : 30px;
		  padding-left: 4px;
          margin : 0;
}
#ibox_content {
          background-color : #333;
          width : 100%;
          height : 100%;
          margin-bottom : 5px;
          position : relative;
          top : 0;
          left : 0;
          border : 1px solid #000;
          padding : 2px;
}
#ibox_footer_wrapper {
          position : relative;
          padding : 0;
          margin : 0;
          top : 0;
          left : 0;
          font : bold 10px Verdana, Arial, Helvetica, sans-serif;
          color : #505AE0;
		  text-align: left;
}