@import "util.css";
@import "nav.css";

/*=========================================================
	style.css 
=========================================================*/

/* -- base -- */

body {
	background-color:#ffffff;
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:14px;
	color:#000;
}

	body#home { background-image:url(../images1/bg-home.jpg); background-repeat:repeat-x; background-position:0 0 }
	body#inner { background-image:url(../images1/bg-inner.jpg); background-repeat:repeat-x; background-position:0 0 }

a { text-decoration:none }
img, a img { border:none }

#inner #header h1 {
	color:#641621;
	margin:0;
	padding:0 0 0 10px;
	line-height:85px;
	font-size:36px
}

h2 {
	color:#000530;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	font-size:24px	
}

p {
	margin:0;	
	padding:0;
}

p {
	margin:15px 0 0 15px;	
	padding:0;
}

/* -- main elements -- */

#container {
	width:920px;
	margin:0 auto 0 auto;
}

#top { height:144px }

	#top .logo {
		float:left;
		width:210px;
		height:144px;
	}
	
		#top .logo img { margin:0 0 0 25px }
	
	#top .social { height:55px }
	
		#top .social img { margin:10px 5px 0 0; opacity:0.7; }
		#top .social img:hover { opacity:1; }
		
	#top .nav { height:89px }
	
		#top .nav .cufon { padding:35px 0 0 0 }
	
#home #header {
	background:url(../images1/bg-header-home.png) no-repeat 0 0;
	height:283px
}

	#home #header .slogan {
		position:relative;
		background:url(../images1/slogan2.png) no-repeat 0 0;
		width:551px;
		height:109px;
		text-indent:-9999px;
		top:75px;
		left:369px;
	}

#inner #header { 
	background:url(../images1/bg-header-inner.png) no-repeat 0 0;
	height:85px
}

#content .inner { padding:20px 10px 10px 10px }

#footer {
	margin:50px 0 20px 0;
	border-top:1px solid #eee;
	padding:10px 0 0 0;
	color:#555;
	font-size:12px;
}


/* -- buttons -- */

.button {
	border:none;
	text-decoration:none;
	background-repeat:repeat-x;
	text-align:center;
	display:inline-block;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	position:relative;
}

.button:active {
	top:1px;	
}

.button:hover {
	text-decoration:none;
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);	
}

	.button.orange {
		border:1px solid #de842a;
		background-image:url(../images1/btn-orange.jpg);
		height:40px;
		width:145px;
		line-height:40px;
		color:#fff;
		font-weight:bold;
		padding:0 15px 0 15px;
		text-shadow: 2px 2px 3px #de842a;
	}



/* home page specific */

#home .home-block {
	padding:15px;
	height:350px;
}

#home .home-block.first { padding-left:24px }
#home .home-block.last { border:none }

.home-block.featured-product {
	
}

	.home-block.featured-product div img {
		border:1px solid #fff;
		box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
	}
	
	.home-block.featured-product p {
		margin:0;
		padding:10px;
		font-size:12px;
	}
	
	.home-block.featured-product span {
		display:inline-block;
	}
	
	.home-block.first.featured-product p {
		margin:0;
		padding-left:0;
	}
	
	.products.row .span3 {
		width:150px;	
	}
	
	.products.row p {
		margin:0;
		padding:0;
		font-size:12px;
		text-align:center;
	}
	
	.products.row .span3 img {
		border:1px solid #FFF;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	}