/* @override 
	http://mering.dev/css/style.css
	http://html.mering.dev/css/style.css
	http://mering.bkwlddev.com/css/style.css
	http://meringcarson.com/css/style.css
*/

@import "reset.css";

body {
	background: #ece7df url('/img/background.png') no-repeat center top;
	padding: 0 0 20px;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.futura a {
	text-decoration: none;
}

/* Header */
#header {
	padding: 30px 0 0;
}
#header h1 {
	background: url('/img/mering_carson.gif') no-repeat;
	width: 250px; height: 48px;
	margin: 0 0 10px;
}
#header h1 a, #header h1 a:hover {
	width: 250px; height: 48px;
	float: left;
	text-indent: -9999em;
}

#header ul {
	border-top: 1px solid #dfd7cb;
	border-bottom: 1px solid #dfd7cb;
	padding: 3px 0;
}

#header li {
	float: left;
	padding: 0 20px 0 0;
	position: relative;
	top: -2px;
}
#header li a {
	text-decoration: none;
	color: #38382f;
	text-transform: uppercase;
	font: 11px Georgia, serif;
	text-shadow: #faf6f4 1px 1px 0;
}

.news li#nav_news a, .meringology li#nav_meringology a, #header_container.news li a:hover, #header_container.meringology li a:hover, #header li a:hover {
	color: #b48503;
}

.work li#nav_work a, #header_container.work li a:hover, .work_detail li#nav_work a, #header_container.work_detail li a:hover {
	color: #418a94;
}

.expertise_detail li#nav_expertise a, #header_container.expertise_detail li a:hover {
	color: #867d2c;
}

.contact li#nav_contact a, #header_container.contact li a:hover {
	color: #a04d16;
}

/* Content */
#content .container {
	width: 1000px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}
div.intro {
    width: 1000px;
	padding: 0 0 0;
}
#content .intro p {
	font: 15px/160% Georgia, serif;
	padding: 12px 0 40px;
	color: #313129;
}
.intro em {
	font-style: normal;
	color: #b48503;
}
.intro .img {
	text-align: center;
}
.intro .img img {
	margin-left: 80px;
}
.intro .description {
    border-top: 1px solid #dfd7cb;
    padding: 18px 110px 0;
}
.intro .futura {
	font-weight: normal;
	font-size: 23px;
	text-transform: uppercase;
	color: #8c8372;
}
.h2pad {
	margin: 15px 0; padding: 20px 0;
	border-top: 1px solid #dfd7cb;
	border-bottom: 1px solid #dfd7cb;
}
.futura em {
	color: #b48503;
}

/* Arrows */
#left_arrow {
	width: 11px; height: 22px;
	position: absolute;
	margin: 140px 0 0 47px;
}
#left_arrow a {
	background: url('/img/misc/arrows.gif') no-repeat top left;
	width: 11px; height: 22px;
	display: block;
	text-indent: -9999em;
}

#left_arrow .off {
	/*background-position: bottom left;*/
}
#right_arrow {
	width: 11px; height: 22px;
	position: absolute;
	margin: 140px 0 0 927px;
}
#right_arrow a {
	background: url('/img/misc/arrows.gif') no-repeat top right;
	width: 11px; height: 22px;
	display: block;
	text-indent: -9999em;
}
#right_arrow a:hover, #left_arrow a:hover {
	opacity: 0.6;
}
#right_arrow a.off:hover, #left_arrow a.off:hover{
	/*opacity: 1;*/
}

#right_arrow .off {
	/*background-position: bottom right;*/
}

/* Footer */
#footer {
	text-align: right;
	border-top: 1px solid #dfd7cb;
	padding: 8px 0;
	color: #b9b1a1;
	font: 11px Georgia, serif;
}
#footer a {
	color: #b9b1a1;
}
#footer a:hover {
	color: #959083;
}

/* Work */
.work #header h1, .work_detail #header h1 {
	background: url('/img/mering_carson_blue.gif') no-repeat;
}
.work #content {
	min-height: 620px;
	height: auto !important;
	height: 620px;
}
.work li.active a, .work_detail li.active a {
	color: #418a94 !important;
}
.work #right_arrow, .work #left_arrow {
	margin-top: 320px;
}
.news #right_arrow, .news #left_arrow {
	margin-top: 250px;
}
a.thumb {
	background: url('/img/misc/work_bg.gif') no-repeat top left;
	width: 220px; height: 120px;
	margin: 0 0 10px; padding: 0 0 1px;
	display: block;
}
.work_items {
	width: 771px;
	margin: 0 auto;
	padding: 0 0 20px;
	position: relative;
	top: -9px;
}
.item h3.futura, .item h3.futura a {
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	color: #807663;
}
.meringology h3.futura {
	font-size: 22px;
	color: #807663;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 12px;
}

