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


body {
	background: url(../images/bg.jpg);
	font-size: 100%;
	max-width: 100%;
}

.clearfloat {clear: both; height: 1px;}

a {color: #af1b29}
a:hover {color: #873f67}

/*
********************************
HEADER
********************************
*/

#allContent {max-width: 100%;}

#header {
	position: fixed;
    top: 0;
	display: block;
	padding: 0;
	height: 13.500em;/*height: 216px;*/
	background: url(../images/bg_nav.gif) top repeat-x;
	width: 100%;
	z-index:1000;
}


#logo {
    float: left;
    margin: 1.5em 0em 0em 2em;

}

@media screen and (max-width: 420px) {
#logo {margin: 0em 0em 0em 0em; padding-top: 4em; width: 100%; }
#logo img {max-width: 90%}
#header {
	position: relative;
	background: url(../images/bg_nav.gif) top repeat-x;
	height: 13em;/*height: 216px;*/
	width: 100%;
}
}

/* social media
------------------------------ */
#socialmedia {
text-align: right;
float: right;
margin: .5em auto -1em auto;
}

#socialmedia img {border: 0}

@media screen and (min-width: 560px) {
#socialmedia {
height: 1em;
float: right;
margin: 1em 3em 0em;
text-align: right;
}
}

@media screen and (max-width: 420px) {
#socialmedia {

position: absolute;
top: 2.8em;
text-align: center;
}


}

#socialmedia a.facebook {
	display:block; float: left;
    height:37px; width: 42px;
    background:transparent  url(../images/icon_facebook.png) no-repeat -42px 0;
	border: 0;
	text-decoration: none; text-indent:-9999px;
	outline:none;
	cursor: pointer;
	text-align:center;
	overflow: hidden;

}

/*hover*/
	#socialmedia a:hover.facebook {
	   background-position: 0 0;
	   }


#socialmedia a.linkedin {
	display:block; float: left;
    height:37px; width: 42px;
    background:transparent  url(../images/icon_linkedin.png) no-repeat -42px 0;
	border: 0;
	text-decoration: none; text-indent:-9999px;
	outline:none;
	cursor: pointer;
	text-align:center;
	overflow: hidden;

}

/*hover*/
	#socialmedia a:hover.linkedin {
	   background-position: 0 0;
	   }



#socialmedia a.twitter {
	display:block; float: left;
    height:37px; width: 44px;
    background:transparent  url(../images/icon_twitter.png) no-repeat -44px 0;
	border: 0;
	text-decoration: none; text-indent:-9999px;
	outline:none;
	cursor: pointer;
	text-align:center;
	overflow: hidden;

}

/*hover*/
	#socialmedia a:hover.twitter {
	   background-position: 0 0;
	   }

	   #socialmedia a.pinterest {
	display:block; float: left;
    height:37px; width: 38px;
    background:transparent  url(../images/icon_pinterest.png) no-repeat -38px 0;
	border: 0;
	text-decoration: none; text-indent:-9999px;
	outline:none;
	cursor: pointer;
	text-align:center;
	overflow: hidden;

}

/*hover*/
	#socialmedia a:hover.pinterest {
	   background-position: 0 0;
	   }




/* Navigation
------------------------------ */
/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}

#nav-wrap {
	float: right;
	margin: 6.5em 2em 0em 0em;
	}

#nav,
#nav li {
	margin: 0;
	padding: 0;
}

#nav li {
	list-style: none;
	float: left;
	margin-right: 5px;
}

/* nav link */
#nav a {
	padding: .8em .5em;
	text-decoration: none;
	display: block;
	color: #622f4c;
	font-family: 'Crete Round', serif;
	font-size: 1em;
}


#nav a:hover, #nav a.selected {
color: #af1b29;
}

/* nav dropdown */
#nav ul {
	background: #fff;
	padding: 2px;
	position: absolute;
	border: solid 1px #ccc;
	display: none; /* hide dropdown */
	width: 200px;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav li:hover > ul {
	display: block; /* show dropdown on hover */
}

