@charset "utf-8";

/* CSS Document */



body{

	background:url(../images/bg.jpg) #080D13 center center;

	text-align:center;

	margin:0;

	font-family: Arial, Helvetica, sans-serif;

	font-size:14px;

}



a{	

	text-decoration: none;

	color:#C5C5C5;

	cursor:pointer;

}

a:focus, a:hover, a:active {

	text-decoration: none;

}

h3{

	padding:15px 0px 15px 15px;

	margin:0px;

	font-size:14px;

	font-weight:normal;

}



h2{

	padding:15px 0px 15px 0px;

	margin:0px;

	font-size:16px;

}

h1{	

	padding:0px;

	margin:0px;

	font-size:20px;

}



#main_page_up{
	margin:0 auto;
	margin-top:70px;
	height:133px
}

#main_page_down{
		margin:44px auto;		
		color:#FFF;
		width:1068px;
		text-align:left;
}

.main_img{
	border:4px solid #080d13;
	float:left;
}



#pagecontainer{

	margin:0 auto;

	width:1024px;

	text-align:left;

	margin-top:10px;

	position:relative;

}





#intro{

	margin:0 auto;	

	width :1024px;

	height:460px;

	padding-top:100px;

}





#flash_container {

	width:271px;

	height:460px;

	float:left;

	text-align:center;

	margin-top:-30px;

}



#intro_container{

	width:1024px;	

	height:460px;

	margin-left:50px;



}



h2 a{

	color:#FFFFFF;

	text-decoration:none;

	color:#FFF;

	margin-left:-73px;

}

h2 a:hover{

		color:#FFFFFF;

	text-decoration:none;

}

h2 a:selected{

		color:#FFFFFF;

	text-decoration:none;

}



#menu_container{

	margin-top:20px;

	width:350px;

}





/*all menu settings*/

div.jqDockLabel {

border:0 none; 

padding:0 4px;

font-weight:bold;

white-space:nowrap;

color:#ffffff; 

background-color:transparent;

padding-top:100px;



}

div.jqDockLabelText{

margin-bottom:-60px;		

}

div.jqDockLabelLink, div.jqDockLabelLink:hover, div.jqDockLabelLink:visited, div.jqDockLabelLink:active {	

	cursor:pointer;

	text-decoration: none;

	border-style:none;

	border-width:0;

	border:0 none;

	outline: none;

}

div.jqDockLabelImage, div.jqDockLabelImage:hover , div.jqDockLabelImage:visited, div.jqDockLabelImage:active {

	text-decoration: none;

	cursor:default;

	border-style:none;

	border-width:0;

	border:0 none;

	outline: none;

}



/*end all menu settings



/*main page menu settings*/

#menu_main{

	margin-top:80px;

}

#menu_main img{

	width:75px;

}

#menu_main div.jqDockWrap {margin:0 auto;}

#menu_main div.jqDock {cursor:pointer;}

#menu_main div.jqDockLabel{

font-size:18px;

}

.jqDockMouse0{ padding-left:50px;}



#menu_main a{

	text-decoration:none;

}

#menu_main a:visited{

	text-decoration:none;

}

/*end page menu settings*/



/* other pages menu settings*/

.marg-left{

	margin-left:-60px;	

}



#menu {

	margin-top:20px;	

}



#menu img{ 

	width:40px;

}

#menu div.jqDockWrap {}



#menu div.jqDockLabel{

font-size:14px;

}

/*end page menu settings*/

/*B8B86B*/





#column_container{

	position:relative;

	margin-top:30px;

	min-height:500px;

}



.curvy {	

    color: #000;

    text-align: left;

    background-color: #B8B86B;

	font-size:12px;	

}



.transparent {	

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; 

	filter:alpha(opacity=20);

	-moz-opacity:0.2;

	-khtml-opacity: 0.2;

	opacity: 0.2;		

}

.transparent_70 {	

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 

	filter:alpha(opacity=80);

	-moz-opacity:0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;		

}



.plbg{		

	position: absolute;

	height:100%;

}

.lbg{

	width:250px;

}

.rbg{

	width:754px;

	left:270px;

}

.plcontent{

	background-color:transparent;	

	font-size:15px;

	color:#C5C5C5;

	z-index: 101;	

	line-height:18px;

}

.plcontent .limg{

	margin-right:10px;

	margin-bottom:10px;

}

.lcont{

	width:230px;

	position:absolute;

	overflow:auto;

	margin:20px 20px 20px 15px;

	height:92%;

}



