html, body { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #999; line-height: 19px; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }
h1.headertext, h1 { color: #999; font-size: 22px; line-height: 22px; font-weight: normal; margin-bottom:20px; }
.pullquote { float: left; font-size: 24px; line-height: 36px; font-style: italic; text-align: center; margin: 25px 0 0; }
.pullquote span { display: block; margin: 15px 0 20px; color: #767373; }
.pullquote img { display: block; margin: 0 auto; }
#logo { border: none; margin: 0 auto; width: 960px; display: block; }
#container { width: 960px; position: relative; margin: 0 auto; }
#centered-container { width: 960px; float: left; padding: 0 0 35px; }
#banner { margin: 9px 0 0; height: 257px; position: relative; }
#overlayed-image { position: absolute; top: 130px; right: 10px; width: 336px; height: 216px; z-index: 999999; }
#banner-fade-left { position: absolute; top:0; left: -120px; z-index: 99999; }
#banner-fade-right { position: absolute; top:0; right: 240px; z-index: 99999; } /* homepage has different right margin from other pages */
.header-slideshow { position: relative; left: -120px; overflow: hidden; width:838px; height:257px;}
#content { position: relative; }
.column { position: relative; }
.left { width: 627px; }
#buttons { height: 74px; width: 627px; margin: 60px 0 0; }
.button { width: 294px; padding: 0 0 0 7px; height: 74px; background: url(images/bg-button.png) no-repeat; }
.button .comp-copy { font-size: 50px; text-align: right; font-size: 18px; color: #ab2941; padding: 5px 0 0; margin-left: 184px !important; }
.button a { width: 301px; height: 74px; color: #ab2941; }
.button a:hover { text-decoration: none; }
.right { float: right; margin: 80px 0 0; }
.box-small-grey { background: url(images/box-grey-small-sliver.jpg) repeat-y; width: 248px; padding: 15px 50px 0 15px; color: #666; line-height: 20px; }
.box-small-grey p { margin: 0; }
.box-small-grey ul, .grey-box-big ul { margin-left: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; }
.box-small-grey ul li, .grey-box-big ul li { font-style: italic; padding: 0 0 15px 15px; background: url(images/bullet.gif) no-repeat 0 7px; }
.grey-box-big ul li { padding: 0 0 5px 20px; }
#footer { position: relative;width: 100%; bottom: 0; height: 20px; background:url(images/bg-footer.gif) repeat-x; text-align: center; padding: 15px 0 0; font-family: tahoma; color: #fff; font-size: 11px; text-transform: uppercase; clear: both; }
#footer a { color: #fff; }
.staff-member { background: url(images/bg-staff-member.png) no-repeat bottom left; width: 920px; padding: 0 0 2px 2px; margin: 0 0 40px; float: left; }
.mug-shot { float: left; width: 134px; }
.contact-info { float: left; font-family: Tahoma, Geneva, sans-serif; width: 155px; }
.contact-info h1.headertext { color: #060606; font-size: 16px; font-weight: bold; margin: 0; }
.contact-info p { margin-top: 2px; font-size: 11px; }
.contact-info a { color: #878787; text-decoration: underline; }
.copy-right, .copy-left { font-size: 11px; font-family: Tahoma, Geneva, sans-serif; margin: 0 0 0 20px; float: left; width: 280px;}
.copy-right ul { margin-top: 0; }
.grey-box-big { width: 547px; float: left; background:url(images/grey-box-sliver.jpg); padding: 0 60px 0 20px; color: #666; }
.grey-box-big div.inner { float: left; width: 547px; padding: 0 0 20px; }
.two-col-left { float: left; width: 293px; }
.two-col-right { float: left; width: 597px; margin: 0 0 0 30px; }
.two-col-right:first-child { margin-top: 0; }
.client-note { background: #000; width: 837px; line-height: 20px; height: 20px; color: #fff; font-size: 11px; font-weight: bold; padding-left: 10px; }
/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */
/* remove all list stylings */
.menu, .menu ul {
margin: 4px 0 0 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}
.menu li {
margin: 0;
padding: 0;
border: 0;
display: block;
float: left; /* move all main list items into one row, by floating them */
position: relative; /* position each LI, thus creating potential IE.win overlap problem */
z-index: 5; /* thus we need to apply explicit z-index here... */
}
.menu li:hover {
z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the menu */
white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}
.menu li li {
float: none;/* items of the nested menus are kept on separate lines */
}
.menu ul {
visibility: hidden; /* initially hide all submenus. */
position: absolute;
z-index: 10;
left: 0; /* while hidden, always keep them at the top left corner, */
top: 0; /* to avoid scrollbars as much as possible */
}
.menu li:hover>ul {
visibility: visible; /* display submenu them on hover */
top: 100%; /* 1st level go below their parent item */
}
.menu li li:hover>ul { /* 2nd+ levels go on the right side of the parent item */
top: 0;
left: 100%;
}
/* -- float.clear --
force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.menu, .menu ul { /* IE7 float clear: */
min-height: 0;
}
/* -- float.clear.END -- */
/* -- sticky.submenu --
it should not disappear when your mouse moves a bit outside the submenu
YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
if you do it, make sure you 110% know what you do */
.menu ul {
background-image: url(empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
padding: 5px 30px 30px 30px;
margin: -5px 0 0 -30px;
/*background: #f00;*/ /* uncomment this if you want to see the "safe" area.
you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */
/* STYLES */
.menu { font-family: Tahoma, Geneva, sans-serif; }
.menu li { white-space: nowrap; margin: 0 0 0 1; background: url(images/bg-nav-li.gif) no-repeat bottom left; }
.menu li a { display: block; padding: 0 15px; }
.menu li a:hover, .menu li.on a { background: #ab2941; }
.menu a { color: #fff; display: block; width: inherit; white-space: nowrap; text-transform: uppercase; cursor: pointer; }
.menu li li a { height: 27px; line-height: 27px; }
.menu li li a:hover { background: #8a0720; }
.menu a:hover { text-decoration: none; }
.menu li a span { background: url(images/bg-sub-nav-li.gif) repeat-x top left; display: block; width: inherit; }
.menu li li { background: #ab2941; width: inherit; display: block; }