body {
	background-color: #eee;
	color: #444;
}


div#css-container {
	width: 100%;
	min-width: 990px;
	background-color: #fff;	
}


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

div#contentWrapper {
	position: relative;
	width: 100%;
}

div#contentContainer {
	position: relative;
	width: 100%;
	padding-top: 65px;
}

/*div#contentContainer {
	position: relative;
	margin: 0 auto;
	padding-top: 65px;
}

div#css-container.small div#contentContainer {		width: 990px;}
div#css-container.medium div#contentContainer {		width: 990px;}
div#css-container.large div#contentContainer {		width: 990px;}*/


div#hero {
	position: relative;
	width: 100%;
	/*background: #fff url(/images/loading.gif) center center no-repeat;*/
	height: 450px;
}

div.hero {
	position: relative;
	height: 450px;
	display: none;
}
div.swapView {
	display: block;
	overflow: hidden;
	background-color: #fff;
}


div.content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	height: 450px;
	overflow: hidden;
}

div.content a {
	display: block;
	width: 100%;
	height: 450px;
	background: url(/images/bg_footer_shadow_portfolio.png) left 428px repeat-x;
	overflow: hidden;
}

div.content a img {
	display: none;
}


div#css-container.small div.gallery1 { background: url(/images/hero/mobile/css_anniversary/HP_FEAT_SM) center top no-repeat;}
div#css-container.small div.gallery2 { background: url(/images/hero/cropped/wells_fargo/HP_FEAT_SM) center top no-repeat;}
div#css-container.small div.gallery3 { background: #000 url(/images/hero/mobile/natalie_gulbis/HP_FEAT_SM) center top no-repeat;}
div#css-container.small div.gallery4 { background: #010000 url(/images/hero/cropped/richmond_forum/HP_FEAT_SM) center top no-repeat;}
div#css-container.small div.gallery5 { background: url(/images/hero/cropped/300/HP_FEAT_SM) center top no-repeat;}
div#css-container.small div.gallery6 { background: #020000 url(/images/hero/cropped/steward/HP_FEAT_SM) center top no-repeat;}

div#css-container.medium div.gallery1,
div#css-container.large div.gallery1 { background: url(/images/hero/mobile/css_anniversary/HP_FEAT_SM) center top no-repeat;}
div#css-container.medium div.gallery2,
div#css-container.large div.gallery2 { background: url(/images/hero/full/wells_fargo/HP_FEAT_SM) center top no-repeat;}
div#css-container.medium div.gallery3,
div#css-container.large div.gallery3 { background: #000 url(/images/hero/mobile/natalie_gulbis/HP_FEAT_SM) center top no-repeat;}
div#css-container.medium div.gallery4,
div#css-container.large div.gallery4 { background: #010000 url(/images/hero/full/richmond_forum/HP_FEAT_SM) center top no-repeat;}
div#css-container.medium div.gallery5,
div#css-container.large div.gallery5 { background: url(/images/hero/full/300/HP_FEAT_SM) center top no-repeat;}
div#css-container.medium div.gallery6,
div#css-container.large div.gallery6 { background: #020000 url(/images/hero/full/steward/HP_FEAT_SM) center top no-repeat;}