/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 945px) {

	/* nav-wrap */
	#nav-wrap {
		position: relative;

	}

	/* menu icon */
	#menu-icon {
		color: #fff;
		width: 42px;
		height: 30px;
		background: #bf1e2e url(../images/menu-icon.png) no-repeat 10px center;
		padding: 8px 10px 0 42px;
		cursor: pointer;
		border: solid 1px #666;
		display: block; /* show menu icon */
		font-family: 'Crete Round', serif;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	#menu-icon:hover {
		background-color: #853f64;
	}
	#menu-icon.active {
		background-color: #bf1e2e;
	}

	/* main nav */
	#nav {
		clear: both;
		position: absolute;
		top: 38px;
		width: 160px;
		z-index: 10000;
		padding: 5px;
		background: #bf1e2e;

		border: solid 1px #fff;
		font-family: 'Crete Round', serif;
		display: none; /* visibility will be toggled with jquery */
	}
	#nav li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;
	}

	#nav a,
	#nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #FFF;
		border: none;
	}
	#nav a:hover,
	#nav ul a:hover,
	#nav a.selected {
		background: none;
		color: #000;

	}

	/* dropdown */
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#nav ul li {
		margin: 3px 0 3px 15px;
	}


	#nav li.dropdownhome {display: inherit;}
}

@media screen and (min-width: 945px) {

	/* ensure #nav is visible on desktop version */
	#nav {
		display: block !important;
	}

	#nav li.dropdownhome {display: none;}

}

@media screen and (max-width: 510px) {
/* ensure #nav is visible on desktop version*/
	#nav-wrap {
	position: fixed;
	top: .5em; left: .15em;
	margin: .25em 2em 0em 2em;
	}


}

@media screen and (max-width: 420px) {
/* ensure #nav is visible on desktop version*/
	#nav-wrap {
	position: fixed;
	top: 0; left: 0;
	margin: 0;
	float: none;
	width: 100%;
	}

	#menu-icon {
		color: #fff;
		width: 100%;
		height: 30px;
		background: #bf1e2e url(../images/menu-icon.png) no-repeat 10px center;
		padding: 8px 10px 0 42px;
		cursor: pointer;
		border: 0;
		display: block; /* show menu icon */
		font-family: 'Crete Round', serif;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

}




/************************************************************************************
CONTENT
*************************************************************************************/


#maincontent {
    text-align: center;
	clear: both;
	width: 100%; overflow: hidden;

}

.sectionWrapper {
		width: 75%;
		margin: 0 auto;
		padding: 3.750em 0;
		text-align: left;
	}

.callouttext {
		color: #873f67;
		font-weight: bold;
	}

p {
		padding: .5em 3em .5em 0;
		line-height: 1.3;
	}
.redbg p {color: #eae7e2}

	.sectionWrapper ul {padding: .5em 3em .5em .8em;}
	.sectionWrapper li {padding: .4em 0 .4em 1em; list-style: none; background: url(../images/bullet.png) 0em 0.400em no-repeat; line-height: 1.3;}
	.redbg .sectionWrapper li {padding: .2em 0 .2em 1em; list-style: none; background: url(../images/bullet_2.png) 0em 0.400em no-repeat; line-height: 1.3;}
/* home
------------------------------------------------------------  */

#pageHome {
	background: url(../images/bg_red.jpg);
	padding: 13.500em 0 0 0;
	}


	@media screen and (max-width: 400px) {
	#pageHome {padding-top: 0;}
	}

	.dottedlineTop {
	height: 18px;
	width: 100%;
	background: url(../images/border_redbottom.png) top repeat-x;
	padding-bottom: 16px
	}

	.dottedlineBottom {
	height: 18px;
	width: 100%;
	background: url(../images/border_redbottom.png) bottom repeat-x;
	padding-top: 16px
	}

	#pageHome h1 {
	font-family: 'Crete Round', serif;
	font-size: 3.8em;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
	color: #ede8e4;
	margin: 1em 1em 0 1em;
	}

	#pageHome h2 {
	font-family: 'Crete Round', serif;
	font-size: 1.8em;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
	color: #ede8e4;
	margin: 1em auto 3em auto;
	width: 75%;
	}



@media screen and (max-width: 600px) {
#pageHome h1 {font-size: 1.8em;}
#pageHome h2 {font-size: 1.2em; text-shadow: none;}
}


/* about
------------------------------------------------------------  */

