html, body
{
	height: 100%;
	
}

body
{
	margin: 0px 0 0 80px;
	line-height: 200%;
	background: #45543D;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12pt;
	font-weight: 400;
	color: #2a2a33
}

p
{
	padding: .25em .25em .25em .75em;
}

.resources {background-color:#d3d3d3;}

h2, h3
{
	margin: 0;
	padding: 0;
	font-weight: 600;
	color: #FFF;
}
h4
{
	margin: 0;
	font-weight: 600;
	padding:  0 0 0 .55em;
	color: #2a2a33;
	font-size: 16pt;
}


h5
{
	margin: 0;
	font-weight: 600;
	padding:  0 0 0 .75em;
	color: #2a2a33;
	font-size: 14pt;
}

p, ol, ul
{
	margin-top: 0;
}

ol, ul
{
	padding: 0;
	list-style: none;
}

p
{
	line-height: 180%;
}

a
{
	color: #2C383B;
}

a:hover
{
	text-decoration: none;
}

.container
{
	margin: 0px auto;
	width: 1145px;
}

#container {
    border: 1px #2a2a33;
    width: 600px;
    text-align: center;
}

#vid {
    margin-bottom: 10px;   
   word-wrap: break-word;
   overflow: hidden;
margin: 15px 10px 10px 10px;
	padding: 1 1 1 1;
}

#video-wrap {
float: left;
margin: 10px 20px 0px 20px;
clear: left;
}


#video-wrap-right {
float: right;
margin: 0px 0px 20px 10px;
	padding: 1 1 1 1;
clear: right;
}
.child .right
{
position: relative;
left:0;
}

.vidcontain {
padding-right:20px; 
padding-bottom:0px; 
float:left;
 word-wrap: break-word;
   overflow: hidden;
}
.caption {
font: arial,helvetica,sans-serif; 
text-decoration: bold;
text-align: left; 
font-weight: 400;
font-size: 12pt;
	color: #454445;
width:420px;
 word-wrap: break-word;
   overflow: hidden;
} 


/*********************************************************************************/
/* Image Style                                                                   */
/*********************************************************************************/

	.image
{
	display: inline-block;
	margin: .25em .25em .25em .25em;
	padding: .25em
	text-align: center;
}

.image img
{
	display: block;
	width: 100%;
	margin: .25em .25em .25em .25em;
	padding: .25em
}

.image-full
{
	display: block;
	width: 100%;
	margin: .25em .25em .25em .25em;
	padding: .25em
}

.image-left
{
	margin: .5em .5em .5em .5em;
	padding: .5em
}


.image-centered
{
	display: block;
	margin: 0em 0em 2em 0em;
}

.image-centered img
{
	margin: 0em auto;
	width: auto;
}


img#parlor3
{ 
background:url(images/parlor3.gif); 
background-repeat: no-repeat; 
width:100px; 
height:133px; 
border: none;
float: right;
left: 1060px;
position: absolute;

}

img#cover2
{ 
background:url(images/cover2.gif); 
background-repeat: no-repeat; 
width: 200px; 
height: 247px; 

word-wrap: break-word;
overflow: hidden;
margin: 5px 10px 15px 0px;
	padding: 0px 10px 10px 0;
position: relative;

}


.imgcaption {
display: block;
font: arial,helvetica,sans-serif; 
font-weight: bold;
text-align: left; 
word-wrap: break-word;
overflow: hidden;
font-weight: 400;
font-size: 12pt;
	color: #454445;
 margin: 0px 10px 5px 0px;
 padding: 10px 10px 0px .75em;
 width: 200px;
float: left;



} 


img#NewYorker
{ 
background:url(images/NewYorker.JPEG); 
background-repeat: no-repeat; 
width: 465px; 
height: 365px; 
border: none;
float: right;
word-wrap: break-word;
overflow: hidden;
margin: 15px 10px 15px 25px;
	padding: 1 1 1 1;
position: relative;

}
 .floatright
 {float: right;
 width: 465px;
 margin: 15px 10px 15px 30px;
 padding: 1em 1em 1em 1em;
 font: Arial, helvetica, sans-serif;
}


