@charset "utf-8";
/* CSS Document */

body {
background-color:#000000;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
background-image:url(images/background.jpg);
}


a:link, a:visited {
	color: #FFFFFF;
	text-decoration:underline;
}
a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}



h1,h2,h3,h4,h5{ margin:0; padding:0}

#wrap {
width:100%;
position:relative;
}

.outer-wrap {
width:1000px;
margin:10px auto;
background:#FFFFFF;
}

.inner-wrap {
width:980px;
margin:0px; padding:10px;
}

#header {  }
.slogan { float:left; width:400px; background-color:#f3582a; height:100px;}
.slogan h1{ color:#FFFFFF; font-size:12px; text-transform:uppercase; margin:30px;}
.logo { float:right; margin:10px 10px 0 0; padding:0; }

#nav { margin: 6px 0 6px 0; padding:0; height:28px; background:#e7e8ea;  color:#F15A2A; font-size:11px; font-family:Arial, Helvetica, sans-serif; position:relative; font-size:11px; }
#nav ul{ margin: 0px 0 0 150px; list-style:none;}
#nav li{ text-decoration: none; float:left;}
#nav li a, #nav li a:visited { display:block; text-decoration:none; margin:6px 10px 0 10px; padding:2px 10px; color:#F15A2A; font-size:11px; }
#nav li a:hover { background-color:#F15A2A; display:block; text-decoration:none; color:#fff; font-size:11px; }
#nav li .page { background-color:#87344a; display:block; text-decoration:none; color:#fff; }

#banner {}
#aboutus-banner { margin:0; padding:0; width:980px; height:475px; background:url(images/banner-aboutus.jpg); position:relative; }
#aboutus-banner .text h2 { font-size:14px; margin-bottom:10px;  text-transform:uppercase;   }
#aboutus-banner .text { margin:50px 0 0 0; padding:20px; width:300px; height: 240px; background-color:#F15A2A; filter:alpha(opacity=80);opacity:.8; color:#FFFFFF; font-size:12px; position: absolute; text-align:justify;  }

#eventsnews-banner { margin:0; padding:0; width:980px; height:475px; background:url(images/banner-eventsnews.jpg); }
#eventsnews-banner .text h2 { font-size:14px; margin-bottom:10px;  text-transform:uppercase;  }
#eventsnews-banner .text h3 { font-size:13px; margin-bottom:10px; text-align:left;  }
#eventsnews-banner .text { margin:50px 0 0 0; padding:20px; width:300px; height: 240px; background-color:#F15A2A; filter:alpha(opacity=80);opacity:.8; color:#FFFFFF; font-size:12px; float:left; text-align:justify;    }
#eventsnews-banner .text2 h2 { font-size:14px; margin-bottom:10px; color:#F15A2A;  text-transform:uppercase;  }
#eventsnews-banner .text2 { margin:50px 0 0 0; padding:20px; width:600px; height: 240px; background-color:#fff; filter:alpha(opacity=80);opacity:.8; color:#F15A2A; font-size:12px; float:left; text-align:justify;  }
#eventsnews-banner .text2 img{ float:right; margin: 0 0 10px 10px;  }

#product-banner { margin:0; padding:0; width:980px; height:475px; background:url(images/banner-product.jpg); }
#product-banner .text { margin:0; padding:20px; width:360px; height: 435px; background-color:#F15A2A; color:#FFFFFF; font-size:12px; float:left; text-align:justify;    }
#product-banner .text ul{ list-style:none; margin:0; padding:0 0 35px 0;}
#product-banner .text li{ float:left; margin: 0 4px 0 0; padding:0;}
#product-banner .text li a, #product-banner .text li a:visited { padding:5px; border:solid 1px #FFFFFF; text-decoration:none; }
#product-banner .text li a:hover { background:#fff; color:#F15A2A; padding:5px; border:solid 1px #FFFFFF; text-decoration:none; }
#product-banner .text h2 { font-size:14px; margin-bottom:20px; text-transform:uppercase; }

#contact-banner { margin:0; padding:0; width:980px; height:306px; background:url(images/banner-contactus.jpg); }
#contact-banner .text { margin:0; padding:20px 0 20px 20px; width:280px; height: 260px; color:#FFFFFF; font-size:12px; float:left; text-align:justify;    }
#contact-banner .text h2 { font-size:14px; margin-bottom:10px; text-transform:uppercase; }

#contact { margin:0; padding:0; width:980px; height:306px; background-color:#f05c2c; }
#contact .txt { color:#FFFFFF;}
#contact h2 { font-size:14px; margin-bottom:10px; text-transform:uppercase; }


#contact-banner .banner { float:left; width:680px;}


#collection-banner { margin:0; padding:0; width:980px; height:350px; background:url(images/banner-collection.jpg);  }
#collection-banner .text h2 { font-size:14px; margin-bottom:10px; text-transform:uppercase; }
#collection-banner .text { margin:0 0 0 50px; padding:20px; width:330px; height: 310px; background-color:#fff; filter:alpha(opacity=80);opacity:.8; color:#F15A2A; font-size:12px; float:left; text-align:justify;    }


#collection-wrap { background:#fff; margin: 6px 0 0 0; padding: 20px 0 3px 0;}

#collection-wrap .collection { padding:0 30px; color:#333; float:left;  font-size:11px; width:400px; color:#F15A2A; }
#collection-wrap .collection h2{ font-size:12px; margin-bottom:10px; text-transform:uppercase; color:#F15A2A;  }

#collection-wrap .collection-item { padding:0 20px 0 20px; color:#F15A2A; font-size:11px; float:left; width:360px; }
#collection-wrap .collection-item img{ margin:0; padding:0; }
#collection-wrap .collection-item a{  border: solid 1px #F15A2A; margin:0; padding:0; display:inline-block;  }
#collection-wrap .collection-item a:hover{  border: solid 1px #F15A2A; margin:0; padding:0;  opacity:0.7; filter:alpha(opacity=70);}

#collection-wrap .collection-nav { float:left; width:100px; margin: 0 0 0 20px;}
#collection-wrap .collection-nav  a, a:visited { color:#F15A2A; text-decoration:none; font-size:18px; }
#collection-wrap .collection-nav  a:hover { font-weight:bold; font-size:18px;}

#location-wrap { background:#f68b5f; margin: 6px 0 0 0; padding: 18px 0 15px 0;}
#location-wrap .location { padding:0 20px; color:#FFFFFF; }
#location-wrap .location ul { list-style:none; margin:10px 0 0 0; padding:0;}
#location-wrap .location li { float:left; margin: 0 0 0 0; font-size:12px; width:300px;}
#location-wrap a, a:visited{ color:#FFFFFF; text-decoration:none;}
#location-wrap a:hover { color:#FFFFFF; text-decoration:underline;}

#location-wrap .retailer { padding:0 20px; color:#FFFFFF; }
#location-wrap .retailer ul { list-style:none; margin:10px 0 0 0; padding:0;}
#location-wrap .retailer li { float:left; margin: 0 0 0 0; font-size:12px; width:330px;}

#social { margin: 6px 0 0 0; padding: 0 0 0 0; height:20px; background:#f3582a;  }
#social img{ margin: 0 0 0 10px; }

hr { border:0; border-bottom:solid 1px #FFFFFF; margin:0; padding:0;}
.shoppingcart { width:180px; margin: 0 0 0 600px; } 
.content { padding: 10px 20px 40px 20px; font-size:12px;}
.content h2{ color:#87344a; font-size:14px;}
.content .left { float:left; width:400px;}
.content .right {float:left; width:300px; margin: 0 0 0 20px;}
.content a { color:#333333;}


.product h2{ color:#87344a; font-size:18px;}
.product { margin:0; padding: 20px 20px 40px 20px; font-size:12px; width:720px;}
.product ul{ list-style:none; overflow:auto; margin: 30px 0 0 0 ; padding:0 0 0 20px;}
.product li{ float:left; width:200px; margin: 0 10px 10px 0; padding:8px; text-align:center; border:dashed 1px #999999;}
.product li img{ margin: 0 0 5px 0;}

.clear { clear: both; height: 0; width: 100%; }

#footer { margin:40px 0 0 0; color:#F15A2A; font-size:10px; }
#footer .left{ float:left; }
#footer .right{ float:right; }