@charset "utf-8";

/* CSS Document template 1 */


html {
	width:100%;
	height:100%;
	background-image:url(../images/web_bg.gif);
}

body {
	border:0;
	padding:0;
	width:796px;
	margin: 0 auto;
	height:100%;
	font-family:arial, verdana, sans-serif;
	color:#999999;
	font-size:12px;
	line-height:normal;
	background: transparent url(../images/webcontent_bg.jpg) repeat-y center top;
}

br {
	clear: both;
}

/*
.trialBox {
	position:absolute;
	background:#000000;
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; 
	width:100%;
	height:25px;
	margin-top:0px;
	left:0;
	top:0;
	padding-top:5px;
	_padding-bottom:10px;
	z-index:5000;
	border-bottom: 2px solid #fff;

}



.trialText {
	position:absolute;
	font: 700 16px Arial, Helvetica, sans-serif;
	width:100%;
	color:#FFFFFF;
	z-index:5001;
	height:25px;
	margin-top:0px;
	padding-top:5px;
	text-align:center;
	left:0;
	top:0;
}


.buynowBtn {
	zoom:1;
	display:inline-block;
	display:-moz-inline-box;
	padding:20px 96px 0 0px;
	margin-left:5px;
	margin-right:-10px;
	overflow:hidden;
	height:20px;
	_height:0;
	width:96px;
	_width:0;
	cursor:pointer;
	background:url(../images/buynow_btn.png) no-repeat;
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/buynow_btn.png', sizingMethod='image');
}




.buynowBtn:hover {
	display:inline-block;
	display:-moz-inline-box;
	padding:20px 96px 0 0px;
	margin-left:5px;
	margin-right:-10px;
	overflow:hidden;
	height:20px;
	width:96px;
	cursor:pointer;
	background:url(../images/buynow_btn_over.png) no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/buynow_btn_over.png', sizingMethod='image');
}

html[xmlns*=""] .buynowBtn { height:0; width:0; vertical-align:text-bottom; display:inline-block; }

html[xmlns*=""] .buynowBtn:hover { height:0; width:0; vertical-align:text-bottom; display:inline-block; }
*/



/*Contents*/

#webcontainer {
	position:relative;
	width:796px;
	background: transparent url(../images/webcontent_bg.jpg) repeat-y left top;
	margin: 0 auto;

}

#webtop {
	position:relative;
	width:796px;
	height:346px;
	overflow:hidden;
	background:url(../images/webtop_bg.jpg) no-repeat;
}

#theImage object 
{
    margin-left: 5px;

}
#theImage embed 
{
    margin-left: 5px;
}

#webcontent {
	position:relative;
	float: left;
	/*float:right;*/
	/*width:796px;*/
	overflow:hidden;
	background: transparent url(../images/webcontent_bg.jpg) repeat-y left top;
	text-align:left;

	margin-right: -267px;
}

/*Web Navigation*/
#navcontainer {
position:absolute;
	margin: 0;
	padding: 0;
	bottom:0;
	left:0px;
	text-align:center;
	width:480px;
}


#navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navcontainer ul li { 
display:inline;

}

#navcontainer ul li a{
text-decoration: none;
margin: 0;
padding:0 15px 3px 15px;
color:#252525;
font:700 12px Arial, Helvetica, sans-serif;
}


#navcontainer li a:hover{
color:#252525;
text-decoration:underline;
}


/* For Menu Buttons */

#navcontainer ul li a.home{

}


#navcontainer li a.home:hover{

}



#navcontainer ul li a.resume{

}


#navcontainer li a.resume:hover{

}



#navcontainer ul li a.bio{


}


#navcontainer li a.bio:hover{

}

#navcontainer ul li a.pictures{

}


#navcontainer li a.pictures:hover{

}

#navcontainer ul li a.news{

 
}


#navcontainer li a.news:hover{

}

#navcontainer ul li a.contact{

}


#navcontainer li a.contact:hover
{

}


/*Infocontainers*/

.infocontainer {
	position:relative;
	width:383px;
	padding:0 10px 10px 10px;
	margin:35px 5px 20px 35px;
	background: #1c1c1c url(../images/infocontainer_btmcap.gif) no-repeat bottom left;
}

* html .infocontainer 
{
	overflow-x: hidden;
}

