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

body{
	margin:0;
	padding:0;
	background:url(../images/main-bg.jpg) 0 0 repeat-x #f7f7f7;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
}
a{
	outline:none;
	text-decoration:none;
}



#container{
	width:100%;
	margin:0 auto;
	background:url(../images/bg-banner.jpg) 50% 80px no-repeat;
}
#container_small{
	width:100%;
	margin:0 auto;
	background:url(../images/bg-banner-small.jpg) 50% 80px no-repeat;
}
#top{
	width:924px;
	height:80px;
	margin:0 auto;
	padding:0 60px 0 0;
	color:#FFF;
}
h1{
	margin:0;
	padding:0;
}
h1 a{
	display:block;
	position:absolute;
	width:168px;
	height:34px;
	margin:18px 0 0 62px;
	background:url(../images/cj-werleman-logo.png) 0 0 no-repeat;
	text-indent:-20000px;
	z-index:1000;
}
#top span{
	float:right;
	height:10px;
	line-height:10px;
	margin:14px 0 0 27px;
}
.main_nav{
	float:right;
	color:#FFF;
	margin:8px 0 0 0;
	text-transform:uppercase;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:12px;
	clear:both;
}
.main_nav ul{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.main_nav ul li{
	float:left;
	margin:0;
	padding:0;
}
.main_nav ul li a{
	padding:6px 12px;
	display:block;
	color:#f1eea0;
}
.main_nav ul li.last a{
	padding:6px 0 6px 14px;
}
.main_nav ul li a:hover, .main_nav ul li.active a{
	color:#FFF;
}
#banner{
	width:852px;
	padding:0 66px;
	height:240px;
	margin:0 auto;
	background:url(../images/bg-banner.jpg) 50% 0 no-repeat;
}
#banner_small{
	width:852px;
	padding:0 66px;
	height:80px;
	margin:0 auto;
	background:url(../images/bg-banner.jpg) 50% 0 no-repeat;
}
#desc{
	width:510px;
	margin:60px 0 0 0;
	float:right;
	color:#dff6ff;
	font-size:18px;
	line-height:28px;
}
#desc img{
	margin:0 0 6px 0;
}
#desc span{
	font-size:14px;
	color:#fff158;
	text-transform:uppercase;
}
#desc .read_more a{
	width:180px;
	height:33px;
	display:block;
	text-indent:-20000px;
	background: url(../images/read_more_btn.png) 0 0 no-repeat;
	float:right;
}
#desc .read_more a:hover{
	background: url(../images/read_more_btn.png) 0 -33px no-repeat;
}
#cj{
	width:400px;
	height:326px;
	position:absolute;
	margin:-37px 0 0 0;
}
#ribbon{
	width:830px;
	height:70px;
	padding:18px 77px;
	margin:0 auto;
	background:url(../images/ribbon.png) 0 0 no-repeat;
	color:#FFF;
	font-style:italic;
}
#ribbon span{
	color:#2f4e78;
	font-size:12px;
	margin:0 0 0 10px;
	font-style:normal;
}
#ribbon img{
	float:left;
	margin:0 16px 0 0;
}
#main_content{
	width:856px;
	margin:0 auto;
	padding:10px 62px 20px 62px;
	font-size:11px;
	color:#545454;
}
#center_content{
	width:862px;
}
#left_content{
	width:564px;
	float:left;
	line-height:18px;
	text-align:justify;
}
#left_content h2, #center_content h2{
	font-size:24px;
	font-weight:normal;
	color:#000;
	margin:10px 0 18px 0;
}
#left_content h3, #center_content h3{
	font-size:20px;
	font-weight:normal;
	color:#181818;
	margin:10px 0 10px 0;
}
#left_content p, #center_content p{
	margin:10px 0 20px 0;
}
#left_content a, #center_content a{
	color:#000;
}
#left_content a:hover, #center_content a:hover{
	color:#999;
}
#right_content{
	width:272px;
	float:right;
}
#right_content a{
	color:#931313;
}
#right_content a:hover{
	color:#999;
}
#right_content h3{
	font-size:20px;
	font-weight:normal;
	color:#000;
	margin:10px 0 18px 0;
	text-transform:uppercase;
}
#about{
	width:244px;
	height:95px;
	padding:14px;
	background:url(../images/bg-about-intro.png) 0 0 no-repeat;
	line-height:16px;
	margin:0 0 20px 0;
}
#about img{
	float:left;
	margin:0 10px 0 0;
	border:1px solid #FFF;
}
#about .more{
	padding:0 0 0 16px;
	background:url(../images/arrow.gif) 0 50% no-repeat;
}
#bottom{
	background:#FFF;
	width:100%;
	border:1px dashed #d7d7d7;
	border-width:1px 0;
}
#bottom_content{
	width:864px;
	margin:0 auto;
	padding:30px 60px;
	font-size:11px;
	color:#727272;
	background:#FFF;
}
#bottom_content h3{
	font-size:20px;
	font-weight:normal;
	color:#000;
	margin:0 0 10px 0;
	text-transform:uppercase;
}
#bottom_content .featured_book{
	width:286px;
	float:left;
}
#bottom_content .featured_book img{
	float:left;
	margin:0 7px 0 0;
}
#bottom_content .featured_book .title{
	letter-spacing:-1px;
}
#bottom_content .featured_book .more, .haccordion .more{
	padding:0 0 0 16px;
	margin:0 14px 0 0;
	background:url(../images/arrow.gif) 0 50% no-repeat;
}
#bottom_content .featured_book .cart, .haccordion .cart{
	padding:0 0 0 16px;
	margin:0 14px 0 0;
	background: url(../images/chart-icon.gif) 0 50% no-repeat;
}
#bottom_content .featured_book p{
	margin:0 0 10px 0;
}
#bottom_content .featured_book a{
	color:#000;
}
#bottom_content .featured_book a:hover{
	color:#999;
}
#bottom_content .newsletter{
	width:272px;
	float:right;
}
#bottom_content .newsletter form{
	margin:0;
	padding:0;
}
#bottom_content .newsletter form input.text{
	width:268px;
	padding:4px 2px;
	border:1px solid #dcdcdc;
	background:#fafafa;
	color:#838383;
	font-size:11px;
	margin:10px 0 8px 0;
}
#bottom_content .newsletter form input.button{
	margin: 0; 
	font: bold 12px Arial, Sans-serif; 
	border: 1px solid #867e54; 
	padding: 2px 4px; 
	background: url(../images/bg-submit-btn.jpg) 0 0 repeat-x #cc0b0b;
	color: #FFF;
}
#bottom_content .social_media{
	width:272px;
	margin:0 auto;
}
#footer{
	background:#095472;
}
#footer_content{
	width:864px;
	padding:24px 60px;
	margin:0 auto;
	background:#095472;
	font-size:12px;
	color:#98bdcc;
}
#footer_content ul{
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	text-transform:uppercase;
	display:block;
	clear:both;
	float:left;
}
#footer_content ul li{
	float:left;
}
#footer_content ul li a{
	color:#98bdcc;
	margin:0 26px 0 0;
}
#footer_content ul li a:hover{
	color:#FFF;
}
ul.content-list {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
ul.content-list li {
	background:url(../images/arrow2.gif) 0px 6px no-repeat ;
	padding:0px 0px 12px 17px;
	line-height:18px;
}








/* -------------- form elements ------------- */
#left_content form, #left_content .box{
	border: 1px dashed #d7d7d7;
	padding: 15px;
	font: normal 12px Arial; 
}
#left_content label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
#left_content input {
	padding:2px;
	border:1px solid #e0e0e0;
	background:#FFF;
	color:#000;
}
#left_content textarea {
	width:400px;
	padding:2px;
	border:1px solid #e0e0e0;
	background:#FFF;
	height:100px;
	display:block;
	color:#000;
}
#left_content select{
	background:#FFF;
	border:1px solid #e0e0e0;
}
#mainconten file{
	border:1px solid #e0e0e0;
	background:#FFF;
}
#left_content input.button { 
	margin: 0; 
	font: bold 12px Arial, Sans-serif; 
	border: 1px solid #867e54; 
	padding: 2px 4px; 
	background: url(../images/bg-submit-btn.jpg) 0 0 repeat-x #cc0b0b;
	color: #FFF;
}
.errors{
	color:#a41d1d;
	margin:0 0 20px 0;
	font-size:14px;
	border: 1px dashed #a29d88;
	padding: 15px;
}





