* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica;
 font-size: 12px;
 color: #333333;
}
#wrapper { 
 margin: 0 auto;
 width: 1010px;
 height: 730px;
}
#header {
 width: 1000px;
 color: #3D3D3D;
 padding: 0px;
 border: none;
 height: 173px;
 margin: 20px 0px 0px 10px;
 background: none;
 position: relative;
 text-align: left;
}
#content { 
 width: 1000px;
 height: 540px;
 color: none;
 border: none;
 background: none;
 margin: 0px 0px 0px 10px;
 padding: 0px;
 position: relative;
 left: 0px;
 top: 5px;
}
#footer { 
 color: #9A9A9B;
 font-size: 10px;
 text-align: left;
 width: 985px;
 border: none;
 background: none;
 margin: 0px 10px 10px 0px;
 padding: 0px;
 height: 10px;
 position: absolute;
 top: 541px;
}

#footerv { 
 color: #9A9A9B;
 font-size: 10px;
 text-align: left;
 width: 985px;
 border: none;
 background: none;
 margin: 0px 10px 10px 0px;
 padding: 0px;
 height: 10px;
 position: absolute;
 top: 494px;
}

a:link {color: #C12A33; text-decoration: none; }
a:visited {color: #C12A33; text-decoration: none; }
a:hover {color: #C12A33; text-decoration: none; }
a:active {color: #C12A33; text-decoration: none; }

#navigation {
 width: 320px;
 background: none;
 position: absolute;
 left: 434px;
 top: 67px;
 font-size: 12px;
}

#info {
 width: 140px;
 height: 544px;
 background: none;
 position: absolute;
 left: 10px;
 top: 3px;
 font-size: 11px;
 text-align: left;
 border: 5px solid #FFFFFF;
}

#main {
 width: 802px;
 height: 543px;
 background: #1a1a1a;
 position: absolute;
 left: 180px;
 top: 16px;
 text-align: center;
}

#mainv {
 width: 802px;
 height: 496px;
 background: #1a1a1a;
 position: absolute;
 left: 180px;
 top: 16px;
 text-align: center;
}

#mainc {
 width: 655px;
 height: 496px;
 position: absolute;
 left: 180px;
 top: 16px;
 text-align: center;
}

#mainc2 {
 width: 300px;
 height: 496px;
 position: absolute;
 left: 400px;
 top: 16px;
 text-align: center;
}

#maind {
 width: 802px;
 height: 496px;
 background: url(images/docbknd.jpg);
 position: absolute;
 left: 180px;
 top: 16px;
 text-align: center;
}

#navcinematography {
 height: 30px;
 width: 177px;
 background: url(images/title-cinematography.jpg) top left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}

#navcinematography1 {
 height: 30px;
 width: 177px;
 background: url(images/title-cinematography.jpg) bottom left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}
 
#navcinematography:hover{
 background-position: bottom left;
}

#navdp {
 height: 30px;
 width: 177px;
 background: url(images/title_dp.jpg) top left no-repeat;
 position: relative;
 left: -15px;
 top: 0px;
 overflow: hidden;
 display: block;
}

#navdp:hover{
 background-position: bottom left;
}

#navfilms {
 height: 30px;
 width: 130px;
 background: url(images/title-films.jpg) top left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}

#navfilms1 {
 height: 30px;
 width: 130px;
 background: url(images/title-films.jpg) bottom left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}
 
#navfilms:hover{
 background-position: bottom left;
}
#navphotography {
 height: 30px;
 width: 130px;
 background: url(images/title-photography.jpg) top left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}

#navphotography1 {
 height: 30px;
 width: 130px;
 background: url(images/title-photography.jpg) bottom left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}
 
#navphotography:hover{
 background-position: bottom left;
}

#navresume {
 height: 30px;
 width: 130px;
 background: url(images/title-resume.jpg) top left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}

#navresume1 {
 height: 30px;
 width: 130px;
 background: url(images/title-resume.jpg) bottom left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}
 
#navresume:hover{
 background-position: bottom left;
}