#pageAbout {
	/*background: url(../images/dotted.png) 5% 22em no-repeat;*/
	background: url(../images/arrow.png) 90% 0 no-repeat;
	text-align: center;
	margin: 0 auto;
	}

	@media screen and (max-width: 400px) {
	#pageAbout {padding-top: 4em;}
	}

	/*#pageAbout .sectionWrapper {background: url(../images/dotted.png) 5% 22em no-repeat;}*/
	.marginimage {margin-left: -5.3em; float: left;}

	h3 {
		font-family: 'Crete Round', serif;
		font-size: 1.8em;
		color: #ad1b28;
		padding-bottom: .8em;
	}


@media screen and (max-width: 600px) {
h3 {font-size: 1.3em;}
.sectionWrapper {padding: .5em; width: 100%; }
.marginimage {display: none;}

}

/* bio
------------------------------------------------------------  */

#pageDarcie {

	}


/* services
------------------------------------------------------------  */

#pageServices {
	background: url(../images/bg_red.jpg);
	/*margin-top: 216px;*/
	/*margin-top: 13.500em;*/
	color: #eae7e2;
	text-align: center;
	border: 0;

	}

	@media screen and (max-width: 400px) {
	#pageServices {margin-top: 0em; }
	}


	#pageServices .sectionWrapper {text-align: center; margin: 0 auto; padding: 3.0em 0;}

	#pageServices h4 { padding: 1em 2em .4em 0em; font-size: 1.6em; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
	#pageServices p {text-align:left; padding-bottom: 1.6em;}
	#pageServices p.nopadding {padding-bottom: .3em;}
	#pageServices li {text-align:left;}

	.redbg h3 {
		font-family: 'Crete Round', serif;
		font-size: 1.9em;
		color: #f3efec;
		padding-bottom: .8em;
		padding-top: 0;
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);

	}

	.redbg a {color: #ede8e4;}

	.iconwrapper {text-align: center; margin: 0 auto; width: 100%;}
	.icon-wrap {
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
		display: flex;
		justify-content: center;
	}
	@media screen and (max-width: 1024px) {
		.icon-wrap {
			flex-wrap: wrap;
		}
		.service-icon {
			margin-bottom: 1rem;
			width: 25%;
		}
	}
	.serviceicon {
		width: 25%;
		text-align: center;
		font-size: 1.1em;

	}
	ul.two {
		padding-bottom: 1.5rem;
	}
@media screen and (min-width: 768px) {
	ul.two {
		max-width: 680px;
		columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;

	}
}
	.serviceicon img {
		width: 100%; max-width: 165px;
	}

	.column {float: left; text-align:left}
	/*#pageServices .column p {padding-right: 1em;}
	#pageServices .column {width: 50%;}
	#pageServices .last {float: none; margin-left: 50%;}
	#pageServices .last p {padding-left: 1em}*/

	h4 {
		font-family: 'Crete Round', serif;
		font-size: 1.3em;
		color: #f3efec;
		padding: .6em 2em .4em 0;
	}

	@media screen and (max-width: 700px) {

	.serviceicon {
		float: left;
		text-align: center;
		font-size: .9em;
		padding: 0;

	}
	.serviceicon {width: 48%;}
	.serviceicon img {width: 100%;}
	#pageServices .column {float: none; width: 80%; }
	#pageServices .last p {padding-left: 0em}
	#pageServices .last {float: none; margin-left: 0;}
	#pageServices .last p {padding-left: 0}
}




/* CLients
------------------------------------------------------------  */

#pageClients {
	clear: both;
	background: url(../images/arrow.png) 20% 0 no-repeat;
	text-align: center;
	/*padding-top: 13.5em;*/
	}

	@media screen and (max-width: 400px) {
	#pageClients {padding-top: 3em;}
	}


	.talkbubbleWrapper {
	background: url(../images/talkbubblebottom.png) 90% bottom no-repeat;
	padding-bottom: 14px;
	text-align: center;
	margin-bottom: 2em;
	}

	.talkbubble {
	background: url(../images/bg_red.jpg);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 0 .6em;
	text-align: center;
	}

