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

@import url("reset.css");

body {
	background-color:#c20000;
}

.noRightPad {
	padding-right:0 !important;
}

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

#header {
	float:left;
	display:inline;
	width:790px;
	height:132px;
	background-image:url(../images/header-bg.gif);
	background-position:center 35px;
	background-repeat:repeat-x;
	overflow:hidden;
}

#logo {
	float:left;
	display:inline;
	margin-left:257px;
	width:275px;
	height:135px;
}

#navigation {
	float:left;
	display:inline;
	width:790px;
	text-align:center;	
}

#navigation a {
	color:#FFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	letter-spacing:2px;
	text-decoration:none;
	padding-right:50px;
}

#main-content {
	float:left;
	display:inline;
	width:790px;
	height:376px;
	margin-top:26px;
	background-image:url(../images/main-bg.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	position:relative;
}

#footer {
	float:left;
	display:inline;
	width:790px;
	margin-top:18px;
}

#footer img {
	float:left;
	display:inline;
	margin-right:8px;
}

#footer p, #footer a{
	float:left;
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	text-decoration:none;
	padding-right:8px;
}

#footer .right a{
	width:80px;
	padding-right:0px;
}

.right {
	float:right;
	display:inline;
}

#text-content {
	float:left;
	display:inline;
	width:310px;
	padding:30px 20px;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#010101;
	text-transform:uppercase;
	line-height:23px;
	margin-bottom:18px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#c20000;
	text-transform:uppercase;
	line-height:23px;
	margin-bottom:14px;
	width:85%;
	float:left;
	display:inline;
}

h3 {
	width:100%;
	float:left;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#6c6c6c;
	font-weight:bold;
	line-height:23px;
	margin-bottom:6px;
	clear:both;
}

.firefly p, .bulldog p, .stewed p, .moma p, .teapigs p, .peppersmith p, .dr-hue p, .vita-coco p {
	width:100%;
	float:left;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#6c6c6c;
	margin-bottom:10px;
}

.firefly p a, .bulldog p a, .stewed p a, .moma p a, .teapigs p a, .peppersmith p a, .dr-hue p a, .vita-coco p a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#010101;
	text-decoration:underline;
	font-weight:bold;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#010101;
	line-height:18px;
	margin-bottom:18px;
}

#teapigs, #stewed, #moma, #firefly, #bulldog, #peppersmith, #dr-hue, #vita-coco {
	position:relative;
	float:right;
	display:inline;
	cursor:pointer;
}
#teapigs{
	margin-top:0px;
	margin-right:10px;
}

#stewed{
	margin-top:20px;
	margin-right:40px;
}

#firefly {
	margin-top:0px;
	margin-right:135px;
}

#bulldog{
	margin-right:50px;
	margin-top:20px;
}

#moma {
	margin-right:35px;
	margin-top:0px;
}

#peppersmith {
	margin-right:-70px;
	margin-top: -45px;
}

#dr-hue {
	margin-right:10px;
	margin-top: -15px;
}

#vita-coco {
	margin-right:0px;
	margin-top: 25px;
}

.firefly {
	position:absolute;
	top:0;
	left:0;
	padding:28px 55px 0 12px;
	width:315px;
	height:270px;
	background-image:url(../images/bg/firefly.gif);
	background-repeat:no-repeat;
	display:none;
}

.teapigs {
	position:absolute;
	top:0;
	left:0;
	padding:28px 55px 0 12px;
	width:340px;
	height:240px;
	background-image:url(../images/bg/teapigs.gif);
	background-repeat:no-repeat;
	display:none;
}

.bulldog {
	position:absolute;
	top:0;
	left:0;
	padding:28px 37px 0 12px;
	width:440px;
	height:275px;
	background-image:url(../images/bg/bulldog.gif);
	background-repeat:no-repeat;
	display:none;
}

.stewed {
	position:absolute;
	top:0;
	left:0;
	padding:28px 37px 0 12px;
	width:524px;
	height:230px;
	background-image:url(../images/bg/stewed.gif);
	background-repeat:no-repeat;
	display:none;
}

.moma {
	position:absolute;
	top:0;
	left:0;
	padding:28px 37px 0 12px;
	width:305px;
	height:300px;
	background-image:url(../images/bg/moma.gif);
	background-repeat:no-repeat;
	display:none;
}

.peppersmith {
	position:absolute;
	top:0;
	left:0;
	padding:28px 37px 0 12px;
	width:305px;
	height:260px;
	background-image: url(../images/bg/peppersmith.gif);
	background-repeat:no-repeat;
	display:none;
}

.dr-hue {
	position:absolute;
	top:0;
	left:0;
	padding:28px 37px 0 12px;
	width:575px;
	height:260px;
	background-image: url(../images/bg/dr-hue.gif);
	background-repeat:no-repeat;
	display:none;
}

.vita-coco {
	position:absolute;
	top:0;
	left:0;
	padding:28px 37px 0 12px;
	width:440px;
	height:295px;
	background-image: url(../images/bg/vita-coco.gif);
	background-repeat:no-repeat;
	display:none;
}

.close-btn {
	float:right;
	display:inline;
	cursor:pointer;
	width:41px;
	height:9px;
}