#navcontact {
 height: 30px;
 width: 130px;
 background: url(images/title-contact.jpg) top left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}

#navcontact1 {
 height: 30px;
 width: 130px;
 background: url(images/title-contact.jpg) bottom left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}
 
#navcontact:hover{
 background-position: bottom left;
}

#navcommercial {
 height: 20px;
 width: 100px;
 background: url(images/title-commercial.jpg) top left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}

#navcommercial1 {
 height: 20px;
 width: 100px;
 background: url(images/title-commercial.jpg) bottom left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}
 
#navcommercial:hover{
 background-position: bottom left;
}

#navdocumentary {
 height: 20px;
 width: 100px;
 background: url(images/title-documentary.jpg) top left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}

#navdocumentary1 {
 height: 20px;
 width: 100px;
 background: url(images/title-documentary.jpg) bottom left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}
 
#navdocumentary:hover{
 background-position: bottom left;
}

#navplaces {
 height: 20px;
 width: 100px;
 background: url(images/title-places.jpg) top left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}

#navplaces1 {
 height: 20px;
 width: 100px;
 background: url(images/title-places.jpg) bottom left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}
 
#navplaces:hover{
 background-position: bottom left;
}

#navpeople {
 height: 20px;
 width: 100px;
 background: url(images/title-people.jpg) top left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}

#navpeople1 {
 height: 20px;
 width: 100px;
 background: url(images/title-people.jpg) bottom left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}
 
#navpeople:hover{
 background-position: bottom left;
}

#navkids {
 height: 20px;
 width: 100px;
 background: url(images/title-kids.jpg) top left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}

#navkids1 {
 height: 20px;
 width: 100px;
 background: url(images/title-kids.jpg) bottom left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}
 
#navkids:hover{
 background-position: bottom left;
}

#navdetails {
 height: 20px;
 width: 100px;
 background: url(images/title-details.jpg) top left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}

#navdetails1 {
 height: 20px;
 width: 100px;
 background: url(images/title-details.jpg) bottom left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}
 
#navdetails:hover{
 background-position: bottom left;
}

#navPDF {
 height: 20px;
 width: 100px;
 background: url(images/title-PDF.jpg) top left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}

#navPDF1 {
 height: 20px;
 width: 100px;
 background: url(images/title-PDF.jpg) bottom left no-repeat;
 position: relative;
 left: 0px;
 top: 0px;
 overflow: hidden;
 display: block;
}
 
#navPDF:hover{
 background-position: bottom left;
}

#mainvid {
 width: 640px;
 height: 496px;
 padding-left: 1px;
}

#TN1 {
 height: 81px;
 width: 159px;
 background: url(images/f1TN.jpg) top left no-repeat;
 position: absolute;
 left: 642px;
 top: 1px;
 overflow: hidden;
 display: block;
}

#TN1a {
 height: 81px;
 width: 159px;
 background: url(images/f1TN.jpg) bottom left no-repeat;
 position: absolute;
 left: 642px;
 top: 1px;
 overflow: hidden;
 display: block;
}
 
#TN1:hover{
 background-position: bottom left;
}

#TN2 {
 height: 82px;
 width: 159px;
 background: url(images/f2TN.jpg) top left no-repeat;
 position: absolute;
 left: 642px;
 top: 83px;
 overflow: hidden;
 display: block;
}

#TN21 {
 height: 82px;
 width: 159px;
 background: url(images/f2TN.jpg) bottom left no-repeat;
 position: absolute;
 left: 642px;
 top: 83px;
 overflow: hidden;
 display: block;
}
 
#TN2:hover{
 background-position: bottom left;
}

#TN3 {
 height: 81px;
 width: 159px;
 background: url(images/f3TN.jpg) top left no-repeat;
 position: absolute;
 left: 642px;
 top: 166px;
 overflow: hidden;
 display: block;
}

#TN31 {
 height: 81px;
 width: 159px;
 background: url(images/f3TN.jpg) bottom left no-repeat;
 position: absolute;
 left: 642px;
 top: 166px;
 overflow: hidden;
 display: block;
}
 
#TN3:hover{
 background-position: bottom left;
}

