/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background: #555555;
	text-align: center;
}

a {
	font-family: Verdana, Arial, Tahoma;
	color: #C76537;
}

a:hover {
	text-decoration: none;
}

#main {
	width: 800px;
	background: #EAEAEA url(side-bg.gif) left repeat-y;
	font-family: Verdana, Arial, Tahoma;
	margin: 0px auto;
	text-align: left;
	overflow: hidden;
}

	#logo {
		width: 274px;
		height: 83px;
		background: url(logo.jpg) no-repeat;
		float: left;
	}
	
	#menu-bg {
		width: 526px;
		height: 83px;
		background: url(menu-bg.jpg) no-repeat top;
		float: right;
	}
	
		#menu {
			margin: 45px 0px 0px 3px;
			width: 513px;
			height: 24px;
		}
		
			#menu ul {
				margin: 0px;
				padding: 0px;
			}
			
			#menu li {
				display: inline;
				background: url(button1.gif) no-repeat top center;
				text-align: center;
				float: left;
			}
			
			#menu a:link, #menu a:visited {
				background: transparent;
			    width: 102px;
				height: 24px;
				color: #FFFFFF;				
				font-size: 8pt;
				text-decoration: none;
				text-align: center;
				display: block;
			}
			
			#menu a:hover, #menu a:active, #menu a:focus {
			   background: url(button2.gif) no-repeat top;
			   color: #000000;			   
			}
	
	#central {
		width: 800px;
		background: url(side-bg.jpg) top left no-repeat;
		float: left;
	}
	
		#sidebar {
			width: 101px;			
			float: left;
		}
		
		#middle {
			width: 699px;
			float: right;
		}
		
			#content {
				margin: 60px 60px 70px 65px;
				font-family: Tahoma;
				color: #000000;
				font-size: 9pt;
				text-align: justify;
			}
			
				#content h1 {
					width: 100%;
					height: 20px;
					background: url(h1-bg.gif) bottom left no-repeat;
					color: #FB5320;
					font-weight: bold;
					text-transform: uppercase;
					font-size: 10pt;
					margin-top: 15px 0px 5px 0px;
				}
				
				#content li { 
					list-style-image:url(dot.gif);					
				}
				
				.image {
					margin: 5px 5px 5px 0px;
				}
	
	#footer {
		width: 800px;
		height: 102px;
		background: url(footer-bg.jpg) top no-repeat #D1D1D1;
		float: left;
		padding: 0px;
		vertical-align: top;
		position: relative;
	}
	
		#divan {
			width: 163px; 
			height: 115px;
			float: left;
			position: absolute;
			bottom: 102px;
			background: url(divan.gif) left bottom no-repeat;
		}
	
		#footer h1 {
			width: 371px;
			height: 16px;
			float: right;
			color: #454545;
			font-size: 8pt;
			font-weight: bold;
			margin: 0px;
			padding: 0px;
		}
		
		#info {
			width: 371px;
			height: 62px;
			float: right;
			clear: right;
			margin: 3px 0px 0px 0px;
		}
			#info ul {
				margin: 0px;
				padding: 0px;
			}
		
			#info li {
				display: inline;
				float: left;
				width:120px;
				height: 62px;
				color: #C6C6C6;
				font-size: 7pt;
			}
			
			#info h2 {
				padding: 0px;
				margin: 0px;
				color: #F8551D;
				font-weight: bold;
				font-size: 7pt;
			}
			
			#info a:link, #info a:visited {
				color: #C6C6C6;
				font-size: 7pt;
			}
			
			#info a:hover, #info a:active, #info a:focus {
				color: #FFFFFF;
				text-decoration: none;
			}
			
		#footer p{
			width: 200px;
			height: 22px;
			float: right;
			clear:right;
			text-align: right;
			margin: 0px;
			padding: 0px;
		}
		
		a.foot:link, a.foot:visited {
			color: #616161;
			font-size: 7pt;
			text-decoration: none;
		}
		
		a.foot:hover, a.foot:active, a.foot:focus {
			color: #000000;
			text-decoration: underline;
		}
		
	.map {
		border-color: #35383A;
		border-width: 1px;
		border-style: solid;
		margin: 0px 0px 0px 10px;
	
	}
	
	/* Intro Styles*/	
	#logo1 {
			width: 274px;
			height: 83px;
			background: url(logo1.jpg) no-repeat;
			float: left;
		}
		
	#menu-bg1 {
			width: 526px;
			height: 83px;
			background: url(menu-bg1.jpg) no-repeat top;
			float: right;
		}
		
	#middle1 {
			width: 699px;
			height: 435px;
			float: right;
			background: url(intro.jpg) no-repeat;
		}
		
	#divan1 {
				width: 163px; 
				height: 115px;
				float: left;
				position: absolute;
				bottom: 102px;
				background: url(divan1.gif) left bottom no-repeat;
			}