img#HapMaplogo
{ 
background:url(images/HapMaplogo.gif); 
background-repeat: no-repeat; 
width: 326px; 
height: 107px; 
border: none;
float: left;
word-wrap: break-word;
overflow: hidden;
margin: 10px 100px 10px 0px;
	padding: 1px 1px 20px 1px;
position: relative;

}



.imgcaption2 {
display: block;
font: arial,helvetica,sans-serif; 
font-weight: bold;
text-align: left; 
font-weight: 500;
font-size: 10pt;
	color: #454445;
 margin: 0px 10px 5px 10px;
 padding: 0px 10px 0px 20px;
 width: 400px;
float: left;
word-wrap: break-word;
overflow: hidden;
}

.imgcaption3  {
display: block;
font: arial,helvetica,sans-serif; 
font-weight: bold;
text-align: left; 
font-weight: 500;
font-size: 10pt;
	color: #454445;
 margin: 0px 10px 5px 5px;
 padding: 0px 10px 0px .75em;
 width: 326px;
float: left;
word-wrap: break-word;
overflow: hidden;
}


/*********************************************************************************/
/* List Styles                                                                   */
/*********************************************************************************/

	ul.style1
{
	margin: 0em;
	padding: 0em 0em 0em 0em;
	overflow: hidden;

	color: #6c6c6c
}

ul.style1 li
{
	overflow: hidden;
	display: list-item;
	padding: 2.80em 0em;
	border-top: 1px solid #D1CFCE;
	
}

ul.style1 li:first-child
{
	padding-top: 0em;
	border-top: none;
}

ul.style1 .image-left
{
	margin-bottom: 0em;
}
ul.a {
    list-style-type: disc;
    list-style-position: outside;
  
}

ul.style1 h3
{
	padding: 1.2em 0em 1em 0em;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	font-size: 14pt;
	font-weight: 600;
	color: #454445;
}

ul.style1 a
{
	text-decoration: none;
	color: #525252;
}

ul.style1 a:hover
{
	text-decoration: underline;
	color: #525252;
}

ul.style2
{
	margin: 0em;
	padding-top: 1em;
	list-style: none;
}

ul.style2 li
{
	border-top: solid 1px #E5E5E5;
	padding: 0.80em 0em 0.80em 0em;
	font-family: 11pt;
}

ul.style2 li:before
{
	display: inline-block;
	padding: 4px;
	background: #DB3256;
}

ul.style2 a
{
	display: inline-block;
	margin-left: 1em;
}

ul.style2 li:first-child
{
	border-top: 0;
	padding-top: 0;
}

ul.style2 .icon
{
	color: #FFF;
}

ul.style3
{
	margin: 0;
	padding-top: 1em;
	list-style: none;
}

ul.style3 li
{
	border-top: solid 1px rgba(255,255,255,.2);
	padding: 1em 0em 1em 0em;
	font-family: 11pt;
}

ul.style3 li:before
{
	display: inline-block;
	padding: 4px;
	background: #FFF;
}

ul.style3 a
{
	display: inline-block;
	margin-left: 1em;
	font-size: 12pt;
	color: #FFF;
}

ul.style3 li:first-child
{
	border-top: 0;
	padding-top: 0;
}

ul.style3 .icon
{
	color: #DB3256;
}
nav ul {

margin: 11em auto;
	box-sizing: border-box;
	
	
}

nav ul ul {
	display: none;
margin-top: 0em;
	}

nav ul li:hover > ul {
	display: block;
	
	
	}
	
	nav ul {
	background: #efefef; div
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 2px rgba(0,0,0,0.10);
	padding: 0 0px;
	border-radius: 0px;  
	list-style: none;
	position: relative;
	display: inline-table;

	margin-left: 0px;
    margin-right:0px;
	letter-spacing: 0.05em;
	text-decoration: none;
	font-size: 1em;
	text-transform: uppercase;
	outline: 0;
	color: #FFF;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}
	
	nav ul li {
	float: left; 
	box-sizing: border-box;
	}
	nav ul li:hover {
		background: #454445; 
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	}
		nav ul li:hover a {
			color: #fff;
		}
	
	nav ul li a {

		display: block; padding: 0px 25px ;
		color: #757575; text-decoration: none;
	}
	
	nav ul ul {
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; top: 100%; 
}
	nav ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
		
	}
		nav ul ul li a {
			padding: 3px 40px;
			color: #fff;
		}	
			nav ul ul li a:hover {
				background: #4b545f;
			}

