/*main css document*/
html, body{
	margin:0;
	padding:0
}
html {
	font:12px/14px Verdana, Geneva, sans-serif;
	color:#000
}
body {
	text-align:center;
	background:#fff url(../failid/Project/bg.gif) repeat-x
}

/*TEXT*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p{
	padding:5px 0;
	margin:0
}
h1, .h1{
	font:bold 28px/30px Arial, Helvetica, sans-serif;
	color:#4b502d
}
h2, .h2{
	font:bold 13px Verdana, Geneva, sans-serif;
	color:#fff;
	background:#cd1e36;
	padding:5px 10px;
	margin:1px 0
}
	h2 a, .h2 a{
		text-decoration:none;
		color:#fff
	}
h3, .h3{
	font:bold 13px Verdana, Geneva, sans-serif;
	color:#4b502d
}
	h3 a, .h3 a{
		text-decoration:none
	}
hr{
}
.yellow{
	background:#ec9c02
}
.green{
	background:#4b502d
}

a img{border:none}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
a{
	color:#4b502d;
	text-decoration:underline
}
a:hover{
	text-decoration:none
}

.button{
	float:left;
	border:1px solid #000;
	color:#000;
	text-decoration:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font:bold 11px/23px Verdana, Geneva, sans-serif;
	padding:0 9px;
	margin:5px 0
}
.button:hover{
	color:#4b502d
}

/*----------------------------------------------------
							LAYOUT
----------------------------------------------------*/
#wrapper{
	text-align:left;
	margin:0 auto;
	width:985px
}

#head{
	background:url(../failid/Project/head_bg.jpg) no-repeat 100% 0;
	height:190px;
	overflow:hidden;
	margin-bottom:22px
}

#body{
	overflow:hidden;
	background:url(../failid/Project/body_bg.jpg) repeat-y 200px 0
}
#content{
	float:right;
	width:708px;
	margin-right:15px
}

#sidebar{
	float:left;
	width:221px
}

#footer{
	position:relative;
	text-align:center;
	margin:10px 0 20px 0
}


/*----------------------------------------------------
						HEAD
----------------------------------------------------*/
#logo{
	background:url(../failid/Project/logo.gif);
	width:188px;
	height:172px;
	display:block;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	margin:19px 0 0 10px
}

#sitenav{
	margin:130px 0 0 15px;
	padding:0;
	float:left;
	list-style:none
}
	#sitenav li{
		margin:0;
		padding:0;
		float:left
	}
		#sitenav li a{
			display:block;
			color:#fff;
			text-decoration:none;
			font:14px/39px Verdana, Geneva, sans-serif;
			padding:0 10px;
			border-right:1px solid #999
		}
		#sitenav li.last a{
			border:none
		}
		#sitenav li.active a,
		#sitenav li a:hover{
			color:#ec9c02
		}

	.news a{
		font:bold 13px Verdana, Geneva, sans-serif
	}
		

/*----------------------------------------------------
						CONTENT
----------------------------------------------------*/

.buttons{
	background:url(../failid/Project/content_bg.gif) no-repeat 0 0;
	overflow:hidden;
	min-height:42px;
	margin:5px 0
}
#ico_facebook,
#ico_twitter{
	background:url(../failid/Project/media_icons.png);
	width:20px;
	height:20px;
	display:block;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	margin:2px
}
#ico_twitter{
	background-position:0 -20px
}

/*----------------------------------------------------
						SIDEBAR
----------------------------------------------------*/

#pagenav{
	margin:18px 0 0 11px;
	padding:0;
	list-style:none
}
	#pagenav li{
		margin:0;
		padding:6px 0;
		background:url(../failid/Project/pagenav_bg.gif) no-repeat 0 100%
	}
	#pagenav li.last{
		background:none
	}
		#pagenav li a{
			text-decoration:none
		}
		#pagenav li.active a,
		#pagenav li a:hover{
			color:#ec9c02
		}
			#pagenav li.active ul{
				margin:5px 0 0 0;

				padding:0 0 0 20px;
				list-style:none;
				background:url(../failid/Project/pagenav_bg.gif) no-repeat 0 0
			}
				#pagenav li.active ul li{
					background:none
				}
					#pagenav li.active ul li a{
						color:#4b502d
					}
					#pagenav li.active ul li a:hover,
					#pagenav li.active ul li.active a{
						color:#ec9c02
					}

/*----------------------------------------------------
						FOOTER
----------------------------------------------------*/
#footer_nav{
	margin:0;
	padding:7px 0 0 0;
	list-style:none;
	background:url(../failid/Project/footer_nav_bg.gif) no-repeat 0 0;
	height:37px
}
	#footer_nav li{
		display:inline;
		margin:0 9px
	}
		#footer_nav li a{
			color:#fff;
			text-decoration:none
		}
		#footer_nav li.active a,
		#footer_nav li a:hover{
			color:#ec9c02
		}

