a,b,body,div,h1,h2,h3,h4,h5,h6,hr,html,i,img,li,ol,p,span,table,tbody,td,tfoot,th,thead,tr,u,ul{border: 0;margin: 0;padding: 0;}
html,body{ height:100%;}
body{
    width:100%;
    color:#222;
    font-family:"Avenir Medium", "Helvetica Neue", "Helvetica", Arial, Sans-Serif;
    font-size:17px;
    -webkit-font-smoothing: antialiased;
}
.body_nothome{background-color: #fcf1eb;}
p, li, figcaption {
	line-height:21px;margin-top:0;margin-bottom:21px;font-size: 16px;letter-spacing: .13px;
}
figure {
  margin: 1em 0;
}
figure img {
  max-width: 100%;
}
ul{margin-left: 50px;}
h1, h2, h3, h4{
	margin-bottom:21px;
	line-height:120%;
	font-weight:400;
}

strong{font-family:'Avenir Next W02';}

strong em{font-family:'Avenir Next W04';}
em strong{font-family:'Avenir Next W04';}

h1{font-size:24px;font-family:'Simplo W00';}
h2{font-size:21px;font-family:'Simplo W00';}
h3{font-size:20px;font-family: "Avenir Next W01"}
h4{font-size:19px;font-family: "Avenir Next W01"}


a{color:#a5322a;text-decoration:none;}
a:hover{text-decoration:none;}


/* BIZANGO PAGE LAYOUT STRUCTURE */

#page_body{
	position: relative;
	padding-top: 35px;
}
#body_home #page_body{
	padding-top: 0;
}

#hero_frame{
	position:relative;width:100%; height:244px;
	background: url(/images/sites/rpa/hero.jpg)center center no-repeat #f3907a;

}
#body_home #hero_frame{
	background: url(/images/sites/rpa/heroHome.jpg)center center no-repeat #f3907a;
	height:403px;
}


.page_frame{
    margin:0px auto;position:relative;width:1100px;
}
#body_home .page_frame{width: 1050px;}
#body_blog .page_frame{width: 800px;}
.page_full{
	width: 90%;padding: 0 5%;
}

/* 2-column layouts only */
.page_sidebar{
	position: relative;
	width:285px;
}

.page_content{
	position: relative;
	width:650px;
}
.page_sidebar img{max-width:100%;}
.page_content img{max-width:100%;}

/* 3-column layouts only */
.page_tricol_left_double{
	/* width of first 2 columns */
	width:800px;
	margin-right:0px;
}
.page_tricol_right{
	 width:220px;

}
.page_tricol_left{
	 width:220px;
	text-align:right;
}
.page_tricol_content{
	width:500px;
}
.page_third{
	width: 296px;
	margin-left: 54px;
}

.page_tricol_right img{max-width:100%;}
.page_tricol_left img{max-width:100%;}
.page_tricol_content img{max-width:100%;}


/* NAV */
#nav_frame{
	position: absolute;
	bottom: 0;
	width:100%; 
	background: url(/images/sites/rpa/navBG.png);
}
#nav{
    position:relative;
    text-align: center;
    height: 45px;
}
ul.nav{
	z-index:100;
	margin:0px;padding:0px;
	list-style:none;
	display: inline-block;
	}
#body_home ul.nav{
	float: right;
	padding-right: 197px;
}	
ul.nav li{
	float:left;
	margin-top:0px;
	margin-bottom:0px;
	}
ul.nav > li{
	padding:0;
	}
#nav a{
	display: block;
	float: left;
	height: 45px;
	line-height: 45px;
	padding: 0px 15px;
	text-decoration: none;
	font-size: 21px;
	text-transform: uppercase;
	font-family:'Simplo W00';
	color: #fccb8d;
}
.body_nothome #nav a{padding: 0px 27.5px;font-size: 17px;}
#nav a:hover, #nav a.current{
    color:white;
}
#mobile_nav{display: none;}

#footer{
    position: relative;
    padding-top: 66px;
    padding-bottom:100px;
    background-color: #2b3031;
    background-image:url(/images/sites/rpa/whiteDown.png);
    background-position: top center;
    background-repeat: no-repeat;
    color:white;
}

.body_nothome #footer{  background-image:url(/images/sites/rpa/creamDown.png);}
#body_home .red h1{font-size: 23px;}
.footcover{max-width: 146px; margin-right: 50px;margin-left: 25px;}
.free h1{
	text-align: center;
	font-size: 38px;
	color: #a5322a;   
	padding: 32px 0 17px;
    margin-top: 60px;
}
#footer p{padding-right: 49px;}
#bizango{
    width:180px;height:12px;padding-bottom:20px;font-size:10px;color:#ddd;display:block;margin:40px auto 25px;
    background-image:url("/images/bizango-white.png");background-repeat:no-repeat;background-position:center bottom;
}
.redButton{
	background-color: #a5322a;
	font-size: 20px;
    font-family: 'Simplo W00';
    color: white;
    padding: 6px 13px;
    letter-spacing: 1px;
}
.redButton.big{
	font-size: 22px!important;
    padding: 11px 25px!important;
}
.blackButton{
	background-color: #2c261d;
	font-size: 20px;
    font-family: 'Simplo W00';
    color: white;
    padding: 6px 13px;
    letter-spacing: 1px;
    text-align: center;
}
.blackButton a{color: white;}

