/*----------------------------+
 | Site: Site Name				    |
 +----------------------------*/

@import url("reset.css");
@import url("baseforms.css");


/* Core layout 
======================================================================*/
body {background:url(/images/core/bg.jpg) no-repeat 50% 0; background-attachment: fixed!important; font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff; }
	#container { width: 1060px; padding:0 0 20px 0; margin: 0 auto; display: block;}
	#banner {width:1060px; height:330px; background:url(/images/core/banner.gif) no-repeat top center;}
		#logo-art {float:left; width:217px; height:330px;}
		#logo {width:313px; height:123px; display:block; overflow:hidden; float:left;}
		#banner-content {float:left; width:838px;}
			#nav-container {width:780px; }
			#flash {width:780px; height:207px; overflow:hidden; clear:left;}
			
#content {
	width:940px; 
	margin:0 auto; 
	padding:15px 0 0 0; 
	border-left:10px solid #000; 
	border-right:10px solid #000; 
	background:#3c0101 url(/images/core/content-bg.gif) repeat-x 0 0;
	}
		
#specials {float:left; width:150px; padding:10px 10px 20px 10px;}
#p-home 	#information {float:right; width:370px; margin:10px; overflow:auto; padding:0 20px 0 0; height:435px; position:relative;}
					#information {margin:10px; overflow:visible; padding:0 0 0 0;}
							
#footer {height:48px; width:960px; background:url(/images/core/footer.gif) no-repeat 0 0; margin:0 auto; text-align:center; padding:35px 0 0 0; position:relative;}

/* Products CTA
--------------------------------------------------------------------*/
#p-home ul#products {width:350px; float:left;}
#p-home ul#products li.product {
	width:142px;
	height:210px;
	float:left;
	margin:10px 10px 5px 10px;
	overflow:hidden;
	position:relative;
	padding:5px;
	background:url(/images/core/concept01_17.gif) no-repeat 0 0;
}
#p-home ul#products li.product a.picture {position:absolute; z-index:10;}
#p-home ul#products li.product a.title {
	position:absolute; 
	top:182px; 
	z-index:50; 
	width:142px; 
	height:27px; 
	overflow:hidden; 
	text-align:center; 
	color:#666;
	text-decoration:none;
	}
#p-home ul#products li.product a:hover.title {text-decoration:underline;}


/* Products WHATS HOT
--------------------------------------------------------------------*/
#page_desc {width:190px; float:left;}
#p-whats_hot ul.products li.products_title {width:325px; height:15px; padding:10px; text-align:center;}

#p-whats_hot ul.products {background:#3c0101 url(/images/core/whats_hot_head.gif) no-repeat top center; width:345px; float:left; margin:0 0 0 20px;}
#p-whats_hot ul.products li.product {
	width:142px;
	height:210px;
	float:left;
	margin:10px 10px 5px 10px;
	overflow:hidden;
	position:relative;
	padding:5px;
	background:url(/images/core/concept01_17.gif) no-repeat 0 0;
}
#p-whats_hot ul.products li.product a.picture {position:absolute; z-index:10;}
#p-whats_hot ul.products li.product a.title {
	position:absolute; 
	top:182px; 
	z-index:50; 
	width:142px; 
	height:27px; 
	overflow:hidden; 
	text-align:center; 
	color:#666;
	text-decoration:none;
	}


/* Navigation layout 
======================================================================*/
ul.nav {list-style:none; width: 466px; height:70px; display: inline-block;  float:left; margin-top:40px;}
ul.nav li {float:left; height:70px; overflow:hidden;}
ul.nav li a {display:block; height:70px; text-indent:-9999px;}
ul.nav li a:hover {background-position:0 -70px!important;}

ul.nav li#home a {background: url(/images/navigation/home.gif) no-repeat 0 0; width: 66px;} 
ul.nav li#whats_hot a {background: url(/images/navigation/hot.gif) no-repeat 0 0; width: 128px;} 
ul.nav li#media a {background: url(/images/navigation/media.gif) no-repeat 0 0; width: 83px;} 
ul.nav li#about a {background: url(/images/navigation/about.gif) no-repeat 0 0;width: 115px;} 
ul.nav li#contact a {background: url(/images/navigation/contact.gif) no-repeat 0 0;width: 74px;} 