/*----------------------------------------------------
						PANEL
----------------------------------------------------*/
.panel{
	float:left;
	min-height:273px;
	width:275px;
	background:#fff url(../failid/Project/panel_bg.gif) repeat-x 0 28px;
	padding:0 22px;
	overflow:hidden
}
	.panel h2{
		margin:1px -22px
	}
	.panel .image{
		text-align:center;
		display:block;
		margin-top:6px
	}
	.panel .button{
		margin-top:20px
	}
.border{
	width:1px;
	float:left;
	background:url(../failid/Project/border.gif) no-repeat 0 28px;
	height:333px
}
#footer .icon{
	margin:0 7px
}
.port {
	text-align:center;
	margin:5px;
	float:left;
	
}

.product{
position:relative;
padding-right:65px;
margin-bottom:5px
}
.product span{
	position:absolute;
	right:0;
	top:0;
	width:60px;
	display:block;
	color:#931530;
	text-align:right
}
.product{
	width:153px;
	margin:6px;
	float:left;
	background:#fff;
	text-align:center;
	padding:7px 5px;
	font:14px Tahoma, Geneva, sans-serif;
	color:#281d44;
	/*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 4px #333;
	-webkit-box-shadow: 1px 1px 5px #333;
	box-shadow: 2px 2px 4px #333;
	*/
}
.product_button{
	display:block;
	border:1px solid #000;
	color:#000;
	text-decoration:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font:bold 11px/23px Verdana, Geneva, sans-serif;
	padding:0 9px;
	margin:5px 0;
}
.product .button:active{
	cursor:pointer;
	background:#671023
}

/*----------------------------------------------------
					PRODUCT_DETAIL
----------------------------------------------------*/
.images{
	float:left;
	width:315px;
	overflow:hidden
}
	.images .img_thumb{
		display:block;
		border:1px solid #fff;
		float:left;
		margin:12px 7px 0 7px
	}
	
.info{
	float:right;
	width:360px
}
.add_cart{
	background:url(../failid/Project/v_line2.png) no-repeat 50% 0;
	padding-top:15px;
	margin-top:15px;
	font:bold 12px Tahoma, Geneva, sans-serif
}
.add_cart select{
	margin-bottom:8px
}
.add_cart span{
	font:normal 11px Tahoma, Geneva, sans-serif
}
.info button{
	background:#ee358f;
	color:#fff;
	font-size:11px;
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:4px 10px;
	margin-left:15px;
	cursor:pointer
}
.info button:active{
	background:#cc1b71
}
.portfolio{
background:#fff;
padding:5px;
text-align:right;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top:8px
}
.portfolio img{
	margin:3px
}
.portfolio .link{
	color:#931530;
	margin-right:5px;
	line-height:2.6
}
/*----------------------------------------------------
						FORM
----------------------------------------------------*/
#message{
	overflow:hidden;
	margin:20px 0 10px 0
}
#message div{
	width:48%;
	padding-right:2%;
	float:left
}
#message label{
	display:block;
	color:#0067b4
}
#message input{
	padding:0 10px;
	height:30px;
	line-height:30px;
	border:1px solid #e5e5e5;
	border-right:1px solid #f4f3f3;
	border-bottom:1px solid #f4f3f3;
	outline:none;
	float:left;
	width:285px;
	margin:0 0 10px 0
}
#message input:focus{
	border:1px solid #f4f3f3;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
#message span, #message span.true{
	display:block;
	float:right;
	background:url(failid/Project/form_validate.gif);
	width:13px;
	height:13px;
	margin-top:8px
}
#message span.false{
	background-position:0 -100%
}
#message span.hidden{
	visibility:hidden
}
#message textarea{
	width:285px;
	padding:10px;
	border:1px solid #e5e5e5;
	border-right:1px solid #f4f3f3;
	border-bottom:1px solid #f4f3f3;
	outline:none;
	height:132px;
	float:left
}
#message textarea:focus{
	border:1px solid #f4f3f3;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
#message button{
	height:30px;
	line-height:30px;
	margin:10px 23px 0 0;
	padding:0 20px;
	background:url(failid/Project/message_button.gif) repeat-x;
	border:1px solid #929596;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	float:right;
	outline:none
}
#message button:active{
	background-position:0 100%;
}

.buttonTellimus{
	float:right;
	border:1px solid #000;
	color:#000;
	text-decoration:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font:bold 11px/23px Verdana, Geneva, sans-serif;
	padding:0 9px;
	margin:5px 0;
	margin-left:10px;
}
.buttonTellimus:hover{
	color:#4b502d
}
#lang{
	position:absolute;
	height:11px;
	padding:0;
	float:right;
	list-style:none
}
#lang li{
	margin:0;
	padding:0;
	float:left
}
#lang li a{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:0 5px;
	
}