/* iPhone */
@media screen and (max-device-width: 480px) {
	div.gallery1 { background: url(/images/hero/mobile/css_anniversary/HP_FEAT_SM) center top no-repeat;}
	div.gallery2 { background: url(/images/hero/mobile/wells_fargo/HP_FEAT_SM) center top no-repeat;}
	div.gallery3 { background: #000 url(/images/hero/mobile/natalie_gulbis/HP_FEAT_SM) center top no-repeat;}
	div.gallery4 { background: #010000 url(/images/hero/mobile/richmond_forum/HP_FEAT_SM) center top no-repeat;}
	div.gallery5 { background: url(/images/hero/mobile/300/HP_FEAT_SM) center top no-repeat;}
	div.gallery6 { background: #020000 url(/images/hero/mobile/steward/HP_FEAT_SM) center top no-repeat;}
}

/* iPad */
@media screen and (max-device-width: 1024px) {
	div.gallery1 { background: url(/images/hero/mobile/css_anniversary/HP_FEAT_SM) center top no-repeat;}
	div.gallery2 { background: url(/images/hero/mobile/wells_fargo/HP_FEAT_SM) center top no-repeat;}
	div.gallery3 { background: #000 url(/images/hero/mobile/natalie_gulbis/HP_FEAT_SM) center top no-repeat;}
	div.gallery4 { background: #010000 url(/images/hero/mobile/richmond_forum/HP_FEAT_SM) center top no-repeat;}
	div.gallery5 { background: url(/images/hero/mobile/300/HP_FEAT_SM) center top no-repeat;}
	div.gallery6 { background: #020000 url(/images/hero/mobile/steward/HP_FEAT_SM) center top no-repeat;}
}


div#homerDetailsWrapper {
	position: relative;
	width: 100%;
}

div#homerNavWrapper {
	position: relative;
	width: 100%;
	height: 100px;
	background: url(/images/bg_home_nav.gif) left top repeat-x;
}

div#homerNavContainer {
	position: relative;
	margin: 0 auto;
	width: 990px;
	height: 100px;
	background: url(/images/tagline.png) left top no-repeat;
}

div#homerNavContainer h2 {
	display: none;
}


div.heronav {
	position: relative;
	height: 100px;
	overflow: hidden;
	margin-left: 475px;
}
div.heronav ul {
	position: relative;
	height: 100px;
	padding-left: 30px;
}
div.heronav ul li {
	display: block;
	float: left;
	position: relative;
	width: 80px;
	height: 100px;
	background-position: center top;
	background-repeat: no-repeat;
}

div.heronav ul li a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #e35400;
	position: relative;
	display: block;
	width: 60px;
	height: 75px;
	padding: 25px 10px 0 10px;
	outline: none;
	background-position: center top;
	background-repeat: no-repeat;
}

div.heronav ul li a.active {
	cursor: default;
}

div.heronav ul li.indicatorGray a.active {				background-image: url(/images/indicator_gray.png);}
div.heronav ul li.indicatorWellsFargo a.active {		background-image: url(/images/indicator_wells_fargo.png);}
div.heronav ul li.indicatorBlack a.active {				background-image: url(/images/indicator_black.png);}
div.heronav ul li.indicatorHourigan a.active {			background-image: url(/images/indicator_hourigan.png);}

div.heronav ul li a span {
	display: block;
	position: absolute;
	top: 25px;
	width: 60px;
	height: 45px;
	background: url(/images/bg_thumb_hero.png) left top no-repeat;
}

div.heronav ul li a:hover span {		background-position: left -45px;}
div.heronav ul li a:active span,
div.heronav ul li a.active span {		background-position: left -90px;}


div.heronav ul li a img {
	margin: 0 auto;
}

/*div#css-container.small div#homerNavContainer {	width: 990px;}
div#css-container.medium div#homerNavContainer {	width: 990px;}
div#css-container.large div#homerNavContainer {		width: 990px;}*/


div#homerCalloutsWrapper {
	clear: both;
	position: relative;
	width: 100%;
}

div#homerCalloutsContainer {
	position: relative;
	margin: 0 auto;
	width: 960px;
	padding: 40px 15px 35px 15px;
}



div.columnFourth {
	width: 210px;
	float: left;
	margin-right: 40px;
	padding-bottom: 10px;
}
div.columnTwoFourths {
	width: 460px;
	float: left;
	padding-bottom: 10px;
}

div#homerCalloutsContainer h3 {
	color: #555;
	font: bold 13px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-bottom: double 4px #ddd;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

div#homerCalloutsContainer p {
	color: #666;
	font: normal 13px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	margin-bottom: 4px;
}
div#homerCalloutsContainer p.divisionLinker {
	margin-bottom: 24px;
}
div#homerCalloutsContainer p.newsLinker a {
	background: url(/images/arrow_link_orange.gif) right 5px no-repeat;
	padding-right: 10px;
}
span.dater {
	font-size: 11px;
	line-height: 20px;
	color: #888;
}
div#homerCalloutsContainer p.newsLinker {
	margin-bottom: 16px;
}

div#homerCalloutsContainer a {
	color: #e35400;
	text-decoration: none;
}
div#homerCalloutsContainer a.thumb {
	padding-right: 0;
}
div#homerCalloutsContainer a:hover {
	text-decoration: underline;
}