.rcont{

	width:714px;

	margin:20px 0px 20px 15px;

	padding-right:20px;

	overflow:auto;

	left:270px;

	position:absolute;

	height:92%;

}

.onecont{

	width:1004px;

	position:absolute;

	overflow:auto;

	margin:20px 20px 20px 15px;

	height:92%;

}

.onecol{

	width:1024px;

    float:left;

}

.onecol_tb{

	width:1000px;

}

.onecol_bd{	

	width:1024px;	

	min-height:476px;

}





.leftcol{

	 width:250px;

	 float:left;

	 margin-right:20px;

}

.leftcol_bd{	

	width:250px;	

	min-height:476px;

}

.leftcol_tb{

 width:226px;

}

.rightcol{

	 width:754px;	

	 float:left;

}

.rightcol_bd{	

	width:754px;	

	min-height:476px;

}

.rightcol_tb{

 width:730px;

}







.tl{

	background-image:url(../images/tlc.png);

	height:12px;

	width:12px;

	float:left;

}

.top{

	height:12px;

	background-color: #B8B86B;

	float:left;	

}

.tr{

	background-image:url(../images/trc.png);

	height:12px;

	width:12px;

	float:left;

}

.bd{

	background-color: #B8B86B;

	float:left;

}

.bl{

	background-image:url(../images/blc.png);

	height:12px;

	width:12px;

	float:left;

	clear: left;

}

.bot{

	height:12px;

	background-color: #B8B86B;

	float:left;	

}

.br{

	background-image:url(../images/brc.png);

	height:12px;

	width:12px;

	float:left;

}



#workslist{

	margin: 0; 

	padding: 0;	

	list-style-type:none;

	

}

#workslist li{

	border-bottom: dashed 1px #CCC;

	width:210px;

	padding-bottom:10px;

	margin-bottom:8px;

}

#workslist .selected_li{

color:#00a23a;

}



.work_show{

	width:714px;

}

.other_works {

	margin:0;

	padding:0;

	padding-left:15px;

	margin-bottom:25px;

}

.other_works li{

	margin:0;

	padding:0;

}



.magazine {

	width:710px;

	overflow:auto;

}

.magazine div{

	float:left;

	margin-left:19px;

	margin-right:19px;

	margin-bottom:26px;

	width:102px;

	text-align:center;

	height:180px;

}

.contact{

float:left;

width:560px;

}



#contact-area {

	width: 550px;

	float:left;

	margin:10px;

}

#contact-area form{

	height:190px;

	margin-top:15px;

}

#contact-area label{

	display:block;

	width:135px;	

}

#contact-area input {

	padding: 3px;

	width: 180px;

	font-family: Helvetica, sans-serif;

	font-size: 12px;

	margin: 0px 0px 18px 0px;

	border: 2px solid #ccc;

}

#contact-area textarea{

	padding: 3px;

	width: 328px;

	font-family: Helvetica, sans-serif;

	font-size: 12px;

	margin: 0px 0px 10px 0px;

	border: 2px solid #ccc;

}



#contact-area textarea {

	height: 136px;

}



#contact-area textarea:focus, #contact-area input:focus {

	border: 2px solid #00a23a;

}



#contact-area input.submit-button {

	width: 100px;

	float: right;

	margin: 0px;

}

.error_msg{

	font-weight:bold;

	color:#ff0000;

}





.txt_img{

width:184px;

margin:10px 10px 5px 10px;

font-size:13px;

font-weight:bold;

text-align:center;

float:left;

color:#CCCCCC;

}



.enter_site{

	text-align:center;

	width:100%;

	float:left;

	margin-left:-14px;

	padding-top:10px;

	position:relative;

}

.custom_img{

	border:3px solid #05572d;	

}

.custom_img2{

	border:3px solid #ffffff;	

}

ol li{

	padding-bottom:10px;

}

/* ###################### MUSIC PLAYER #################*/

div.jp-interface {

	position: relative;	

}

div.jp-single-player{

	position:absolute;

	top:9px;

	right:65px;

}

div.jp-interface ul.jp-controls {

	list-style-type:none;

	padding:0;

	margin: 0;

}

div.jp-interface ul.jp-controls span {

	position: absolute;

	overflow:hidden;

}

span.jp-play,

span.jp-stop {	

	width:45px;

	height:35px;

}

span.jp-play {

	background: url("images/music_on-off.png") 0 -36px no-repeat;

}



span.jp-stop {

	background: url("images/music_on-off.png") 0 0 no-repeat;

}

/* ###################### END MUSIC PLAYER #################*/

.white_list{
	color:#FFF;
	list-style-type:none;
}