/* LOAD FONTS */

@font-face {
  font-family: DIN;
  src: url('/sites/all/themes/element_three/fonts/DIN/DIN-Light.otf'),
  url('/sites/all/themes/element_three/fonts/DIN/DIN-Light.eot'); /* IE9+ */
  font-weight:100;
}
@font-face {
  font-family: DIN;
  src: url('/sites/all/themes/element_three/fonts/DIN/DIN-Regular.otf'),
  url('/sites/all/themes/element_three/fonts/DIN/DIN-Regular.eot'); /* IE9+ */
  font-weight:normal;
}
@font-face {
  font-family: DIN;
  src: url('/sites/all/themes/element_three/fonts/DIN/DIN-Bold.otf'),
  url('/sites/all/themes/element_three/fonts/DIN/DIN-Bold.eot'); /* IE9+ */
  font-weight:bold;
}
@font-face {
  font-family: DIN Condensed;
  src: url('/sites/all/themes/element_three/fonts/DIN/DNC57.otf'),
  url('/sites/all/themes/element_three/fonts/DIN/DNC57.eot'); /* IE9+ */
  font-weight:normal;
}

/* @license
 * MyFonts Webfont Build ID 2340919, 2012-08-08T16:53:58-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Museo 300 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo/300/
 * Copyright: Copyright (c) 2008 by Jos Buivenga/exljbris. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * Webfont: Museo 100 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo/100/
 * Copyright: Copyright (c) 2008 by Jos Buivenga/exljbris. All rights reserved.
 * Licensed pageviews: unspecified
 * 
 * Webfont: Museo 500 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo/500/
 * Copyright: Copyright (c) 2008 by Jos Buivenga/exljbris. All rights reserved.
 * Licensed pageviews: unspecified
 * 
 * Webfont: Museo 300 Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo/300-italic/
 * Copyright: Copyright (c) 2008-2010 by Jos Buivenga/exljbris. All rights reserved.
 * Licensed pageviews: unspecified
 * 
 * Webfont: Museo 100 Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo/100-italic/
 * Copyright: Copyright (c) 2008-2010 by Jos Buivenga/exljbris. All rights reserved.
 * Licensed pageviews: unspecified
 * 
 * Webfont: Museo 500 Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo/500-italic/
 * Copyright: Copyright (c) 2008-2010 by Jos Buivenga/exljbris. All rights reserved.
 * Licensed pageviews: unspecified
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2340919
 * 
 * © 2012 Bitstream Inc
*/

@font-face {
  font-family: Museo;
  src: url('/sites/all/themes/element_three/fonts/Museo/23B837_0_0.ttf'),
  url('/sites/all/themes/element_three/fonts/Museo/23B837_0_0.eot'); /* IE9+ */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Museo;
  src: url('/sites/all/themes/element_three/fonts/Museo/23B837_3_0.ttf'),
  url('/sites/all/themes/element_three/fonts/Museo/23B837_3_0.eot'); /* IE9+ */
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: Museo;
  src: url('/sites/all/themes/element_three/fonts/Museo/23B837_2_0.ttf'),
  url('/sites/all/themes/element_three/fonts/Museo/23B837_2_0.eot'); /* IE9+ */
  font-weight: bold;
  font-style: normal;
}

/* SET FONTS */

body {
    font-family: "Museo", Arial, Helvetica, sans-serif;
    font-size: 13.5px;
    font-weight: normal;
    line-height:140%;
    letter-spacing:.05em;
    color:#706F73;
}

.font-din {
	font-family: "DIN", Arial, Helvetica, sans-serif;
}

.font-din-con {
	font-family: "DIN Condensed", Arial, Helvetica, sans-serif;
}

a:link, a:visited {
  color: #706F73;
  text-decoration:none;
}

a:hover {
  color: #202124;
  text-decoration: none;
}

a:active {
  color: #202124;
  text-decoration: none;
}

#region-content .content a:link, #region-content .content a:visited {
  color: #542888;
  text-decoration:none;
}

.front .content a:link, .front .content a:visited {
  color: #706F73;
  text-decoration:none;
}

.front #block-block-1 .content a:link, .front #block-block-1 .content a:visited {
  color: #542888;
  text-decoration:none;
}


.front .content a:hover {
  color: #706F73;
  text-decoration: none;
}

.front .content a:active {
  color: #706F73;
  text-decoration: none;
}

.content .field-name-body p a, .content .views-field-field-answer p a {
	font-weight:bold;
}

.content a:link, a:visited {
  color: #542888;
  text-decoration:none;
}

.content a:hover {
  color: #706F73;
  text-decoration: none;
}