.work h3.futura a {
	left: -6px;
}

.futura a:hover {
	opacity: 0.6;
}

.work_items .item {
	width: 220px; height: 142px;
	float: left;
	margin: 14px;
}
.page_top {
	padding: 15px 0 17px;
}
.page_top ul, .page_nav ul {
	float: right;
}
.page_top li, .page_nav li {
	float: left;
	padding: 0 8px;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	color: #807663;
}
.page_top a:hover, .page_nav a:hover, .page_top a.active, .page_nav a.active {
	color: #418a94;
}
.page_top a, .page_nav a {
	color: #beaf95;
}

.work #left_arrow a,
.work #left_arrow a:hover,
.work #right_arrow a,
.work #right_arrow a:hover,
.work_detail #left_arrow a,
.work_detail #left_arrow a:hover,
.work_detail #right_arrow a,
.work_detail #right_arrow a:hover {
	background-image: url('/img/misc/arrows_blue.gif');
}

/* Work Detail */
.work_detail {
	
}
.page_nav {
	border-bottom: 1px solid #dfd7cb;
	padding: 9px 0;
}
.page_nav ul {
	padding: 8px 0 0;
}
.page_nav h2 {
	background: url('/img/titles/work_listing.gif') no-repeat;
	width: 175px; height: 36px;
	float: left;
}
.page_nav h2:hover {
	background: url(../img/titles/work_listing_hover.gif) no-repeat;
}
.page_nav h2 a, .page_nav h2 a:hover {
	text-decoration: none;
	text-indent: -9999em;
	height: 36px;
	display: block;
}
.work_detail .page_top {
	padding: 20px 0 15px;
}
.page_top h2.futura {
	font-size: 46px;
	text-transform: uppercase;
	font-weight: normal;
	color: #418a94;
	padding: 0 0 0 40px;
	letter-spacing: -1px;
	background-repeat: no-repeat;
	background-position: left top;
}

.meringology .page_top h2.futura {
	background-image: url(../img/figs/fig_b.gif);
}

.work .page_top h2.futura, .work_detail .page_top h2.futura {
	background-image: url(../img/figs/fig_c.gif);
}

.expertise_detail .page_top h2.futura {
	background-image: url(../img/figs/fig_d.gif);
}

.news .page_top h2.futura {
	background-image: url(../img/figs/fig_e.gif);
}

.contact .page_top h2.futura {
	background-image: url(../img/figs/fig_f.gif);
}

.page_top h2.futura .cufon {
	position: relative;
	top: -2px;
}
#replace {
	width: 1000px;
	overflow: hidden;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding-top: 25px;
}

.meringology #replace {
	padding-top: 0px;
}

.work_detail #replace {
	padding-top: 0px;
}

.news #replace {
	padding-top: 10px;
}

.work_detail #right_arrow, .work_detail #left_arrow {
	margin-top: 320px;
}


.item .description p {
	font: 15px/160% Georgia, serif;
	margin: 20px 0 0;
	color: #313129;
	padding-right: 0;
		padding-left: 0;
}
.item .description p:first-child {
	border-top: 1px solid #dfd7cb;
	padding-top: 20px;

}
.preview .picture {
	width: 350px; height: 190px;
	float: left;
}
.preview .teaser {
	width: 355px; height: 170px;
	float: left;
	margin: 10px 0 0 5px; padding: 0 0 0 15px;
	border-left: 1px solid #dfd7cb;
}
.preview .futura {
	text-transform: uppercase;
	font-size: 40px;
	color: #418a94;
	font-weight: normal;
}

