html, body {
margin: 0;
padding: 0;
border: none;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background: #3c3637 url(../images/background.png) repeat-x;
padding-bottom: 30px;
color: #fff;
}
a { text-decoration: none }
div, img, h1, h2, h3, h4, p, form {
margin: 0;
padding: 0;
border: none;
}
ul, li {
padding: 0;
margin: 0;
border: none;
}
li { list-style: none }
em, strong { font-weight: bold; font-style: normal; }
img.nogap { display: block; }
img.left { float: left; margin-top: 21px; }
/**** Main Content ****/
#content {
width: 919px;
margin: 0 auto;
}
#main {
width: 876px;
float: left;
position:relative;
}
#home-content {
height: 394px;
padding-top: 8px;
background: #000 url(../images/home_splash.png) no-repeat;
}
a#watch-montage {
display: block;
width: 312px;
height: 186px;
margin: 0px 0px 0px 26px;
overflow: hidden;
}
#nav {
height: 121px;
padding-left: 65px;
margin: 0 auto;
background-color: #000;
}
#nav li {
float: left;
width: 100px;
padding-right: 25px;
height: 121px;
background: url(../images/nav/divider.png) right center no-repeat;
}
#nav li.last { background: none }
#nav li a {
display: block;
width: 128px;
height: 121px;
margin: 0 auto;
background: url(../images/nav/home.png) center top no-repeat;
}
#nav li.nav-home a { background-image: url(../images/nav/home.png); }
#nav li.nav-home a:hover { background-image: url(../images/nav/home_hover.png); }
#nav li.nav-resume a { background-image: url(../images/nav/resume.png); }
#nav li.nav-resume a:hover { background-image: url(../images/nav/resume_hover.png); }
#nav li.nav-photo a { background-image: url(../images/nav/photogallery.png); }
#nav li.nav-photo a:hover { background-image: url(../images/nav/photogallery_hover.png); }
#nav li.nav-video a { background-image: url(../images/nav/videogallery.png); }
#nav li.nav-video a:hover { background-image: url(../images/nav/videogallery_hover.png); }
#nav li.nav-contact a{ background: url(../images/nav/contact.png) 0 5px no-repeat; width: 120px }
#nav li.nav-contact a:hover { background: url(../images/nav/contact_hover.png) 0 0 no-repeat; }
#nav li.nav-media a { background-image: url(../images/nav/media.png); }
#nav li.nav-media a:hover { background-image: url(../images/nav/mediahover.png); }
/**** Resume Page ****/
#resume-content {
height: 344px;
padding-top: 139px;
background: #000 url(../images/resume_bg.png) no-repeat;
}
#resume-content1 {
height: 344px;
padding-top: 139px;
background: #000 url(../images/resume_bg1.png) no-repeat;
}
#resume-content2 {
height: 344px;
padding-top: 139px;
background: #000 url(../images/resume_bg2.png) no-repeat;
}
#resume-ctr {
background: url(../images/info.png) 1px 1px no-repeat;
width: 496px;
height: 308px;
margin-left: 181px;
}
#resume {
height: 212px;
padding: 34px 20px 60px 20px;
overflow: auto;
border: 1px inset;
color: #ddd;
}
#resume h2 {
font-size: 24px;
font-weight: normal;
margin-bottom: 11px;
}
#resume h3, h4 {
font-size: 13px;
font-weight: bold;
margin: 6px 0px 5px 0px;
}
#resume h3 { text-align: center; margin-bottom: 12px; }
#resume h4 { margin-bottom: 0px }
#resume table {
width: 95%;
font-size: 10px;
margin-top: 10px;
margin-bottom: 12px;
}
#resume #tbl-theatre { font-size: 12px; width: auto }
#tbl-theatre td { width: 140px; }
/**** Contact Page ****/
#contact-content {
height: 377px;
padding-top: 105px;
background: #000 url(../images/contact_bg.png) no-repeat;
}
#contact-content form li {
height: 30px;
clear: both;
}
#contact-content form li.last { height: auto }
#contact-content form li.last label { padding-top: 13px; }
#contact-content form { margin-left: 381px; height: 232px; }
#contact-content input.text, textarea { border: 1px solid #fff; color: #808080 }
#contact-content label {
display: block;
float: left;
width: 129px;
margin-right: 13px;
padding-top: 4px;
text-align: right;
color: #fff;
}
#contact-content form li.submit {
padding-top: 22px;
text-align: center;
}
#contact-content form li.submit input { margin-right: 4px; }
#contact-content .p1 { margin-left: 34px; width:160px; float:relative; }
#contact-content .p2 { margin-left: 210px; width:160px; float:relative; margin-top:-90px; }
#contact-content .p3 { margin-left: 34px; width:300px; float:relative; margin-top:10px; }
#contact-content p span { text-decoration: underline; }
/**** Video Gallery Page ****/
#vgallery-content {
height: 358px;
padding-top: 124px;
background: #000 url(../images/videogallery_bg.png) no-repeat;
}
a#watch-montage-vg, a#watch-reels {
display: block;
float: left;
width: 231px;
height: 148px;
margin-left: 8px;
overflow: hidden;
}
a#watch-reels { margin-left: 24px }
#montage-content {
height: 482px;
padding-top: 0px;
background: #000 url(../images/videoplayer_bg.png) no-repeat;
}
#reels-content {
height: 482px;
padding-top: 0px;
background: #000 url(../images/videoplayer_bg.png) no-repeat;
}
.fb, .tw { position:absolute; top:70px; border:none; outline:none; }
.fb { right:69px; }
.tw { right:97px; }
#header {float:left;width:876px;background:#000;height:80px;}
.firstline, .secondline {text-align:right;float:right;width:100%;}
.firstline {font-size:20px;color:#8D8D8E;margin-right:292px;position:relative;top:22px;z-index:3;font-family: 'Open Sans Condensed', sans-serif;}
.secondline {font-size:38px;font-family: 'Quicksand', sans-serif;;color:#fff;margin-right:132px;z-index:999;position:relative;top:8px;}