/* ----------------------------
reset
---------------------------- */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,  
li, dl, dt, dd, form, a, th, td  
{margin: 0; padding: 0; border: 0; outline: none;  }  
  
body  
{line-height: 1;  }  
  
h1, h2, h3, h4, h5, h6  
{font-size: 100%;  }  
  
ul, ol  
{list-style: none;  }  
  
a  
{color: #FFFFFF;  
text-decoration: none;  }  
  
a:hover  
{color: #66CCCC;  }

.clear {
	clear: both;
}



/* ----------------------------
style
---------------------------- */

body {
	background: url(../images/mainbg.jpg) repeat #313131;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

p {
	padding-bottom: 12px;
	line-height: 13px; 
}

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

#nav {
	width: 690px;
	margin: 0 auto;
	text-align: center;
}

#nav a {
	font-weight: bold;
}

#nav ul {
	margin-top: 15px;
}

#nav ul li a {
	float: left;
	width: 85px;
	background: #666666; /* old browsers */
background: -moz-linear-gradient(top, #666666 0%, #4F4F4F 79%, #3F3F3F 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(79%,#4F4F4F), color-stop(100%,#3F3F3F)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#3F3F3F',GradientType=0 ); /* ie */
	padding: 15px 10px;
	margin: 0 5px;
}

#nav ul li a:hover {
	background: #494949; /* old browsers */
background: -moz-linear-gradient(top, #494949 0%, #4F4F4F 79%, #3F3F3F 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(79%,#4F4F4F), color-stop(100%,#3F3F3F)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#3F3F3F',GradientType=0 ); /* ie */
}

#nav ul li .active{
	background: #494949; /* old browsers */
background: -moz-linear-gradient(top, #494949 0%, #4F4F4F 79%, #3F3F3F 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(79%,#4F4F4F), color-stop(100%,#3F3F3F)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#3F3F3F',GradientType=0 ); /* ie */
}

#logo {
	clear: both;
	width: 700px;
	background: #FFFFFF;
	border-bottom: 1px solid #E0E0E0;
}

#logo img {
	padding: 30px 20px 20px 20px;
}

#main {
	width: 700px;
	background: #FFFFFF;
	border-top: 1px solid #EFEFEF;
}

.content {
	padding: 20px;
}

.content .title {
	padding: 10px 0;
}

.content img {
	padding-bottom: 10px;
}

.content .imgright {
	float: right;
	padding: 0 0 10px 10px;
}

.content .imgleft {
	float: left;
	padding: 0 10px 10px 0;
	margin: 0;
}

.content h1 {
	font-size: 14px;
	margin: 5px 0;
}

.content a {
	color: #666666;
	text-decoration: underline;
}

.content a:hover {
	color: #66CCCC;
}

.leftcol {
	float: left;
	width: 350px;
}

#slideshow {
	float: right;
	width: 260px;
	margin: 30px 20px 0 0;
}

.leftlist {
	float: left;
	width: 315px;
	font-size: 14px;
	font-weight: bold;
}

.rightlist {
	float: right;
	width: 315px;
	font-size: 14px;
	font-weight: bold;
}

.leftlist ul {
	padding-bottom: 15px;
}

.rightlist ul {
	padding-bottom: 15px;
}

.brands li {
	font-size: 11px;
	font-weight: normal;
	margin: 3px 0;
	padding: 3px 10px;
}

.brands li:hover {
	background: #EEEEEE;
}

#footer {
	clear: both;
	background: #666666;
	color: #999999;
	padding: 20px;
	line-height: 15px;
	height: 30px;
	margin-bottom: 15px;
}

#footer a {
	color: #cccccc;
}

#contact {
	float: left;
	width: 500px;
}

#social {
	float: right;
	width: 100px;
}

#social a {
	display: block;
	background: #333333;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	margin: -8px 0 13px 0;
}

#social a:hover {
	color: #66CCCC;
}

/* MAILCHIMP INTEGRATION STYLES */

#mc-leftcol {
	padding-left: 30px;
	width: 420px;
	float: left;
	margin-bottom: 50px;
}

#mc-rightcol {
	width: 150px;
	float: left;
	margin-left: 20px;
}

#mc-rightcol h3 {
	font-size: 12px;
	margin: 0 0 10px 0;
}

.mc-clear {
	clear: both;
}

#subscribe-form th {
	font-weight: lighter;
	text-align: left;
	width: 100px;
}

.display_archive {
	font-size: 10px;
}

.campaign {
	line-height: 125%; 
	margin: 5px;
}

#validationErrors {
	color: red;
	margin: 0 0 10px 0;
	line-height: 18px;
}