.infocontainer h2 {
	background:url(../images/infocontainer_hdr.gif) no-repeat top left;
	position:relative;
	padding: 10px 10px 5px 10px;
	margin:0 -10px 0 -10px;
	_margin-bottom:-5px;
	height:39px;
	_height:54px;
	color:#999999;
	font:700 16px Arial, Helvetica, sans-serif;
}


infocontainer h2 span a.photoglide {
	background-image:url(../images/t01_photoglide_btn.gif);
}





.infocontainer p {
	margin:10px 0 0 0px;
}



.infocontainer a.more {
	text-decoration:underline;
	cursor:pointer;
	font:700 12px;
	color:#999999; 
}


.infocontainer a.more:hover {
	text-decoration:underline;
	cursor:pointer;
	font:700 12px;
	color:#fff; 

}


/*h3 {
	position:relative;
	padding: 0 0 0 0;
	color:#ffffff;
	font:700 14px Arial, Helvetica, sans-serif;
	background: none;
}*/

.emailicon {
}

.printicon {
}

/*Pictures*/

h2.pictures {
	position:relative;
}
h2.pictures span {
	display:block;
	position:absolute;
	right:10px;
	top:8px;
	width:205px;
}

h2.pictures span a {
	display:block;
	float:right;
	overflow:hidden;
	width:0;
	height:0;
	padding-top:25px;
	padding-left:168px;
	margin:0 0 0 5px;
}



h2.pictures span a.photoglide {
	background-image:url(../images/t01_photoglide_btn.gif);
}


.infocontainer input.pictures {
            border:solid 2px #999999;
            margin: 5px;
            display: inline;
}

.infocontainer a.pictures {
margin:0 10px 10px 0;
line-height:25px;
}


.infocontainer .pictures img {
  border:solid 2px #999999;
}



/*Contact*/
.infocontainer input, textarea {
	display: inline;
	border:solid 1px #252525;
	background: #ffffff;
	margin: 2px 0 15px 0px;
	color: #999999;
	overflow:auto;
	
}


label {
	margin: 10px 0 0px 0px;
	display:block;

}

h4 {
	margin: 5px 0 15px 0px;
	color:#999999;
	font:700 12px Arial, Helvetica, sans-serif;
	background: none;
}

a.send, .send:visited{
	border:solid 1px #252525;
	background: #1c1c1c;
	padding:5px 30px;
	margin:5px 5px 5px 0px;
	text-decoration:none;
	cursor:pointer;
	color:#999999;
	
}


.send:hover, a.send:active {
	background: #999999;
	text-decoration:none;
	color: #1c1c1c;
	
}

.contactinfo {
	margin: 25px 0 5px 0px;
	}

/*Components*/
  
#componentcontent {
	/*position:absolute;
	width:267px;
	left:469px;
	top:200px;
	width: 100%;
	z-index:100;*/
	width: 262px;
	float: right;
	height:100%;
	color:white;
	padding:0 0 25px 0px;
	margin:-150px 55px 0 0px;
	display:inline;

}


* html #componentcontent 
{
    margin-right: 45px;
    overflow:hidden;
}

.component {
	position:relative;
	padding:0px 70px 0 60px;
	_padding: 0 70px 0 55px;
	text-align:left;
	color:#999999;
	margin-bottom: 35px;
}

.component a {
	color:#999999;
	text-decoration:underline;
}

.component a:hover {
	color:#ffffff;
	text-decoration:underline;
}

h3 {
	position:relative;
	padding: 0 0 0 0;
	margin:0px 0px 5px 0px;
	color:#999999;
	font:700 16px Arial, Helvetica, sans-serif;
	background: none;
}

.component h3 {
	width: auto;
	margin:-10px 0px 5px 0px;
	padding-top:10px;
	
}



.component dt{
	margin:10px 0 0px 0;
	padding:0;
	list-style-type:none;
	color:#999999;

}

.component dd{
	margin:0;
	padding:0;
	list-style-type:none;
	color:#999999;

}

.component .contact dt {
	font: 700 12px Arial, Helvetica, sans-serif;
}


.component .resHilites dt {
	font: 700 12px Arial, Helvetica, sans-serif;
	margin:20px 0 0 0;
}

.component .statistics dt {
	float:left;
	margin:0;
	padding:0;
	}

.component .statistics dd {
	margin:0;
	padding:0;
	}






/*Name*/

/*#name {
	height:60px;
	padding:0px 30px 0 30px;
	margin:35px 0 45px 30px;
}*/


