/****************************************************************************
 SWATCHES
*************************************************************************** 
Main:	#002A5C; 
Light:	#2D4F7D; 
Accent:	#d7af67;
**/



/****************************************************************************
 TYPOGRAPHY
*************************************************************************** */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,300,900);
@import url(https://fonts.googleapis.com/css?family=Quattrocento:400,700);

html {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
body {
    background: #FFF url(http://static.contentres.com/media/images/8e888428-bfbb-45b2-a9b9-7323b200ba73.png);
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 16px;
	min-width: 1000px;
	overflow-x: hidden;
}
p, li, div, td {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #333;
}  
a {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	outline: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
a:hover {
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Quattrocento', serif;
	font-weight: 700;
	color: #222;
	line-height: 1;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #additional h4 a {
	font-family: 'Quattrocento', serif;
	font-weight: 700;
	color: #222;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, #additional h4 a:hover {
	text-decoration: none;
	color: #2D4F7D;
}
#content .container h3 {
	margin-top: 50px;
}



/****************************************************************************
 GLOBAL 
*************************************************************************** */
#content .container {
	background-image: none;
}
input[type="button"], input[type="submit"], button, .button, #additional .viewAll a, .submit, #hero aside a, .cta {
    background: #002A5C;
    color: #FFF !important;
    padding: 5px 10px;
    display: inline-block;
    height: auto;
    text-shadow: none;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    border-radius: 3px;
    font-weight: 400;
    line-height: 1.5;
    cursor: pointer;
    margin-bottom: 0;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover, .button:hover, #additional .viewAll a:hover, #hero aside a:hover, .cta:hover {
    background: #d7af67;
    color: #FFF;
    text-decoration: none;
}
#hero aside a + a, #additional .viewAll a + a{
    display: none !important;
}
.subpage #content .container article {
	width: 620px	
}
.subpage #content .container aside {
	width: 320px;
    margin-left: 640px;	
}



/****************************************************************************
 HEADER
*************************************************************************** */
header {
	height: 178px;
	background: #002A5C url(http://static.contentres.com/media/images/f5136168-3ca4-4f39-bd49-d66a923d0e2c.jpg) top right repeat-x;
	margin: 0px;
	padding: 0px;
	border-top: 4px solid #d7af67;
}
header .header-branding {
  float: left;
  text-align: center;
  padding-top: 25px;
}
header .header-branding img {
  max-width: 500px;
  text-align: left;
}
header .header-branding h2 {
  color: #2D4F7D;
  font-size: 20px;
}
header .header-contact {
  float: right;
  padding-top: 30px;
}
header .header-contact h2 {
  margin-bottom: 10px;
  color: #FFF;
  font-size: 22px;
}
header .header-contact p {
  color: #CCC;
  font-size: 14px;
}
header .header-contact a {
  text-decoration: none !important;
  margin-right: 5px;
}
header .header-contact a img {
  display: none;
}



/****************************************************************************
 NAVIGATION 
*************************************************************************** */
nav#main {
	background-image: none;
	background: #2D4F7D;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3)
}
nav#main .container, #homeButton {
	background-image: none;
}
nav#main .container {
	top: 0;
	padding: 0;
	margin: 0 auto;
}
nav#main li {
	background: none;
	padding: 10px 15px 8px;
	margin: 0;
}
nav#main li:hover {
	background: #002A5C;
}
nav#main li li {
	padding: 10px 25px 8px 25px;
}
nav#main li li:hover {
	background: rgba(0,0,0,0.3);
}
nav#main ul ul {
	background: #002A5C;
	top: 32px;
	margin-left: 25px;
}
nav#main ul li a {
	color: #FFF;
	font-size: 18px !important;
  font-family: 'Quattrocento', serif;
}
nav#main ul li a:hover, nav#main ul li a:active, nav#main ul li a:focus {
	color: #FFF;
}
nav#main ul li li a {
  font-family: 'Lato', sans-serif;
	color: #EEE;
	font-size: 14px !important;
}
nav#main ul li li a:hover {
	color: #FFF;
	font-size: 14px !important;
}


