body {
	background: #bbb;
}


.background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#home {
	background: #bbb url('../img/studio_home_bg.jpg') no-repeat;
}
#motion {
	background: #bbb url('../img/studio__motion_bg.jpg') no-repeat;
}

#coderead {
	background: #bbb url('../img/studio__motion_bg.jpg') no-repeat;
}

div.qrcodereader {
	width: 410px;
}













h1 { 
	text-indent: -9999px; 
}

h4 {
	text-transform: uppercase;
	padding-bottom: 18px;
} 


/* 452 229

318
318 */



#slideshow {
	position: absolute;
	width: 318px;
	height: 318px;
	top: 229px;
	left: 452px;
}


#movie_player, #contact_form {
	position: absolute;
	width: 408x;
	height: 292px;
	top: 247px;
	left: 255px;
}




#logo {
	position: absolute;
	width: 361px;
	height: 154px;
	top: 582px;
	left: 134px;
	background: url('../img/logo.png') no-repeat ;
}



#menu_area {
	position: absolute;
	width: 146px;
	height: 205px;
	top: 435px;
	left: 795px;
	background: url('../img/menu_bg.png') no-repeat ;
}


#link {
	position: absolute;
	width: 184px;
	height: 45px;
	top: 156px;
	left: 784px;
}



#link a {
	text-indent: -9999px; 
	position: absolute;
	width: 184px;
	height: 45px;
	background: url('../img/link.png') no-repeat ;
}

#link a:hover {
	position: absolute;
	width: 184px;
	height: 45px;
	background: url('../img/link.png') no-repeat 0px -55px ;
}





#content_area_01 {
	position: absolute;
	top: 286px;
	left: 30px;
	width: 150px;
}



#content_area_01 p {
	font-size: 0.8em/6em;
}









/*
 * main navigation
 */
#menu {
position: relative;
	left: 40px;
	top: 10px;
	float: left;
	list-style: none;
	width: 12em;
	overflov: hidden;
}
#menu li {

	margin: 0;
	padding: 0;
}
#menu a {
	color: #222;
	display: block;
	margin: 0;
	padding: 6px 12px;
	text-decoration: none;
	
}
#menu a:hover {
	background: #bbb url("files/rsrc/img/hover.gif") left center no-repeat;
	color: #fff;

	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}















#transbox {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}








/*
 * copyright notice
 */
ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    bottom: 30px;
    list-style: none;
    z-index: 9999;
}

ul#navigation li {
    width: 100px;
}

ul#navigation li a {
    display: block;
    margin-left: -2px;
    width: 240px;
    height: 40px;
     
    background-color:#CFCFCF;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-box-shadow: 0px 1px 1px #000;
    -webkit-box-shadow: 0px 1px 1px #000;
    
    opacity: 0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

ul#navigation .copyright a{
	text-indent: -9999px;
    background-image: url(../img/copyright_notice.png);
}






/* 
Credits: Bit Repository
CSS Library: http://www.bitrepositiry.com/
*/
.notification_error
{
height: auto;
width: 408px;
padding: 4px;
background: #F8F0F1;
text-align: left;
}

.notification_ok
{
height: auto;
width: 408px;
padding: 8px;
background: #f5f9fd;
text-align: center;
}

.info_fieldset { -moz-border-radius: 7px; border: 0px #000 solid; }

.info_fieldset legend
{

color: black; 

font: 13px Verdana;

padding: 2px 5px 2px 5px;

}

.button
{
border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

background: white;

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;


}

/* Label */
label  { width: 140px; padding-left: 20px; margin: 5px; float: left; text-align: left; }

/* Input, Textarea */
input, textarea
{
margin: 5px;
padding: 0px; 
float: left;

border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}

/* BR */

br { clear: left; }


/* NEW CONTACT FORM */
div.formgen {
	width: 500px;
}

textarea#el_3.formtextfield {
	width: 220px;
}

#doform59 div.formblock input.formsubmit {
	padding: 10px;
	background: red;
	color: #white; 
	font: 11px Verdana, Helvetica, Arial, sans-serif;
}








/*
 * gallery
 */
#gallery_area {
 	position: absolute;
 	top: 800px;
 	left: 120px;
 	width: 800px;
 }
 
#gallery_area div.folder {
	float: left;
	padding: 0 10px 0 10px;
}

 

 
#gallery_area a {
	float: left;
	text-align: center;
 	width: 124px;
	height: 124px;
	background: url('../img/folder.png') no-repeat;
}
 


#gallery_area a:hover {
	background: url('../img/folder.png') no-repeat 0px -124px;
}


#gallery_area a p {
	padding-top: 125px;
}



div.float {
  float: left;
  }
  
div.float p {
   text-align: center;
   }


/*
id gallery_area
	class"folder
		<a href="index.php?article_id=17" class="folder_name"

 */
 
 
 /*
  * gallery
  */
.ad-thumb-list {
  	position: absolute;
  	top: 190px;
  	left: 120px;
  	width: 800px;
  }
/*
div#gallery.ad-gallery {
	position: absolute;
 	top: 800px;
 	left: 120px;
 	width: 800px;
}
  */
div#gallery.ad-gallery {
	position: absolute;
	width: 408x;
	height: 292px;
	top: 190px;
	left: 150px;
}