/* CSS Document */

body{
	padding:0; 
	margin:0; 
	background:url() repeat-x #000; 
	color:#A5A5A4;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
div, ul, h1, h2, h3, h4, p, img, form{
	padding:0; 
	margin:0;
	}
	
a {
	color:#b2e20c; 
	text-decoration:none;
	}
	
a:hover {
	color:#0894ed; 
	text-decoration:underline;
	}

ul .sub
{
list-style-type:lower-roman;
}	
	
.blank{
	font-size:0px; 
	clear:both; 
	line-height:0px;
	}

img{
	border:0;
	}

.gallery{
	font-size:9pt;
	}
	
/*--------------------------------header pan---------------------------*/

#headerPan{
	width:800px; 
	margin:0 auto 0 auto; 
	background:url(images/header_pic02.jpg) 
	no-repeat; 
	height:200px;
	}
	
#headerPan ul{
	width:800px; 
	margin:0 0 0 50px; 
	display:block; 
	height:21px;
	}
	
#headerPan ul li{
	background-color:#242424; 
	display:block; 
	float:left; 
	height:21px; 
	margin:0; 
	padding:7px 10px 0 30px;
	}
	
#headerPan .current{
	font: bold 12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding:0 14px 0 14px; 
	color:#EAEAEA;
	background-color:#0894ed; 
	text-decoration:none; 
	margin:0; 
	height:21px;
	}
	
#headerPan ul li a{
	font: bold 12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding:0 14px 0 14px; 
	color:#EAEAEA;
	background-color:#242424; 
	text-decoration:none; 
	margin:0; 
	height:21px;
	}
	
#headerPan ul li a:hover{
	color:#EAEAEA; 
	background-color:#b2e20c;
	}
	
#headerPan h1{
	background:url("") no-repeat; 
	margin:48px 0 0 400px;  
	width:233px; 
	height:100px; 
	display:block;
	text-indent:-2000px; 
	}
	
#headerPan form{
	width:397px; 
	height:46px; 
	background:url(images/search_bg.gif) no-repeat 0 0; 
	margin:125px 0 0 84px; 
	font-size:0;
	padding:0;
	}
	
#headerPan form label{
	font:24px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#CBCBCB; 
	margin:8px 0 0 64px; 
	float:left;  
	padding:0;
	font-weight:normal; 
	background-color:#000000;
	}
	
#headerPan form input{
	width:158px; 
	height:22px;
	display:block; 
	background-color:#171717; 
	border:#494949 1px solid; 
	color:#ACACAC;
	float:left; 
	margin:12px 0 0 20px; 
	padding:0 0 0 5px;
	}
	
#headerPan form input.button{
	width:31px; 
	height:23px; 
	background:url(images/search_button.gif) no-repeat 0 0; 
	float:left; 
	cursor:pointer; 
	border:none;
	}
	
/*----------------------------------body part----------------*/

#mainBody{
	width:770px; 
	margin:40px auto 0 auto; 
	}
	
/*-------------left side------*/

#leftPan{
	width:200px; 
	color:#B6B6B5; 
	background:url(images/) no-repeat 0 0 #000000; 
	padding:0 0 0 0; 
	float:left;	
	}
	
#leftPan p{
	background:url(images/) no-repeat bottom left; 
	height:8px; 
	font-size:0; 
	display:block;
	}
	
#leftPan h2{
	background:url(images/services_icon.gif) no-repeat 0 0 #000000; 
	color:#fff; 
	width:90px; 
	height:34px; 
	display:block;
	margin:0 0 0 0; 
	font: normal 20px/22px "Trebuchet MS" Arial, Helvetica, sans-serif; 
	padding: 0 0 0 0;
	}
	
#leftPan ul{
	width:180px; display:block; margin:6px 0 24px 25px; font-size:0;
	}
	
#leftPan ul li{
	background:url(images/left_side_arrow.gif) no-repeat 0 9px; 
	padding: 0 0 0 11px; 
	display:block; 
	}
	
#leftPan ul li a{
	font:12px/24px Arial, Helvetica, sans-serif; 
	color:#B6B6B5; 
	text-decoration:none; 
	display:block;
	}
	
#leftPan ul li a:hover{
	background-color:#454545; 
	color:#B6B6B5;
	}
	
#leftPan h3{
	color:#fff; 
	width:130px; 
	height:24px; 
	display:block; 
	margin:0px 0 0 18px; 
	padding: 0 0 0 0; 	
	font: normal 16px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	}
	
