/*Top Navigation Menu Layout CSS*/


html
{
	margin:0px;
	padding:0px;
}

/* Class to set the normal style of the brace link */
a.brace {
	color: #ffffff;
	text-decoration: none;
}

/* Style to apply when hovering over the link */
a.brace:hover {
	color: #ffffff;
	font-weight: bold;
}

/* Style for the footer links */
a.foot {
	font-family:"Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:16px;
	color: #e6d0b8;
	text-decoration: none;
}

/* Style for hovering over the footer links */
a.foot:hover {
	color: #ffffff;

}

/* Style for the footer links */
a.contact-email {
	font-family:"Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:16px;
	color: #322012;
	text-decoration: none;
}

/* Style for hovering over the footer links */
a.contact-email:hover {
	color: #322012;
	font-weight: bold;
}

/*style for links with arrows*/

ul.arrows {
	font-family:"Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:15px;
	color: #322012;
	position: relative;
	left: -35px;
	list-style-image: url(list-item-arrows.png);
}
a.arrows {
	color: #322012;
	text-decoration: none;
}

/* Style to apply when hovering over the link */
a.arrows:hover {
	color: #322012;
	font-weight: bold;
	
}

ul.arrows2 {
	font-family:"Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:15px;
	color: #322012;
	position: relative;
	left: -16px;
	list-style-image: url(list-item-arrows.png);
}
a.arrows2 {
	color: #322012;
	text-decoration: none;
}

/* Style to apply when hovering over the link */
a.arrows2:hover {
	font-weight: bold;
	color: #322012;
}

/*style for links within body text*/

.in-paragraph-links {
	font-family:"Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:15px;
	color: #322012;
}
a.in-paragraph-links {
	color: #322012;
	text-decoration: none;
}

/* Style to apply when hovering over the link */
a.in-paragraph-links:hover {
	font-weight: bold;
	color: #322012;
}

#background {
	border:none;
	height:150px;
	width:960px;
	background-attachment: scroll;
	background-image: url(HBCO-M%7E1.PNG);
	background-repeat: no-repeat;
	background-position: center top;
}


