/* ------------------------------------
           Office-Gears V.2
   ------------------------------------ */
   
		html, body {
		margin: 0;
		padding: 0;
		background: #000000 url(../images/wood_panel.jpg) repeat fixed 0 0;
		/* background-image:url(../images/bg_wood3.jpg); */
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}
		
		#footer{
		background-image:url(../images/footer_bg.jpg);
		font-size:14px;
		color:#663300;
		background-position: center;
		margin-top: 8px;
		height: 47px;
		margin-bottom: 28px;
		
		}
			#footer ul{
			list-style-type: none;
			margin-left:13px;
			padding-top: 14px;					
			margin-top: 0px;
			margin-bottom: 0px;
			padding-left: 0px;
			height: 28px;
			}
		
				#footer ul li{
				float: left;
				display: inline;
				margin-left: 10px;
				vertical-align: middle;
				}

				#footer a{
				color:#663300;
				text-decoration: none;
				}
				
				#footer a:hover{
				text-decoration:underline;
				}
				
			/* footer ul */
		/* footer */
			
		#CoffeeStain{
		z-index:1;
		top: -238px;
		margin-bottom: 40px;
		left:0px;
		width: 198px;
		height: 210px;
		position: relative;
		}
						
		#header{
		color:black;
		margin: auto;
		padding-left:0;
		width:985px;
		height:94px;
		}


			#TopMenu {
			float:none;
			height:94px;
			margin-left:338px;
			padding-left:108px;
			top:0;
			width:469px;
			z-index:4;
			}				
				
				#TopMenu ul {
				float:right;
				list-style-type:none;
				margin-left:0;
				padding-left:0;
				padding-top:59px;
				margin-top: 0px;
				}
					#TopMenu ul li {
					display: inline;
					float: left;
					margin-left: 40px;
					color:#FFFFFF;
					font-weight: bold;
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					padding-bottom: 3px;
					}
						#TopMenu ul li:hover, #TopMenu ul li.over{
						border-bottom: 2px solid green;
						padding-bottom: 1px;
						cursor:pointer;
						}
						
					#TopMenu ul li a{
					text-decoration: none;
					color:#FFFFFF;
					}
			#Note{
			position:relative;
			left: 640px;
			top: 0px;
			z-index:5;
			height:0px;
			width: 240px;
			}
			
			#underdev{
			position:relative;
			left: 0px;
			top: 0px;
			z-index:5;
			height:0px;
			}

		#pageContainer{
		width: 845px;
		top: 0px;
		margin:auto;
		}
			#pageContainer img{
			margin-bottom:-3px;		/* Fixing IE bug !! */
			}
			
			#MainPage{
			height: 460px;
			top: 0px;
			background: #ffffff url(../images/coffee_mark.jpg) bottom left no-repeat;
			font-family: helvetica,arial,clean,sans-serif;
			padding: 0 20px 0 20px;
			color:#222222;
			}

				#MainPage p{
				font-size: 13px;
				font-size-adjust:none;
				
				}
				
				#MainStory{
				width: 535px;
				padding: 15px 0 15px 0;
				float: left;
				}
					#MainStory p{
					font-size: 15px;
					line-height: 21px;
					}

				#MainPage h2{
				font-size:21px;
				font-weight: normal;
				margin: 0 0 17px 0;
				}

				#MainPage h1{
				font-size:24px;
				font-weight: normal;
				margin: 0 0 17px 0;
				color:#990000;
				}

				.Separator{
				background: transparent url(../images/dotted-h.jpg) repeat-x top;
				clear:both;
				margin:0 auto;
				padding:1px 0;
				width: auto;
				}
				
				.Column{
				width: 258px;
				padding-right: 15px;
				padding-top: 7px;
				float:left;
				}
				
				.ColumnLast{
				width: 259px;
				padding-top: 7px;
				float:left;
				}
				
					.Column ul, .ColumnLast ul {
					list-style-image:none;
					list-style-position:outside;
					list-style-type:none;
					padding: 0;
					margin: 0;
					}

					
					.Column ul li a, .ColumnLast ul li a{
					border-bottom:1px solid #B3B3B3;
					color:#333333;
					display:block;
					padding:2px 0;
					text-decoration:none;
					width:211px;
					font-size: 13px;
					}
					
					.Column ul li a:hover, .ColumnLast ul li a:hover{
					color:#990000;
					}
					
					#Carousel{
						overflow:hidden;
						width: 259px;
					}
					
					#Carousel div{
					margin-top: 0px;
					width: 259px;
					height: 180px;
					}
					
					#Carousel div p{
					margin-top: 0px;
					}

				
				#SideStory{
				width: 259px;
				padding: 15px 0 15px 0;
				float: right;
				}
				
					#SideStory p a img{
						border: 0;
					}
				
					#x{
					background-image:url(../images/scrap_paper.jpg);
					padding: 5px 5px 5px 15px;
					/*border:1px solid khaki;*/
					margin: 0 0 0 0;
					}
					
					#x img{
					padding-right:5px; 
					}
					
			#Stamp{
			position:absolute;
			z-index:-1;
			}
			
			#t1, #t2, #t3{
			display: none;
			}
		.features td{
			background-color: #CCCCCC;
		}

		#breadcrumb{
		background-color:#CCCCCC;
		height:20px;
		}
		
		#breadcrumb ul{
		list-style-type: none;
		}
		
		#breadcrumb ul li{
		display:inline;
		float: left;
		}