#leftPan h3 a {
	color:#0894ed; 
	width:130px; 
	height:24px; 
	display:block; 
	margin:0px 0 0 0; 
	padding: 0 0 0 0; 	
	font: normal 16px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	}
	
#leftPan h3 a:hover {
	color:#b2e20c; 
	width:130px; 
	height:24px; 
	display:block; 
	margin:0px 0 10px 0; 
	padding: 0 0 0 0; 	
	font: normal 16px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	}
	
#leftPan h3.lor{
	background:url(images/lor_bg.gif) no-repeat  #171717; 
	color:#fff; display:block; 
	width:116px; 
	height:56px;
	font: bold 12px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	text-transform:uppercase; 
	margin:0 0 10px 26px; 
	padding:3px 0 0 7px;
	}


#leftPan img {
    border:0;
	padding:3px;
	margin:0px 0 5px 26px;
	}

#leftPan img a {
	border:0;
	margin:0px 0 5px 26px;
	}	
	
#leftPan img a:hover{
	border:#B6B6B5 1px solid;
	margin:0px 0 5px 26px;
	}	

#leftPan ul.says li a{
	font:12px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	color:#A5A5A4; 
	text-decoration:underline; 
	text-transform:uppercase;
	background-color:#171717;
	}
	
#leftPan ul.says li a:hover{
	text-decoration:none; 
	background-color:#171717; 
	color:#A5A5A4;
	}
	
#leftPan a.more{
	width:103px; 
	height:15px; 
	display:block; 
	background-color:#000000; 
	color:#FFFFFF; 
	margin: 0 0 24px 25px; 
	padding:0 0 0 13px;
	font:13px/10px tahoma, "Trebuchet MS",Arial, Helvetica, sans-serif;
	}
	
#leftPan a.more:hover{
	background-color:#454545; 
	color:#B6B6B5;
	}
	
/*-------------------------------right-------*/

#rightPan{
	width:500px; 
	margin:20px 0 0 0; 
	float:right;
	}
	
#rightPan h2{
	height:95px; 
	width:204px; 
	display:block; 
	float:left;
	}
	
#rightPan h2 a{
	width:204px; 
	height:95px; 
	display:block; 
	text-decoration:none; 
	text-indent:-2000px;
	}
	
#rightPan h2 a.eve{
	width:204px; 
	height:95px; 
	display:block; 
	text-decoration:none; 
	background:url(images/current_event.gif) no-repeat #000;
	color:#FFFFFF;
	}
	
#rightPan h2 a.eve:hover{
	width:204px; 
	height:95px; 
	display:block; 
	text-decoration:none; 
	background:url(images/current_event_h.gif) no-repeat #000;
	color:#FFFFFF;
	}
	
#rightPan h2 a.work{
	width:204px; 
	height:95px; 
	display:block; 
	text-decoration:none; 
	margin:0 0 0 15px;
	background:url(images/works.gif) no-repeat #000; 
	color:#FFFFFF;
	}
	
#rightPan h2 a.work:hover{
	width:204px; 
	height:95px; 
	display:block; 
	text-decoration:none; 
	background:url(images/works_h.gif) no-repeat #000; 
	color:#FFFFFF;
	}
	
/* IMAGE REPLACEMENTS HEADINGS - MAIN CONTENT */


#rightPan h2.home{
	width:500px; 
	display:block; 
	margin:25px 0 27px 0; 
	background:url(images/about_compny.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}
	
#rightPan h2.about{
	width:500px; 
	display:block; 
	margin:25px 0 27px 0; 
	background:url(images/about.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}	

#rightPan h2.diary{
	width:500px; 
	display:block; 
	margin:25px 0 27px 0; 
	background:url(images/diary.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}		
	
#rightPan h2.sitemap{
	width:500px; 
	display:block; 
	margin:25px 0 27px 0; 
	background:url(images/sitemap.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}	
	
#rightPan h2.studio{
	width:500px; 
	display:block; 
	margin:25px 0 27px 0; 
	background:url(images/studio.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}	
		
#rightPan h2.contact{
	width:500px; 
	display:block; 
	margin:25px 0 27px 0; 
	background:url(images/contact.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}	
		
#rightPan h2.photo{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/photo.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}
	
#rightPan h2.photo1{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/photo1.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}	

#rightPan h2.photo2{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/photo2.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}

#rightPan h2.photo3{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/photo3.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}

#rightPan h2.photo4{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/photo4.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}
	
#rightPan h2.photo5{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/photo5.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}
	
#rightPan h2.photo6{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/photo6.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}

#rightPan h2.photo7{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/photo7.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}	

