body                  {background-color:#FFFFFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; color:#708C72;}

a                     {color:#333333; text-decoration:underline;}

a:hover               {color:#E7901C;}

h2                    {font-size:20px; font-weight:normal; color:#708C72; padding: 10px 0px 10px 0px; text-align:center;}
h1                    {font-size:26px; font-weight:normal; color:#708C72; text-align:center;}
h3                    {font-size:16px; text-decoration:none; font-weight:normal;}
h4                    {font-size:14px; text-decoration:none; font-weight:normal; color:#CCCCCC;}

/* force a vertical scrollbar to prevent a jumpy page */
html                  {overflow-y: scroll;}
body                  {overflow-x: hidden;}

#content              {margin: 0 auto; width:100%;}
.contentFix:after     {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.contentFix           {display:inline-block;}
.contentFix           {display:block;}

#topArea              {float:left; background-color:#FFFFFF; color:#999999; margin-bottom:0px; width:100%;}
.topName              {text-align:center;}
.nameTel              {padding:10px 0px 0px 0px; font-size:24px; color:#708C72; text-align:center;}
.nameTel a            {color:#708C72;}
.nameEmail            {padding:10px 0px 0px 0px; font-size:16px; color:#708C72; text-align:center;}
.nameEmail a          {color:#708C72;}
.nameEmail a:hover    {color:#E7901C;}

#nav                  {float:left; width:100%; margin:20px 0px 20px 0px; background-color:#708C72; color:#FFFFFF; }
#nav ul               {text-align:center; margin-top:0px; padding-bottom:0px; padding-left:-30px;}
#nav li               {text-align:center; list-style:none; line-height:35px; font-size:20px; margin-left:-40px; margin-top:0px; padding:5px 10px 0px 20px; border-top:#FFFFFF 1px solid;}
#nav a                {text-decoration:none; color:#FFFFFF;}
#nav a:hover          {color:#e7901c; padding: 7px 10px 7px 10px; }
#navHolder #current a {color:#E67A18;}
span.hiddenMob        {display:none;}

.mainText             {float:left; width:90%; padding:30px 20px 50px 20px; line-height:22px; background-color:#FFFFFF; color:#999999; font-size:15px;}
.mainText p           {}
.mainText a           {color:#999999; font-size:14px;}
.mainParas            {padding:60px 0px 0px 0px;}
.text16               {font-size:16px;}
.text14               {font-size:14px;}

.rightBox             {float:left; background-color:#708C72; color:#FFFFFF; margin:40px 0px 30px 0px;}
.rightBox2            {float:left; background-color:#708C72; color:#FFFFFF; margin:40px 0px 30px 10px;}
.rightBox5            {background-color:#FFFFFF; color:#FFFFFF; display:block; width:93%; margin-left: auto; margin-right: auto; margin-top: 20px;}
.rightBox6            {background-color:#FFFFFF; color:#FFFFFF; display:block; width:93%; margin-left: auto; margin-right: auto; margin-top: 20px;}
.rightHeader          {font-size:28px; text-align:center; padding:20px 20px 20px 20px; line-height:40px;}
.rightList li         {line-height:65px; font-size:18px;}
.rightText            {text-align:center; padding:0px 20px 20px 20px;}
.rightText a          {color:#FFFFFF; text-decoration:none;}
.rightText a:hover    {color:#000000;}
.divider30            {float:left; height:30px; width:100%;}

.keyHeader            {float:left; width:80%; background-color:#708C72; color:#FFFFFF; padding:20px; margin:20px 10px 20px 15px;}
.keyTitle             {font-size:40px; text-align:center; line-height:50px;}
.keyWords             {font-size:18px; text-align:center; padding:20px 0px 0px 0px;}
.nameLogos            {float:left; padding:30px 10px 0px 0px;}
.subHeader            {float:left; width:100%; padding:0px 0px 0px 0px; font-size:17px; color:#708C72;}

.lowBox               {background-color:#FFFFFF; color:#708C72; padding:0px 20px 0px 20px; display:block; width:58%; margin-left: auto; margin-right: auto;}
.lowBox2              {background-color:#FFFFFF; color:#708C72; margin-bottom:30px; padding:0px 20px 50px 20px; display:block; width:58%; margin-left: auto; margin-right: auto;}
.lowBoxBox            {float:left; width:90%; margin:20px 0px 0px 0px;}
.lowHeader            {float:left; width:214px; padding:5px; background-color:#708C72; color:#FFFFFF;}
.lowTitle             {font-size:20px; text-align:center; line-height:50px;}
.lowTitle2            {font-size:20px; text-align:center; line-height:25px;}
.lowImage             {float:left; width:164px; padding:0px 30px 0px 0px; background-color:#FFFFFF;}

.quoteBox             {float:left; width:100%; background-color:#708C72; color:#FFFFFF; margin-top:0px; margin-bottom:0px; line-height:32px; text-align:center;}
.quoteHead            {float:left; width:100%; line-height:32px; padding:40px 0px 10px 0px; font-size:20px; font-style:italic;}
.quoteText            {float:left; width:90%; line-height:32px; padding:10px 20px 20px 20px; font-size:15px;}
.quoteBy              {float:left; width:100%; font-weight:bold; padding:0px 0px 10px 0px; font-size:18px;}
.quoteRead a          {float:left; width:100%; padding:0px 0px 30px 0px; color:#FFFFFF;}
.quoteRead a:hover    {padding:0px 0px 30px 0px; color:#000000;}

.callBox              {float:left; width:100%; background-color:#000000; color:#FFFFFF; margin-bottom:0px; line-height:32px; text-align:center;}
.callText             {float:left; width:100%; line-height:32px; padding:50px 0px 50px 0px; font-size:30px;}
.callText a           {float:left; width:100%; line-height:32px; padding:50px 0px 0px 0px; font-size:30px; color:#FFFFFF;}

.midBox               {float:left; background-color:#FFFFFF; color:#708C72; margin-top:0px; padding:30px 20px 50px 10px;}
.midHeader            {float:left; width:274px; margin:20px; padding:20px; background-color:#708C72; color:#FFFFFF;}
.midTitle             {font-size:24px; text-align:center; line-height:50px;}
.midWords             {font-size:14px; text-align:center; padding:20px 0px 0px 0px;}
.midImage             {float:left; margin:20px; background-color:#FFFFFF;}

.contactLeft          {float:left; width:25%; font-size:15px; margin-bottom:20px;}
.contactRight         {float:left; width:75%; font-size:15px; margin-bottom:20px;}
.contactRight a       {color:#999999;}
.contactText          {float:left; width:90%; font-size:11px; line-height:15px;}
.textAfter            {float:left; width:100%; margin-top:50px;}
.feesLeft             {float:left; width:60%; margin-bottom:20px;}
.feesLeftS            {float:left; font-size:11px; line-height:15px;}
.feesRight            {float:left; width:30%; margin-bottom:20px; margin-left:20px;}
.feesText             {float:left; width:100%; font-size:11px; line-height:15px;}
.feesReferalH         {float:left; font-size:20px; width:100%; font-weight:normal; color:#708C72; padding: 20px 0px 10px 0px;}
.feesReferal          {float:left; width:100%; font-size:14px; padding: 20px 0px 10px 0px;}

.review               {float:left; width:93%; border:#EAEAEA 1px solid; padding:10px; margin-bottom:20px; background-color:#EAEAEA;}
.reviewText           {float:left; font-style:italic; width:100%; text-align:center;}
.reviewFoot           {float:left; color:#000000; padding-top:10px; width:100%; text-align:center;}

.textList ul          {text-align:left; margin-top:5px; padding-bottom:10px;}
.textList li          {text-align:left; list-style:none; list-style-image:url(img/img-arrow-white.jpg); font-size:16px; line-height:18px; margin-left:0px; margin-top:5px; padding-right:10px;}

.lowerArea            {float:left; width:100%; background-color:#F5F5F5; color:#354C62; padding:30px 0px 0px 0px;}
.lowerHeader          {text-align:center; font-size:20px; color:#708C72; padding:20px 0px 30px 0px;}
.lowerLocation        {float:left; width:90%; margin:20px 0px 20px 20px; border:#EAEAEA 1px solid;}
.lowerContact         {float:left; width:90%; margin:20px 0px 20px 20px; border:#EAEAEA 1px solid;}
.lowerAddress         {float:left; width:100%; line-height:22px;  padding:0px 0px 20px 20px; font-size:16px;}
.lowerNavigation      {float:left; width:90%; margin:20px 0px 20px 20px; border:#EAEAEA 1px solid; padding-left:-30px;}
.lowerList ul         {text-align:left; margin-top:0px; padding-bottom:10px; padding-left:-30px;}
.lowerList li         {text-align:left; list-style:none; line-height:35px; font-size:20px; margin-left:-40px; margin-top:0px; padding:5px 10px 0px 20px; border-top:#CCCCCC 1px solid;}
.lowerList a          {text-decoration:none;}
.lowerMap             {text-align:center;}

.footer               {float:left; width:100%; background-color:#708C72; padding:30px 0px 30px 0px;}
.footer a             {color:#FFFFFF; text-decoration:none;}
.design               {float:left; width:100%; color:#FFFFFF; padding:0px 0px 0px 20px; line-height:22px;}
.copyright            {float:left; width:100%; color:#FFFFFF; padding:0px 0px 0px 20px; line-height:22px;}



.embed-container {
 position: relative;
 height: 0px;
 overflow: hidden;
 background-color:#FFFFFF;
 }

.ratio-16-9-25{
 padding-bottom:25%; /* 9/16*100 */
 }

.ratio-16-9{
 padding-bottom:56.25%; /* 9/16*100 */
 }

.ratio-4-3{
 padding-bottom:75%; /* 3/4*100 */
 }

.ratio-1-1{
 padding-bottom:930px; /* … */
 }

.embed-container img{
 position: absolute;
 top: 0;
 left: 0;
 width:100%;
 }