/*********************************************************************************/
/* Social Icon Styles                                                            */
/*********************************************************************************/

	ul.contact
{
	margin: 0;
	padding: 2em 0em 0em 0em;
	list-style: none;
}

ul.contact li
{
	display: inline-block;
	padding: 0em 0.30em;
	font-size: 1em;
}

ul.contact li span
{
	display: none;
	margin: 0;
	padding: 0;
}

ul.contact li a
{
	color: #FFF;
}

ul.contact li a:before
{
	display: inline-block;
	background: #3f3f3f;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	text-align: center;
	color: #FFFFFF;
}

ul.contact li a.icon-twitter:before
{
	background: #2DAAE4;
}

ul.contact li a.icon-facebook:before
{
	background: #39599F;
}

ul.contact li a.icon-dribbble:before
{
	background: #C4376B;
}

ul.contact li a.icon-tumblr:before
{
	background: #31516A;
}

ul.contact li a.icon-rss:before
{
	background: #F2600B;
}

/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

	.button
{
	display: inline-block;
	padding: 1.3em 3em;
	background: #45543D;
	-moz-transition: opacity 0.25s ease-in-out;
	-webkit-transition: opacity 0.25s ease-in-out;
	-o-transition: opacity 0.25s ease-in-out;
	-ms-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
	letter-spacing: 0.20em;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	color: #FFF;
}

.button:hover
{
	background: #354030;
}

.button:active
{
}

.button-big
{
	padding: 1.6em 4em;
	font-size: 1.4em;
	font-weight: 900;
}

/*********************************************************************************/
/* Heading Titles                                                                */
/*********************************************************************************/

	.title
{
	margin-bottom: 2em;
}

.title h2
{
	font-weight: 400;
	font-size: 2.8em;
	color: #323232;
}

.title .byline
{
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.1em;
	color: #6F6F6F;
}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/
	
#header-wrapper
{
}

#header
{
	position: relative;
	height: 200px;
}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

#logo
{
	position: absolute;
	top: 0.75em;
	width: 100%;
}


#logo h2
{
	display: block;
	font-size: 2.em;
	font-family: Georgia, serif
	text-transform: uppercase;
	font-weight: 700;
	color: #FFF;
	padding-right: 0.50em;
	border-right: 1px solid rgba;
}
#logo span
{
	display: inline-block;
	padding-right: .50em;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	font-size: 0.90em;
}

#logo a
{
	text-decoration: none;
	color: #FFF;
}

#logo .fa
{
	color: #FFF;
}

#logo .fa:after
{
	position: absolute;
	display: inline-block;
	padding-right: 2em;
}
/*********************************************************************************/
/* Floating Menu                                                                 */
/*********************************************************************************/
#floating-menu 
{
position:fixed;
background:#d1cfce;
border:1px solid #6F6F6F;
width:150px;
top: 0px;
right: 0px;
z-index:100;
}

#floating-menu a, div.floating-menu h3 
{
display:block;
margin:0em 0.5em;
font-size: 10;
	font-weight: 400;
	color: #2a2a33;

}
/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

#menu
{
	position: absolute;
	right: 0;
	top: 10em;
}

#menu ul
{
	display: inline-block;
}

#menu li
{
	display: block;
	float: left;
	text-align: center;
}

#menu li a, #menu li span
{
	display: inline-block;
	margin-left: 1px;
	padding: 1em 1.5em 0em 1.5em;
	letter-spacing: 0.10em;
	text-decoration: none;
	font-size: 1em;
	text-transform: uppercase;
	outline: 0;
	color: #FFF;
}


#menu-2
{
	position: relative;
	left: 0px;
}

#menu-2 ul {margin: 0; padding: 0 0 60px 0; 
	list-style-type: none; list-style-image: none; }
	
#menu-2 li {display: inline; margin: 40px; padding: 20px 20px 20px 20px}
#menu-2 a {text-decoration:none; font-weight: 400; color: #45543d; background: #e3e3e3;}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/
	

	#header-featured
	{
	padding: 7em 2em;
	background-image: url(images/banner.jpg);
	background-position: center;
	background-size: auto;
	overflow: hidden;
	}