#body_books .blackButton {padding: 10px 13px;font-size: 16px;}
#body_books .redButton {padding: 10px 13px;font-size: 16px;}

/*HOME*/
#body_home .page_sidebar{
	width: 242px;
	padding: 50px; 
	color: white;
	background-size: cover;
	background-position: center;
}
#body_home .page_content:first-of-type{
	padding-top: 18px;
}
#body_home .page_content:first-of-type p{
	max-width: 542px; 
}
#body_home .page_sidebar h1 {font-family:'Avenir Next W02';font-size: 36px;}
#body_home .page_sidebar p {margin-bottom: 0;}
#body_home .page_sidebar h2{
	font-size: 30px;
}
.topcover{
    max-width: 175px;
    position: absolute;
    top: 160px;
    z-index: 1;
    right: 0;
}

#left_curtain{
	position: absolute;
	left:0;
	top:0;
	width: 124px;
	height: 404px;
	background:url(/images/sites/rpa/leftCurtain.png)no-repeat center center;
}

#right_curtain{
	position: absolute;
	right:0;
	top: 0;
	width: 256px;
	height: 404px;
	background:url(/images/sites/rpa/rightCurtain.png)no-repeat center center;
}

.body_nothome #left_curtain,.body_nothome #right_curtain{height: 244px;}

/* REQUIRED FOR CMS */
.help{
    padding:10px;background-color:#444;color:#eee;border:1px dotted #999;
}
.help p a{
    color:#ddd;text-decoration:underline;
}




.signup_banner{
    height: 0;
    background-color: #a5322a;
    color: white;
    transition: all .6s ease-in-out;

    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.signup_banner.open{
	height: 43px;
}
.signup_banner .button{
    display: inline-block;
    background: white;
    padding: 1px 16px;
    margin-left: 20px;
    font-weight: bold;
}
.signup_banner .close{
    position: absolute;
    right: 10px;
    top: 10px;
    height: 25px;
    width: 25px;
    cursor: pointer;
    background: url(/images/sites/rpa/closeform.png) center center no-repeat;
}
.signup_banner p{
	margin-bottom: 0;    padding: 10px 0 12px;
}
/*bookshelf pages */

.bookshelfrow {
    background-image: url('/images/bookshelf.png');
    background-repeat: no-repeat;
    background-position: 0px 261px;
}
.book_on_shelf {position:relative;float:left;width:205px;margin:30px 22px 20px 22px;height:430px;}
.book_on_shelf_img_holder{height:252px;width:100%;}
.book_on_shelf img{
	max-width: 100%;height:240px;display:block;margin:0px auto;box-shadow:1px 5px 7px rgba(0,0,0,.5);
}
.book_text{width: 200px;}

/* OPTIONAL */

img.illustration{
    display:block;margin:0px;margin-bottom:13px;
}

#logo{
    display:block;
    width:100px;height:50px;text-decoration:none;
    background-image:url("/images/clear.gif");background-position:center;background-repeat:no-repeat;
}

#newsflash{
	padding:20px;color:#c6c2c2;margin-top:30px;margin-bottom:20px;
}

#bizango_superform .superform_field {
    background-color: #fbf2ef;
    color: #222;
    height: 100%;
    width: 266px;
    border: 0px solid #444;
    padding: 0 6px;
    float: left;
    margin: 0px 10px 0 0;
    -moz-box-sizing: border-box;
    font-family: 'Lucida Grande';
    font-size: 11px;
    font-weight: normal;
}

#bizango_superform .superform_submit {
    -moz-box-sizing: border-box;
    border: 0px solid #8b2d28;
    padding: 0 15px;
    height: 100%;
    background: #8b2d28;
    color: #dee2e8;
    float: left;
    text-align: center;
    cursor: pointer;
    font-family:'Simplo W00';
    font-size: 24px;
}

#newsflash h2, #newsflash h1{color:#eee}

img.content_image{
	clear:left;display:block;float:left;margin:10px 20px 20px 0px;
}

.quote{color:#726334;}
.quote p{font-size: 13px;}
.quote h2{    
	font-family: 'Avenir Next W02';
    font-size: 29px;
    margin-bottom: 18px;
}

#titlebar{
	background:url(/images/sites/rpa/titleBG.gif);
	text-transform: uppercase;
	color: #621e19;
	text-align: center;
}
#titlebar h1{
    margin-bottom: 0;
    font-size: 34.5px;
    line-height: 84px;
}

/* collection list items */
.collection_list_item{
	clear:both;margin-bottom:30px;
}
p.collection_list_item_readmore{text-align:right;clear:both;}

/* EXPANDABLE BUY BUTTON WITH TOGGLE-ABLE LINKS */
#buy_button_container{
	position: relative;
	text-align: center;
	} /* parent element for expandable buy button */
#body_home #buy_button_container{float: right;}
.buy_button{
	text-align: center;
	color: white;
}