h1 {
	position:absolute;
	left:469px;
	top:40px;
	width:267px;
	color:#999999;
	background: none;
	height:100px;
	text-align:center;
}


.firstname {
}

.lastname {
}


/*
#contact {
	height:100px;
}

#resumehilites {
	height:300px;
}

#vitals {
	height:100px;
}
*/


/*Resume*/

.resume {

}
h3.resume  {
	position:relative;
	padding: 5px 0 5px 0;
	width:100%;
	color:#ffffff;
	font:700 14px Arial, Helvetica, sans-serif;
	background: none;
}


table.resume {
	width:100%;
	height:18px;
	background:none;
	padding:0 5px 10px 5px;
	font:12px Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	margin:0 0 20px 0;
}

h2.resume {
	position:relative;
}
h2.resume span {
	display:block;
	position:absolute;
	right:10px;
	top:8px;
	width:205px;
}

h2.resume span a {
	display:block;
	float:right;
	overflow:hidden;
	width:0;
	height:0;
	padding-top:23px;
	padding-left:96px;
	margin:0 0 0 5px;
}

h2.resume span a.video {
	background-image:url(../images/t01_videoreel.gif);
}

h2.resume span a.audio {
	background-image:url(../images/t01_audioreel.gif);
}

table.resume tr.odd td {
	background:#252525;
}

table.resume tr td {
	background:#1c1c1c;
	padding:3px;
	vertical-align:top;
}

table.resume td.title {
	
}

table.resume td.role {
	
}

table.resume td.director {
	text-align:right;
}

p.resume {
	line-height:1.5em;
}

.resume .attachedVideo {
	background:url(../images/t01_videoicon_sml.gif) no-repeat bottom;
	padding-top:1px;
	overflow:hidden;
	display:inline;
	width:0;
	height:0;
	padding-left:16px;
	margin:0 1px 0 3px;
	*padding-top:15px;
	*padding-left:0;
	*vertical-align:bottom;
}

.resume .attachedVideo img {
	display:none;
	*display:inline-block;
	*width:16px;
	*height:15px;
	*visibility:hidden;
}


dt {
	color:#999999;
	font:700 12px Arial, Helvetica, sans-serif;
	margin:0 0 0px 15px;
}


dd {
	color:#999999;
	font:12px Arial, Helvetica, sans-serif;
	margin:0 0 10px 15px;
}


.skilltitle  {
	color:#ffffff;
	font:700 12px Arial, Helvetica, sans-serif;

}

.skills {
	color:#999999;
	font:12px Arial, Helvetica, sans-serif;
	margin:10px 0;
}




/*h3 {
	position:relative;
	padding: 0 0 0 0;
	color:#ffffff;
	font:700 14px Arial, Helvetica, sans-serif;
	background: none;
}*/

/* Audio and Video */ 

 

ul.mediaItems {
margin:0;
padding:0;
list-style-type:none;
}
 

ul.mediaItems li {
margin:0;
padding:0;
float:left;
}

ul.mediaItems a {
display:block;
text-decoration: none;
overflow:hidden;
width:117px;
height:102px;
margin:5px 5px 0 5px;
text-align:center;
font-size:10px;
color:#999;
}



ul.mediaItems a.video {
background: transparent url(../images/t01_video_btn.gif) no-repeat top left;
}


ul.mediaItems a.audio {
background: transparent url(../images/t01_audio_btn.gif) no-repeat top left;
}

 
ul.mediaItems img {
border:0;
margin:0;
padding:0;
float:left;
clear:both;
}

/* for internet explorer */ 
  
/** html body {
	padding:128px 0 50px 0;
}

* html #editorbody {
	border-right: 216px solid #fff;
	border-bottom: 50px solid #fff;
	border-top: 118px solid #fff;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	height: 100%;
	width: 100%;
	text-align:center;
}

* html #websitepages {
	height:100%;
	width:216px;
	border-bottom: 50px solid #fff;
	z-index: -1;
}*/




.infocontainer dl.news {
	margin:0px 0px 0px 15px;
	display:block;
	padding:0;
	list-style-type:none;
	font:700 12px Arial, Helvetica, sans-serif; }

.infocontainer dl.news dt{
	margin:10px 0px 0px 0px;
	padding:0;
	list-style-type:none;
	font:700 12px Arial, Helvetica, sans-serif;
	color:#999999;

}

.infocontainer  dl.news dd{
	margin:0px 0px 5px 0px;
	padding:0;
	list-style-type:none;
    color:#999999;
}