
/* global reset */
*{ margin: 0; padding: 0; }*
:focus, :active { outline: 0; }
body { font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Sans-Serif; background: #e4e4e4 url('/images/bgHeader.gif') top left repeat-x; color: #666; }
 body {height: 100%;}
a { color: #58a3cc; text-decoration: none; }
a:hover {color: #fff; background: #2971a7; }
img { border: 0; }
h1 { font-size: 18px; font-weight: normal; color: #1b1b1b;}
h1.newsHeadline { font-size: 22px; font-weight: normal; color: #1b1b1b;}
h2 { font-size: 18px; font-weight: normal; color: #1b1b1b;}
h2 a { font-size: 18px; font-weight: normal; color: #1b1b1b; text-decoration: none;}
h2 a:hover { background: #2971a7; color: #fff; }
h2.newsSubheadline {font: 17px "Lucida Sans Unicode", Arial, Verdana, Sans-Serif; color: #aaa; padding: 0 0 10px 0;}
h3 {font: bold 12px Verdana, "Lucida Sans Unicode", Arial, Verdana, Sans-Serif; padding: 3px 3px 3px 0; color: #777;}
h6 {font: italic 11px Arial, Sans-Serif; color: #666666; margin: 0; padding: 0 0 5px 0;}

.hr { color: #ccc; }
p { line-height: 1.6em; color: #999999; margin: 0 0 12px 0;}
.grey {color: #bbb;}
.font11 {font-size: 11px;}
#randomImage {padding: 1px; border: 1px solid #1f1f1f;}
.inline {display: inline;}


/* CONTAINERS */
#content { margin: 20px auto; width: 960px; position: relative; height: 90%;}
#logo {  float: left; margin: 60px 0 0px 0px; padding: 0; font-size: 4em; color: #fff;}

#menu-top { float: right; margin: 25px 10px 0px 0;}
#menu-top li { list-style: none; display: block; padding: 3px 20px;  text-align: right; height: 19px;}
#menu-top li { list-style: none; display: block; padding: 3px 20px;  text-align: right;}



#menu-top li a#home {color: #666; display: block; width: 76px; height: 19px; background: transparent url('/images/menu/home.gif') no-repeat 0 0;}
#menu-top li a#home.current {background-position: 0 -19px;}
#menu-top li a#home:hover {background-position: 0 -19px;}
#menu-top li a#home span {display: none;}
#menu-top li a#about {color: #666; display: block; width: 76px; height: 19px; background: transparent url('/images/menu/about.gif') no-repeat 0 0;}
#menu-top li a#about.current {background-position: 0 -19px;}
#menu-top li a#about:hover {background-position: 0 -19px;}
#menu-top li a#about span {display: none;}
#menu-top li a#blog {color: #666; display: block; width: 76px; height: 19px; background: transparent url('/images/menu/blog.gif') no-repeat 0 0;}
#menu-top li a#blog.current {background-position: 0 -19px;}
#menu-top li a#blog:hover {background-position: 0 -19px;}
#menu-top li a#blog span {display: none;}
#menu-top li a#contact {color: #666; display: block; width: 76px; height: 19px; background: transparent url('/images/menu/contact.gif') no-repeat 0 0;}
#menu-top li a#contact.current {background-position: 0 -19px;}
#menu-top li a#contact:hover {background-position: 0 -19px;}
#menu-top li a#contact span {display: none;}
#menu-top li a#photos {color: #666; display: block; width: 76px; height: 19px; background: transparent url('/images/menu/photos.gif') no-repeat 0 0;}
#menu-top li a#photos.current {background-position: 0 -19px;}
#menu-top li a#photos:hover {background-position: 0 -19px;}
#menu-top li a#photos span {display: none;}
#menu-top li a#freebies {color: #666; display: block; width: 76px; height: 19px; background: transparent url('/images/menu/freebies.gif') no-repeat 0 0;}
#menu-top li a#freebies.current {background-position: 0 -19px;}
#menu-top li a#freebies:hover {background-position: 0 -19px;}
#menu-top li a#freebies span {display: none;}
#menu-top li a#shop {color: #666; display: block; width: 76px; height: 19px; background: transparent url('/images/menu/shop.gif') no-repeat 0 0;}
#menu-top li a#shop.current {background-position: 0 -19px;}
#menu-top li a#shop:hover {background-position: 0 -19px;}
#menu-top li a#shop span {display: none;}


#intro { clear: both; padding: 15px 0 1px 20px; border-top: 1px solid #302d28; border-bottom: 1px solid #302d28; font-size: 1.3em; background: #000; margin: 0 0 30px; }
#intro a:hover { background: #2971a7; color: #fff;}



#left {float: left; width: 620px; margin: 100px 0 15px 0px; }
#left h2 a {text-decoration: none;}

#left li { list-style: none; }
#left li a { display: block; border-bottom: 1px solid #ccc; padding: 5px 5px;}
#left li a:hover {background: #2971a7; color: #fff;}
#left ul.horizontalList {display: inline;}
#left ul.horizontalList li { display: inline; list-style: none; border: 0; padding: 0;}
#left ul.horizontalList li a {font-size: 11px; display: inline; list-style: none; border: 0; padding: 2px 4px; border-left: 1px solid #bbb;}
#left ul.horizontalList li a.firstItem { display: inline; list-style: none; border: 0; padding: 2px 4px 0 0; border: 0;}
#left ul.horizontalList li a:hover {background: #2971a7; color: #fff;}
#left div.contentBlock {margin: 10px 0 0 0; width: 617px; height: 167px; background: url('/images/bgContentBlock.gif') top left no-repeat;}
#left div.contentBlock-content { float: left; width: 260px; padding: 25px 10px 20px 25px; color: #999;}
#left div.contentBlock-content-intro { float: left; width: 560px; padding: 25px 10px 20px 25px;}

#left div.article-top {width: 617px; height: 10x; margin: 10px 0 0 0; padding: 0;}
#left div.article-contentContainer {width: 617px; margin: -3px 0 0 4px;}
#left div.article-contentContainer div.article-content {width: 576px; padding: 17px 10px 20px 25px; background: #fff;}
#left div.article-contentContainer div.article-content h3 {padding: 8px 0;}
#left div.article-bottom { width: 617px; height: 10x; margin: 0 0 0 2px; background: url('/images/bgArticleBottom.gif') top left no-repeat;}
#left div.article-thumb {float: right; padding: 25px 25px 20px 0px;}
#left div.article-thumb a {}
#left div.article-thumb a:hover {background: #fff;}
#left div.article-thumb a img {padding: 1px; border: 1px solid #fff;}
#left div.article-thumb a img:hover {border: 1px solid #777;}

#right { float: right; width: 280px; margin: 85px 20px 20px 0; background: #efefef; border: 1px solid #ddd;}
.rightElement {width: 250px; margin: 0; padding: 10px 15px; clear: both; border-top: 1px solid #fff; border-bottom: 1px solid #ccc;}
.rightElement h3 { margin: 0 0 5px 4px; }
.rightElement p { margin: 0 0 0 5px; }
.rightElement img {margin: 0; padding: 0;}
.rightElement img.galleryThumb { margin: 0 3px 3px 0; border: 1px solid #aaa; padding: 1px; }
.rightElement img.galleryThumb:hover {border: 1px solid #2971a7;}
.rightElement img.currentGallery {border: 2px solid #a82a15;}
.rightElement ul {}
.rightElement li { list-style: none; }
.rightElement li a { display: block; border-bottom: 0px solid #ccc; padding: 3px 5px; font: 11px normal Arial, Sans-Serif;}
.rightElement li a.current {font-weight: bold;}
.rightElement li a:hover {color: #fff; background: #2971a7;}

#footerContainer {width: 100%; background: #1b1b1b; clear: both; margin: 20px 0 0 0;}
#footer {width: 960px; margin: 0 auto; position: relative; padding: 25px 20px; font: 11px Georgia, "Times New Roman", Sans-Serif;}
#footer table#footerCredits {}
#footer table#footerCredits td {padding: 0 20px 0 0; margin: 0;}
#footer table#footerCredits td a {color: #999;}
#footer table#footerCredits td a:hover {color: #fff;}
#footer table#footerCredits td.bhcLogo {padding: 7px 10px 0 0;}
/* Link image hovers */
#linkBHC { display: block; width: 45px; height: 44px; background: transparent url("/images/black-hayden-consulting-logo.gif") no-repeat 0 0;}
#linkBHC:hover { background-position: 0 -44px;}
#linkBHC span {display: none;}
#footer table#footerCredits td.siteBy {padding: 9px 0 0 0;}
#footer table#footerCredits td.siteBy a:hover {color: #fff; background: #1b1b1b;}
#r { float: right; padding: 30px 25px 0 0;}
#r a {color: #999;}
#r a:hover {color: #fff; background: #1b1b1b;}

/*--Animated slideshow--*/
	/* CSS FOR SLIDESHOW SCRIPT */
	.imageSlideshowHolder {
		margin:5px;	/* "Air" */
		float:right; /* Floating gallery at the right side of other web page content */		
		width:240px;	/* Image width */
		height:100px;	/* Image height */
		
		position:relative;	/* Don't remove this line */
	}

	/* Don't change these values */
	.imageSlideshowHolder a img {
		position:absolute;
		left:0px;
		top:0px;
	}