.slideshow{
	height:130px;
width:286px;
}
.twitter-updates{
	width:564px;
	height:128px;
	background:url(../images/bg-latest-tweet.jpg) 0 0 no-repeat;
	list-style:none;
	margin:0;
	padding:0;
}
.twitter-updates li{
	padding:28px 20px 0 122px;
	clear:both;
}
.twitter-updates span.update{
	font-size:18px;
	text-shadow: 0.1em 0.1em 0.05em #46adc9;
	color:#FFF;
	margin:0 0 6px 0;
	display:block;
}
.twitter-updates span.date{
	font-size:11px;
	color:#0d68a1;
	display:block;
}
.download_pdf{
	background: url(../images/arrow3.jpg) 14px 50% no-repeat #f2f2f2;
	border:1px solid #e6e6e6;
	padding:16px 16px 16px 70px;
	margin:0 0 20px 0;
}
.download_pdf span{
	font-size:24px;
}
.download{
	background:#f2f2f2;
	border:1px solid #e6e6e6;
	padding:16px;
	margin:0 0 20px 0;
	font-size:16px;
	line-height:normal;
}
.download img{
	float:left;
	margin:0 10px 5px 0;
}
.download span{
	font-size:24px;
	line-height:30px;
}
.imgleft{
	padding:6px;
	background:#FFF;
	border:1px solid #F0F0F0;
	float:left;
	margin:0 10px 6px 0;
}
.imgright{
	padding:6px;
	background:#FFF;
	border:1px solid #F0F0F0;
	float:right;
	margin:0 0 6px 10px;
}
.imgcenter{
	padding:6px;
	background:#FFF;
	border:1px solid #F0F0F0;
}
.align_left{
	float:left;
}
.align_right{
	float:right;
}
.clear{
	clear:both;
	margin:0;
	padding:0;
	line-height:0px;
}