#p-home 				ul.nav li#home a {background: url(/images/navigation/home.gif) no-repeat 0 0; background-position:0 -70px!important; width: 66px;} 
#p-whats_hot 		ul.nav li#whats_hot a {background: url(/images/navigation/hot.gif) no-repeat 0 0; background-position:0 -70px!important; width: 128px;} 
#p-media 				ul.nav li#media a {background: url(/images/navigation/media.gif) no-repeat 0 0; background-position:0 -70px!important; width: 83px;} 
#p-about 				ul.nav li#about a {background: url(/images/navigation/about.gif) no-repeat 0 0; background-position:0 -70px!important; width: 115px;} 
#p-contact 			ul.nav li#contact a {background: url(/images/navigation/contact.gif) no-repeat 0 0; background-position:0 -70px!important; width: 74px;}

#footer a {color:#874901; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

 





 /* Font Style
======================================================================*/
#p-home h1 {background:url(/images/titles/h1-home.gif) no-repeat 0 0; width:349px; height:47px; overflow:hidden; text-indent:-9999px;}
#p-whats_hot h1 {background:url(/images/titles/h1-whats_hot.gif) no-repeat 0 0; width:130px; height:47px; overflow:hidden; text-indent:-9999px;}
#p-media h1 {background:url(/images/titles/h1-media.gif) no-repeat 0 0; width:349px; height:47px; overflow:hidden; text-indent:-9999px;}
#p-about h1 {background:url(/images/titles/h1-about.gif) no-repeat 0 0; width:349px; height:47px; overflow:hidden; text-indent:-9999px;}
#p-contact h1 {background:url(/images/titles/h1-contact.gif) no-repeat 0 0; width:349px; height:47px; overflow:hidden; text-indent:-9999px;}
#p-newsletter h1 {background:url(/images/titles/h1-newsletter.gif) no-repeat 0 0; width:349px; height:47px; overflow:hidden; text-indent:-9999px;}


h2 {font:18px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#f7a955; padding:0 0 10px 0;}
h3 {font:14px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#ed3b29; padding:0 0 3px 10px; border-bottom:1px solid #611807; margin:0 600px 10px 25px;}
h4 {font:14px Arial, Helvetica, sans-serif; color:#CCC; padding:0 0 10px 0;}
h5 {font-size:12px; padding:0 0 10px 0; color:#FFFFCC;}
p {line-height:20px; padding:0 0 15px 0;}
p.brands {text-align:center; font-style:oblique;}
ul {}
ul li {}
a {color:#874901; text-decoration:none;}
a:hover {text-decoration:underline;}

/* Extras 
======================================================================*/
.logo {float:left;}
.wf_logo {position:absolute; top:30px; right:20px;}
.left {float:left; padding:0 20px 10px 0;}
.right {float:right; padding:0 0 10px 20px;}
.clear { clear:both;}
#contact-information {float:right; width:350px;}
#newsletter-mailinglist {float:right; width:404px; background:#3c0101 url(/images/core/mailinglist-head.gif) no-repeat 0 0; padding:10px; margin:0 0 0 20px;}

ul#designers li {float:left; width:240px; padding:0 30px; text-align:center;}
ul#designers li img {margin:0 15px;}
ul#designers li p {padding:10px 0;}

ul.gallery {padding:0 0 25px 0;}
ul.gallery li {float:left; width:160px; height:160px; text-align:center;}
ul.gallery li img {border:1px solid #3c0101;}


#twitter {float:left; width:176px; text-align:center; display:inline;}
#facebook{
  color: #3B5998;
  float:left;
  display:inline;
  margin-right:50px;
  padding: 15px 0 15px 50px;
  background: url(/images/core/icon-facebook.gif) no-repeat left center;
}
#facebook a {
  color: #3B5998;
  font-size:14px;
  font-weight:bold;
  line-height:15px;
}