.thmb_container {
	min-height: 386px;
	height: auto !important;
	height: 386px;
	text-align: center;
}
div.video, div.web, div.radio { text-align: center; }
.web img {
	margin: 0 0 25px;
}
.item h3.futura a {
	color: #418a94;
	position: relative;
}
.radio .thmb_container {
	padding: 80px 0 0;
}
.radio h3 {
	margin: 15px 0 0;
}
.radio h3.futura a {
	font-size: 38px;
}
.broadcast {
	text-align: center;
}
.web h3 {
	margin-top: 20px;
}
.item h4 {
	padding: 20px 0 0;
	text-align: center;
	font-weight: normal;
	font: 14px Georgia, serif;
	color: #313129;
	text-shadow: #fff 1px 1px 0;
}
.radio h4, .web h4 {
	padding-top: 10px;
}

.shadow {
	background: url('/img/shadow/r_l.gif') repeat-y right;
	margin: 0 auto;
}
.b_l {
	background: url('/img/shadow/b_l.gif') repeat-x bottom;
}
.t_r {
	background: url('/img/shadow/t_r.gif') no-repeat top right;
}
.br_c {
	background: url('/img/shadow/br_c.gif') no-repeat bottom right;
}
.l_c {
	background: url('/img/shadow/l_c.gif') no-repeat bottom left;
	padding: 0 4px 4px 0;
}

/* Expertise */
.expertise_detail #right_arrow, .expertise_detail #left_arrow {
	margin-top: 320px;
}
.expertise_detail li a.active {
	color: #867d2c !important;
}
.expertise_detail .page_top {
	padding: 15px 0 0;
}
.expertise_detail h2.futura {
	color: #776d11;
}
.expertise_detail #header h1 {
	background: url('/img/mering_carson_brown.gif') no-repeat;
}

.expertise_detail #left_arrow a,
.expertise_detail #left_arrow a:hover,
.expertise_detail #right_arrow a,
.expertise_detail #right_arrow a:hover {
	background-image: url('/img/misc/arrows_brown.gif');
}

.expertise_detail .item {
	width: 730px;
	margin: 0 auto;
}
.expertise_detail .item .section {
	border-top: 1px solid #dfd7cb;
	border-bottom: 1px solid #dfd7cb;
	padding: 35px 0;
}
.expertise_detail.real_detail .item .section {
	padding-bottom: 15px;
	padding-top: 0;
	border-top-style: none;
}

.expertise_detail .section h2.futura {
	font-weight: normal;
	font-size: 55px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
}
.expertise_detail.real_detail .section h2.futura {
	font-size: 30px;
}
.expertise_detail .section p {
	font: 15px/150% Georgia, serif;
	color: #313129;
}
.expertise_detail.real_detail .section p, .expertise_detail.real_detail .section ul {
	font-size: 14px;
	margin-bottom: 20px;
}
.expertise_detail.real_detail .section li {
	font: 14px/150% Georgia, serif;
	list-style-type: disc;
	margin-left: 20px;
	color: #313129;
}
.expertise_detail .section em {
	font-style: normal;
	color: #776d11;
}
.expertise_detail .services {
	padding: 20px 0 0;
}
.expertise_detail .services h2 {
	font-weight: normal;
	font-size: 30px;
	text-transform: uppercase;
	padding: 0 0 10px;
}
.expertise_detail .services li {
	width: 200px;
	float: left;
	padding: 7px 10px 9px 8px;
	border-top: 1px solid #dfd7cb;
	font-size: 19px;
	text-transform: uppercase;
}
.expertise_detail .services li a {
	color: #807663;
}
.expertise_detail .services li.active a {
	color: #867d2c;
}
.services li.bottom {
	border-bottom: 1px solid #dfd7cb;
}
.expertise_detail .services li.center {
	margin: 0 35px;
}
.expertise_detail .services li.current {
	background: #776d11;
	color: #fff;
	text-shadow: none !important;
}

.section.sub img {
	float: left;
	margin: 0 20px 0 0;
}
.section.sub h3 {
	font-weight: normal;
	font-size: 45px;
	text-transform: uppercase;
	color: #776d11;
	padding: 0 0 5px;
}
.section.sub p {
	font: 11px/160% Georgia, serif;
}
.meringology #heartplushead {
	background: url(/img/titles/heartplushead.png) no-repeat;
	display: inline-block;
	text-indent: -9999px;
	width: 112px;
	height: 12px;
	vertical-align: text-bottom;
	position: relative;
	top: -3px;
}

/* News */

.news #header .active a {
	color: #b48503;
}
.page_top li, .page_nav li {
	float: left;
	padding: 0 8px;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	color: #b48503;
}
.news .page_top a:hover,
.news .page_nav a:hover,
.news .page_top a.active,
.news .page_nav a.active,
.news .page_top h2.futura {
	color: #b48503;
}