#rightPan h2.photo8{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/photo8.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}	
	
#rightPan h2.photo9{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/photo9.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}	
	
	#rightPan h2.photo10{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/photo10.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}	
				
#rightPan h2.graphics6{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/graphics6.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}

#rightPan h2.graphics5{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/graphics5.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}
	
#rightPan h2.graphics4{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/graphics4.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}	
	
#rightPan h2.graphics3{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/graphics3.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}	

#rightPan h2.graphics2{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/graphics2.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}	
	
#rightPan h2.graphics1{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/graphics1.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}

#rightPan h2.graphics{
	width:429px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/graphics.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}


#rightPan h2.imedia{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/imedia.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}	

#rightPan h2.imedia1{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/imedia1.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}		

#rightPan h2.imedia2{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/imedia2.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}		
		
#rightPan h2.imedia3{
	width:500px; 
	display:block; 
	margin:0 0 0 0; 
	background:url(images/imedia3.gif) no-repeat 0 0;
	padding:0; 
	text-indent:-2000px;
	}		
				
#rightPan p{
	width:500px; 
	font:14px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	color:#A5A5A4; 
	background-color:#000000; 
	display:block;
	margin:0 0 0 0;
	}
	
#rightPan p span{
	color:#0894ed; 
	background-color:#000000; 
	font-size:17px; 
	font-weight:bold;
	}
	
#rightPan p.more{
	width:500px;  
	color:#FFFFFF; 
	margin:0 0 10px 0;
	padding:0 3px 10px 0;
	}
	
#rightPan p.more a{	
	text-decoration:none;  
	font:14px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;  
	color:#0894ed; 
	padding:0 0 0 0;
	margin:8px;
	}
	
	
#rightPan h3{
	font:24px/22px Tahoma, "Trebuchet MS",Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	background-color:#000000; 
	display:block; 
	margin:0 0 0 0;
	height:27px;
	}
	
#rightPan p.hig{
	background-color:#272727; 
	color:#8C8C8B; 
	font:14px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	display:block; 
	width:413px; 
	padding:16px 0px 0 12px; 
	margin:5px 0 0 0;
	}
	
#rightPan p.hig1{
	background-color:#151515; 
	color:#8C8C8B; 
	font:14px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	display:block; 
	width:413px; 
	padding:16px 0px 0 12px; 
	margin:5px 0 0 0;
	}
	
#rightPan p.two{
	 color:#D3D3D3; 
	 font:14px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	 display:block; 
	 width:373px; 
	padding:10px 0px 0 52px; 
	margin:0 0 0 0; 
	background:url(images/02.gif) no-repeat 11px 13px #151515;
	}
	
#rightPan p.three{
	 color:#D3D3D3; 
	 font:14px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	 display:block; 
	 width:373px; 
	padding:10px 0px 0 52px; 
	margin:0 0 0 0; 
	background:url(images/03.gif) no-repeat 11px 13px #151515;
	}
	
#rightPan p.one{
	 color:#D3D3D3; 
	 font:14px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	 display:block; 
	 width:373px; 
	padding:10px 0px 0 52px; 
	margin:0 0 0 0; 
	background:url(images/01.gif) no-repeat 11px 13px #272727;
	}
	
#rightPan p.more1 {
	background-color:#272727; 
	color:#8C8C8B; 
	padding:7px 0 13px 14px; 
	width:411px; 
	margin:0 0 0 0;
	}
	
#rightPan p.more1 a{
	background-color:#000000; 
	color:#0894ed; 
	width:397px; 
	display:block; 
	font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-decoration:none; 
	text-align:right; 
	padding:0 3px;
	}
	
#rightPan p.more1 a:hover{
	color:#fff; 
	background-color:#b2e20c; 
	text-decoration:none;
	}
	
#rightPan p.more2 {
	background-color:#151515; 
	color:#0894ed; 
	padding:7px 0 13px 14px; 
	width:411px; 
	margin:0 0 0 0;
	}
	
#rightPan p.more2 a{
	background-color:#000000; 
	color:#0894ed; 
	width:397px; 
	display:block; 
	font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-decoration:none; 
	text-align:right; 
	padding:0 3px 0 0;
	}
	
#rightPan p.more2 a:hover{
	color:#fff; 
	background-color:#b2e20c; 
	text-decoration:none;
	}
	

	
#rightPan ul li.time{
	display:block; 
	background:url(images/time_manager.gif) no-repeat 0 0; 
	height:35px;
	}
	
