/* CSS Document */
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: #e6dfa5 url(../images/body-bg.gif) repeat-x;
}

	#container {
		width: 772px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		position: relative;
	}
		
		#left {
			position: absolute;
			background: url(../images/left.jpg) no-repeat;
			width: 90px; 
			height: 230px;
			margin: -32px 0px 0px -90px;
		}
		
		#header {
			width: 772px;
			height: 234px;
			background: url(../images/header.jpg) no-repeat;
		}
		
			h1.logo {
				padding: 16px 0px 0px 37px;
			}
			
				h1.logo a,
				h1.logo b {
					display: block;
					background: transparent url(../images/logo.gif) no-repeat;
					width: 245px;
					height: 108px;
				}
				
					h1.logo a span,
					h1.logo b span {
						display: none;
					}
		
		#title-wrapper {
			width: 772px;
			height: 65px;
			background: url(../images/title-wrapper.jpg) no-repeat;
		}
		
			h2.title {
				font-weight: bold;
				font-size: 18px;
				color: #ffffff;
				padding: 24px 0px 0px 18px;
				margin: 0px 0px 0px 216px;
				background: url(../images/title-bullet.gif) no-repeat 0px 34px;
			}
		
		#content-wrapper {
			width: 772px;
			background: url(../images/content.gif) repeat-y;
		}
		
			#content {
				width: 772px;
				height: 300px;
				background: url(../images/content-wrapper.jpg) no-repeat;
				font-size: 11px;
				color: #060606;
			}
			
				*> #content {
						min-height: 300px;
						height: auto;
					}
				
				#left-box {
					width: 211px;
					height: 100%;
					float: left;
				}
				
					#nav {
						margin: 0px 0px 0px 82px;
					}
					
					#nav ul {
						list-style: none;
						padding: 0px;
						margin: 0px;
					}
					
						#nav li {
							/*+*/
						}
						
						#nav li span {
							/*+*/
						}
						
							#nav li a {
								display: block;
								background: transparent url(../images/nav-bullet.gif) no-repeat 0px 6px;
								line-height: 14px;
								font-size: 13px;
								font-weight: bold;
								color: #e31601;
								text-decoration: none;
								padding: 0px 0px 7px 15px;
								margin: 0px;
								
							}
							
								#nav li.first a {
									/*+*/
								}
								
								#nav li.last a {
									/*+*/
								}
								
								#nav li li a,
								#nav li.selected li a {
									background: transparent url(../images/nav-bullet2.gif) no-repeat 0px 7px;
									font-size: 11px;
									color: #727272;
									padding: 0px 0px 5px 14px;
									margin-left: 15px;
									font-weight: normal;
									border-bottom: none;
								}
								
									#nav li li.last a {
										/*+*/
									}
								
								#nav li li a:hover,
								#nav li.selected li a:hover {
									color: #ff7800;
								}
								
								#nav li li.selected a,
								#nav li li.selected a:hover {
									color: #ff7800;
								}
							
							#nav li a:hover {
								color: #e31601;
								text-decoration: underline;
							}

							
							#nav li.selected a:hover {
								color: #e31601;
							}
				
				#right-box {
					width: 480px;
					padding-bottom: 30px;
					margin-left: 21px;
					float: left;
				}
				
					ul.sub-nav {
						list-style: none;
						padding: 0px;
						margin: 0px;
					}
					
						.sub-nav li {
							float: left;
							width: 33%;
						}
					
							.sub-nav a {
								display: block;
								font-size: 11px;
								font-weight: bold;
								color: #727272;
								text-decoration: none;
								padding: 0px 16px 12px 0px;
							}
							
							.sub-nav a:hover {
								color: #e31601;
								text-decoration: underline;
							}
							
							.sub-nav a.selected {
								background: transparent url(../images/sub-nav-bullet-o.gif) no-repeat;
								color: #e31601;
								text-decoration: none;
							}
							
							.sub-nav a.selected:hover {
								color: #e31601;
								text-decoration: underline;
							}
					h3.title {
						font-size: 16px;
						padding-bottom: 12px;
					}
				
		#footer {
			width: 772px;
			height: 167px;
			background: url(../images/footer.jpg) no-repeat;
		}
		
				#created {
					padding: 101px 60px 0px 0px;
		        	height: 60px;
		        }
		        
		        			#created-wrapper {
		        				float: right;
		        				padding: 5px 0px 0px 25px;
		        				font-family: tahoma;
		        				font-size: 11px;
		        				color: #b1a833;
		        			}
		        
		        			#created .logo {
		        				float: right;
		        				padding: 5px 0px 0px 5px;
		        			}
		        
		        				#created .logo a {
		        					display: block;
		        					background: transparent url(../images/sys/puslapis.gif) no-repeat;
		        					width: 53px;
		        					height: 14px;
		        				}
		        
		        					#created .logo a span {
		        						display: none;
		        					}
		        					
		                        #copyright-wrapper {
		                            font-family: arial;
		            				font-size: 11px;
		            				color: #b1a833;
		                        	float: right;
		                        	padding: 5px 0px 0px 0px;
		                        }
				
/* 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;
}			