#TN4 {
 height: 82px;
 width: 159px;
 background: url(images/f4TN.jpg) top left no-repeat;
 position: absolute;
 left: 642px;
 top: 248px;
 overflow: hidden;
 display: block;
}

#TN41 {
 height: 82px;
 width: 159px;
 background: url(images/f4TN.jpg) bottom left no-repeat;
 position: absolute;
 left: 642px;
 top: 248px;
 overflow: hidden;
 display: block;
}
 
#TN4:hover{
 background-position: bottom left;
}

#TN5 {
 height: 81px;
 width: 159px;
 background: url(images/f5TN.jpg) top left no-repeat;
 position: absolute;
 left: 642px;
 top: 331px;
 overflow: hidden;
 display: block;
}

#TN51 {
 height: 81px;
 width: 159px;
 background: url(images/f5TN.jpg) bottom left no-repeat;
 position: absolute;
 left: 642px;
 top: 331px;
 overflow: hidden;
 display: block;
}
 
#TN5:hover{
 background-position: bottom left;
}

#TN6 {
 height: 82px;
 width: 159px;
 background: url(images/f6TN.jpg) top left no-repeat;
 position: absolute;
 left: 642px;
 top: 413px;
 overflow: hidden;
 display: block;
}

#TN61 {
 height: 82px;
 width: 159px;
 background: url(images/f6TN.jpg) bottom left no-repeat;
 position: absolute;
 left: 642px;
 top: 413px;
 overflow: hidden;
 display: block;
}
 
#TN6:hover{
 background-position: bottom left;
}

#savingFace
{
	 height: 81px;
	 width: 159px;
	 background: url(images/saving-face.jpg) top left no-repeat;
	 position: absolute;
	 left: 642px;
	 top: 1px;
	 overflow: hidden;
	 display: block;
}

#savingFace1
{
	 height: 81px;
	 width: 159px;
	 background: url(images/saving-face.jpg) bottom left no-repeat;
	 position: absolute;
	 left: 642px;
	 top: 1px;
	 overflow: hidden;
	 display: block;
}

#savingFace:hover
{
	background-position: bottom left;
}

#TN7 {
 height: 81px;
 width: 159px;
 background: url(images/mentor-thumb.jpg) top left no-repeat;
 position: absolute;
 left: 642px;
 top: 83px;
 overflow: hidden;
 display: block;
}

#TN71 {
 height: 81px;
 width: 159px;
 background: url(images/mentor-thumb.jpg) bottom left no-repeat;
 position: absolute;
 left: 642px;
 top: 83px;
 overflow: hidden;
 display: block;
}
 
#TN7:hover{
 background-position: bottom left;
}

#TN8 {
 height: 81px;
 width: 159px;
 background: url(images/d1TN.jpg) top left no-repeat;
 position: absolute;
 left: 642px;
 top: 165px;
 overflow: hidden;
 display: block;
}

#TN81 {
 height: 81px;
 width: 159px;
 background: url(images/d1TN.jpg) bottom left no-repeat;
 position: absolute;
 left: 642px;
 top: 165px;
 overflow: hidden;
 display: block;
}
 
#TN8:hover{
 background-position: bottom left;
}

#TN9 {
 height: 81px;
 width: 159px;
 background: url(images/d4TN.jpg) top left no-repeat;
 position: absolute;
 left: 642px;
 top: 247px;
 overflow: hidden;
 display: block;
}

#TN91 {
 height: 81px;
 width: 159px;
 background: url(images/d4TN.jpg) bottom left no-repeat;
 position: absolute;
 left: 642px;
 top: 247px;
 overflow: hidden;
 display: block;
}
#TN9:hover{
 background-position: bottom left;
}
#TN10 {
 height: 82px;
 width: 159px;
 background: url(images/d5TN.jpg) top left no-repeat;
 position: absolute;
 left: 642px;
 top: 329px;
 overflow: hidden;
 display: block;
}

#TN101 {
 height: 82px;
 width: 159px;
 background: url(images/d5TN.jpg) bottom left no-repeat;
 position: absolute;
 left: 642px;
 top: 329px;
 overflow: hidden;
 display: block;
}
 
