@import "defaults.css";
@import "typography.css";
@import "forms.css";
@import "nivo-slider.css";
@import "colorbox/colorbox.css";

/* =============================================================================
   reusable
   ========================================================================== */

.date{
	margin:0;
	color:#333;
	font-size:11px;
}

/* =============================================================================
   layout
   ========================================================================== */

html{
	background:#fff url(../failid/Project/bg.gif) repeat-x;
	height:100%;
}
body{
	height:100%;
	min-width:960px;
}

#wrapper{
	text-align:left;
	margin:0 auto;
	width:960px;
	min-height:100%;
}

#head{
	height:90px;
	position:relative;
	z-index:100;
}

#main{
	overflow:auto;
	padding-bottom:147px;
	position:relative;
	z-index:90;
}
#sidebar{
	float:right;
	width:197px;
	padding-left:13px;
	background:url(../failid/Project/sidebar_bg.jpg) no-repeat 0 0;
	min-height:340px;
	padding-top:22px;
}
#content{
	float:left;
	width:720px;
	margin-left:15px;
	padding-top:10px;
}
#footer{
	position:relative;
	height:122px;
	border-top:5px solid #495e67;
	background:#f5f7f9;
	margin-top:-127px;
	color:both;
	color:#3b3b3b;
}

/* =============================================================================
   head
   ========================================================================== */

/*logo*/
#logo{
	background:url(../failid/Project/logo.png);
	width:171px;
	height:51px;
	margin:17px 0 0 13px; 
}

/*sitenav*/
#sitenav{
	margin-top:47px;
}
	#sitenav li{
		float:left;
		margin-left:1px;
		position:relative;
	}
	#sitenav a{
		display:block;
		height:38px;
		font:12px/38px "ExpresswayRegular", Arial, Helvetica, sans-serif;
		padding:0 8px;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		color:#fff;
	}
	#sitenav li:hover > a,
	#sitenav li.active a,
	#sitenav li.sfHover a{
		background:#ff3838;
		text-decoration:none;
	}
		#sitenav a span.sf-sub-indicator{
			display:inline-block;
			background:url(../failid/Project/sitenav_arrow.png) no-repeat 0 50%;
			width:8px;
			height:38px;
			margin-left:5px;
			text-indent:-9000px;
		}
		/*level 2*/
		#sitenav li ul{
			display:none;
			position:absolute;
			margin:0;
			padding:0;
			top:100%;
			left:0;
			z-index:900;
			width:200px;
			background:#ff3838;
		}
			#sitenav li ul li{
				float:none;
				position:relative;
				margin:0;
			}
				#sitenav li ul li a{
					font-family:Tahoma, Geneva, sans-serif;
					padding-left:15px;
					-moz-border-radius:0;
					-webkit-border-radius:0;
					border-radius:0;
				}
				#sitenav li ul li:hover > a,
				#sitenav li ul li.active > a{
					background:#333;
				}
					#sitenav li ul a span.sf-sub-indicator{
						display:none;
					}
					#sitenav li ul li ul{
						position:absolute;
						top:0;
						left:100%;
					}
		
/*lang*/
#lang{
	position:absolute;
	top:15px;
	right:5px;
}
	#lang li{
		float:left;
		margin:0 5px;
	}
		#lang a{
			text-transform:uppercase;
			color:#fff;
			font:normal 11px "ExpresswayRegular", Arial, Helvetica, sans-serif;
		}
		#lang a:hover,
		#lang li.active a{
			text-decoration:none;
			color:#ff3838;
		}
		
		
/*main head*/
#main_head{
	background:#25373a url(../failid/Project/main_header_bg.gif) repeat-y 0 0;
	overflow:hidden;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding:10px 15px;
}
	#main_head h1,
	#main_head .h1{
		margin:0;
		float:left;
		width:348px;
		color:#fff;
	}
	#main_head h2{
		float:left;
		padding-top:25px;
	}
	#main_head h2.middle{
		margin-left:30px;
	}
	#main_head h2.last{
		width:auto;
		float:right;
		color:#ff3838;
	}
	#main_head h2.sub_page{
		padding-top:0;
	}
	
	#breadcrumb{
		float:left;
		margin:8px 0 0 20px;
		overflow:hidden;
	}
		#breadcrumb li{
			float:right;
			padding:0 16px 0 6px;
			background:url(../failid/Project/breadcrumb_arrow.png) no-repeat 100% 7px;
		}
		#breadcrumb li.first{
			padding-right:0;
			background:none;
		}
			#breadcrumb a{
				color:#72848c;
				font-size:11px;
			}
			#breadcrumb a:hover{
				color:#ff3838;
				text-decoration:none;
			}


/* =============================================================================
   Sidebar
   ========================================================================== */
