/* ----------------------------------------dasema----------------------------*/
body, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, form {
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px;
}

textarea {
	overflow: auto;
}

html {
	height: 100%;
}

body {
	height: 100%;
	font-family: tahoma;
	text-align: center;
	background-color: #FFFFFF;
	background: url(../images/body-bg.gif) repeat-x;
}

	#container-wrapper {
		margin-top: 94px;
		width: 855px;
		margin-left: auto;
		margin-right: auto;
		height: auto;
		text-align: left;
		background: url(../images/container-bg.gif) repeat-y;
	}
		
		#main-container {
			width: 589px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 192px;
			text-align: center;
		}
			
			#flash-wrapper {
				width:589px;
				height: 347px;
			}
		
		#container {
			background: url(../images/container-bottom.gif) no-repeat center bottom;
			height: auto;
		}
	
		#left-wrapper {			
			width: 320px;
			float: left;
		}

			#left-corner {
				width: 50px;
				height: 102px;
				background: url(../images/left-corner.gif) no-repeat;
				float: left;
			}
			
			h1.logo {
                width: 233px;
    			height: 102px;
				float: left;    			
    		}


    					h1.logo a,
    					h1.logo b {
    						display: block;
    						background: transparent url(../images/logo.gif) no-repeat;
    						width: 233px;
    					    height: 102px;

    					}

    						h1.logo a span,
    						h1.logo b span {
    							display: none;
    						}
			
			#title-wrapper {
				width: 320px;
				margin: 46px 0px 0px 0px;
				text-align: right;				
			}
			
				h2.title {
					font-family: verdana;
					color: #DE4039;
					font-size: 18px;
					margin: 0px 35px 0px 35px;
				}
			
			#sub-nav-wrapper {
				width: 285px;
				margin: 27px 35px 0px 0px;
			}
			
				ul.sub-nav {
						width: 126px;
						float: right;
						font-size: 0px;
						list-style: none;
						margin: 0px;
						padding: 0px;
					}
						
						.sub-nav li {
							width: 126px;
							display: block;
							height: auto;
							margin-top: 3px;
						}
						
						.sub-nav-top {
							background: url(../images/sub-nav-top.gif) no-repeat;
						}
						
						.sub-nav li.selected {
							background: url(../images/sub-nav-bottom.gif) no-repeat 0px bottom;	
							background-color: #D80E05;								
						}
							
							
							.sub-nav a {
								display: block;								
								font-size: 11px;
								padding-left: 15px;
								margin-left: 10px;
								background: url(../images/sub-nav-bullet.gif) no-repeat 0px 8px;
								color: #8E8E8E;
								text-decoration: none;								
							}
							
							.sub-nav a:hover {
								color: #8E8E8E;
								text-decoration: none;
							}
							
							.sub-nav a.selected {
								color: #FFFFFF;
								margin-left: 10px;
								background: url(../images/sub-nav-bullet-selected.gif) no-repeat 0px 8px;
								padding: 3px 0px 3px 15px;								
								text-decoration: none;
								
							}
							
						
							
							.sub-nav a.selected:hover {
								color: #FFFFFF;
								text-decoration: none;
							}
			
				#lang-wrapper {
	                width: 171px;
	                padding-top: 106px;
	                float: right;
	                padding-right: 64px;
	            }
	
	                ul.lang {
	                	font-size: 0px;
	                	list-style: none;
	                	float: right;
	                	padding: 0px;
	                	margin: 0px;
	                }
						
						.lang li {
							width: 24px;
							height: 20px;
							float: left;
							text-align: center;
							padding: 3px 5px 0px 0px;
						}
						
	                	.lang li.selected {
	                		width: 24px;
	                		height: 20px;
	                		background: url(../images/lang-bg.gif) no-repeat;	
							float: left;                		
	                	}
							
	                		.lang a {
	                			font-family: verdana;
	                			font-size: 11px;
	                			color: #C5C5C5;
	                			text-decoration: none;																              	
	                		}
							
							.lang a.last {
								background: none;
							}
							
	                		.lang a:hover {
	                			color: #C5C5C5;
	                			text-decoration: underline;
	                		}
	
	                		.lang a.selected {
	                			background: none;
	                			color: #FFFFFF;
	                		}
	
	                		.lang a.selected:hover {
	                			color: #FFFFFF;
	                			text-decoration: none;
	                		}
	
	                			.lang a.first {
	                				background: none;
	                			}
			
			#left-bottom {
				width: 320px;
				height: 249px;
				background: url(../images/left-bottom.gif) no-repeat;
				float: left;
			}
		
		
		#right-wrapper {
			width: 535px;
			float: left;
			height: auto;			
		}
		
			#nav-wrapper {
				height: 102px;
				position: absolute;
				background-color: white;
				float: left;
			}
			
			#main-nav-wrapper {
				background-color: white;
				padding: 36px 0px 18px 0px;
			}
			
				#nav-box {
					margin: 58px 0px 0px -11px;
				}
			
					ul.nav {
			            	list-style: none;
			            	margin: 0px;
			            	padding: 0px;
			            	font-size: 0px;
			            }
		
			            	.nav li {
			            	    
			            	    display: inline;
			            	}
		
			            	.nav div {
			            		/*+*/
			            	}
		
			            		.nav a {
			            			background: transparent url(../images/nav-bullet.gif) no-repeat 0px 2px;
			            			display: inline;
			            			font-size: 11px;
			            			font-family: verdana;
			            			color: #919191;
			            			text-align: center;
			            			text-decoration: none;
			            			padding: 0px 11px 0px 11px;
			            		}
								
			            		.nav a:hover {
			            			color: #919191;
			            			text-decoration: underline;
			            		}
		
			            		.nav a.selected {
			            			color: #F2352F;
			            			text-decoration: none;
			            		}
		
			            		.nav a.selected:hover {
			            			color: #F2352F;
			            			text-decoration: underline;
			            		}
			            		
			            		.nav a.first {
				                    background: none;
				                }
			
			#right-corner {
				float: right;
				width: 78px;
				height: 102px;
				background: url(../images/right-corner.gif) no-repeat;
			}
			
			#sub-title-wrapper {
				width: 436px;
				height: 40px;
				margin-top: 40px;
				font-size: 0px;
				border-bottom: 1px dotted #ADADAD;
			}
			
				h3.sub-title {
					font-size: 16px;
					font-weight: bold;
					color: #7B7B7B;
					float: left;
				}
				
				#print-wrapper {
					float: right;
					margin-top: 4px;					
					height: 20px;
					background: url(../images/print.gif) no-repeat right 2px;
					padding-right: 15px;
					
				}
				
				#print-wrapper a {
					font-size: 11px;
					font-family: verdana;
					color: #7B7B7B;
					text-decoration: none;
				}
				
			#content {
				width: 436px;
				height: 300px;
				font-size: 11px;
				color: #878787;
				padding: 10px 0px 110px 0px;
			}
			
			.more {
				text-decoration: underline;
				color: #919191;
			}
			
			.back {
				text-decoration: underline;
				color: #919191;
			}
			
			*> #content {
					min-height: 300px;
					height: auto;
				}
				
				#created {
		        }
		        
		        			#created-wrapper {
		        				float: right;
		        				padding: 5px 0px 28px 0px;
		        				font-family:verdana;
		        				font-size: 10px;
		        				color: #9A9A9A;
		        			}
		        
		        			#created .logo {
		        				float: right;
		        				padding: 0px 110px 0px 5px;
		        			}
		        
		        				#created .logo a {
		        					display: block;
		        					background: transparent url(../images/sys/artogama.gif) no-repeat;
		        					width: 66px;
		        					height: 21px;
		        				}
		        
		        					#created .logo a span {
		        						display: none;
		        					}
		        					
		                        #copyright-wrapper {
		                            font-family: verdana;
		            				font-size: 10px;
		            				color: #9A9A9A;
		                        	float: right;
		                        	padding: 5px 5px 0px 0px;
		                        }

/* Sub menu */

#sub {
	padding: 10px 10px 0px 0px;
}

ul.sub {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

	.sub li {
		float: left;
		width: 33%;
	}

		.sub a {
			display: block;
			font-size: 11px;
			font-weight: bold;
			color: #999999;
			text-decoration: none;
			padding: 0px 16px 12px 12px;
		}
		
		.sub a:hover {
			color: #999999;
			text-decoration: underline;
		}
		
		.sub a.selected {
			background: transparent url(../images/sub-nav-bullet-o.gif) no-repeat;
			color: #d80e05;
			text-decoration: none;
		}
		
		.sub a.selected:hover {
			color: #d80e05;
			text-decoration: underline;
		}

		h3.title {
			font-size: 14px;
			color: #999999;
		}		
/* Clear Fix */

.clearfix:after {
	content: ".";
	display: block;
	font-size: 0px;
	line-height: 0px;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}

* html .clearfix {
	height: 1px;
}			
