@charset "UTF-8";
/* CSS Document */

  body  {
	background-image : url(images/bg.gif);
	margin-left : 0;
	margin-top : 0;
	margin-right : 0;
	margin-bottom : 0;
	background-attachment : scroll;
	background-repeat : repeat-x;
	background-position : top left;
	background-color : #7da0a8;
}
body h2 {
	margin-top : 0;
	margin-bottom : 0;
	margin-left : 0;
	padding-top : 0;
	padding-bottom : 0;
}
#wrapper {
	width : 940px;
	margin : 0 auto;
}
#mainwrapper {
	width : 710px;
	float : left;
}
#logo {
	width : 328px;
	height : 61px;
	margin-left : 26px;
	margin-top : -12px;
	background-image : url(images/lp_logo.gif);
}
#topshadowmain {
	width : 710px;
	height : 38px;
	background-image : url(images/shadowtop_main.png);
	float : left;
}
#shadowmain {
	width : 710px;
	background-image : url(images/shadowmain.png);
	background-repeat : repeat-y;
	float : left;
}
#mainholder h2 {
	font-size : 1.25em;
	font-weight : 300;
	font-family : georgia, serif;
	letter-spacing : -0.056em;
	color : #25a8dd;
	margin-top : 0;
	margin-bottom : 0;
	margin-left : 0;
	padding-top : 10px;
	padding-bottom : 5px;
}
#mainholder {
	width : 580px;
	margin-left : 27px;
	float : left;
}
#bottomshadowmain {
	width : 710px;
	height : 47px;
	background-image : url(images/shadowbottom_main.png);
	float : left;
	margin-bottom : 40px;
}
#tabholder {
	position : absolute;
	width : 85px;
	height : 500px;
	margin-top : 40px;
	margin-left : 631px;
	float : left;
}
#webtab {
	width : 85px;
	height : 90px;
	margin-bottom : 10px;
	background-image : url(images/web_tab.png);
	margin-top : 20px;
	float : left;
}
a.web {
	display : block;
	width : 78px;
	height : 66px;
	margin-top : 6px;
	text-decoration : none;
}
#filmtab {
	width : 85px;
	height : 90px;
	margin-bottom : 10px;
	background-image : url(images/film_tab.png);
	margin-top : 20px;
	float : left;
}
a.film {
	display : block;
	width : 78px;
	height : 66px;
	margin-top : 6px;
	text-decoration : none;
}
#contacttab {
	width : 85px;
	height : 90px;
	margin-bottom : 10px;
	background-image : url(images/contact_tab.png);
	margin-top : 20px;
	float : left;
}
a.contact {
	display : block;
	width : 78px;
	height : 66px;
	margin-top : 6px;
	text-decoration : none;
}
#infotab {
	width : 85px;
	height : 90px;
	margin-bottom : 10px;
	background-image : url(images/info_tab.png);
	margin-top : 20px;
	float : left;
}
a.info {
	display : block;
	width : 78px;
	height : 66px;
	margin-top : 6px;
	text-decoration : none;
}
	a.banner-hover {
	display : block;
	width : 580px;
	height : 130px;
	background : url("images/banner-hover.gif") no-repeat 0 0;
	text-decoration : none;
	overflow : hidden;
}
a:hover.banner-hover {
	background-position : 0 -130px;
	overflow : hidden;
}
#right {
	width : 230px;
	float : left;
}
#shadow-righttop {
	width : 230px;
	height : 35px;
	background-image : url(images/shadow-righttop.png);
	float : left;
}
#shadow-rightmain {
	width : 230px;
	background-image : url(images/shadow-rightmain.png);
	background-repeat : repeat-y;
	float : left;
}
#shadow-rightbottom {
	width : 230px;
	height : 37px;
	background-image : url(images/shadow-rightbottom.png);
	float : left;
}
#rightcontainer {
	width : 180px;
	height : 600px;
	float : left;
	margin-top : -10px;
	padding-left : 25px;
	padding-right : 25px;
}
#banner-holo {
	width : 580px;
	height : 130px;
	overflow:hidden;
	margin-bottom : 40px;
	float : left;
}
      a#banner-holo {
          display: block;
          width: 580px;
          height: 260px;
		  	          background-image : url(images/banner-holo.jpg );

          text-decoration: none;
		  		  overflow:hidden;

      }

      a:hover#banner-holo {
          background-position: 0 -130px;
		  overflow:hidden;
      }


#banner-crayonsite {
	width : 580px;
	height : 130px;
	overflow:hidden;
	margin-bottom : 40px;
	float : left;
}
      a#banner-crayonsite {
          display: block;
          width: 580px;
          height: 260px;
		  	          background-image : url(images/banner-crayonsite.jpg );

          text-decoration: none;
		  		  overflow:hidden;

      }

      a:hover#banner-crayonsite {
          background-position: 0 -130px;
		  overflow:hidden;
      }

#banner-holosite {
	width : 580px;
	height : 130px;
	overflow:hidden;
	margin-bottom : 40px;
	float : left;
}
      a#banner-holosite {
          display: block;
          width: 580px;
          height: 260px;
		  	          background-image : url(images/banner-holosite.jpg );

          text-decoration: none;
		  		  overflow:hidden;

      }

      a:hover#banner-holosite {
          background-position: 0 -130px;
		  overflow:hidden;
      }

#banner-whosite {
	width : 580px;
	height : 130px;
	overflow:hidden;
	margin-bottom : 40px;
	float : left;
}
      a#banner-whosite {
          display: block;
          width: 580px;
          height: 260px;
		  	          background-image : url(images/banner-whosite.jpg );

          text-decoration: none;
		  		  overflow:hidden;

      }

      a:hover#banner-whosite {
          background-position: 0 -130px;
		  overflow:hidden;
      }