body {
	padding:0;
	margin:0;
	border:0;
	background:#e6eecc url(../images/beige_paper.png) repeat top left;
	}
.header{
	padding:20px 0 0 0;
	margin:0 auto; 
	width:1080px; 
	border:0;
	font:14px signikaregular; 
	color:#000;
	}
.header .logo{
	margin-top:-20px;
	}	
.header .header-info{
	float:right;
	width:310px;
	height:110px;
	background:url(../images/the-mahogany-logo.png) no-repeat;
	margin:0;
	padding:0;
	position: relative;
	}
	
	
.header .header-info span{
	font:13px signikaregular; 
	color:#000;
	display: block;
    text-align:right;
    position: absolute;
    width: inherit;
    bottom: 0;
    right: 0;
	padding-right:10px;
	}
.header .header-info span p{
	margin:5px;
	}

.login{
	font:11px signikalight; 
	width:1080px;
	margin:0 auto;
	position:relative;
	height:400px;
	}

.login .box-login{
	font:11px signikalight; 
	margin:-16px auto;
	width:270px;
	height:304px;
	background:url(../images/box-login.png) no-repeat ;
	}
.login .box-project{
	font:11px signikalight; 
	margin:-16px auto;
	width:270px;
	height:304px;
	background:url(../images/box-project.png) no-repeat ;
	}	
	
.login .login-message{
	padding-top:20px;
	font:11px signikaregular; 
	width:200px;
	margin:0 auto;
	color:#F00;
	}

.clear-10{
	margin:0;
	padding:0;
	height:10px;
	}
.bg-line{
	margin:0;
	padding:0;
	height:10px;
		background:url(../images/blue-line.png) no-repeat bottom center;
	}

.tbl-header-menu{
	font: 13px "MyriadWebProRegular", Arial, Tahoma, Helvetica, sans-serif; color:#fff;
	text-align:center;
	}

.shadow {
	padding:0;
	margin:5px 0 0 0; 
	width:1080px; 
	height:20px;
	background:url(../images/bottom.png) no-repeat;
	}
		
.fotter-top {
	padding:0;
	margin:0 auto; 
	width:1080px; 
	height:30px;
	font:12px signikaregular; 
	color:#000;
	}
		
.content{
	background-color:#fff;
	min-height:340px;
	padding:0 0 20px 0;
	margin:0 auto; 	
	width:1080px; 
	}		
	
/*----------------breacumb----------------------*/


#breadcumb {
	border:0;
	padding:0;
	text-align: left;
}

	#breadcumb ul {
		border:0;
		padding:0 10px;
		list-style: none;
		display: inline-table;
	}
		#breadcumb ul li {
			display: inline;
		}
	
		#breadcumb ul li a {
			display: block;
			float: left;
			height: 20px;
			background: #CCC;
			text-align: center;
			padding: 7px 20px 3px 30px;
			position: relative;
			margin: 0 5px 0 0; 
			
			text-decoration: none;
			color: #fff;
			font:14px signikasemibold; 
		}
			#breadcumb ul li a:after {
				content: "";  
				border-top: 15px solid transparent;
	 			border-bottom: 15px solid transparent;
	  			border-left: 15px solid #CCC;
				position: absolute; right: -15px; top: 0;
				z-index: 1;
			}
			
			#breadcumb ul li a:before {
				content: "";  
				border-top: 15px solid transparent;
	  			border-bottom: 15px solid transparent;
	  			border-left: 15px solid #fff;
				position: absolute; left: 0; top: 0;
			}
	
				#breadcumb ul li:first-child a {
					border-top-left-radius: 5px; border-bottom-left-radius: 5px;
				}
				#breadcumb ul li:first-child a:before {
					display: none; 
				}
				
				#breadcumb ul li:last-child a {
					padding-right: 20px;
					border-top-right-radius: 5px; border-bottom-right-radius: 5px;
				}
				#breadcumb ul li:last-child a:after {
					display: none; 
				}
			
			#breadcumb ul li a:hover {
				background: #999;
				font-weight:bold;
			}
			
			#breadcumb ul li a.selected {
				background: #999;
			}
			
				#breadcumb ul li a:hover:after {
					border-left-color: #999;
				}