.news .item {
	border-top: 1px solid #dfd7cb;
	height: 92px;
}
.news .item .date, .news_item .date {
	display: block;
	padding: 10px 0;
	color: #beaf95;
	font: normal 12px Georgia, serif;
	text-shadow: #fff 1px 1px 0;
}
.news .work_items {
	margin-top: 40px;
}
.news .item h3 a {
	color: #807663;
}
.news .page_nav h2 {
	width: 190px;
	background: url('/img/titles/news_listing.gif') no-repeat;
}
.news .page_nav h2:hover {
	background: url(../img/titles/news_listing_hover.gif) no-repeat;
}

.news #replace .news_item {
	width: 730px;
	margin: 0 135px;
	float: left;
}
.news_item p {
	font: 12px/160% Georgia, serif;
	padding: 15px 0 0 0;
	color: #313129;
}
.news_item h2.futura a {
	font-size: 40px;
	text-transform: uppercase;
	font-weight: normal;
	color: #b48503;
}

.news_extra {
	width: 325px;
	float: left;
	border-right: 1px solid #dfd7cb;
	margin-right: 25px;
	font: normal 12px Georgia, serif;
	padding-right: 25px;
	padding-top: 0;
	padding-left: 0;
	margin-bottom: 20px;
}
.news_extra h2 {
	font-size: 12px;
	font-weight: normal;
	padding: 5px 0 0;
}
.news_extra a {
	text-decoration: none;
	color: #b48503;
}
.news_extra img, .news_extra object {
	border: 4px solid #dfd7cb;
}
.news_extra .asset {
	padding: 0 0 5px;
}

/* Meringology */
.meringology li.active a {
	color: #b48503 !important;
}
.meringology .description p {
	font-size: 15px;
	border-top: none !important;
	margin-top: 0;
}
.meringology .item .section {
	border-bottom: 1px solid #dfd7cb;
	padding: 15px 0 35px;
}
.meringology .item {
	width: 730px;
	margin: 0 auto;
}
.meringology h2.futura {
	color: #b48503;
}

/* Contact */
.contact #header h1 {
	background: url('/img/mering_carson_red.gif') no-repeat;
}
.contact li.active a, .contact .page_top h2 {
	color: #a04d16 !important;
}
.contact .map {
	float: left;
	width: 213px;
	padding: 5px 20px 40px 135px;
}
#contact_form {
	padding-top: 20px;
	border-top: 1px solid #dfd7cb;
}
#contact_form h2 {
	padding-bottom: 5px;
}
#contact_form li {
	padding-bottom: 5px;
}
#contact_form li#message {
	clear: both;
	padding-top: 9px;
	font-weight: bold;
}

#contact_form li .required {
	color: #9B4B15;
	font: 13px Georgia, serif;
}
#contact_form li#submit_line .required {
	float: left;
}
#contact_form li #submit {
	float: right;
	margin-right: 20px;
	position: relative;
	top: -1px;
}
#contact_form li#submit_line {
	margin-top: 10px;
}
#contact_form li input[type="text"], #contact_form li textarea {
	padding: 4px;
	font: 13px Georgia, serif;
	color: #999;
	width: 180px;
	border: 1px inset #d6cfc8;
}
#contact_form li textarea {
	height: 34px;
}
.text_entered, .text_focus {
	color: #333 !important;
}

.contact .info {
	width: 239px;
	padding: 0 0 20px 20px;
	float: left;
	border-right: 1px solid #dfd7cb;
	border-left: 1px solid #dfd7cb;
}
.contact .careers {
	padding: 0 0 20px 20px;
	float: left;
	width: 235px;
	overflow: hidden;
}
.contact .part {
	padding: 0 0 40px;
}
.contact a, .contact a:hover {
	text-decoration: none;
	color: #a04d16;
	font: 12px Georgia, serif;
	cursor: pointer;
}
.contact h2 {
	
	color: #a04d16;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 3px;
	font-size: 20px;
}
.careers p.futura, .careers p.futura a {
	font-size: 20px;
	color: #807663;
	text-transform: uppercase;
}
.careers p a.active, .careers p a.active:hover {
	color: #B16E41;
}
.careers p {
	border-bottom: 1px solid #dfd7cb;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.careers p.disabled {
	color: #DFD7CB;
}
.careers .location_s, .careers .location_n {
	margin-bottom: 10px;
}
.careers .location_s {
	margin-top: 30px;
}
.part .location, .careers {
	font: 12px/150% Georgia, serif;
	color: #313129;
	padding: 0 0 30px;
}
.location_n {
	background: url('/img/misc/n.png') no-repeat left center;
	margin: 10px 0 5px; padding: 3px 0 3px 30px;
	font: italic 13px/150% Georgia, serif;
	color: #313129;
}
.location_s {
	background: url('/img/misc/s.png') no-repeat left center;
	margin: 0 0 5px; padding: 3px 0 3px 30px;
	font: italic 13px/150% Georgia, serif;
	color: #313129;
}

