html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, a { 
margin: 0; 
padding: 0; 
border: 0; 
}

body 
{
font-size: 100.01%; /* Fix for some browser bugs */
background-color: #000000;
height: 1000px;
}

h1, h2, h3, h4, h5, h6 
{
font-weight:normal;
font-size:100%;
}

#main
{
height: 860px;
}

/*font embed*/
/*@font-face
{
font-family: Coupe
src: url("font/coupe/Coupe-Thin.bmap");
}*/

/*header */
header
{
position: relative;
width: 100%;
height: 205px;
z-index: 10;
}

#logo
{
position: relative;
left: 285px;
width: 170px;
height:175px;
background-image:url("images/yavs_logo.png");
background-repeat: no-repeat;
background-position: 25px 0px;
}

/*background*/
#contentWindow
{
overflow: hidden;
width: 1080px;
height: 960px;
margin-left: auto;
margin-right: auto;
position: relative;
top: -150px;

}

#contentContainer
{
width: 6480px;
height: 695px;
position: relative;
left:-2160px;
}

#bgImage
{
background-repeat: no-repeat;
background-position: 0px 125px;
float: left;
}

.homeBG
{
background-image: url("images/hpagebg.jpg");
background-repeat: no-repeat;
width: 1080px;
height: 810px;
}

.workBG
{
background-image: url("images/work_background.jpg");
width: 1080px;
height: 1000px;
}

.aboutBG
{
background-image: url("images/aboutbg.jpg");
width: 1080px;
height: 695px;
}

.contactBG
{
background-image: url("images/contactbg.jpg");
width: 1080px;
height: 695px;
}

.servicesBG
{
background-image: url("images/servicesbg.jpg");
width: 1080px;
height: 695px;
}

/*nav tags*/
#topMenu
{
position: relative;
top: 35px;
font-size: 14pt;
color: #ffffff;
font-family: 'Play', sans-serif;

width: 725px;
height: 175px;
margin-left: auto;
margin-right: auto;
}

#menuLeft
{
position: relative;
top: 40px;
left: 10px;
width: 240px;
height: 50px;
float:left;
}

#menuRight
{
position: relative;
left: 490px;
top: -135px;
width: 240px;
height: 50px;
}

#social
{
float: right;
position: relative;
right: 25px;
top: 25px;
}

/* about section */
#aboutMain
{
background-image: url("images/about_back.png");
width: 866px;
height: 458px;
margin-left: auto;
margin-right: auto;
padding: 25px;
margin-top: 180px;
}

.abouttext
{

font-family: 'Play';
font-size: 12pt;
color:white;
}

#bio
{
font-family: 'Play';
font-size: 10pt;
color:white;
position: relative;
margin-top: 20px;
}

#bio p
{
margin-top: 5px;
}

#aboutRow
{
width: 867px;
height: 186px;
margin-left: auto;
margin-right: auto;
}

#aboutItem
{
width: 376px;
height: 184px;
float: left;
}

#aboutPic
{
width: 128px;
height: 183px;
background-image: url("images/aboutpic.png");
float: left;
}

#aboutDesc
{
margin-left: 148px;
width: 228px;
height: 185px;
background-image: url("images/aboutdesc.png");
}

#aboutDesc h1
{
position: relative;
top: 10px;
font-size: 12pt;
font-family: 'Play', sans-serif;
width: 200px;
margin-left: auto;
margin-right: auto;
color: white;
}

#aboutDesc p
{
position: relative;
top: 20px;
font-size: 10pt;
font-family: 'Play', sans-serif;
width: 200px;
margin-left: auto;
margin-right: auto;
color: white;
line-height: 14pt;
}

#aboutMain h1
{
font-family: 'Play', sans-serif;
color: white;
font-size: 12pt;
position: relative;
}

/* portfolio navigation */
#subLine
{
position:relative;
width: 0px;
height: 1px;
clear: both;
background-color: white;
}

#buttonWrap
{
overflow: hidden;
width: 725px;
height: 50px;
margin-left: auto;
margin-right: auto;
}

#folioNav
{
position:relative;
width: 1080px;
margin-left: auto;
margin-right: auto;
}

#folioButtons
{
text-align: center;
position:relative;
top: -25px;
width: 725px;
height: 40px;
margin-left: auto;
margin-right: auto;
z-index: 2;
font-family: 'Play';
font-size: 11pt;
}

#folioButtons a
{
margin-left: 55px;
}

#folioButtons p
{
float:left;
color: white;
}

#folioThumb
{
width: 228px;
height: 154px;
background-color: white;
z-index: 15;
}

#thumbContainer
{
width: 228px;
margin-top: 10px;
float: left;
margin-right: 75px;
margin-left: 8px;
}

#folioDesc
{
width: 228px;
height: 69px;
margin-bottom: 10px;
background-image: url("images/itemDesc.png");
}

#folioDesc p
{
font-size: 8pt;
font-family: 'Play', sans-serif;
color: white;
padding-left: 10px;
padding-top: 5px;
}

#folioDesc h1
{
font-size: 12pt;
font-family: 'Play', sans-serif;
color: white;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}

#thumbPic
{
width: 218px;
height: 141px;
background-color: black;
margin-left: auto;
margin-right: auto;
position: relative;
top: 6px;
}

#thumb
{
width: 218px;
height: 142px;
}