.content a:active {
  color: #542888;
  text-decoration: none;
}

.content a:link, a:visited {
  color: #542888;
  text-decoration:none;
}

.content a:hover {
  color: #706F73;
  text-decoration: none;
}

.content a:active {
  color: #542888;
  text-decoration: none;
}

#block-views-client-image-flipper-block-3 .content a:link, #block-views-client-image-flipper-block-3 .content a:visited {
  color: #706F73;
  text-decoration:none;
}

#block-views-client-image-flipper-block-3 .content a:hover {
  color: #542888;
  text-decoration: none;
}

#block-views-client-image-flipper-block-3 .content a:active {
  color: #706F73;
  text-decoration: none;
}

/* SERVICES LINKS */

/* Services Body */

.context-services #region-content a.red:link, .context-services #region-content a.red:visited {
	color: #a30046;
}

.context-cfcfd2 #region-content a.red:hover {
	color: #cfcfd2;
}

.context-services #region-content a.orange:link, .context-services #region-content a.orange:visited {
	color: #e37f1c;
}

.context-services #region-content a.orange:hover {
	color: #cfcfd2;
}

.context-services #region-content a.green:link, .context-services #region-content a.green:visited {
	color: #a3a510;
}

.context-services #region-content a.green:hover {
	color: #cfcfd2;
}

/* Brand Development */

li.menu-mlid-838 ul.menu li a:link, .parent-mlid-838 ul.menu li a:link {
	color: #706F73;
}

li.menu-mlid-838 ul.menu li a:hover, .parent-mlid-838 ul.menu li a:hover {
	color: #a30046;
}

li.menu-mlid-838 ul.menu li a.active, .parent-mlid-838 ul.menu li a.active {
	color: #a30046;
}

/* Marketing Strategy */

li.menu-mlid-846 ul.menu li a:link, .parent-mlid-846 ul.menu li a:link {
	color: #706F73;
}

li.menu-mlid-846 ul.menu li a:hover, .parent-mlid-846 ul.menu li a:hover {
	color: #e37f1c;
}

li.menu-mlid-846 ul.menu li a.active, .parent-mlid-846 ul.menu li a.active {
	color: #e37f1c;
}

/* Creative Execution */

li.menu-mlid-616 ul.menu li a:link, .parent-mlid-616 ul.menu li a:link {
	color: #706F73;
}

li.menu-mlid-616 ul.menu li a:hover, .parent-mlid-616 ul.menu li a:hover {
	color: #a3a510;
}

li.menu-mlid-616 ul.menu li a.active, .parent-mlid-846 ul.menu li a.active {
	color: #a3a510;
}

/* Portfolio and Work links */

.view-creative-execution-page-portfolio a:link, .view-creative-execution-page-portfolio a:visited {
	color: #706F73;
}

.view-creative-execution-page-portfolio a:hover {
	color: #542888;
}

hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #5294c1;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing:.02em;
  font-family: "DIN Condensed", Arial, Helvetica, sans-serif;
  font-weight:normal;
  text-transform:uppercase;
  line-height:110%;
}

/* Make site titles the same size if it's an H1 (home) or H2 (internal) */
h1.site-name,
h2.site-name {
  font-size: 36px;
}

.front #block-block-1 h1 {
	font-size:34px;
	margin: 0px 0px 10px 0px;
}

/* Make it a bit smaller for block headers */
h2.block-title {
  font-size: 18px;
  margin: 0;	
}

h1 {
  font-size: 36px;
}

.node-type-creative-execution-page h1.node-title, .page-user h1#page-title {
  display:block;
  font-size: 36px;
}

.node-client-page h1.node-title {
	color: #542888;
	font-size: 36px;
}

.node-page .content h1 {
  font-size: 36px;
}

.node-page .content h2 {
  font-size: 28px;
}

h2.node-title {
  font-size: 24px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 26px;
}

h4 {
  font-size: 15px;
}

h5 {
  font-size: 15px;
}

h6 {
  font-size: 15px;
}

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

.content ul li {
	padding: 0px 0px 10px 0px;
}

.content ul li.social-icon {
	padding: 0px 0px 0px 0px;
}

ul ul,
ol ol {
  padding-top: 0.5em;
}

.node ol,
.node ul {
  padding-left: 1.2em;
}

.node ul.inline,
.node ol.inline {
  padding-left: 0;
}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol,
ul, pre, table, address, fieldset {
  margin-bottom: 20px;
}

dt, .admin h3 {
  font-size: 18px;
  margin: 0;
}

dd {
  padding-left: 10px;
  font-size: 0.9em;
  font-style: italic;
  margin-bottom: 20px;
}