.talkbubble h4 {text-align: center; padding: .4em 0 .4em 0}
#pageClients .talkbubble {width: 13.5em;}
#pageClients .talkbubbleWrapper {float: right; width: 13.5em;}
#pageClients .talkbubbleWrapper2 {
	clear: both;
	float: none; width: 13.5em;
	background: url(../images/talkbubblebottomL.png) 10% bottom no-repeat;
	padding-bottom: 14px;
	text-align: center;
	margin-bottom: 2em;
	margin-top: .8em;
}

#pageClients .column {width: 33%;}
h5 {color: #854067; font-weight: bold; padding: .6em 2em .2em 0;}
#pageClients p {padding: .3em 2em .4em 0; font-size: .8em;}
#pageClients .last p {padding: .3em 0em .4em 0;}

@media screen and (max-width: 700px) {
	#pageClients .column, #pageClients .columnlast {width: 100%; margin: 0 10%;}
	#pageClients .talkbubbleWrapper {float: none; margin: 0 10%; width: 13.5em;}
}
@media screen and (max-width: 420px) {
h5 {color: #854067; font-weight: bold; padding: 0em 2em .2em 0;}

}

.columned-section {
	padding-bottom: 3rem;
}
#paradeWrapper {width: 100%; text-align:center; margin-bottom: 2em;}

#logoParade
{
	width: 78%;
	position: relative;
	float: left;
}

#logoParade div.scrollableArea *
{
	float: left;
	padding-left: 10px;
}

.book-by-cat .book-group {
	padding-bottom: 2.5rem;
	max-width: 950px;
	margin: 0 auto;
}

/* Testimonials
------------------------------------------------------------  */

#pageAccolades{
	background: url(../images/bg_red.jpg);
	clear: both;
	/*margin-top: 13.500em;*/
	}

	@media screen and (max-width: 400px) {
	#pageAccolades {margin-top: 0em;}
	}

	#pageAccolades .column p {padding-right: 1.5em; padding-bottom: 1.45em;}
	#pageAccolades .column {width: 50%;}
	.columnlast {float: none; margin-left: 75%;}
	#pageAccolades .last p {padding-left: 1.5em}
	.author {font-weight: bold; font-style:italic;}


	@media screen and (max-width: 700px) {
	#pageAccolades .sectionWrapper {width: 75%;}
	#pageAccolades .column {width: 100%;}
	#pageAccolades .columnlast {float: none; margin-left: 0;}
	#pageAccolades .last p {padding-left: 0em}
}


/* Contact
------------------------------------------------------------  */

#pageContact{
	background: url(../images/bg_red.jpg);
	/*margin-top: 13.500em;*/
	}

	@media screen and (max-width: 400px) {
	#pageContact {margin-top: 0;}
	}

	#pageContact .column {width: 50%;}
	#pageContact .column img {padding-bottom: 6px;}

	#pageContact input,  #pageContact textarea{width: 80%;}





.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #d84453;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d84453;
	box-shadow:inset 0px 1px 0px 0px #d84453;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d13946), color-stop(1, #871420) );
	background:-moz-linear-gradient( center top, #d13946 5%, #871420 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d13946', endColorstr='#871420');
	background-color:#d13946;
	-moz-border-radius:24px;
	-webkit-border-radius:24px;
	border-radius:24px;
	border:1px solid #b32d3a;
	display:inline-block;
	color:#e8e5e0;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ff001a;
}.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #871420), color-stop(1, #d13946) );
	background:-moz-linear-gradient( center top, #871420 5%, #d13946 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#871420', endColorstr='#d13946');
	background-color:#871420;
	cursor: pointer;
}.classname:active {
	position:relative;
	top:1px;
}





	@media screen and (max-width: 700px) {
	#pageContact .column {width: 100%;}

}

/* MEdia
------------------------------------------------------------  */


	#pageMedia{
		clear: both;
	/*margin-top: 13.500em;*/
	}

	.icons img {float: left;}

	@media screen and (max-width: 700px) {
	#pageMedia .sectionWrapper {width: 85%;}

	}



	@media screen and (max-width: 400px) {
	#pageMedia {margin-top: 0;}

	}




	/*footer
------------------------------------------------------------  */
#footer {height: 500px; font-size: .8em; text-align: center; padding-top: 8em;}