/****************************************************************************
 HERO ROTATOR
*************************************************************************** */
/*#hero{
  background: #222 none;
  color: inherit;
  position: relative;
  z-index: 0;
  margin: 0 auto;
  padding: 20px 0 40px;
  height: auto;
}
#hero .container {
  width: 960px;
  padding: 0;
}
#hero .selected, #hero .selected .hero {
  height: 400px;
}
#hero .container #hero1 img {
  background: url('http://PlatinumStrategies/PWS/members/kurtz/kurtz-hero-radio.jpg') no-repeat center center !important;
  background-size: cover !important;
}
#hero .container #hero2 img {
  background: url('http://PlatinumStrategies/PWS/members/kurtz/kurtz-office-hero.jpg') no-repeat center center !important;
  background-size: cover !important;
}
#hero .container #hero3 img {
  background: url('http://PlatinumStrategies/PWS/members/kurtz/kurtz-team.jpg') no-repeat center center !important;
  background-size: cover !important;
}
#hero .container #hero4 img {
  background: url('http://PlatinumStrategies/PWS/members/kurtz/kurtz-hero-meeting.jpg') no-repeat center center !important;
  background-size: cover !important;
}
#hero .container a img{
  width: 966px;
  height: 400px;
  border: 3px solid #FFF;
  box-shadow: 0px 3px 3px #000;
  border-radius: 5px;
}
#hero .backArrow, #hero .forwardArrow {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 80px;
  padding: 10px;
  color: #FFF;
  height: 98px;
  width: auto;
  top: 140px;
  background: none;
  text-shadow: 0 1px 1px #333;
  z-index: 20;
}
#hero .forwardArrow {
  right: 10px;
  left: auto;
}
#hero .backArrow:before {
  content: "\f104";
}
#hero .forwardArrow:before {
  content: "\f105";
}
#hero:hover .backArrow, #hero:hover .forwardArrow {
  opacity: 0.75;
  visibility: visible;
}
#hero:hover .backArrow:hover, #hero:hover .forwardArrow:hover {
  opacity: 1;
  text-decoration: none;
}
*/ /*HERO ASIDE */
/*#hero aside {
    position: absolute;
    margin: 0;
    width: 966px;
    height: 200px;
    background: rgba(0,0,0,0.5);
    top: 202px;
    left: 3px;
	padding: 0;
}
#hero aside .wrapper {
  padding: 20px 0;
  width: 100%;
  height: auto;
  text-align: center;
}
#hero aside h2 {
  color: #FFF;
  background: none;
  margin: 0;
  text-shadow: 0 1px 1px #000;
  margin-top: -20px;
}
#hero aside p {
  color: #FFF;
  text-shadow: 0 1px 1px #000;
  font-size: 20px;	
}*/


/****************************************************************************
 HOMEPAGE 
*************************************************************************** */
.homepage #content .container {
	background-image: none;
}
.homepage #content .container aside {
	display: none;
}
.homepage #content .container article {
	width: 980px;
}
.homepage h1 {
  color: #D7AF67;
}


/* SUGGSTED CONTENT */
#suggested {
  margin: 0;
  margin-bottom: 40px;
  overflow: hidden;
}
#suggested h3 {
  margin: 10px 0 10px !important;
}
#suggested .content {
  width: 33%;
  box-sizing: border-box;
  margin: 0;
  padding: 20px;
}
#suggested .content img {
  width: 100%;
  border: 6px solid #FFF;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
  height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
}
/* HELPFUL CONTENT */
#additional{
  background: none;
  margin-top: 30px;
}
#additional .wrapper {
  padding: 0;
}
#additional nav {
  height: auto; 
  margin-bottom: 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #EEE;
  font-size: 0;
}
#additional nav ul {
  margin-bottom: 0;
}
#additional nav li {
  border-left: none;
  padding: 0;
  display: inline-block;
  margin-right: 12px;
}
#additional nav a {
  padding: 10px 15px;
  display: block;
  color: #6F6F6F;
  background: #EEE;
  border-radius: 3px;
}
#additional nav a:hover {
  color: #FFF;
  background: #333;
}
#additional nav .selected, #additional nav .selected:hover{
  color: #fff;
  background: #d7af67;
}
#additional .matterContent {
  overflow: hidden;
  margin: 0 -20px;
  padding-top: 20px;
}
#additional .content {
  box-sizing: border-box;
  width: 50%;
  margin: 0;
  padding: 10px 20px;
}
#additional .viewAll {
  margin: 0 0 20px 20px;
}


/****************************************************************************
 SIDEBAR
*************************************************************************** */
#content aside .form .wrapper {
  background: rgba(0,0,0,0.1);
  padding: 30px;
}
#content aside .wrapper {
  background: rgba(0,0,0,0.1);
  padding: 0;
}
#content aside .rule {
  background: none;
  margin: 10px 0;
}

/****************************************************************************
 FOOTER
*************************************************************************** */
footer {
	background: #002A5C none;
  border-top: 2px solid #222;
}
footer p, footer li, footer td {
  color: #AAA;
}
footer a, .quickLinks a {
  color: #FFF;
}
footer a:hover, .quickLinks a:hover {
  color: #d7af67;
}


/****************************************************************************
 CLASSES
*************************************************************************** */
.rule {
  background-image: none;
  margin: 20px 0;
}
.clear {
  clear: both;
  font-size: 0px;
  line-height: 0px;
  margin: 0;
  padding: 0;
}
.flagBody span {
  color: #FFF !important;
}
/* ABOUT PAGE */
.page-about #agentContent img {
  float: none;
  margin: 0;
}
.page-about #agentContent h2,
.page-about #agentContent p:nth-child(2) {
  display: none;
}
/* CONTACT PAGE */
.page-contact #content article p:nth-child(2),
.page-contact #content article table:nth-child(3),
.page-contact #content article a:nth-child(4) {
  display: none;
}
.page-contact .map-canvas {
  width: 100%;
  margin-top: -40px;
}
/* TEAM PAGE */
.page-team #teamContent .info p a,
.page-team #teamContent .team-description a {
  background: #2D4F7D;
  color: #FFF;
  padding: 4px 6px;
  border-radius: 2px;
}
.page-team #teamContent .info p a:hover,
.page-team #teamContent .team-description a:hover {
  background: #d7af67;
  color: #FFF;
}