html, body {
	margin: 0;
	height: 100%;
	background: url(../images/body-bg.jpg) repeat-x;
}

h1, h2, h3, h4, h5, h6, h7, blockquote {
	margin: 0;
}

p, li {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #333333;
}

/* main menu */

#mainmenu {
	width: 374px;
	height: 55px;
	margin: 0 auto;
}

#nav {
	margin: 0;
	padding: 0; 
	list-style: none;
}

#nav li {
	display: inline;
}

#nav a {
	float: left;
	padding-top: 21px;
	height: 0px !important;
	height /**/:21px;
	overflow: hidden;
}

#nav a#home {
	width: 60px;
	background: url(../images/main-nav.gif) 0 0 no-repeat;
}
#nav a#home:hover,
#nav a.here#home {
	background: url(../images/main-nav.gif) 0 -21px no-repeat;
}

#nav a#features {
	width: 77px;
	background: url(../images/main-nav.gif) -60px 0 no-repeat;
}
#nav a#features:hover,
#nav a.here#features {
	background: url(../images/main-nav.gif) -60px -21px no-repeat;
}

#nav a#works {
	width: 105px;
	background: url(../images/main-nav.gif) -137px 0 no-repeat;
}
#nav a#works:hover,
#nav a.here#works {
	background: url(../images/main-nav.gif) -137px -21px no-repeat;
}

#nav a#support {
	width: 75px;
	background: url(../images/main-nav.gif) -242px 0 no-repeat;
}
#nav a#support:hover,
#nav a.here#support {
	background: url(../images/main-nav.gif) -242px -21px no-repeat;
}

#nav a#news {
	width: 57px;
	background: url(../images/main-nav.gif) -317px 0 no-repeat;
}
#nav a#news:hover,
#nav a.here#news {
	background: url(../images/main-nav.gif) -317px -21px no-repeat;
}

#container {
	margin: 0 auto;
	width: 938px;
	\width: 1034px;
	w\idth: 938px;
	padding: 0 48px;
	background: url(../images/content-bg.gif) no-repeat;
}

#container-wide {
	margin: 0 auto;
	width: 938px;
	\width: 1034px;
	w\idth: 938px;
	padding: 0 48px;
	background: url(../images/content-bg-wide.gif) no-repeat;
}

#content {
	height: 100%;
}

h2 {
	font: bold 20px/25px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	border-bottom: 5px solid #CCCCCC;
	margin-top: 15px;
}

h6 {
	font: bold 13px/25px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	margin-bottom: 10px;
}

#right {
	width: 388px;
	height: 100%;
	float: right;
	/*background-color: #cadcde;*/
}

#right-panel {
	width: 356px;
	margin: 0 auto;
	margin-top: 35px;
}

#right-panel h4 {
	font: bold 20px/25px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	margin-top: 35px;
}

#right-panel dl {
	margin: 10px 0;
}

#right-panel dt {
	color: #95b9bd;
	font: bold 17px/17px Arial, Helvetica, sans-serif;
}

#right-panel dd {
	color: #0000ff;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0 0 20px 0;
}

#subnav ul {
	margin: 20px 16px 0 0;
	padding: 0;
	list-style-type: none;
}

#subnav li {
	margin-bottom: 7px;
}

#subnav a {
	display: block;
	font: 13px/23px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/subnav-bg.gif) 0 -410px no-repeat;
	padding-left: 28px;
}

#subnav a:hover {
	color: #FFFFFF;
	background: url(../images/subnav-bg.gif) -17px -200px;
}

#subnav a.current {
	color: #333333;
	background: url(../images/subnav-bg.gif) -17px 0;
}	

#left {
	width: 530px;
	height: 100%;
	float: right;
	padding-top: 15px;
	margin-right: 20px;
}

.standout {
	font: bold 20px/110% Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}

.branding {
	width: 387px;
	padding-top: 332px;
	height: 0px !important;
	height /**/:332px;
	overflow: hidden;
	background: url(../images/logo-honeypitch.gif);	
}

.pipeline {
	background: url(../images/pipeline.jpg) 0 0 no-repeat;
	padding: 0 0 10px 92px;
	margin-left: 0;
}

h3 {
	font: italic 20px/30px Georgia, "Times New Roman", Times, serif, "Trebuchet MS";
	color: #95b9bd;
	border-bottom: 1px solid #CCCCCC;
}

#left ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#left li {
	margin-left: 92px;
	padding-left: 9px;
	background: url(../images/bullet.gif) 0 8px no-repeat;
}

.padded {
	margin-left: 92px;
}

#footer-split {
	margin-top: 25px;
	clear: both;
}

.try-box {
	width: 530px;
	padding: 9px 0;
	border-top: 1px solid #CCCCCC;
}

.try {
	font: italic 20px/30px Georgia, "Times New Roman", Times, serif, "Trebuchet MS";
	border-bottom: none;
	float: left;
}

.signup {
	float: right;
	width: 175px;
	padding-top: 29px;
	height: 0px !important;
	height /**/:29px;
	overflow: hidden;
	background: url(../images/button-freesignup.gif);	
}

#copyright {
	background: url(../images/footer-bg.gif) -3px 0 no-repeat;
	height: 123px;
	clear: both;
}
#container-wide #copyright {
	background: url(../images/footer-bg-wide.gif) -3px 0 no-repeat;
	height: 123px;
	clear: both;
}

h5 {
	background: url(../images/logo-THUNK.gif) 0 0 no-repeat;
	padding-top: 35px;
	height: 0px !important;
	height /**/:35px;
	overflow: hidden;
	clear: left;
	margin: 0;
}


.subscriber {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666; font-size: 9px; 
	font-size: 12px;
}


.rightblip {
	font-family: Arial, Helvetica, sans-serif;
	color: #339999; font-size: 9px; 
}


#footer-split p {
	margin: 0;
	font: 10px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}


form#login {
	padding:6px;
	position:relative;
	border:1px solid grey;
}

div#username,
div#password {
	position:relative;
	float:left;
	margin-right:3px;
}

input#username-field,
input#password-field {
	width:10em;
}

label.overlabel {
	color:#999;
}
label.overlabel-apply {
	position:absolute;
	top:3px;
	left:5px;
	z-index:1;
	color:#999;
}

#col-wrapper {
	clear: both;
	width: 530px;
}

#col-wrapper #col-left {
	float: left;
	width: 228px;
}

#col-wrapper #col-right {
	float: right;
	width: 284px;
}

#col-wrapper ul {
	margin: 0;
	padding: 0;
}

#col-wrapper ul li {
	margin-left: 0;
	padding-left: 9px;
	background: url(../images/bullet.gif) 0 8px no-repeat;
}

#free-box {
	background-color: #d5e3e5;
	border: 2px solid #FFFFFF;
	padding: 10px;
	text-align: center;
}

#free-box h3 {
	color: #626262;
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	border-bottom: none;
	margin: 0 auto;
}

#free-box p {
	margin: 0;
	font-size: 10px;
}

#free-box .butt-wrapper {
	width: 187px;
	margin: 0 auto;
}

#free-box a.seatsignup {
	display: block;
	height: 49px;
	text-indent: -9999px;
	background: url(../images/button-seatsignup.gif) 50% 0 no-repeat;
}