﻿@charset "UTF-8";
/* CSS Document */

*		{margin:0; padding:0; outline:none; border:none;}
body		{background:#a1ce68; font-family:Arial, Helvetica, sans-serif;}
.right	{float:right;}
.left	{float:left;}
.clear	{clear:both;}
ul		{list-style:none;}
h1		{font-family:"Exo", Arial; font-weight:300; margin:0; padding:0; color:#a1ce68; font-size:30px; text-transform:uppercase;}
h2		{font-family:"Exo", Arial; font-weight:300; margin:0; padding:0; color:#4d4d4d; font-size:26px; margin:0 0 10px 0; text-transform:uppercase;}
h3		{font-family:"Exo", Arial; font-weight:300; margin:0; padding:0; color:#4d4d4d; font-size:22px; margin:0 0 10px 0; text-transform:uppercase; width:95%;}
h4		{font-family:"Exo", Arial; font-weight:300; margin:0; padding:0; color:#ffffff; font-size:26px; margin:0 0 15px 0; text-transform:uppercase;}
h4 span	{font-weight:500;}
h5		{font-family:"Exo", Arial; font-weight:300; margin:0; padding:0; color:#464646; font-size:21px; margin:0 0 15px 0; text-transform:uppercase;}
p		{line-height:140%; margin:0 0 15px 0; font-size:13px; color:#696969;}
p a     {color:inherit;}


h2 a { color:#464646;}
.mainContent ul { margin-left:1em; margin-bottom:15px; }
.mainContent ul li {line-height:140%; margin:0 0 5px 0; font-size:13px; color:#696969; list-style:disc;}
.mainContent h1 { margin:0 0 15px 0; }
.mainContent ul.homeQuickLinks li, .mainContent ul.leftNav li, .mainContent ul.squareButtons li, .mainContent ul.other-areas-list li, .mainContent ul.secondary-nav li, .mainContent ul.fpBtns li { list-style:none; }

.wrapper		{width:1000px; margin:0 auto; background:#ffffff; box-shadow:0px -1px 10px #000000;}
.mainContent	{padding:20px 20px 150px 20px; position:relative; overflow:visible;}
.homeLeft		{width:680px; float:left;}
.homeRight		{width:250px; float:left; margin:0 0 0 30px;}

/*--------------HEADER STYLES----------------*/
.header				{background:#464646; padding:10px 20px; margin-bottom:15px;}
.searchContainer	{width:250px; height:30px; float:right; position:relative; margin:0 0 0 10px;}
input.searchBox		{width:210px; height:24px; background:#ffffff; padding:5px 30px 5px 10px; border-radius:10px; border:none; font-size:12px;}
input.searchBtn		{width:23px; height:23px; background:url(/_assets/icon_search.png); position:absolute; right:5px; top:6px;}
input.searchBox.placeholder	{color:#a2a2a2;}

ul.mainNav				{float:right; font-size:14px; margin:20px 0 0 0;}
ul.mainNav li 			{float:left; position:relative; z-index:999999; padding:10px 0;}
ul.mainNav li a			{float:left; color:#ffffff; text-decoration:none; margin:0 0 0 15px; font-weight:bold; position:relative; display:block;}
ul.mainNav li a:hover	{color:#a1ce68;}
ul.mainNav li ul		{left:-999999px; display:none; box-shadow:2px 3px 3px rgba(0,0,0,0.5)}
ul.mainNav li:hover ul	{position:absolute; top:34px; left:5px; width:180px; background:#464646; display:block;}
ul.mainNav li ul li		{float:none; padding:0; line-height:120%;}
ul.mainNav li ul li a	{margin:0; padding:10px; float:none; font-weight:normal; color:#ffffff; font-size:12px;}
ul.mainNav li ul li a:hover	{background:#a1ce68; color:#464646}
ul.mainNav li.dropdown-right ul {left:auto; right:-10px; }

ul.secondary-nav		{background:#a1ce68; padding:10px 10px 2px 10px; margin:10px 0 25px 0;}
ul.secondary-nav li		{float:left; margin:0 8px 8px 0;}
ul.secondary-nav li	a	{float:left; display:block; font-size:14px; background:#fff; color:#7fa155; font-weight:bold; padding:10px 15px 10px 15px; text-decoration:none; box-shadow:1px 1px 1px rgba(0,0,0,0.5);}
ul.secondary-nav li	a:hover	{background:#464646; color:#fff; }

/*--------------TICKERS----------------*/
.ticker 							{width:680px; height:454px; position:relative; margin:0 0 15px 0;}
.slide								{width:680px; height:454px;}
.fpBtns					    {position:absolute; bottom:	0px; right:10px; margin:0px; padding:0px;}
.fpBtns li					{float:left; margin-right:5px;}
.fpBtns li .markerOff		{width:15px; height:15px; background:url(/_assets/button_off.png); display:block;}
.fpBtns li .markerOn		{background:url(/_assets/button_on.png);}
.fpBtns li a	{margin-left:5px;}

.tickerLarge                            {width:680px; height:454px; position:relative; margin:0 0 15px 0;}
.tickerLarge .slide                     {width:680px; height:454px; position:absolute; display:none;}

.tickerSmall						{width:488px; height:234px; position:relative; float:left;}
.tickerSmall .slide                 {width:488px; height:234px; position:absolute; display:none; overflow:hidden;}
.tickerSmall .slide img             {width:100%;}

/*#ticker2 .slide 					{position:absolute; display:none;}
#ticker2 .fpBtns					{position:absolute; bottom:10px; right:10px; margin:0px; padding:0px;}
#ticker2 .fpBtns li					{float:left; margin-right:5px;}
#ticker2 .fpBtns li .markerOff		{width:15px; height:15px; background:url(/_assets/button_off.png); display:block;}
#ticker2 .fpBtns li .markerOn		{background:url(/_assets/button_on.png);}*/
.ticker .PanelnavButtons 			{float:right; position:relative; width:auto;}
.ticker .PanelnavButtons img 		{margin-right: 4px; cursor:pointer;}
a.fpText							{position:absolute; background:#464646; padding:10px 20px; width:286px; border-bottom:5px solid #a1ce68; top:75%; left:40px; display:block; text-decoration:none;}
a.fpText	 h1						{text-transform:uppercase; font-size:22px; color:#ffffff; line-height:140%; position:relative; display:inline;}
a.fpText img						{position:absolute; right:-30px; bottom:4px;}
a.fpText:hover h1					{color:#a1ce68;}

ul.homeQuickLinks					{margin:0 0 20px 0}
ul.homeQuickLinks li 				{margin:0 0 15px 0; border-bottom:1px solid #d7d7d7;}
ul.homeQuickLinks li h3	a			{position:relative; display:inline; line-height:130%; text-decoration:none; color:#4d4d4d;}
ul.homeQuickLinks li h3	a:hover		{color:#a1ce68}
ul.homeQuickLinks li h3 img			{position:absolute; right:-30px; bottom:4px;}
ul.homeQuickLinks li p				{color:#696969; font-size:12px; margin-top:10px;}

.tickerSmall						{width:487px; height:234px; position:relative; float:left;}
/*#ticker3 .slide						{width:488px; height:234px; position: absolute; display:none;}
#ticker3 .fpBtns					{position:absolute; bottom:10px; right:10px; margin:0px; padding:0px;}
#ticker3 .fpBtns li					{float:left; margin-right:5px;}
#ticker3 .fpBtns li .markerOff		{width:15px; height:15px; background:url(/_assets/button_off.png); display:block;}
#ticker3 .fpBtns li .markerOn		{background:url(/_assets/button_on.png);}*/

.ticker375							{width:375px; height:auto; position:relative; float:left; margin:20px 0;}
.ticker375 div.slide                {width:375px; height:auto; position:absolute; display:none;}
.ticker375 div.slide img            {max-width:375px;}
.ticker375 .fpBtns					{position:absolute; bottom:10px; right:10px; margin:0px; padding:0px;}
.ticker375 .fpBtns li				{float:left; margin-right:5px;}
.ticker375 .fpBtns li .markerOff	{width:15px; height:15px; background:url(/_assets/button_off.png); display:block;}
.ticker375 .fpBtns li .markerOn		{background:url(/_assets/button_on.png);}

/*--------------HOME----------------*/
.homeIntro		{background:#eff6e5; padding:15px;}
.homeIntro p	{color:#464646; font-size:13px; }

.areaFocus			{background:#464646; padding:15px; margin:15px 0;}
.areaFocus p		{color:#ffffff; font-size:12px;}
.areaFocus p a		{color:#a1ce68; font-weight:bold; text-decoration:none; font-size:14px; position:relative;}
.areaFocus p a:hover	{color:#ffffff;}
.areaFocus p a img	{float:left; right:-30px; top:-3px; position:absolute;}
a.viewAll			{color:#a1ce68; font-size:12px; float:right;}
a.viewAll:hover		{color:#ffffff;}
.areaTxt			{width:182px; float:left;}
.googleMap			{float:left; margin:0px 13px;}

.areaFocus .other-areas		{padding:15px 10px; background:rgba(0,0,0,0.2); border:none; margin-top:30px;}
.areaFocus .other-areas h3	{color:#fff; font-size:18px; margin-bottom:10px;}
.areaFocus ul.other-areas-list li a	{font-size:13px; color:#fff;}
.areaFocus ul.other-areas-list li {margin:0;}

.area-focus-left	{width:650px; float:left;}
.area-focus-right	{width:280px; float:left; margin-left:20px;}
.area-focus-right iframe	{width:100%; height:250px; margin-bottom:0px;}
.area-right-copy			{margin-bottom:20px;}
.area-right-copy img		{width:100%; margin-top:10px;}
.area-right-copy p			{margin:0;}

.other-areas			 {background:#ffffff; padding:20px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin-top:40px;}
.other-areas h3			 {margin-bottom:20px; font-size:20px;}
ul.other-areas-list		 {list-style:none; margin:0;}
ul.other-areas-list li	 {font-size:16px; margin:0 0 5px 0;}
ul.other-areas-list li a {color:#696969; text-decoration:none; font-weight:bold; display:block; background:url(/_assets/icon_arrowWhiteGrey.png) left no-repeat; padding:5px 0; padding-left:35px;} 
ul.other-areas-list li a:hover	{color:#a1ce68; background:url(/_assets/icon_arrowWhiteGreen.png) left no-repeat; }

.tabButton				{width:473px; height:114px; background:#a1ce68; display:block; text-decoration:none; position:relative; float:left; margin:0 14px 15px 0;}
.tabButton:nth-child(odd)   {margin:0; }
.tabButton h5			{display:block; margin:0 0 10px 0; position:relative; width:240px;}
.tabButton h5 img		{position:absolute; right:-10px; bottom:0;}
.tabButton p			{color:#464646; font-size:12px;}
.tabLeft				{width:281px; float:left; margin:15px 10px;}
.tabButton.tabLight	{background:#eff6e5;}
.tabButton a { color:#ffffff; text-decoration:none; }
.tabButton a img { margin:0 10px; vertical-align:middle;  }

a.tweet-link { color:#464646; }
a.tweet-link:hover {text-decoration:underline;}

.view-examples { position:absolute; bottom:-32px; padding:10px; background:url(/_assets/icon_arrowWhiteGreen.png) no-repeat 135px 6px #AED67A; color:#FFF; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; display:block; font-family:"Exo", Arial; text-transform:uppercase; right:0px; }

/*--------------EXAMPLES----------------*/
.listing-item	{background:#eff6e5; padding:20px; box-sizing:border-box; margin-bottom:20px;}
.listing-txt 	{float:left; width:650px; max-width:100%;}
.listing-txt h2	{font-size:24px; line-height:1.3em;}
.listing-txt p	{font-size:14px; line-height:1.5em;}
.listing-image	{float:right; width:250px;}
.listing-image img	{width:100%;}
.listing-image p	{background:#fff; padding:5px 10px; margin-bottom:0;}

.area-listing	{width:47%; margin-right:2.5%; float:left; background:#f1f1f1; border-bottom:5px solid #ddd;}
.area-listing .listing-txt	{width:50%;}
.area-listing .listing-image	{width:50%;}
.area-listing .listing-image iframe	{width:100%;}
.block-btn		{width:auto; display:inline-block; padding:12px 10px; background:#fff; color:#626262; font-size:14px; font-weight:400; font-family:"Exo", Arial; text-transform:uppercase; text-decoration:none;}
.block-btn img	{margin:-2px 0 0 10px; display:block; float:right;}

/*--------------LEFT COL 770----------------*/
.leftCol770			{width:770px; float:left;}
.leftCol770 h1,
.leftColLeft h1		{margin:0 0 15px 0;}
.leftColLeft img	{width:100%; height:auto;}
.whereToLiveMap		{border:1px solid #cccccc;}
.leftColLeft		{width:375px; float:left;}
.leftColLeft h2		{font-size:20px; line-height:1.2em; color:#a1ce68;}
.leftColLeft blockquote, blockquote	{font-size:14px; color:#696969; line-height:1.5em; border-bottom:5px solid #ccc; padding:20px; background:#efefef; margin-bottom:20px; position:relative;}
.leftColRight		{margin:0 0 0 20px; float:left; width:375px;}

.testimonial blockquote {padding:20px 20px 20px 55px;}
.testimonial blockquote:before { position: absolute; left: 10px; top: 15px; width: 35px; height: 25px; content: ''; background: url(/_assets/icon_quote.png); }
.testimonial blockquote .author { font-size:11px; text-transform:uppercase; display:inline-block; margin-top:10px; font-weight:bold;}

.leftColRight .listing-image	{float:none; width:100%;}
.leftColRight .listing-txt h2	{font-size:18px}

table.typicalPrices		{margin:0 0 20px 0;}
table.typicalPrices td	{color:#696969; font-size:14px; padding:10px 0; border-bottom:1px solid #d6d6d6;}

table.topTen			{margin:0 0 20px 0;}
table.topTen td			{border-bottom:1px solid #d6d6d6; padding:5px 0; color:#696969; font-size:14px;}
span.blockNumber		{background:#a1ce68; color:#ffffff; font-family:"Exo", Arial; text-align:center; width:30px; height:30px; line-height:30px; display:block;}

/*--------------FOOTER----------------*/
.footer					{margin:-130px auto 0 auto; width:960px; background:url(/_assets/img_footerMotif.jpg) top no-repeat; padding:170px 20px 30px 20px;}
.footer	h5				{color:#ffffff}
.footer ul				{width:160px; float:left; font-size:12px; margin:0 20px 0 0;}
.footer ul li			{}
.footer ul li a			{color:#ffffff; text-decoration:none; margin-bottom:10px; display:block;}
.footer ul li a:hover 	{color:#464646;}
.footerRight			{float:right; text-align:right;}
.footerRight p			{font-family:"Exo",Arial; margin:0; font-weight:500; color:#ffffff; margin:15px 0 0 0;}
.footerRight p a		{color:#ffffff; text-decoration:none;}
.footerRight p a:hover	{color:#464646}

/*--------------CONTENT----------------*/
ul.leftNav			{width:176px; float:left;}
ul.leftNav li		{border-top:1px solid #ececec; padding:0 0 0 10px;}
ul.leftNav li a		{color:#464646; font-size:12px; text-decoration:none; display:block; padding:13px 0 13px 30px;}
ul.leftNav li a:hover, ul.leftNav li a.active	{background:url(/_assets/icon_arrowWhiteGreen.png) left no-repeat; color:#a1ce68;}
ul.leftNav p		{color:#a1ce68; font-weight:bold;}

.middleCol			{width:578px; float:left; margin:0 0 0 16px;}
.middleCol h1		{color:#a1ce68; font-size:30px; text-transform:uppercase; margin:0 0 15px 0;} 
.middleCol p		{width:505px; color:#696969;}
.middleCol  .ticker {width:578px; height:278px; position:relative; margin:0 0 15px 0;}
.middleCol  .slide	{width:578px; height:278px;}

.intro-txt	{padding:20px; background:#efefef; margin-bottom:20px;}

/*--------------RIGHT COL----------------*/
.rightCol									{width:175px; float:left; margin:0 0 0 15px;}
ul.homeQuickLinks.contentQuicklinks h3	a	{font-size:18px; width:145px; display:inline-block;}

ul.squareButtons				{margin:0;}
ul.squareButtons li	a			{display:block; background:#efefef; border-left:5px #cccccc solid; text-decoration:none; padding:10px; position:relative; margin-bottom:10px;}
ul.squareButtons li	a span		{color:#464646; font-size:14px; width:110px; display:block; line-height:120%}
ul.squareButtons li	a img		{position:absolute; right:6px; bottom:6px;}
ul.squareButtons li	a:hover,
ul.squareButtons li	a.active	{background:#eff6e5; border-left:5px #a1ce68 solid;}


/*---------------SEARCH-----------------*/
.paging				        {margin-top:30px;}
.paging li			        {float:left; list-style:none;}
.paging li span			    {margin:0px 2px; color:#4d4d4d; font-weight:bold;}
.paging li a			    {margin:0px 2px; font-weight:normal; color:#a1ce68; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.paging li a.aspNetDisabled	{display:none;}



/*------------GET IN TOUCH--------------*/

.get-in-touch { display:block; background:#D6EDAE; padding:20px 20px; border-radius:5px; border:1px solid #A1CE68; }

.form-label { font-size:14px; display:inline-block; width:200px; margin-bottom:20px; clear:left; float:left; position:relative; top:8px; }
.form-text-box {border:1px solid #a1ce68; padding:5px 5px; font-size:14px; display:inline-block; margin-bottom:20px; float:left; width:200px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.form-text-area {border:1px solid #a1ce68; font-family:Arial, Helvetica, sans-serif; padding:5px 5px; font-size:14px; display:inline-block; margin-bottom:20px; float:left; width:300px; height:125px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.form-text-box.error, .form-text-area.error { background:#FBB; border:1px solid #FF9191; }

.get-in-touch select { padding:5px; border:1px solid #A1CE68; font-size:14px; width:200px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:20px;}
.btn-submit { display:block; -webkit-transition:background 0.5s, box-shadow 0.5s; transition:background 0.5s, box-shadow 0.5s; padding:9px 17px; border-radius:2px; background:#A1CE68; margin-bottom:20px; font-size:14px; cursor:pointer; border:1px solid #a1ce68; box-shadow:0px 0px 0px 0px #000;}
.btn-submit:hover {-webkit-transition:background 0.5s, box-shadow 0.5s; transition:background 0.5s, box-shadow 0.5s; background:transparent; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.22);}