@import url('//fonts.googleapis.com/css?family=Quattrocento');

body            			{font-family:helvetica, arial, sans-serif; font-size:16px; color:#666;}
h1, h2, h3, h4  			{font-family:'Quattrocento', 'Times New Roman';}
h1              			{font-size:34px; margin-bottom:30px;}
h2              			{font-size:26px; margin-bottom:30px;}
h3              			{font-size:20px;}
h4              			{font-size:18px;}
p               			{margin-bottom:15px; line-height:1.5;}
li              			{margin-bottom:5px;}
label           			{margin-bottom:10px;}
textarea        			{height:75px;}
input,          			 
textarea        			{margin:5px 0 20px; width:230px; font-size:14px; padding:3px;}
input[type=checkbox] 	{width:auto; margin-bottom:10px;}

.rule       {background:url('../img/1a-content-shadow.png') no-repeat; height:4px; margin:40px 0; border:none;}
.rule2      {margin:10px 0;}
.wrapper    {padding:0 0 0 30px;}
.arrowLink  {width:13px; height:13px; margin-left:5px;}
.submit     {width:auto; height:30px; border:none; padding:3px 5px;}

.addthis_toolbox {height:30px; padding-top:20px; clear:both;}

/*header*/
header          {padding:30px 0 10px;}
header h3       {font-size:34px;}
header h4       {font-size:24px;}
header p        {margin-bottom:5px;}
header .contact {font-size:14px; float:right; font-family:'Quattrocento'; color:#032F60; margin-left:20px;padding-left:30px; background:url('../img/1a-header-address.png') no-repeat 0 5px;}
#agentLogo      {margin:0 30px 0 0; float:left;}
header .rule2   {margin:0;}

/*nav*/
nav             {height:37px; clear:both; z-index:1; position:relative;}
nav .container  {padding-top:5px;}
nav li          {font-family:'Quattrocento'; text-transform:uppercase; font-size:18px; margin-left:25px; padding-right:23px;}
nav li a        {padding-bottom:7px;}
nav li:hover ul	{left:-25px;}
nav ul ul 			{top:25px; width:180px;}
nav li li				{background-image:none; text-transform:capitalize; margin:0; padding:10px 25px 8px 25px; font-family:helvetica, arial, sans-serif; font-size:14px;}
#homeButton {
    float: left;
    width: 20px;
    height: 17px;
    margin-right: 30px;
}
#navButton {
    display: none;
}

/*hero*/
#hero               {height:307px; font-size:16px;}
#hero .hero         {width:630px; height:300px; background-position:50%; background-repeat: no-repeat;}
#hero h2            {font-size:34px; margin-bottom:20px; padding:30px 0 20px 0; background:url('http://static.contentres.com/site/templates/001/img/1a-aside-shadow-white.png') no-repeat 0 100%;}
#hero aside         {padding-bottom:0; font-size:16px;}
#hero .wrapper      {padding:0 0 30px 30px;}
#hero .backArrow    {top:128px; left:10px;}
#hero .forwardArrow {top:128px; left:614px;}

/*content*/
#content            {min-height:400px;}
#content .container {background:url('../img/1a-body-shadow.png') no-repeat; min-height:16px;}
article             {padding-bottom:60px;}
article h2          {margin:30px 0 15px;}
article ul,
article ol          {margin-bottom:15px; line-height:1.5;}
#content .container {padding-top:40px;}

#additional                     {font-size:14px;}
#additional .wrapper            {padding:0 20px 20px 20px;}
#additional nav                 {background:none; height:auto; margin-bottom:20px;}					
#additional nav li              {background:none; text-transform:capitalize; margin-left:0; padding:0 10px;}
#additional nav li:first-child  {border-left:none; padding-left:0;}
#additional .content            {width:280px; float:left; margin-left:30px;}
#additional .left               {margin-left:0; clear:both;}
#additional h4                  {margin-bottom:5px;}

#suggested .content     {width:190px; float:left; margin-left:30px; padding-bottom:30px;}
#suggested .left        {margin-left:0;}
#suggested .content img {width:190px; height:145px; margin-bottom:10px;}
#suggested .content p   {font-size:14px;}

/*aside*/
aside           {width:330px; margin-left:630px; font-size:14px; padding-bottom:60px;}
aside .rule     {width:330px; height:4px; background:url('../img/1a-aside-shadow.png') no-repeat 0 100%; }
aside .rule:first-child {display: none;}
#agentPhoto img {margin-left:40px;border:10px solid #fff; box-shadow: 1px 1px 4px #ccc;}

.market .indexName  {width:130px;}

.weather .wrapper       {padding-bottom: 40px;}
.weather .wrapper .body {float: left; margin-right:30px;}
.weather .degree    	{font-size:35px; margin-bottom:0; line-height:1;}
.weather .condition 	{font-size:15px;}

/*footer*/
footer       	{font-size:14px; padding-top:30px;}
footer h4    	{margin-bottom:5px;}
footer aside 	{padding-bottom:0;}
footer .rule2 {margin:0;}

/*page unique*/
#articleContent .fastFact,
#articleContent .tip        {width:200px; padding-top:31px; font-size:13px; line-height:1.4;}

#matterContent img {margin-right:30px; margin-bottom:40px;}

#videoContent .video,
#calcContent iframe 	{margin-bottom:30px;}

#formCareer .fakefile input {padding-right:80px;}

#teamContent .agent,
#teamContent .principal     {font-size:14px;}
#teamContent .agent .info   {width:300px; margin-right:20px;}
#teamContent .info img      {margin:0 20px 40px 0;}

#agentContent img {float:right; margin:0 0 30px 30px;}

#blogContent .post img {float:right; margin-left:30px;}

#postContent .dateTime  {font-style:italic; font-size:14px;}

#eventContent .info {margin-right:30px; font-size:14px; width:150px;}

#loginContent.container     {padding-top:10px;}
#loginContent .wrapper      {padding-left:0;}
#loginContent .formContent  {width:300px;}
#form2_content .cancel      {margin:10px 10px 0;}
#signup .notifications      {margin-top:20px;}
#signup p                   {margin-bottom:5px;}

#allTypeContent section {width:280px; margin:0 30px 0px 0;}

#allVideoContent .videoContent      {width:190px; margin-left:30px; padding-bottom:20px;}
#allVideoContent .videoContent img  {margin-bottom:10px;}
#allVideoContent .videoContent p    {font-size:14px;}
#allVideoContent .left 	            {margin-left:0; clear:both;}

#learningContent .matter {width:280px; float:left; margin: 0 30px 0 0;}

#matterContent .featuredFlag,
#matterContent .featuredFlag:hover  {color:#fff;}
#matterContent .flagBody            {background:#194B7C;}

#navButton                          { display:none; }
.subnavButton                       { display:none; }