/*
*
*	header.css
*
*/
/************************************/
#header {
	position: relative;
	background: linear-gradient(to right, #2b323c 0%, #2b323c 52%, #d85454 53%, #d85454 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	vertical-align: middle;
	background: #2a323c;
/* Old Browsers */background: -moz-linear-gradient(left, #2a323c 0%, #2a323c 52%, #d85454 53%, #d85454 100%);
/* FF3.6+ */background: -webkit-gradient(left top, right top, color-stop(0%, #2a323c), color-stop(52%, #2a323c), color-stop(53%, #e54543), color-stop(100%, #e54543));
/* Chrome,Safari4+  */background: -webkit-linear-gradient(left, #2a323c 0%, #2a323c 52%, #d85454 53%, #d85454 100%);
/* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left, #2a323c 0%, #2a323c 52%, #d85454 53%, #d85454 100%);
/* Opera 11.10+ */background: -ms-linear-gradient(left, #2a323c 0%, #2a323c 52%, #d85454 53%, #d85454 100%);
/* IE 10+ */background: linear-gradient(to right, #2a323c 0%, #2a323c 52%, #d85454 53%, #d85454 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a323c', endColorstr='#d85454', GradientType=1 );
/* IE6-9 */
}
	
	.header-container {
		position: relative;
		height: 70px;
		max-width: 1240px;
		margin-left: auto;
		margin-right: auto;
		padding: 0 40px;
	}
	
		div .row {
			position: relative;
			max-width: 940px;
			min-width: 640px;
			padding-right: 300px;
		}
		
			.header-container .row .header-left {
				max-width: 1120px;
				min-width: 820px;
			}
			
			.header-container .row .header-left {
				position: relative;
				background-color: #2b323c;
				height: 70px;
				padding-right: 10px;
				max-width: 1030px;
				min-width: 630px;
			}
			
			.header-container .row .header-left:after {
				position: absolute;
				background: linear-gradient(to bottom, rgba(38, 42, 50, 0) 0%, #2b323c 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
				width: 2000px;
				height: 10px;
				content: "";
				display: block;
				right: 0;
				bottom: 0;
			}
			.header-container .row .header-left a.logo {
				position: relative;
				background: url("../picture/icon/logo.png");
				width: 157px;
				height: 46px;
				margin: 15px 27px 9px 0;
				padding: 0;
				float: left;
			}
			
			
.header-container .row .header-left ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: none 0;
}

	.header-container .row .header-left ul#main-menu {
		position: absolute;
		left: 184px;
		top: 0;
	}
		
		.header-container .row .header-left ul#main-menu li {
			display: block;
			float: left;
		}
		
		.header-container .row .header-left ul#main-menu li a {
			font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
			font-size: 12px;
			font-weight: normal;
			text-transform: uppercase;
			color: #c8c8c8;
			text-decoration: none;
			outline: none;
			padding: 27px 11px 26px 11px;
			float: left;
		}
		
			.header-container .row .header-left ul#main-menu li a:hover{
				background-color: #191e24;
				color: #ffffff;
			}
	
		.header-container .row .right-col {
			position: absolute;
			width: 300px;
			height: 70px;
			padding: 0;
			top: 0;
			right: 0;
		}
		
			.header-container .row .right-col .header-utils {
				background-color: #d85454;
				cursor: pointer;
				float: left;
				width: auto;
				height: 70px;
				text-align: center;
			}
			
				.header-container .row .right-col .header-utils:hover {
					background-color: #e85a57;
				}
			
				.header-container .row .right-col .header-utils a {
					color: #A90D0D;
					outline: none;
					text-decoration: none;
					float: left;
					padding: 28px 13px 27px 12px;
				}
					
					.header-container .row .right-col .header-utils a .symbol{
						color: #A90D0D;
						margin-right: 5px;
					}
					
					.header-container .row .right-col .header-utils a span {
						width: auto;
						height: auto;
						margin: 0;
						padding: 0;
					}
					
					.header-container .row .right-col .header-utils a span.symbol{
						position: relative;
						background-image: url('../picture/icon/user.png');
						display: inline-block;
						width: 16px;
						height: 16px;
						font-weight: normal;
						margin-top: -1px;
						text-align: center;
						vertical-align: middle;
						float: left;
					}
					
					.header-container .row .right-col .header-utils a span.log-in{
						position: relative;
						font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
						color: #ffffff;
						font-size: 12px;
						font-weight: bold;
					}