#pagenav{
	margin-bottom:20px;
}
	#pagenav li{
		margin-bottom:1px;
	}
		#pagenav a{
			border-right:none;
			display:block;
			padding:4px 10px 4px 26px;
			color:#2e89ad;
			-webkit-border-top-left-radius: 4px;
			-webkit-border-bottom-left-radius: 4px;
			-moz-border-radius-topleft: 4px;
			-moz-border-radius-bottomleft: 4px;
			border-top-left-radius: 4px;
			border-bottom-left-radius: 4px;
		}
		#pagenav li > a:hover,
		#pagenav li.active > a,
		#pagenav li.activer > a{
			background:#fff url(../failid/Project/pagenav_arrow_off.png) no-repeat 12px 8px;
			border:1px solid #f2f2f2;
			padding-top:3px;
			padding-bottom:3px;
			padding-left:25px;
			color:#25373a;
		}
		#pagenav li.active > a,
		#pagenav li.activer > a{
			background:#ff3838 url(../failid/Project/pagenav_arrow_on.png) no-repeat 12px 8px;
			color:#fff;
		}
		
		/*level 2*/
		#pagenav li ul{
			margin:5px 0 10px 40px;
		}
			#pagenav li ul li{
				margin-bottom:5px;
			}
				#pagenav li ul a{
					display:inline;
					border:none;
					background:none;
					color:#2e89ad;
					padding:0;
				}
				#pagenav li ul li > a:hover,
				#pagenav li ul li.active > a,
				#pagenav li ul li.activer > a{
					background:none;
					border:none;
					color:#000;
					padding:0;
				}
		


/* =============================================================================
   Content
   ========================================================================== */
/*table*/
table .desc{
	width:310px;
}
table .date{
	width:135px;
}
table td.date{
	color:#777;
}
table .file{
	width:95px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	table thead{
	background:#f3f5f8;
}
	table thead td{
		border-bottom:1px solid #ececec;
	}
}


/*list product*/
.list_product{
	float:left;
	width:320px;
	padding-right:28px;
	margin-right:28px;
	border-right:1px solid #eeefef;
	margin-bottom:30px;
}
.list_product.last{
	margin-right:0;
	padding-right:0;
	border:none;
}
	.list_product h1{
		margin:0 0 10px;
	}
	.list_product hr{
		margin-bottom:0;
	}
	.list_product a.image{
		display:block;
		margin-bottom:20px;
	}
	
/*gallery*/
.image_category{
	overflow:hidden;
}
	.image_category a{
		display:block;
		float:left;
		position:relative;
		overflow:hidden;
		margin:2px;
	}
	.image_category a:hover{
		text-decoration:none;
	}
		.image_category a img{
			display:block;
			margin:0;
			padding:0;
			opacity:0.9
		}
		.image_category a:hover img{
			opacity:1;
		}
		.image_category a span{
			display:block;
			width:100%;
			position:absolute;
			bottom:0;
			left:0;
			padding:5px;
			color:#fff;
			background:rgba(0,0,0,0.8);
		}
		.image_category a:hover span{
			background:#000;
		}


/* =============================================================================
   Footer
   ========================================================================== */
#footer .footer_content{
	width:960px;
	margin:0 auto;
	position:relative;
}

#footer p{
	float:left;
	margin-right:40px;
	padding-top:20px;
}

#footer a{
	color:#ff3838;
}

#ama{
	display:block;
	text-indent:-3000px;
	position:absolute;
	top:20px;
	right:0;
	background:url(../failid/Project/ama.gif);
	width:26px;
	height:14px
}


/* =============================================================================
   Front
   ========================================================================== */
   
/*slider*/
#slider{
	width:960px;
    height:283px;
	overflow:hidden;
}
.nivoSlider {
    position:relative;
    width:960px; /* Change this to your images width */
    height:283px; /* Change this to your images height */
    background:url(../failid/Project/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

/*carousel*/
#carousel{
	background:#fafbfc;
	padding:10px;
	width:892px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:1px 1px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.5);
	box-shadow:1px 1px 4px rgba(0,0,0,0.5);
	position:absolute;
	top:194px;
	left:23px;
	overflow:hidden;
	z-index:900;
}
	#carousel .car_arrow{
		float:left;
		background:#ff3838 url(../failid/Project/carousel_arrows.png) no-repeat 0 50%;
		width:18px;
		height:56px;
		text-indent:-9000px;
		overflow:hidden;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		margin-top:16px;
		cursor:pointer;
		outline:none;
	}
	#carousel .car_arrow:hover{
		background-color:#cc3232;
	}
	#carousel .car_arrow.car_next{
		background-position:100% 50%;
	}
	
	#carousel .articles{
		float:left;
		width:852px;
		overflow:hidden;
		margin-left:3px;
		height:91px;
	}
		#carousel .articles article{
			padding:10px;
			float:left;
			border:1px solid #eeefef;
			width:251px;
			margin:0 5px;
			overflow:hidden;
			font-size:11px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			border-radius:4px;
			height:69px;
			background:#fff;
		}
			#carousel .articles article img{
				float:left;
				margin-right:10px;
				display:block;
			}
			#carousel .articles article h1{
				margin:0;
			}
			#carousel .articles article p{
				margin:0;
				padding:0;
			}