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



html, body, #wrap {
    
	height: 100%;
	font: 1.0em Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-align:left;
	margin: 0;
	padding: 0;
	font-weight: lighter;
}




p {
    font: 1.0em Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: lighter;
}

h1{
    font: 1.0em Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	color:#e6e5e5;
	margin: 0;
	padding: 0;
	font-size: 30px;
	font-weight: lighter;
}

h2{
    font: 1.0em Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	color:#e6e5e5;
	margin: 0;
	padding: 0;
	vertical-align:100%;
	font-size: 15px;
	font-weight: lighter;
}

h3{
    font: 1.0em Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#adadad;
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: lighter;
}


.gillclass {
	color: #333333;
	font-family: Gill Sans, Gill Sans MT, Sans-Serif;
	font-weight: lighter;
}



.pdf_txt { 
text-decoration:none;
color:#000000;
font-size: 15px;

}


a {
text-decoration:none;
color:#000000;
}

a:visited {
text-decoration:none;
color:#000000;
}

a:hover {
color:#CCCCCC;
}

a:active {
color:#000000
}




#navbar_ {
	position:absolute;
	left:101px;
	top:180px;
	width:170px;
	height:437px;
	background-color:#FFFFFF;	
}


.listcontainer {
border:0;
width:170px;
font-size:14px;
margin:0px;
}

ul {
border:0;
margin:0 0 0 0;
padding:0;
list-style-type:none;
}

li {
border:0;
border-bottom:0;
margin:0;
padding:.62em 0;
text-align:right;
text-indent:.5em;

}

li:first-child {
border-top:0;
}





#header_ {
	position:absolute;
	left:379px;
	top:0px;
	width:820px;
	height:150px;
	background-color:#FFFFFF;
}


#pig_ {
	position:absolute;
	left:0px;
	top:0px;
	width:379px;
	height:150px;
}

#logo-text_ {
	position:absolute;
	left:0px;
	top:150px;
	width:379px;
	height:30px;
	background-color:#FFFFFF;
}






#maincontainer {
    position: relative;
	height: 100%;
	width:1199px;
	padding-bottom: 100px;  /* must be same height as the footer */

}


#container_ {
	position:absolute;
	left:379px;
	top:150px;
	width:753px;
	height:528px;
	background-color:#FFFFFF;
}


#right-brder_ {
	position:absolute;
	left:1132px;
	top:150px;
	width:67px;
	height:467px;
	background-color:#FFFFFF;
}

#left-boarder_ {
	position:absolute;
	left:0px;
	top:180px;
	width:100px;
	height:437px;
	background-color:#FFFFFF;
}



#middle-boarder_ {
	position:absolute;
	left:270px;
	top:180px;
	width:109px;
	height:437px;
	background-color:#FFFFFF;
}










#motion_container_ {
	position:absolute;
	left:379px;
	top:150px;
	width:753px;
	height:auto;
	background-color:#FFFFFF;
}


#movie_contain {
width:753px;
height:150px;
top:auto;
}


#thumb_contain {
width:171px;
height:150px;
float:left;
background-color:#FFFFFF;
}

#thumb {
margin-top:10px;
margin-bottom:39px;
width:171px;
height:101px;
top:auto;
}

#mid_space {
width:18px;
height:150px;
float:left;
background-color:#FFFFFF;
}

#txt_box {
width:452px;
height:150px;
float:left;
background-color:#FFFFFF;
}

#moviename {
width:452px;
height:30px;
top:auto;
}

#motion_txt {
width:452px;
height:101px;
top:auto;
}


#moviebox_ {
	width:753px;
	height:360px;
}



#backlink_ {
width:753px;
height:30px;
float:left;
top:auto;
}







.txt_spacetop
{
	position:absolute;
	left:0px;
	top:0px;
	width:318px;
	height:120px;
	
}


.info_txt
{
    position:absolute;
	left:0px;
	top:0px;
	width:318px;
	height:408px;
}


.txt_spacetop_studio
{
	position:absolute;
	left:0px;
	top:0px;
	width:318px;
	height:30px;
	
}

.info_txt_studio
{
    position:absolute;
	left:0px;
	top:0px;
	width:318px;
	height:408px;
	text-align:center;
}


.thumb_space
{
position:absolute;
width:171px;
height:714px;

}


.motion_txtsp
{
float:right;
width:582px;
height:714px;

}


	




#contact-map_ {
	position:fixed;
	left:697px;
	top:150px;
	width:435px;
	height:383px;
}



#office_imgbox {
width:423px;
height:304px;
float:right;
top:auto;
}






#footer {position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;} 


.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/

* html .clearfix { height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */