body {
color:#000;
font-family: "Trebuchet MS", Helvetica, sans-serif;
background-color:#f8f9fb;
font-weight: 400;
margin: 0;
padding: 0;
}
a:link, a:visited {
color: #2d90b5;
}
a:hover {
color: #373737;
}
#wrapper {
height: auto !important;
margin: 0 auto;
min-height: 100%;
overflow: hidden;
}
#headerwrapper {
background-color: #111;
margin: 0 -1000px;
padding: 30px 1000px 20px;
}
#header {
width: 100%;
text-align: left;
}
#header h1 {
font-family: 'Anton', Arial, sans-serif;
text-transform: uppercase;
color:#f23636;
font-size: 40px;
line-height: 0px;
font-weight: normal;

}
#header h2 {
color:#e6e6e6;
font-size: 20px;
}
#content {
margin: 0 auto;
width: 96%;
max-width: 920px;
}
#topcontent {
background-image: url('http://www.topproducer.com/campus/images/external/ms-landing-pages/images/dark-bg.png');
background-color: #181818;
height: 400px;
margin: 0 -1000px;
padding: 50px 1000px;
}
#leftwrap {
float: left;
width: 70%;
color: #f8f9fb;
font-size: 18px;
}
#rightwrap {
float: left;
width: 30%
}
#leftwrap h1 {
color: #d51111;
font-family: 'Nunito', Arial, sans-serif;
text-transform: uppercase;
font-weight: normal;
font-size: 48px;
line-height: 60px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);
margin: 0;
padding: 0;
}
.free {
font-size: 80px;
color: #C2CC46;
}
#leftwrap p {
padding: 0px;
margin: 5px 0px;
}
#leftwrap .arrow{
font-family: 'Anton', Arial, sans-serif;
color: #222;
font-size: 20px;
line-height: 40px;
text-transform: uppercase;
background-image: url('http://www.topproducer.com/campus/images/external/ms-landing-pages/images/arrow.png');
background-repeat: no-repeat;
background-size: 90% 100%;
height: 50px;
margin: 0px;
padding-top: 10px;
padding-left: 8px;
}
#leftwrap ul {
padding: 0px;
}
#slidepics {
display:none;
}
#banner {
background-color: #111;
margin: 0 -1000px;
padding: 1px 1000px;
font-family: 'Anton', Arial, sans-serif;
text-transform: uppercase;
font-size: 2.2em;
text-align: center;
color: #e6e6e6;
}
#iframeWidget {
border:5px solid #0e0e0e;
background: url(http://www.topproducer.com/campus/images/external/ms-landing-pages/images/ms-widget-bg.jpg);
background-repeat:no-repeat;
background-color:#0e0e0e;
}
#iframeWidget:hover {
border:5px solid #3d3d3d;
}
.onehalfbig {
float: left;
width: 50%;
padding-top: 30px;
}
.onehalfsmall {
float: left;
width: 40%;
padding-top: 30px;
}
.explain {
font-size: 16px;
color: #373737;
display: block;
background: #e3e3e3;
margin-top: 30px;
padding: 10px 30px;
-webkit-border-radius: 5px 20px 5px;
-moz-border-radius: 5px 20px 5px;
border-radius: 5px 20px 5px;
}
.explain h1{
font-size: 23px;
color: #6f6440;
text-transform: uppercase;
line-height: 20px;
}
.explain:hover {
background: #ffe289;
}
img {
max-width:100% !important;
height:auto;
display: block;
padding: 0px;
}
.single {
padding-top: 20px;
}

/* AGENT INFO */
#agentinfo {
float: left;
width: 47%;
margin-top: 30px;
padding: 10px 1.5%;
background-color: #e8e8e8;
height: auto;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-khtml-border-radius: 16px;
border-radius: 16px;
}
#agentphoto {
float: left;
padding-right: 5%;
max-width: 25%;
}
#agentphoto img {
max-height: 120px;
max-width: 25%;
padding: 0;
margin: 0;
}
#agentcontact {
float: left;
width: 70%;
max-height: 120px;
}
#agentcontact span {
display: block;
font-size: 12px;
line-height: 15px;
color: #444;
word-break: break-all;
}
#agentname {
font-weight: bold;
}
#agentlogo {
float: right;
max-width: 110px;
max-height: 80px;
}
#agentlogo img {
padding: 0;
}
/*BUTTONS*/
#buttonwrapper {
float: left;
width: 47%;
margin-top: 30px;
margin-left: 2%;
}
#btncontainer {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
}
a.button {
display: block;
position: relative;
height: 2em;
width: 100%;
text-decoration: none;
font-size: 1.5em;
font-weight: bold;
line-height: 2em;
text-align: center;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
text-transform: uppercase;
margin-bottom: 8px;
}

a.button:before,
a.button:after {
content: '';
position: absolute;
left: -1px;
height: 2em;
width: 100%;
bottom: -1px;

-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}

a.button:before {
height: 23px;
bottom: -4px;
border-top: 0;

-webkit-border-radius: 0 0 16px 16px;
-moz-border-radius: 0 0 16px 16px;
border-radius: 0 0 16px 16px;

-webkit-box-shadow: 0 1px 1px 0px #bfbfbf;
-moz-box-shadow: 0 1px 1px 0px #bfbfbf;
box-shadow: 0 1px 1px 0px #bfbfbf;
}

/* red */
a.red,
a.red:hover,
a.red:visited {
color: #fff;
border-bottom: 4px solid #951111;
text-shadow: 0px 1px 0px #951111;
background: #de0c0c;
}
.red:before,
.red:after {
border: 1px solid #951111;
border-bottom: 1px solid #951111;
}
a.red:hover {
background: #ff4242;
}

/* GREEN */
a.green,
a.green:hover,
a.green:visited {
color: #fff;
border-bottom: 4px solid #448123;
text-shadow: 0px 1px 0px #448123;
background: #60a938;
}
.green:before,
.green:after {
border: 1px solid #448123;
border-bottom: 1px solid #448123;
}
a.green:hover {
background: #46c500;
}

/* ACTIVE STATE */
a.button:active {
border: none;
bottom: -4px;
margin-bottom: 22px;