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

/* fonts! */
@font-face {
    font-family: 'akzidenz-grotesk_bqlight';
    src: url('fonts/akzidenz-grotesk_bqlight-webfont.eot');
    src: url('fonts/akzidenz-grotesk_bqlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/akzidenz-grotesk_bqlight-webfont.woff') format('woff'),
         url('fonts/akzidenz-grotesk_bqlight-webfont.ttf') format('truetype'),
         url('fonts/akzidenz-grotesk_bqlight-webfont.svg#akzidenz-grotesk_bqlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
		font-family: 'AkzidenzGroteskBQ-Reg';
		src: url('fonts/AkzidenzGroteskBQ-Reg.eot');
		src: url('fonts/AkzidenzGroteskBQ-Reg.eot?#iefix') format('embedded-opentype'),
				 url('fonts/AkzidenzGroteskBQ-Reg.woff') format('woff'),
				 url('fonts/AkzidenzGroteskBQ-Reg.ttf') format('truetype'),
				 url('fonts/AkzidenzGroteskBQ-Reg.svg#AkzidenzGroteskBQ-Reg') format('svg');
		font-weight: normal;
		font-style: normal;
}
@font-face {
		font-family: 'AkzidenzGroteskBQ-LigCnd';
		src: url('fonts/AkzidenzGroteskBQ-LigCnd.eot');
		src: url('fonts/AkzidenzGroteskBQ-LigCnd.eot?#iefix') format('embedded-opentype'),
				 url('fonts/AkzidenzGroteskBQ-LigCnd.woff') format('woff'),
				 url('fonts/AkzidenzGroteskBQ-LigCnd.ttf') format('truetype'),
				 url('fonts/AkzidenzGroteskBQ-LigCnd.svg#AkzidenzGroteskBQ-LigCnd') format('svg');
		font-weight: normal;
		font-style: normal;
}


body {
	margin:0 auto;
	padding:0px;
	background:#363636 url('images/bgGradient.png') repeat-x right top;
	font-family:Arial, Helvetica, sans-serif;
}

#wrapper {
	margin:0 auto;
	background:url('images/bgLineWork.png') no-repeat 0 0;
	padding:0px;
	width:1200px;
	min-height:827px;
}

#content {
	margin:0 auto;
	width:887px;
	padding-top:130px;
}

h1{
	font-family:AkzidenzGroteskBQ-Reg;
	color:#f2c804;
	font-size:36px;
	margin: 0 auto;
	padding-bottom: 10px;
	padding-left:295px;
}

.yellowBox {
	float:left;
	background:url('images/yellowBox.png') no-repeat 0 0;
	width:887px;
	height:205px;
	padding-bottom:27px;
}

.bookCover {
	margin-top:-94px;
	padding: 15px 36px 0 32px;
	position:absolute;
	z-index:9999;
}

.yellowBox p{
	float:left;
	color:#000;
	font: bold 21px/25px Arial, Helvetica, sans-serif;
	width:385px;
	float:left;
	padding-top:5px;
	padding-left:318px;
}

.available{
	text-align:center;
	padding: 25px 0 17px 14px; 
}

.btn{
	padding-bottom:10px;
}

.contentBox {
	float:left;
	width:887px;
	background-color: #ffffff;
	-moz-border-radius: 10px 0px 0px;
	-webkit-border-radius: 10px 0px 0px 0px;/*This is the correct shorthand for webkit*/
	border-radius: 10px 0px 0px;
	background:url('images/bgContent.png') repeat-y 0 0;
	margin-bottom:10px;
}

.leftCol{
	float:left;
	width:268px;
	padding-top:37px;
	padding-left:32px;
}

.rightCol{
	float:inherit;
	padding-top:37px;
	padding-left:31px;
}

.clear {
	clear:both;
}

.contentBox p {
	width:503px;
	color:#000;
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height:22px;
}

h2 {
	color:#000;
	font: bold 18px Arial, Helvetica, sans-serif;
	line-height:22px;
	padding-top:20px;
}

h2 span {
	color:#000;
	font: bold 30px Arial, Helvetica, sans-serif;
}

.contentBottom{
	float:left;
	background:url('images/contentBottom.png') no-repeat 0 0;
	width:887px;
	height:63px;
}

#footer {
	margin:0 auto;
	width:887px;
	height:58px;
}

.footLeft{
	background:url('images/huleAssocLogo.png') no-repeat 20px 5px;
	float:left;
	width:323px;
	height:58px;
}

.footLeft a{
	padding-left:5px;
	display: block;
	height:26px;
	width:149px;
	border:0 none;
}

.footRight {
	float:left;

	width:503px;
	margin-top:12px;
	text-align:right;
	color:#b7b7b7;
	font: normal 12px Arial, Helvetica, sans-serif;
}