#rightPan ul li.time a{
	height:35px; 
	background-color:#1C1C1C; 
	border-bottom:#393939 1px solid; 
	border-top:#393939 1px solid; 
	border-left:#393939 1px solid; 
	display:block; 
	font:14px/16px Arial, Helvetica, sans-serif; 
	color:#FFFFFF;
	padding:0 39px 0 16px; 
	text-decoration:none;
	}
	
#rightPan ul li.time a:hover{
	background-color:#080808; 
	color:#2BCB02; 
	text-decoration:none;
	}
	
#rightPan ul li.latest{
	display:block; 
	background:url(images/latest.gif) no-repeat 21px 0; 
	height:35px; 
	}
	
#rightPan ul li.latest a.la{
	height:35px; 
	background-color:#1C1C1C; 
	border-bottom:#393939 1px solid; 
	border-top:#393939 1px solid; 
	border-left:none; 
	display:block;  
	font:14px/16px Arial, Helvetica, sans-serif; 
	color:#FFFFFF;
	padding:0 39px 0 37px; 
	text-decoration:none; 
	}
	
#rightPan ul li.latest a.la:hover{
	background-color:#080808; 
	color:#2BCB02; 
	text-decoration:none;
	}
	
#rightPan ul li.what{
	display:block; 
	background:url(images/what_news.gif) no-repeat 21px 0; 
	height:35px; 
	}
	
#rightPan ul li.what a.wh{
	height:35px; 
	background-color:#1C1C1C; 
	border-bottom:#393939 1px solid; 
	border-top:#393939 1px solid; 
	border-left:none; 
	display:block;  
	font:14px/16px Arial, Helvetica, sans-serif; 
	color:#FFFFFF;
	padding:0 39px 0 37px; 
	text-decoration:none; 
	border-right:#393939 1px solid;
	}
	
#rightPan ul li.what a.wh:hover{
	background-color:#080808; 
	color:#2BCB02; 
	text-decoration:none;
	}
	
/*-------------------------------footer---------*/

#footerMain{
	background:url() repeat-x 0 0; 
	width:100%;
	}	
	
#footer{
	background:url(images/footer.gif) no-repeat 0 0; 
	height:130px; 
	width:778px; 
	margin:0 auto 0 auto; 
	padding:74px 0 0 0;
	}
	
#footer ul{
	width:446px; 
	display:block; 
	margin:0px 0 0 270px; 
	padding:0; 
	font-size:0; 
	height:20px; 
	list-style-type:none;
	
	}
	
#footer ul li{
	color:#9B9B9B; 
	font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  
	float:left; 
	background-color:#;
	padding:0; 
	margin:0;
	}
	
#footer ul li a{
	color:#9B9B9B; 
	font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  
	background-color:#;
	text-decoration:none; 
	padding:0 6px 0 6px; 
	}
	
#footer ul li a:hover{
	text-decoration:underline;
	}
	
#footer p{
 
	display:block; 
	font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#2d2d2d; 
	margin:0px 0 0 270px; 
	background-color:; 
	padding:0 0 9px 0;
	}
	
#footer ul.css{
	width:103px; 
	display:block; 
	font-size:0px; 
	margin:0px 0 0 586px; 
	padding:0; 
	height:20px;
	}
	
#footer ul.css li{
	display:block; 
	float:left; 
	background-color:#060606; 
	margin:0 0 0 1px; 
	padding:0; 
	color:#FFFFFF;
	}
	
#footer ul.css li a{
	 text-indent:-2000px; 
	 height:11px; 
	 padding:0; 
	 margin:0; 
	 float:left; 
	 font-size:0; 
	 display:block;
	}
	
#footer ul.css li a.cs{
	background:url(images/css.gif) no-repeat 0 0; 
	width:39px;
	}
	
#footer ul.css li a.cs:hover{
	background:url(images/css_h.gif) no-repeat 0 0; 
	width:39px;
	}
	
#footer ul.css li a.html{
	background:url(images/xhtml.gif) no-repeat 0 0; 
	width:61px;
	}
	
#footer ul.css li a.html:hover{
	background:url(images/xhtml_h.gif) no-repeat 0 0; 
	width:61px;
	}
	
#footer p.copy{
	width:250px; 
	display:block; 
	font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#EAEAEA; 
	margin:0;
	background-color:#030303; 
	padding:0; 
	float:right; 
	display:block;
	}
	
#footer p.copy a{
	text-decoration:underline; 
	color:#EAEAEA; 
	background-color:#030303;
	}
	
#footer p.copy a:hover{
	text-decoration:none
	}