.contact .careers p strong {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	color: #6d6351;
}

.contact .career {
	float: left;
	width: 485px;
	border-left: 1px solid #dfd7cb;
	margin-left: 20px;
	height: 390px;
	padding: 0 0 20px 20px;
	position: relative;
}

.contact .career > div {
	position: absolute;
	top: 0;
}

.contact .career h2 {
	font-size: 40px;
	margin-bottom: 15px;
}

.contact .career p {
	margin-bottom: 15px;
	font: 13px/150% Georgia, serif;
}

.contact .contact_info {
	width: 900px;
	height: 500px;
	overflow: hidden;
	position: relative;
	margin-top: 20px;
}
.contact .infinite {
	width: 9999999px;
	position: absolute;
	top: 0;
}

.contact .page_nav h2 {
	width: 69px;
	background: url('/img/titles/careers_listing_hover.gif') no-repeat;
}
.contact .page_nav h2:hover {
	background: url(../img/titles/careers_listing.gif) no-repeat;
}


/*Scrolling*/

div.scrollable {
	position:relative;
	overflow:hidden;	 	
}

div.scrollable div.items {	
	width:20000em;	
	position:absolute;
	clear:both;		
}

div.scrollable div.items div.page {
	float:left;
}

/* Home */

div.intro div.scrollable {
	width: 730px;
	height:233px;
}

div.intro div.scrollable div.page {
	width: 730px;
}

div.intro h2 {
	background: url(../img/titles/homepage_tagline.png) no-repeat;
	width: 642px;
	height: 89px;
	text-indent: -9999px;
	margin: 0 auto;
}



/* Work Listing */

div.work_items div.scrollable {
	width: 745px;
	height: 520px;
}

div.work_items div.page {
	width: 745px;
	height: 520px;
}

/* Work Detail */

div.work_detail_items div.scrollable {
	width: 730px;
	height: 500px;
	left: 135px;
}

div.work_detail_items div.scrollable div.page {
	margin-right: 270px;
	width: 730px;
}

/* WYSIWG LISTS */

.career div ul {
	margin-bottom: 10px;
}

.career div li {
	list-style-type: disc;
	margin-left: 15px;
	font: 13px Georgia, serif;
}

/* Forcing footer to not move */

#footer {
	position: absolute;
	top: 710px;
	width: 1000px;
}

#content {
	height: 596px;
	overflow: hidden;
	display: block;
}

/* Logo caching in different colors */

#logo_cache {
	width: 0;
	height: 0;
}

#logo_cache .gold {
	background-image: url(/img/mering_carson.gif);
}
#logo_cache .red {
	background-image: url(/img/mering_carson_red.gif);
}
#logo_cache .brown {
	background-image: url(/img/mering_carson_brown.gif);
}
#logo_cache .blue {
	background-image: url(/img/mering_carson_blue.gif);
}

/* Loader */
#loader {
	display: block;
	position: absolute;
	margin-top: 350px;
	z-index: 100;
	width: 49px;
	height: 29px;
	background: url(/img/loader.gif) no-repeat;
	text-indent: -9999px;
	left: 476px;
}

/* Video Sections */
.videos {
    float: right;
}

.brand {
	float: left;
}

.videos li,
.brand li {
    float: left;
    list-style-type: none !important;
}
.videos .first,
.brand .first {
    padding: 22px 15px 0 0; height: 50px;
    border-right: 2px solid #dfd7cb;
}
.videos .first h2,
.brand .first h2 {
    font-size: 20px !important;
}
#home_intro {
    margin: 0 75px;
}