#folioMain
{
width: 868px;
height: 558px;
margin-left: auto;
margin-right: auto;
margin-top: 200px;
}

/*vfx section*/
#vfxmain
{
width 868px;
height: 800px;
}

#vfxplayer
{
width: 500px;
height: 405px;
background-color: black;
margin-left: auto;
margin-right: auto;
position: relative;
top: 250px;
}

/*contact*/
#contactMain
{
width: 490px;
margin-left: auto;
margin-right: auto;
margin-top: 180px;
}

#contactMain p
{
text-align: center;
font-size: 14pt;
color: white;
font-family: 'Play', sans-serif;
}

#contactBox
{
width: 228px;
height: 160px;
float: left;
margin-top: 50px;
}

#contactHead
{
width: 228px;
height: 46px;
background-image: url("images/contactHeader.png");
}

#contactInfo
{
width: 228px;
height: 107px;
background-image: url("images/contactInfo.png");
margin-top: 5px;
}

#contactHead h1
{
position: relative;
top: 15px;
width: 228px;
text-align: center;
font-size: 12pt;
color: white;
font-family: 'Play', sans-serif;
}

#contactInfo p
{
font-size: 10pt;
color: black;
}

/*links*/
a
{
color: white;
text-decoration: none;
}

/*footer*/
footer
{
position: relative;
top: -150px;
color: white;
font-family: 'Play';
width: 100%
height: 75px;
padding-bottom: 50px;
}

footer p
{
font-size: 10pt;
}

#footContent
{
width: 1080px;
height: 50px;
margin-left: auto;
margin-right: auto;
}

/*services*/
#serviceCopy
{
position: relative;
top: 200px;
width: 558px;
height: 153px;
margin-left: auto;
margin-right: auto;
background-image: url("images/servicegradient.png");
}

#serviceCopy p
{
position: relative;
margin-left: auto;
margin-right: auto;
top: 35px;
line-height: 24px;
width: 453px;
height: 513px;
color: white;
size: 12pt;
font-family: 'Play', sans-serif;
}

/* lightbox */

#lightbox_gfx, #lightbox_illus, #lightbox_photo
{
background-color: white;
padding: 10px;
}

#LB_content_gfx
{

}

.lb_nav
{
}

.prev_gfx
{
float:left;
}

.close
{
color: #9B0000;
margin-top: 10px;
width: 50px;
margin-left: auto;
margin-right: auto;
font-family: 'Play', sans-serif;
}

.close:hover
{
cursor: pointer;
}

.prev_gfx:hover
{
cursor: pointer;
}

.next_gfx:hover
{
cursor: pointer;
}


.next_gfx
{
position: relative;
top: -20px;
float: right;
}

/* Lightbox Classes */
/*Graphic Design*/
.gfx_image1
{
background-image: url("images/work/gfx/g1_w.jpg");
width: 547px;
height: 799px;
}
.gfx_image2
{
background-image: url("images/work/gfx/g2_w.jpg");
width: 800px;
height: 506px;
}
.gfx_image3
{
background-image: url("images/work/gfx/g3_w.jpg");
width: 800px;
height: 448px;
}
.gfx_image4
{
background-image: url("images/work/gfx/g4_w.jpg");
width: 800px;
height: 619px;
}
.gfx_image5
{
background-image: url("images/work/gfx/g5_w.jpg");
width: 900px;
height: 505px;
}
.gfx_image6
{
background-image: url("images/work/gfx/g6_w.jpg");
width: 581px;
height: 800px;
}

.gfx_image7
{
background-image: url("images/work/gfx/g7_w.jpg");
width:597px;
height:800px;
}

.gfx_image8
{
background-image: url("images/work/gfx/g8_w.jpg");
width: 900px;
height: 475px;
}

.gfx_image9
{
background-image: url("images/work/gfx/g9_w.jpg");
width: 566px;
height: 800px;
}
/* Illustration*/
.illus_image1
{
background-image: url("images/work/illus/i1_w.jpg");
width: 599px;
height: 800px;
}

.illus_image2
{
background-image: url("images/work/illus/i2_w.jpg");
width: 800px;
height: 533px;
}

.illus_image3
{
background-image: url("images/work/illus/i3_w.jpg");
width: 739px;
height: 342px;
}

.illus_image4
{
background-image: url("images/work/illus/i4_w.jpg");
width: 599px;
height: 800px;
}

.illus_image5
{
background-image: url("images/work/illus/i5_w.jpg");
width: 566px;
height: 769px;
}

.illus_image6
{
background-image: url("images/work/illus/i6_w.jpg");
width: 515px;
height: 800px;
}

.illus_image7
{
background-image: url("images/work/illus/i7_w.jpg");
width: 599px;
height: 800px;
}

.illus_image8
{
background-image: url("images/work/illus/i8_w.jpg");
width: 566px;
height: 900px;
}

.illus_image9
{
background-image: url("images/work/illus/i9_w.jpg");
width: 900px;
height: 425px;
}
/*Photo*/
.photo_image1
{
background-image: url("images/work/photo/p1_w.jpg");
width: 533px;
height: 461px;
}

.photo_image2
{
background-image: url("images/work/photo/p2_w.jpg");
width: 535px;
height: 697px;
}

.photo_image3
{
background-image: url("images/work/photo/p3_w.jpg");
width: 960px;
height: 381px;
}