#background #contact
{
	position:absolute;
	top:1px;
	left:662px;
	width: 296px;
	height: 163px;
	color: #ffffff;
	text-shadow: 2px 2px 3px #666666;
	filter: dropshadow(color=#666666, offx=2, offy=2);
}

#background #contact .name

{
	font-family:"Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:center;
	display:block;
	font-size:18px;
	color: #ffffff;
	text-shadow: 1px 1px 4px #666266;
	filter: dropshadow(color=#666266, offx=1, offy=1);
	text-shadow: 2px 2px 3px #000000;
	filter: dropshadow(color=#000000, offx=2, offy=2);
	font-weight: bold;	

}

#background #contact .do

{
	font-family:"Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:left;
	display:block;
	font-size:18px;
	color: #ffffff;
	text-shadow: 1px 1px 4px #666266;
	filter: dropshadow(color=#666266, offx=1, offy=1);
	text-shadow: 2px 2px 3px #666666;
	filter: dropshadow(color=#666666, offx=2, offy=2);
	font-variant: small-caps;

	

}

#contact .address-phone

{
	font-family:Adobe Caslon Pro, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:left;
	display:block;
	font-size:15px;
	color: #ffffff;
	text-shadow: 1px 1px 4px #666266;
	filter: dropshadow(color=#666266, offx=1, offy=1);
	text-shadow: 2px 2px 3px #000000;
    filter: dropshadow(color=#000000, offx=2, offy=2);;
}


#contact .social-media-icons

{
	font-family:Adobe Caslon Pro, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:right;
	display:block;
	font-size:18px;
	text-shadow: 1px 1px 4px #666266;
	filter: dropshadow(color=#666266, offx=1, offy=1);
	text-shadow: 2px 2px 3px #000000;
    filter: dropshadow(color=#000000, offx=2, offy=2);
	color: #ffffff;
	padding-right: 10px;
	padding-left: 40px;
	padding-top: -70px;
	

}

#contact .links

{
	font-family:"Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:left;
	display:block;
	font-size:16px;
	text-shadow: 1px 1px 4px #666266;
	filter: dropshadow(color=#666266, offx=1, offy=1);
	text-shadow: 2px 2px 3px #000000;
	filter: dropshadow(color=#000000, offx=2, offy=2);
	color: #ffffff;
	padding-right: 10px;
	padding-top: 50px;
	padding-left: 155px;
	font-weight: normal;	

}

#title
{
	display:block;
	position: absolute;	
	border:none;
	width: 495px;
	height: 90px;
	top: 35px;
	right: 0px;
	left: 0px;
	text-align: left;
	color:#fff;
	text-shadow: 1px 1px 4px #666266;
	filter: dropshadow(color=#666266, offx=1, offy=1);
	text-shadow: 2px 2px 3px #000000;
    filter: dropshadow(color=#000000, offx=2, offy=2);
	
	
}

#title .logo

{
	position:relative;
	width: 145px;
	height: 98px;
	left: 20px;
	top: -10px;
	float:left;

}

#title .name
{
	font-family:"Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	position:relative;
	float:right;
	left: 55px;
	text-align:center;
	display:block;
	font-size:22px;
	font-weight: bold;
}

#title .do
{
	font-family:"Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:center;
	position:relative;
	float:right;
	left: 80px;
	margin-top:-2px;
	display:block;
	font-size:19px;
	font-variant: small-caps;
	font-weight: normal;
	letter-spacing: 1px;
}


#title .address-phone
{
	font-family:"Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:center;
	position:relative;
	float:right;
	left: 30px;
	margin-top:10px;
	display:block;
	font-size:14px;
	font-variant: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}


ul.menu
{
	/*Lets tell the browser how the UL will behave, horizontally.*/
	
	/*Remove the padding and margins, to keep it clean */
	margin:0px;
	padding:0px;
	
	/*Remove the list style (bullets and things)*/
	list-style:none;

		display:block;
		width:960px; /*this will be the width of that page wrapper*/
}

.clearer
{
	clear:both; /*this will clear the floats after the ULs. this is important. If you dont clear the floats, it wont behave right */
}

ul.menu li 
{
	/*This is the list item. We need get the items next to each other. 
	We do that by floating them (left). But they must be a block level element.
	LI are, but just in case, we'll set how the LI displays */
	
	display:block;
	float:left;
	padding-top:3px;
	position:top;


}

ul.menu li  a
{
	/*at this point, the items are next to each other, but 
	there's no spacing between them, since we set margins & padding to 0. 
	So lets give a bit of padding for separation. */
	
	padding:3px;
	padding-left:10px;
	
	/* since we're using the same padding and spacing in both menus, we can keep it in here.
	If we wanted different values, then we can put that in the specific classes (top-menu, bottom-menu).*/
	/*lets remove the underline from the links */
	text-decoration:none;
	
	
}

/* specific classes. both menus have the same stuff above, but will look different.*/
ul.top-menu
{
	background-color:#f6ddc5;
	height:30px;/* we have to set the height of the menu bar. with the floats, the height colapses, unless you set it.*/
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:14px;
	letter-spacing: 1px;	 
}

ul.top-menu li 
{
	
}

ul.top-menu li a
{
	color:#000000;
	display:block;
}

ul.top-menu li a:hover
{
	background-color:#faefe3; /* top menu background color - yellowish.*/
}

ul.bottom-menu
{
	/* You can put the gradient background here too! I just put in some advanced CSS */
	/* I generated the CSS from this site: http://www.colorzilla.com/gradient-editor/ */
	background: #523c28; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzUyM2MyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjFlMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #523c28 1%, #2f1e0f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#523c28), color-stop(100%,#2f1e0f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #523c28 1%,#2f1e0f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #523c28 1%,#2f1e0f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #523c28 1%,#2f1e0f 100%); /* IE10+ */
	background: linear-gradient(top,  #523c28 1%,#2f1e0f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#523c28', endColorstr='#2f1e0f',GradientType=0 ); /* IE6-8 */
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:13px;
	letter-spacing: 1px;



	/*end gradient*/
	
	/*This should work in ie7+, but for Compatibility, I'd recoment putting a gradient background instead of that code above. */
	
	height:55px;
	
	border-radius:0px 0px 10px 10px;/*css3. works in ie9+, chrome, firefox and safari*/
}

ul.bottom-menu li a
{
	display:block;
	color:#ffffff;
	/*Add some top padding to center the text vertically;*/
	padding-top:10px;
	padding-bottom:10px;
	border-right:1px solid #ffffff;
	width:175px;
	height:30px;
	text-align:center;
	
}

ul.bottom-menu li a:hover
{
	background: #2f1e0f; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmMWUwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzUyM2MyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #2f1e0f 0%, #523c28 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f1e0f), color-stop(99%,#523c28)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2f1e0f 0%,#523c28 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2f1e0f 0%,#523c28 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2f1e0f 0%,#523c28 99%); /* IE10+ */
	background: linear-gradient(top,  #2f1e0f 0%,#523c28 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f1e0f', endColorstr='#523c28',GradientType=0 ); /* IE6-8 */


}

.indent-to-center
{
	margin-left:150px;
}



/*Page layout CSS--------------------------------------------------------*/



body
{
    margin:0px;
    padding:0px;
	background-image:url('assets/bkg-brown-bottom-bar.png');
	background-repeat:repeat-x;
	background-position:right top;
}

h1 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:left;
	font-size:26px;
	color: #322012;
	letter-spacing: 0px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}


h2 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:left;
	font-size:20px;
	color: #322012;
	letter-spacing: 0px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}

/*Regular Body Text;*/

h3 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:left;
	font-size:16px;
	color: #322012;
	font-weight: lighter;
	line-height: 22px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}


h4 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:center;
	font-size:14px;
	color: #322012;
	font-weight: lighter;
	font-style: italic;
	line-height: normal;
	font-variant: normal;
}



h5 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:right;
	font-size:14px;
	color: #322012;
	font-weight: lighter;
	font-style: italic;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}



.h5 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:right;
	font-size:14px;
	color: #322012;
	font-weight: lighter;
	font-style: italic;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}



h6 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:left;
	font-size:14px;
	color: #322012;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	word-spacing: normal;
	letter-spacing: 1px;
}



h7 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:left;
	font-size:15px;
	color: #322012;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	word-spacing: normal;
}



.h7 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:left;
	font-size:15px;
	color: #322012;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	word-spacing: normal;
}

.subnav-links {

	font-family:"Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:left;
	display:block;
	font-size:17px;
	text-shadow: 1px 1px 4px #666266;
	filter: dropshadow(color=#666266, offx=1, offy=1);
	text-shadow: 2px 2px 3px #000000;
	filter: dropshadow(color=#000000, offx=2, offy=2);
	color: #ffffff;
	font-weight: normal;
}

.palatino-italic-left-align-white {

	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:left;
	font-size:14px;
	color: #ffffff;
	font-weight: lighter;
	font-style: italic;
	line-height: normal;
	font-variant: normal;
	text-transform: none;

}

.palatino-italic-left-align-brown {

	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:left;
	font-size:16px;
	color: #322012;
	font-weight: lighter;
	font-style: italic;
	line-height: normal;
	font-variant: normal;
	text-transform: none;

}

.company-position {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:left;
	font-size:17px;
	color: #322012;
	font-weight: bold;
	font-style: italic;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}

.profession {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:left;
	font-size:17px;
	color: #322012;
	font-weight: normal;
	font-style: italic;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}


.photo-courtesy-of {

	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:left;
	font-size:14px;
	color: #322012;
	font-weight: lighter;
	font-style: italic;
	line-height: normal;
	font-variant: normal;
	text-transform: none;

}

.footer-name

{
	font-family:"Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	position:relative;
	text-align:center;
	display:block;
	font-size:15px;
	text-shadow: 1px 1px 4px #666266;
	filter: dropshadow(color=#666266, offx=1, offy=1);
	text-shadow: 2px 2px 3px #000000;
	filter: dropshadow(color=#000000, offx=2, offy=2);
	color: #ffffff;
	font-weight: bold;
	line-height: 22px;
}


.footer-do

{
	font-family:"Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:center;
	display:block;
	font-size:13px;
	text-shadow: 1px 1px 4px #666266;
	text-shadow: 2px 2px 3px #000000;
	color: #ffffff;
	font-weight: normal;
	line-height: 12px;
}

.footer-address-phone

{
	font-family:"Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:center;
	display:block;
	font-size:13px;
	text-shadow: 1px 1px 4px #666266;
	text-shadow: 2px 2px 3px #000000;
	color: #ffffff;
	font-weight: normal;
	margin: 0px;
}

#footer-contact-name p {
	margin-bottom: 0px;
}

.footer-copyright

{
	font-family:"Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:center;
	font-size:13px;
	color: #322012;
	font-weight: normal;
}


.footer-navigation

{
	font-family:"Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:left;
	font-size:14px;
	color: #ffffff;
	font-weight: normal;
	}
.footer-navigation .a {
	font-size: 14px;
	color: #F9E1C7;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #F9E1C7;
}
a:hover {
	text-decoration: none;
	color: #ffffff;
}
a:active {
	text-decoration: none;
	color: #F9E1C7;
}
	


#right-column-intro h1 
{
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 8px;

}

#right-column-intro h2 
{
margin-top: 0px;
margin-bottom: 0px;

}


#right-column-intro h3 
{
margin-top: 0px;
margin-bottom: 0px;

}


#page-wrapper
{
    position:relative;
    margin:auto; /*center div*/
    width:950px;
    padding:5px;
    background-color:none;
    padding:10px;
}

#header
{
     position:relative;
     /*background-image: url(/images/header.file);*/
	 /*was previously red*/
     background-repeat: no-repeat;
     background-position:top center;
     width:100%;
     background-color: none;
     padding:top:90px;
}   

/*Top NAV --------------------------------------------------------*/

#header ul#menu
{
	display:inline-block;
	list-style:none;
	margin-left:500px;
}

#header ul#menu li
{
	display:inline-block;
	float:left;
	margin-left:none;
	float:right;
}

#header ul#menu li a
{
    margin-top:none;
    display:inline-block;
    background-color:Maroon;
    padding:none;
}

#header ul#menu li b
{
    display:inline-block;
    float:right;
    margin-left:none;
}

#header ul#menu li a:hover
{
    display:inline-block;
    color:green;
    background-color:yellow;

}

#content-wrapper
{
	position:relative;
	margin:auto; /*center div*/
	left: 4px;
	width:945px;
	background-color:#FFF;
	padding:10px;

}

#content-wrapper #slider-b-good

{
	position:relative;
	margin:auto; /*center div*/
	width:925px;
	height: 480px;
	background-color:#FFF;
	padding:10px;
	border: 2px solid #f9e1c7;
}

#content-wrapper #header-box-inner-pgs

{
	position:relative;
	margin:auto; /*center div*/
	width:925px;
	height: 226px;
	background-color:#FFF;
	padding:10px;
	border: 2px solid #f9e1c7;
}


#header-image-inner-p
{
	position:relative;
	margin:auto; /*center div*/
	width:913px;
	height: 191px;
	

}


#header-image-caption-box
{
	position:relative;
	margin:auto; /*center div*/
	width:913px;
	height:16px;
 	top:-15px;
	
}

/*Inner Page Basic Layout Items --------------------------------------------------------*/

/* Must set the height of this div because all of the content floats. The div will not automatically
 * set the height to the content because the content is flaoting.
 */
#content-wrapper2b
{
	position:relative;
	margin:auto; /*center div*/
	left: 5px;
	width: 965px;
	height: 1635px; 
	background-color:#ffffff;
}


#content-wrapper2b #left-column-inner-page
{
	position:relative;
	width: 591px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:18px;
	padding-left:26px;
	text-align:left;
	float: left;
	background-color:#ffffff;
}


#content-wrapper2b #left-column-inner-page .left-column-inner-page-txt-box
{
	position:relative;
	width: 591px;
	float: left;
	background-color:#ffffff;
	list-style-type: url(list-item-arrows.png);

}

#content-wrapper2b #left-column-inner-page .left-column-inner-page-txt-box li {
	position: relative;
	left: 20px;
	font-size: 14pt;
	visibility: visible;
}

#content-wrapper3b
{
	position:relative;
	margin:auto; /*center div*/
	left: 5px;
	width:965px;
	background-color:#ffffff;
	
}

#content-wrapper3b #our-staff
{
	position:relative;
	width: 591px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:18px;
	padding-left:26px;
	text-align:left;
	float: left;
	background-color:#ffffff;

}

/*Right Column Sidebar Stuff  --------------------------------*/


#content-wrapper2b #right-column-inner-page-timeline
{
	position:relative;
	display:block;
	width:270px;
	height:546px;
	text-align:left;
	padding:10px;
	border: 2px solid #F9E1C7;
	background-color:#ffffff;
	background-image: url(holm-blough-and-company-timeline-background-gradient.png);
	background-repeat: no-repeat;
	background-position: top;
}

#rightwrap {
	position:relative;
	display:block;
	width:302px;
	float:right;
	text-align: left;
}

#content-wrapper2b div.rightbox {
	position:relative;
	margin-top: 10px;
	display:block;
	width:270px;
	vertical-align: top;
	text-align:left;
	padding:10px;
	border: 2px solid #F9E1C7;
	background-color:#ffffff;
	top: 5;
}

#content-wrapper2b div.rightbox li {
	position: relative;
	left: 20px;
	visibility: visible;
}

#content-wrapper2b div.rightbox p {
	position: relative;
	line-height: 18px;
	margin: 0px;
}

#content-wrapper2b div.rightbox p.title {
	font-family:"Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 10px;
	color: #322012;
}

#content-wrapper2b div.normal p {
	top: 0px;
}

#content-wrapper2b #right-column-inner-page-timeline #timeline-title

{

	position:relative;
	display:block;
	width:290px;
	height: 40px;
	padding-top:0px;
	padding-bottom:5px;
	padding-right:10px;
	padding-left:5px;
	top: -22px;
	text-align:left;
	

}

#content-wrapper2b #right-column-inner-page-timeline #timeline-years-event-box

{

	position:relative;
	display:block;
	width:287px;
	height:567px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	padding-left:1px;
	top: -25px;
	float:left;
	

}


/*Textwrapped Photo Plus Caption --------------------------------*/

.horizontal-picture { 
	background-color: none;
	border: 1px solid #CCCCCC; 
	padding: 3px;
	font: 11px/1.4em "Palatino Linotype", "Book Antiqua", Palatino, serif; }
.picture img { 
	border: 1px solid #CCCCCC;
	vertical-align:middle; 
	margin-bottom: 3px; }
.right { 
	margin: 0.5em 0pt 0.5em 0.8em; 
	float:right; }
.left { 
	margin: 0.5em 0.8em 0.5em 0; 
	float:left; 

}


.dropshadow {
 -moz-box-shadow: 3px 3px 4px #999; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
 : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 

} 


/*Homepage Basic Layout Items --------------------------------------------------------*/


#content-wrapper2
{
	position:relative;
	margin:auto; /*center div*/
	left: -10px;
	height: 235px;
	width:965px;
	background-color:#FFF;
	
}


#content-wrapper2 #left-column-intro
{
	position:relative;
	width: 218px;
	height: 234px;
	margin:auto; /*center div*/
	float:left;
	padding-top:1px;

}


#content-wrapper2 #right-column-intro
{
    position:relative;
	width:730px;
	top: 10px;
	left: -15px;
	float:right;


}


#content-wrapper3
{
	position:relative;
	margin:auto; /*center div*/
	top: 0px;
	width:965px;
	background-color:none;

}

/*Secondary Slider - named Slider Gallery--------------------------------------------------------*/



#content-wrapper3 #secondary-slider
{
	height: 208px;
	margin-left: 20px;
	top: 10px;
	padding-top:3px;
}


#content-wrapper3 #secondary-slider .gallery 
{
	position:relative;
	height: 208px;
	background-color:none;
}

.galleryImage {
	width: 180px;
	height: 178px;
}

.gallery button {
	border-style: none;
	font-weight: bold;
	background-color: #ffffff;
	cursor: pointer;
	margin-bottom: 5px;
}  

/*Memberships/Accredidation--------------------------------------------------------*/


#content-wrapper4
{
	position:relative;
	height: 192px;
	width:908px;
	margin:auto; /*center div*/
	background-color:none;
	text-align: center;


}

/*There is no such thing as "align" style attribute */
/*Center with margin:auto; -- This only works on relative positioned items that have a defined width*/
#content-wrapper4 #membership-logos
{
	width: 908px;
	margin: auto;
	height: 144px;
	top: 10px;
	text-align: center;
}

/*Footer Pieces --------------------------------------------------------------------*/

#footer
{
	position:relative;
	height:209px;
	width:965px;
	top: 20px;
	margin:auto; /*center div*/
	background-image: url(hbco-footer-background.png);
	background-repeat: no-repeat;
}


#footer-social-media
{
	position:relative;
	height:45px;
	width:236px;
	top: 10px;
	left: 5px;
	background-image: none;
}

#footer-subnav-links
{
	position:relative;
	height:45px;
	width:236px;
	top: -8px;
	left: 5px;
	float:left;
	background-image: none;
	
}


#footer-logo
{
	position:relative;
	width:322px;
	height:134px;
	top:-35px;
	left: 80px;
	float:right;
}


#footer-contact-name
{
	position:relative;
	width:345px;
	height:134px;
	top:-20px;
	left:-120px;
}

#footer-navigation
{
	position:relative;
	width: 943px;
	height: 46px;
	left: -710px;
	top: -80px;
	border: none;
	margin-left: 0px;
	margin-bottom: 25px;
	padding-left: -20px;
	text-align: left;
	float:left;
}

/* Set the width around each menu so that we can center the div */
#footer-navigation div.top {
	width: 920px;
	margin: auto;
	overflow: hidden;
}

#footer-navigation div.bottom {
	width: 950px;
	margin: auto;
	overflow: hidden;
}