#nav
{
	width: 1200px;
}
#banner
{
	overflow: hidden;
	width: 1200px;
	
	text-align: left;
	color: rgba(255,255,255,.7);
	font-size: 1.5em;
}

#banner a
{
	color: rgba(255,255,255,.9);
}

#banner h2
{
	padding-bottom: 1.50em;
	font-weight: 400;
	font-size: 3em;
	color: #FFF;
}

#banner .button
{
	margin-top: 4em;
	background: #6fac1b;
}

#banner strong
{
	color: #FFF;
}

#banner span
{
	display: block;
	padding-top: 0.40em;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #A2A2A2;
}

/*********************************************************************************/
/* Page                                                                          */
/*********************************************************************************/

#wrapper
{
	background: #FCFCFC;
}
	
#wrap
{
position:absolute;
  margin-left: 0;
background: #FCFCFC;
word-wrap: break-word;
overflow: hidden;
}

#page
{
	overflow: hidden;
	padding: 6em 0em;
	border-bottom: 2px solid #E3E3E3;
	text-align: center;
}

#page .button
{
	margin-top: 2em;
}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

#content
{
	padding: 0em 7em 0em 3em;
}


/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

#copyright
{
	overflow: hidden;
	padding: 6em 0em 10em 0em;
	border-top: 1px solid rgba(255,255,255,0.08);
}

#copyright p
{
	letter-spacing: 0.20em;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.80em;
	color: rgba(255,255,255,0.3);
}

#copyright a
{
	text-decoration: none;
	color: rgba(255,255,255,0.6);
}

/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/

#featured-wrapper
{
	overflow: hidden;
	padding: 0em 0em;
	background: #FFF;
	text-align: left;
}


#featured
{
	overflow: hidden;
}

#featured .main-title
{
	margin-bottom: 2em;
}

#featured .main-title h2
{
	font-size: 4em;
}

#featured .main-title .byline
{
	font-size: 2em;
}




/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

#footer-wrapper
{
	overflow: hidden;
	padding: 7em 0em;
	color: rgba(255,255,255,0.5);
}


#footer .title h2
{
	font-size: 2em;
	font-weight: 300;
	color: #FFF;
}

#footer .title .byline
{
	display: block;
	padding-top: 1em;
	text-transform: uppercase;
	font-size: 0.80em;
	color: rgba(255,255,255,0.5);
}

#footer .column1,
#footer .column2
{
	width: 560px;
}

#footer .column1
{
	float: left;
}

#footer .column2
{
	float: right;
}

#footer .button
{
	margin-top: 2em;
}

#extra
{
	overflow: hidden;
	margin: 5em auto 2em auto;
	padding: 2em 0em 2em 0em;
	background: #ECECEC;
}

#extra h2
{
	margin: 0em;
	padding: 0em;
	font-weight: 400;
	font-size: 2.4em;
	color: #555555;
}

#extra span
{
	display: block;
	padding-top: 0.20em;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #A2A2A2;
}

.margin-btm
{
	overflow: hidden;
	margin-bottom: 5em;
	padding-bottom: 5em;
	border-bottom: 1px solid rgba(0,0,0,.1);
}

.extra2 .button
{
	margin-top: 2em;
}

.extra2 .title h2
{
	font-size: 2em;
}

.extra2 .title .byline
{
	font-size: 0.80em;
}

.extra2 .ebox1,
.extra2 .ebox2
{
	width: 560px;
}

.extra2  .ebox1
{
	float: left;
	padding-right: 40px;
	border-right: 1px solid rgba(0,0,0,.1);
}

.extra2 .ebox2
{
	float: right;
}


#wel
{
	padding: 5em 0em;
	background: #E8E7C1;
	text-align: center;
}

#wel a
{
	color: #45543D;
}

#wel h2
{
	padding-bottom: 0.50em;
	font-weight: 400;
	font-size: 3em;
}

#wel .button
{
	margin-top: 2em;
	background: #45543D;
	color: #FFF;
}

#wel strong
{
	color: #45543D;
}

#wel span
{
	display: block;
	padding-top: 0.20em;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #A2A2A2;
}