#TN10:hover{
 background-position: bottom left;
}
#TN11 {
 height: 81px;
 width: 159px;
 background: url(images/d2TN.jpg) top left no-repeat;
 position: absolute;
 left: 642px;
 top: 411px;
 overflow: hidden;
 display: block;
}

#TN111 {
 height: 81px;
 width: 159px;
 background: url(images/d2TN.jpg) bottom left no-repeat;
 position: absolute;
 left: 642px;
 top: 411px;
 overflow: hidden;
 display: block;
}
 
#TN11:hover{
 background-position: bottom left;
}

#TN12 {
 height: 81px;
 width: 159px;
 background: url(images/df1TN.jpg) top left no-repeat;
 position: absolute;
 left: 642px;
 top: 1px;
 overflow: hidden;
 display: block;
}

#TN121 {
 height: 81px;
 width: 159px;
 background: url(images/df1TN.jpg) bottom left no-repeat;
 position: absolute;
 left: 642px;
 top: 1px;
 overflow: hidden;
 display: block;
}
 
#TN12:hover{
 background-position: bottom left;
}

#TN13 {
 height: 81px;
 width: 159px;
 background: url(images/df2TN.jpg) top left no-repeat;
 position: absolute;
 left: 642px;
 top: 83px;
 overflow: hidden;
 display: block;
}

#TN131 {
 height: 81px;
 width: 159px;
 background: url(images/df2TN.jpg) bottom left no-repeat;
 position: absolute;
 left: 642px;
 top: 83px;
 overflow: hidden;
 display: block;
}
 
#TN13:hover{
 background-position: bottom left;
}

p1 {
 font-size: 12px;
 font-weight: normal;
 line-height: 20px;
}	
 
p2 {
 font-size: 12px;
 font-weight: bold;
 line-height: 24px;
 color: #CC3433;
 }
 
p3 {
 color: #CC3433;
 }
 
p4 {
 font-size: 10px;
 font-weight: normal;
 line-height: 14px;
 }
 
p5 {
 font-size: 11px;
 font-weight: normal;
 line-height: 30px;
}
 
p6 {
 font-size: 11px;
 font-weight: normal;
 line-height: 30px;
}

.msg_list {
 margin: 0px;
 padding: 0px;
 width: 140px;
}
.msg_head {
 padding: 0px 0px;
 cursor: pointer;
 position: relative;
 background-color:none;
 font-size: 10px;
 font-weight: normal;
 line-height: 10px;
}
 
.msg_body {
 background-color:none;
 margin: 5px 0px 2px 15px;
 padding: 0px 0px 0px 5px;
 border-left: #C12A33 1px dotted;
}

.msg_body2 {
 background-color:none;
 margin: 5px 0px 5px 15px;
 padding: 0px 0px 0px 5px;
 border-left: #C12A33 1px dotted;
}

#email {
 height: 30px;
 width: 211px;
 background: url(images/contact2.jpg) top left no-repeat;
 position: relative;
 left: 225px;
 overflow: hidden;
 display: block;
}
 
#email:hover{
 background-position: bottom left;
}

#agent {
 height: 30px;
 width: 211px;
 background: url(images/contact4.jpg) top left no-repeat;
 position: relative;
 left: 225px;
 top: -3px;
 overflow: hidden;
 display: block;
}
 
#agent:hover{
 background-position: bottom left;
}

#indexnavL {
 position: absolute;
 top: 450px;
 left: 440px;
}

#indexnavR {
 position: absolute;
 top: 450px;
 left: 530px;
}

#indexnav {
 position: absolute;
 top: 460px;
 left: 500px;
}

#contactweb {
 position: absolute;
 top: 470px;
 left: 620px;
 text-align: left;
}

#design {
 height: 22px;
 width: 100px;
 background: url(images/contact6.jpg) top left no-repeat;
 position: absolute;
 left: 100px;
 top: 0px;
 overflow: hidden;
 display: block;
}
 
#design:hover{
 background-position: bottom left;
}