#footer-navigation .footer-nav-list {
	position: relative;
	font-family:"Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 13px;
	color: #e6d0b8;
	background-color: none;
	text-align: left;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	font-variant: normal;
	text-transform: none;
	z-index: 9999;
}

#footer-navigation .footer-nav-list ul {
	position: relative;
	margin-left: 0;
	padding-left: 0;
	display: inline;
	list-style-type: none;
	z-index: 10000;
} 

/* Divide with border-right */
#footer-navigation .footer-nav-list ul li {
	position: relative;
	float:left;
	list-style-type: none;
	padding-right: 5px;
	padding-left: 5px;
	border-right: solid;
	border-color: #ffffff;
	border-width: 1px;
	font-size: 11pt;
	z-index: 10001;
}

/* No divider on the last item */
#footer-navigation .footer-nav-list ul li.last {
	border-right: none;
}

#footer-fish
{
	position:relative;
	width: 361px;
	height: 159px;
	left: -480px;
	top: -300px;
	border: none;
	margin-left: 0px;
	z-index:100;
}

#footer-copyright
{
	position:relative;
	width: 943px;
	height: 46px;
	left: -700px;
	top: -180px;
	border: none;
	margin-left: 0px;
}

#footer-wsmd
{
	position:relative;
	width: 198px;
	height: 20px;
	left: -350px;
	top: -120px;
	border: none;
	margin-left: 0px;
}