/* CSS Document */

#portfolio, #graphicDesign, 
#videography, #hd, #editing, #dvd, #audio, #vidTransfers, #filmTransfers, #photos, #transferOverview, 
#websites, #web1, #web2, #web3, #web4, #web5,
#branding, #brand1, #brand2, #brand3,
#weddings, #packages, #platinum, #gold, #silver, #whyvideo,
#corporate, #commercials, #eventVideo, #webVideos, #trainingVideos, #tradeshows, #websites,
#about, #studio, #links {
  display:none;
  width:480px;
  height:289px;
  overflow:hidden;
  overflow-y:auto;
}

#clientList {
  display:none;
  width:480px;
  height:289px;
}

ul.vendors { width: 480px; padding:0px; padding-left:20px; }
li.vendorlist { float: left; width: 220px; margin: 0px 20px 0px 0px; padding: 0px; }


/* TEXT TO GRAPHIC SPAN CSS
#wedVidH3, #wedVidH3 span {
 width: 480px; height: 20px;
 background-image: url(/images/titles/wedVidH3.png);
 background-repeat: no-repeat;
}

#wedTrustH4, #wedTrustH4 span {
 width: 480px; height: 17px;
 background-image: url(/images/titles/wedTrustH4.png);
 background-repeat: no-repeat;
}

#wedVidH3 span, 
#wedTrustH4 span {
  margin-bottom:0px;
  display: block;
  visibility: hidden;
}

*/
/* non-repeated code */
h1 span, h2 span, h3 span {
 display: block;
 position: relative;
 z-index: 1;
}


/* IE5 Mac Hack \*/
h1, h2 { 
  overflow: hidden; 
  margin: 0 0 0 0px;
}
h3 { 
  overflow: hidden; 
  margin: 0 0 15 0px;
}
/*/
h1, h2, h3 { text-indent: -100em; }
/* End Hack */

.buttonText span {
  margin-bottom:0px;
  display: block;
  visibility: hidden;
}


/* -------------------- */

body {
  background-color:#ffffff; 
  margin-top: 0px; 
  margin-bottom: 0px; 
  margin-left: 0px; 
  margin-right: 0px;
  color:#ffffff;
  font-family:arial;
  font-size:12px;


}

p {
  text-indent: 10px;
  margin-top:0px;
  margin-bottom:10px;
  margin-left:0px;
  margin-right:0px;
  padding-top:0px;
  padding-bottom:0px;
  padding-left:0px;
  padding-right:0px;
}

#col1 {
  position:relative;
  width:33%;
  float:left;
  height:60px;

}

#col2 {
  position:relative;
  width:33%;
  float:left;
  margin:0 0 0 0px;
  padding:0 0 0 0px;
  height:60px;
}

#col3 {
  position:relative;
  width:33%;
  float:left;
  margin:0 0 0 0px;
  padding:0 0 0 0px;
  height:60px;
}

#col1 ul, #col2 ul, #col3 ul{
  margin:0 0 0 0px;
 }

#contactPage {
  position:absolute;
  top:40px;
  left:45px;
  width:707px;
  height:275px;
}

#contactPanelLeft {
  width:190px;
  float:right;
  margin-right:5px;
  margin-top:20px;
}

#contactPanelDivider {
  width:10px;
  float:right;
  margin-top:5px;
  margin-left:0px;
  margin-right:10px;
}

#contactPanelRight {
  width:490px;
  float:right;
}

#pitch {
  text-align:center;
  margin: 20px 20px 20px 20px;
}

#homeTitle {
  position:absolute;
  top:40px;
}

h3 {
  margin-top:5px;
}

#homeText {
  position:absolute;
  top:215px;
  left:50px;
  width:375px;
  height:105px;
}

img {
  border:none;
}

.buttonList a:link { text-decoration:none; }
.buttonList a:visited { text-decoration:none; }
.buttonList a:active { text-decoration:none; }
.buttonList a:hover { font-weight:bold; text-decoration:none; }

a:link { color:#ffffff; text-decoration:none; }
a:visited { color:#ffffff; text-decoration:none; }
a:active { color:#ffffff; text-decoration:none; }
a:hover { color:#ffffff; font-weight:bold; text-decoration:none; }

.buttonList {
  text-indent:0px;
  margin-left:0px;
  padding-left:15px;
  font-size:11px;
}

h3, h4 {
  margin-bottom:5px;
}

#copyright a:link { color:#666666; text-decoration:none; }
#copyright a:visited { color:#999999; text-decoration:none; }
#copyright a:active { color:#999999; text-decoration:none; }
#copyright a:hover { color:#0000FF; text-decoration:none; }

#positioner { /* sets the entire site to center in the browser */
  position:relative;
  width:800px;
  margin:auto; /* Right and left margin widths set to "auto" */
  text-align:left; /* Counteract to IE5/Win Hack */
  padding:0px 0px 0px 0px;
}

dl a {
  font-weight:bold;
}

dd {
  margin-bottom:10px;
}

.center {
  text-indent:0px;
  text-align:center;
  margin-top:0px;
}

#videoplayer {
  text-align:center;
}

#logo01 {
  position:absolute;
  left:0px;
  top:0px;
  width:311px;
  height:111px;
}

#button01 {
  position:absolute;
  left:49px;
  top:111px;
  width:38px;
  height:20px;
}

