body { 
	background: url('../img/cork-bg.png') top center;
	font: 13px/1.75em "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4 { 
	font-family: Georgia, Times, serif;
	color: #231f20;
	line-height: 1em;
	max-width: 950px;
}
h2 { font-size: 2em; }
a { cursor: pointer; }
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
#header { background-image: none; }
#topnav { background: url('../img/topnav-bg.png') no-repeat; }
#topnav li#tnfacebook { top: 10px; }
#topnav li#tntwitter { top: 50px; }
#topnav li#tnfacebook, #topnav li#tntwitter { right: -12px; }
#main { 
	width: 950px;
	background: url('../img/main-frame-bg.png') top left no-repeat;
}
#main.blackboard {
	background: #000 url('../img/blackboard.png') no-repeat;
	width: 940px;
	padding-right: 0;
	margin: 15px auto;
}
.left {
	width: 390px;
	padding: 0 30px;
}
.column {
	margin-right: 0;
	float: left;
}
.last { margin-right: 0; }

.column.span-2.last {
	background: url('../img/main-frame-bg.png') top right no-repeat;
	padding: 0;
	width: 490px;
	margin-left: -150px;
}
.blackboard .column.span-2.last { background-image: none; }
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
#breadcrumbs { 
	font-family: Georgia,Times,serif;
	font-size: 14px;
	font-style: italic;
	margin: 0;
}
#breadcrumbs li { display: inline; }
#breadcrumbs a { color: #000; }
#breadcrumbs a:hover { color: #000; }

.blackboard #breadcrumbs { 
	padding-left: 0;
	color: #666; 
}
.blackboard #breadcrumbs a { color: #ccc; }
.blackboard #breadcrumbs a:hover { color: #fff; }

/* Page specific */

#bsince h1 { font-size: 6em; }
#bsince h1 {
	width: 448px;
	height: 173px;
	background: url('../img/money-in-your-bank.png') no-repeat;
	margin: -39px 0 20px -20px;
	text-indent: -9999px;
}
#bsince #main {
	padding-right: 0;
}
#bsince #price-board-video { 
	margin: 20px 0 20px -50px;
	width: 425px;
}

#bsince #lowest-prices-video-pane {
	background: url('../img/lowest-prices-video-bg.png') no-repeat;
	padding: 368px 65px 20px 35px;
	margin-top: -60px;
}
#bsince #main ul {
	clear: both;
	font-family: Georgia, Times, serif;
	font-size: 1.5em;
	color: #000;
	list-style: none;
	padding: 20px 0 0 0;
	margin-bottom: 20px;
}
#bsince #main li {
	width: 220px;
	float:left;
	margin-right: 20px;
}
#pig, #win, #ad {
	background: url('../img/virtical-rule.png') center right no-repeat;
	padding-right: 20px;
}
#ad {
	background-position: 195px 15px;
}
#bsince #main li a {
	display: block;
	text-indent: -9999px;
}
#win { padding: 0 0 0 20px; }
#pig { padding: 0 50px 0 0; }
#bsince #main #stop { width: 120px; }
#win a {
	width: 191px;
	height: 192px;
	background: url('../img/win-gift-card.png') no-repeat;
}
#pig a {
	width: 248px;
	height: 189px;
	background: url('../img/pig.png') no-repeat;
}
#ad a {
	width: 175px;
	height: 268px;
	background: url('../img/mini-ad.png') no-repeat;
}
#stop a {
	width: 118px;
	height: 165px;
	background: url('../img/stop.png') no-repeat;
}
#main #ad { width: 180px; }
#bpricepig .panel {
	width: 400px;
	background: #fff;
	border: 1px solid #d66a2a;
	padding: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float: left;
	margin: 20px 80px 20px 50px;
}
body#bpricepig h1, body#bstopsign h1, #bpricepig .panel h2 {
	font-family: "Helvetica Neue",Helvetica, Arial, sans-serif;
}
body#bpricepig h1, body#bstopsign h1 { 
	color: #fff;
	margin: .5em 0;
}
#bpricepig .panel h2 {
	font-size: 22px;
	color: #d66a2a;
	margin-bottom: .5em;
}
#bstopsign { color:#fff;}
#bsurvey .left {
	font-size: 28px;
	line-height: 1.5em;
	color: #000;
	margin: 30px 30px 0 20px;
	min-height: 500px;
}
#bsurvey .column.span-2.last {
	width: 440px;
	padding-top: 50px;
	min-height: 550px;
}
#bsurvey #surveysheet {
	margin: -80px 0 0 -50px;
	background: url('../img/price-survey-instructions.png') center no-repeat;
	width: 400px;
	height: 667px;
	color: #fff;
	position: relative;
	text-indent: -9999px;
}
#bsurvey #surveysheet ol {
	list-style: none;
}
#bsurvey #surveysheet p {
	position: absolute;
	width: 210px;
	top: 200px;
	left: 55px;
	text-align: center;
	line-height: 1.25em;
}
#bstopsign .column.left {
	margin-right: 50px;
	padding: 0;
	width: 500px;
}
#bstopsign .column.span-2.last {
	width: 324px;
}
a.guidelines {
	color: #000;
	font-size: 12px;
}
a.guidelines:hover {
	color: #fff;
}