#buy_button_container .buy_button_hidden{
	color:#eee;
	padding:10px 20px;
	display:none;
}

#buy_button_container .buy_button_hidden p a{
	color:#eee;
	display:block;text-decoration:none;
	padding:10px 10px;
}
.buy_button_hidden p {
	padding:0;
	margin: 0;
}

/*BLOG*/
.blog_img{
	height: 165px;
	margin-bottom: 17px;
	background-size: cover;
}
.body_nothome .blog_img {
    height: 129px;
    margin-bottom: 20px;
}
.title{margin-bottom: 12px;font-family: "Simplo W00";font-size: 18px;}
.title img{vertical-align: middle;}
.readmore{text-align: right;font-family: "Simplo W00";font-size: 16px;color: #a5322a;display: block;}
.blog_header{padding: 0;}
/* Breadcrumbs in Collections */

#breadcrumbs {}
#breadcrumbs ul {
	margin:0;
	padding:0;
	display:inline-block;
	}
#breadcrumbs li {
	font-size:1em;
	list-style:none;
	display:inline-block;
	}
#breadcrumbs a {
	color:red;
	}
#breadcrumbs a:after {
	content:"\203A";
	padding-left:5px;
	}
#breadcrumbs a:hover {
	text-decoration:none;
}



/* helpers-> clearfix */
.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.cream{background-color: #fcf3ef;}
.red{color: #a5322a;}
.pTB50{padding-top:50px;padding-bottom: 50px;}
.fl{float: left;}
.fr{float: right;}
.tAc{text-align: center;}
.tAr{text-align: right;}
.mr15{margin-right:15px;}
.mb10{margin-bottom: 10px;}
.mb30{margin-bottom: 30px;}
.mt10{margin-top: 10px;}
.center{margin: 0 auto!important;}
.pr50{padding-right: 50px;}
.clear{clear:both;}

/*first round of cuts*/
@media only screen and (max-width: 1256px){
#left_curtain{display: none;}
}
@media only screen and (max-width: 1070px){
#right_curtain{display: none;}
}
/*- Large Mobile Styles */
@media only screen and (max-width: 999px){
	#nav{display:none;}

	#mobile_nav{
		display: block;
		text-align: right;
		padding-right:5%;
		height: 50px;
		line-height: 50px;
		cursor: pointer;
		width: 95%;
		color: white;
	}
	#mobile_nav .icon{
		position: relative;
		font-size: 1.4em;
		float: right;
		padding-left: 5px;
	}
	#mobile_nav .nav{
		position: absolute; 
		width: 100%;
		top:50px;
		left:0;
	}
	#mobile_nav .nav li{
		float: none;
		height: 25px;
		line-height: 25px;
		background-color: #f2dfd7;
		padding: 10px 5%;
	}
	#mobile_nav .nav li a{
		color: #621e19;
	}
	.bookshelfrow {background-image:none;}
	.book_on_shelf {float: none; width: 90%; padding: 5%; height: auto;margin: 0;}
	.book_on_shelf_img_holder{width:100%;}
	.book_on_shelf img{
		max-width: 100%;display:block;margin:0px auto;box-shadow:1px 5px 7px rgba(0,0,0,.5);
	}
	.book_text{margin: 0 auto;}
	.page_tricol_right img.illustration{width: 50%; margin: 10px auto;}
	.collection_list_item{margin-bottom: 10px;}
	#body_blog .page_frame,#body_home .page_frame,.page_tricol_left_double,.page_frame{
		float:none;width: 100%;margin: 0;
	}
	.page_third,.page_tricol_right,.page_tricol_left,.page_tricol_content,.page_content,.page_sidebar,.blog_main_column,.blog_header{
		width: 90%;margin:0;padding: 0 5%;
	}
	.page_tricol_left{
		text-align: left;
	}
	.page_tricol_left img{
		display: block;
		margin: 0 auto;
	}
	.blackButton.fr{float: left;}
	#body_home .page_sidebar{width: 90%;margin-top: 20px;padding: 5%;}
	#body_home .red.mb30.mt10{text-align: center;}
	#bizango_superform .superform_field{width: 100%;}
	#footer table{    width: 90%; margin-left: 5%;}
	.footcover{margin-left: 5%;margin-bottom: 20px;}
	#footer .input{width: 70%}
	#footer .sub{width: 30%;}
	.readmore{margin-bottom: 30px;}
}

/*- Mobile Styles phone*/
@media only screen and (max-width: 659px){
	.topcover{display: none;}
	#hero_frame{
		background-image: url(/images/sites/rpa/heroM.jpg)!important;
		height:250px !important;
		background-size: cover!important;
	}

	#body_home .redButton {
	    padding: 6px 0px;
	    width: 100%;
	    text-align: center;
	}

	#body_home .blackButton {
	    padding: 6px 0px;
	    width: 100%;
	    text-align: center;
	}

	#footer .page_tricol_left_double{
		width: 90%;margin:0;padding: 0 5%;
	}
	
	#footer table {
	    width: 100%;
	    margin-left: 0%; 
	}
}