#id05 {
  position:absolute;
  left:87px;
  top:111px;
  width:26px;
  height:20px;
  z-index:-1;
}

#button02 {
  position:absolute;
  left:113px;
  top:111px;
  width:64px;
  height:20px;
}

#id07 {
  position:absolute;
  left:177px;
  top:111px;
  width:28px;
  height:20px;
  z-index:-1;
}

#button03 {
  position:absolute;
  left:205px;
  top:111px;
  width:82px;
  height:20px;
}

#button04 {
  position:absolute;
  left:315px;
  top:111px;
  width:91px;
  height:20px;
}

#button05 {
  position:absolute;
  left:435px;
  top:111px;
  width:59px;
  height:20px;
}

#button06 {
  position:absolute;
  left:517px;
  top:111px;
  width:64px;
  height:20px;
}

#button07 {
  position:absolute;
  left:609px;
  top:111px;
  width:58px;
  height:20px;
}

#button08 {
  position:absolute;
  left:695px;
  top:111px;
  width:56px;
  height:20px;
}

.body20 {
  position:absolute;
  left:0px;
  top:131px;
  width:800px;
  height:352px;
  z-index:-1;
}

.cnt {
  position:absolute;
  left:0px;
  top:131px;
  width:800px;
  height:352px;

}

.home {
  position:absolute;
  left:0px;
  top:131px;
  width:800px;
  height:352px;
}

#background {
  position:absolute;
  left:0px;
  top:131px;
  width:800px;
  height:352px;
  z-index:-1;
}

#copyright {
  position:absolute;
  left:0px;
  top:483px;
  width:800px;
  height:62px;
  color:#999999;
  font-size:10px;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
}

.disclaimer {
  margin-top:20px;
  margin-left:20px;
  margin-right:20px;
  color:#999999;
  font-size:10px;
  text-align:justify;
  font-family:Arial, Helvetica, sans-serif;
}

#layover01 {
  position:absolute;
  left:0px;
  top:0px;
  width:800px;
  height:31px;
  z-index:-1;
}

#layover02 {
  position:absolute;
  left:0px;
  top:31px;
  width:39px;
  height:289px;
  z-index:-1;
}

#sidebarContainer {
  position:absolute;
  left:39px;
  top:31px;
  width:208px;
  height:289px;
}

#layover03 {
  position:absolute;
  left:247px;
  top:31px;
  width:34px;
  height:289px;
  z-index:-1;
}

#contentContainer {
  position:absolute;
  left:281px;
  top:31px;
  width:480px;
  height:289px;
}

#content {
  position:absolute;
  left:281px;
  top:162px;
  width:480px;
  height:289px;
  overflow:hidden;
}

#sidebar {
  position:absolute;
  left:39px;
  top:162px;
  width:208px;
  height:289px;
  overflow:hidden;

}

#layover04 {
  position:absolute;
  left:761px;
  top:31px;
  width:39px;
  height:289px;
  z-index:-1;
}

#layover05 {
  position:absolute;
  left:0px;
  top:320px;
  width:800px;
  height:33px;
  z-index:-1;
}


#contents {
  position:absolute;
  width:480px;
  height:289px;
}

#navContainer {
  position:relative;
}

/* root element for the whole scrollable setup */
div.scrollable {  
  position:relative;
  overflow:hidden;
  width: 430px;	 
  height:259px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/

#thumbs {	
  position:absolute;
  width:20000em;	
  clear:both;
  border:1px solid #222;
}

/* custom positioning for navigational links */
a.prev, a.next {
  
}

/* single item */
#thumbs div {
  float:left;
  width:143px;
  height:259px;
  background:#333 url(/images/h150.png) repeat-x 0 113px;
  color:#fff;
  border-left:1px solid #333;
  cursor:pointer;
}

/* style when mouse is over the item */
#thumbs div.hover {
  background-color:#444;	
}

/* style when element is active (clicked) */
#thumbs div.active {
  background-color:#010c6f;
  cursor:default;
}

#thumbs h3, #thumbs p, #thumbs span {
  margin:10px;
  margin-top:3px;		
  font-family:"bitstream vera sans";
  font-size:11px;
  color:#fff;	
}

#thumbs h3 em {
  font-style:normal;
  color:yellow;
}

#thumbs h3 {
  height:27px;
}

#thumbs p {
  height:110px;
}

.filmCategory {
  font-size:5px;
  color:#666666;
  font-weight:normal;
}

div.overlay {
  background:url(/images/white.png) no-repeat;
  padding:40px;	
  width:800px; 
  display:none;
}

div.overlay div.close {
  background:url(/images/close.png) no-repeat;
  position:absolute;
  top:8px;
  right:10px; 
  width:35px;
  height:35px;
  cursor:pointer;
}

a.player { 		
  display:block;
  height:475px;
  width:800px;	
}

#button1, #button2, #button3, #button4, #button5, #button6, #button7, #button8 {
  position:absolute;
  top:0px;
  left:0px;
}