/* Reset */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ========================================================================== */
/* Typography */
/* ========================================================================== */

body                        {font: 12px/18px Arial, Helvetica, sans-serif; color: #595959;}
h1,h2,h3,h4                 {font: bold 18px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #1D2172; text-transform: uppercase; background: url(../img/bg-header-swoosh.png) 0 100% no-repeat; clear:both;}
h1 span, h2 span, h3 span   {color: #E8A713;}
h1                          {font-size: 24px; line-height: 24px; padding-bottom: 8px; margin-bottom: 10px;}
h2                          {font-size: 20px; line-height: 22px; padding-bottom: 18px; background-image: none;}
h3                          {font-size: 16px; line-height: 18px; margin-bottom:9px; background-image: none;}
h4                          {font-size: 14px; line-height: 16px; margin-bottom:11px; background-image: none;}
h5                          {font-size: 12px; line-height: 18px; font-weight: bold; background-image: none;}
p                           {margin-bottom: 18px; line-height: 22px;}
ul,ol                       {margin-bottom: 18px; margin-left: 2em; line-height: 22px;}
ol li                       {list-style-type: decimal; line-height: 22px;}
ul li                       {list-style-type: disc; line-height: 22px;}
em                          {font-style: italic;}
strong                      {font-weight: bold;}
blockquote                  {margin-left: 2em; font-style: italic; padding-left: 1em; border-left: 3px solid #999;}
a                           {color: #444444; color: #1d2172; outline: none;}
a:hover                     {text-decoration: underline;}
.georgia                    {font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;}

/* ========================================================================== */
/* Generic Forms */
/* ========================================================================== */

form ul						{margin: 0;}
form li						{list-style-type: none; margin-bottom: 5px; overflow: hidden;}
form label					{display: inline-block; float: left; font-size: 11px;}
form input.text				{border: 1px solid #CCCCCC;}
form input.submit			{border: none; font-size: 10px; cursor: pointer;}
form input.submit:hover 	{color: #CCCCCC;}

/* ========================================================================== */
/* Global Styles */
/* ========================================================================== */

html                                {background: #F1E9D1 url(../img/bg-html.png) repeat-x 0 0;}
.mainColumn img.left							{margin: 0 20px 20px 0;}
.mainColumn img.right							{margin: 0 0 20px 20px;}
#container                          {position: relative; width: 970px; margin: 0 auto;}
#header                             {height: 120px;}
#logo                               {position: absolute; left: 20px; top: 20px;}
#mainMenu                           {background: #DED9CD url(../img/bg-main-menu-top-left.png) no-repeat top left; overflow: hidden; text-transform: uppercase; padding: 0 0 0 5px; margin: 0; position: absolute; right: 0; top: 89px;}
#mainMenu li                        {list-style-type: none; float: left; margin-right: 4px; padding-top: 5px; line-height: 18px; }
#mainMenu li.last                   {background: #DED9CD url(../img/bg-main-menu-top-right.png) no-repeat top right; padding-right: 5px; margin: 0;}
#mainMenu a                         {background: url('../img/bg-main-menu.png') no-repeat top left; height: 41px; display: block; color: #FFFFFF; text-decoration: none; cursor: pointer;}
#mainMenu a:hover                   {background-image: url('../img/bg-main-menu-hover.png');}
#mainMenu a.current                 {background: url('../img/bg-main-menu-current.png') no-repeat 0 -1px;}
#mainMenu span                      {background: url('../img/bg-main-menu-right.png') no-repeat top right; height: 27px; display: block; padding: 10px 10px 0 10px;}
#mainMenu a:hover span              {background-image: url('../img/bg-main-menu-hover-right.png');}
#mainMenu a.current span            {background: url('../img/bg-main-menu-current-right.png') no-repeat 100% -1px; color: #1D2172;}
#mainMenu .first span span          {text-indent: -999em; background: url('../img/icon-home-small.png') no-repeat 0 -16px; height: 16px; width: 17px; padding: 0;}
#mainMenu .first:hover span span    {background: url('../img/icon-home-small.png') no-repeat 0 0;}
#mainMenu .current span span,
#mainMenu .current:hover span span  {background: url('../img/icon-home-small.png') no-repeat 0 -32px;}

#searchForm                 {float: right; margin-top: 29px;}
#searchForm li              {float: left;}
#searchForm .text           {background: url('../img/bg-search-form.png') no-repeat top left; border: none; width: 180px; height: 14px; float: left; padding: 10px 0 10px 10px;}
#searchForm .submit         {background: url('../img/button-search-submit.png') no-repeat top left; width: 65px; height: 34px; float: left; text-indent: -999em; color: transparent; text-transform: capitalize; /* Last three are an IE Hack to hide the text*/}
.contentTop                 {background: url('../img/bg-content-top.png') no-repeat top left; height: 9px; width: 970px; margin-top: 10px; overflow: hidden;}
.secondary                  {background-image: url('../img/bg-content-top-rounded.png');}
.content                    {background: url('../img/bg-content.png') repeat-y top left; overflow: hidden; padding: 10px 5px 0px 0; width: 965px;}
#contentBg                  {/*background: url('../img/bg-communities-watermark.png') no-repeat 98% 95%;*/ overflow: hidden;}
.contentBottom              {background: url('../img/bg-content-bottom.png') no-repeat top left; height: 9px; width: 970px; margin-bottom: 10px;}
#footer                     {color: #000000; background: url('../img/bg-footer.png') no-repeat center bottom; font-size: 11px; height: 80px; margin-bottom: 10px; width: 970px;}
#footer ul                  {margin: 0; padding-left: 5px;}
#footer li                  {float: left; list-style-type: none;}
#footer a                   {color: #000000; padding: 0 5px; text-decoration: none;}
#footer p                   {float: right; padding-right: 10px; width: 400px; text-align: right;}
#fb-hold                    {position: absolute; top: 36px; right: 260px; overflow: hidden; width: 50px; }
.communityBox               {border-bottom: 1px solid #DDDDDD; overflow: hidden; margin-bottom: 18px;}
.communityBox p             {width: 350px; float: right;}


/* ========================================================================== */
/* Home Page */
/* ========================================================================== */

/*#featureContainer           {float: left; margin: 9px 0 6px 10px; position: relative;}*/
#feature                    {float: left; margin: 7px 0 6px 15px; width: 630px; height: 387px; position: relative;}
/*#scroll-heading             {color: red;}*/
#buildIt                    {float: right; margin: 8px 10px 0 0;}
.promoArea                  {background: url('../img/box-expandable.png') no-repeat 0 0; width: 266px; height: 157px; overflow: hidden; float: right; margin: 12px 11px 0 0; padding: 20px 15px 0 15px;}
.promoArea h2               {background-image: none; margin-bottom: 9px;}
.promoAreaBottom            {background: url('../img/box-expandable-bottom.png') no-repeat 0 0; width: 296px; height: 12px; float: right; margin: 0 11px 0 0;}
.home .content              {padding-top: 0;}
.home .content-secondary    {padding-top: 10px;}
.column                     {width: 296px; padding: 0 12px; float: left;}
.column h2                  {margin-bottom: 10px; background: url(../img/bg-header-swoosh.png) 0 100% no-repeat; padding-bottom: 9px;}
.column dl                  {padding-left: 70px; margin-bottom: 18px;}
.column dt                  {font-size: 16px; text-transform: uppercase; color: #1D2172;}
.column dt span             {color: #E8A713;}
.column .detail             {background: url('../img/icon-magnifying-glass-large.png') no-repeat 10px 0;}
.column .quality            {background: url('../img/icon-check-large.png') no-repeat 10px 0;}
.column .comfort            {background: url('../img/icon-heart-large.png') no-repeat 10px 0;}
.column .convenience        {background: url('../img/icon-house-large.png') no-repeat 10px 0;}
.welcome                    {padding: 0 20px 0 30px; width: 265px;}
.features                   {width: 316px; padding: 0 0 0 12px; line-height: 22px; }
.communities                {/*background: url('../img/bg-communities-watermark.png') no-repeat 50% 90%;*/ width: 296px; padding: 0 12px 0 12px;}
.communities ul             {margin: 0;}
.communities li             {background: url('../img/bg-community.jpg') no-repeat 0 0; width: 300px; height: 94px; list-style-type: none; margin-bottom: 5px;}
.communities ul img         {margin: 0 auto; padding-top: 6px; display: block;}
.communities ul a           {display: block; height: 94px; width: 300px;}
.communities .promo         {margin-top: 40px;}
a.viewmap, p.viewmap        { width: auto; float: none; position: relative; top: 190px; left: -243px; }

/* ========================================================================== */
/* Floorplan Page */
/* ========================================================================== */

.floorplan .content                 {padding: 20px 10px 10px 20px;}
.floorplan .columnOne               {width: 255px; float: left; padding: 20px 0 0 0;}
.floorplan h2                       {font-weight: normal; background-image: none; font-size: 19px; margin: 0;}
.floorplan .columnTwo               {width: 350px; float: left;}
.floorplan .columnThree             {width: 296px; float: left; margin-left: 30px;}
#tabContainer ul                    {background: #DCD7C7 url('../img/bg-tabs-top.png') no-repeat 0 0; overflow: hidden; padding: 5px 0 0 5px; margin: 0; width: 345px;}
#tabContainer li                    {float: left; list-style-type: none;}
#tabContainer li a                  {background: url('../img/bg-tab.png') no-repeat 0 0; height: 31px; display: block; color: #FFFFFF; text-transform: uppercase; text-decoration: none; margin-right: 5px; cursor: pointer;}
#tabContainer li a span             {background: url('../img/bg-tab-right.png') no-repeat top right; padding: 6px 7px 0 7px; height: 25px; display: block;}
#tabContainer a.current             {background: url('../img/bg-main-menu-current.png') no-repeat 0 -1px; height: 35px;}
/*#tabContainer a.current:hover       {background: url('../img/bg-main-menu-current.png') no-repeat 0 -1px; height: 35px;}*/
#tabContainer a.current span        {background: url('../img/bg-main-menu-current-right.png') no-repeat 100% -1px; color: #1D2172;}
/*#tabContainer a.current span:hover  {background: url('../img/bg-main-menu-current-right.png') no-repeat 100% -1px; color: #1D2172;}*/
#tabContainer a:hover               {/*background-image: url('../img/bg-tab-hover.png');*/ color: #6BB3E0;}
/*#tabContainer a:hover span          {background-image: url('../img/bg-tab-hover-right.png');}*/
#tabs                               {background: #DCD7C7 url('../img/bg-tabs-bottom.png') no-repeat bottom center; width: 350px; height: 292px; overflow: hidden;}
#tabs img                           {background-color: #FFFFFF; padding: 5px; margin: 0 0 5px 5px; border: 0;}
#tabs img:hover                     {background-color: #1d2172;}
.buttonPdf                          {background: url('../img/button-pdf.png') no-repeat 0 0; width: 154px; height: 23px; padding: 5px 0 0 25px; margin: 0 0 5px 0; display: block; text-decoration: none; font-style: italic; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;}
.buttonPdf:hover                    {text-decoration: none; margin-left: 5px; -webkit-transition: margin 0.10s linear;}
.buttons                            {font-size: 13px; text-transform: uppercase; padding: 4px 4px 4px 4px; margin:0 0 10px 0;}
.buttons ul                         {margin: 0; padding: 5px; background: #DCD7C7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.buttons li                         {list-style-type: none;}
.buttons a                          {background: #1D2172; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); -moz-box-shadow: 0 -1px 0 rgba(255,255,255,0.4); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; display: block; color: #FFFFFF; text-decoration: none; margin-bottom: 5px; padding: 0 5px 9px; cursor: pointer;}
.buttons a:hover                    {background: #6BB3E0; text-decoration: none;}
.buttons span                       {display: block; padding: 10px 10px 0 10px;}
.buttons .current                   {background: #fff; color: #1D2172; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); -moz-box-shadow: 0 -1px 0 rgba(255,255,255,0.4); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; }
.buttons .current:hover             {background: #F7F7F7; color: #1D2172;}

.buttonsBottom                      {background: url('../img/bg-buttons.png') no-repeat left bottom; margin-bottom: 10px;}
.buttonsBottom h4                   {margin-bottom: 26px;}
.buttonsBottom ul                   {border:4px solid #DCD7C7; margin: 0; }
.buttonsBottom li                   {list-style-type: none;}
.buttonsBottom a                          {background: #F1E9D1; color:#595959; height: 37px; display: block; line-height:37px; text-decoration: none; margin-bottom: 5px; cursor: pointer; padding:0 14px; vertical-align:center; font-size:14px;}
.buttonsBottom a:hover                    {background: #e9ddb7; text-decoration: none;}
.buttonsBottom a.last                     {margin-bottom: 0;}
.buttonsBottom span                       {background: url('../img/bg-main-menu-right.png') no-repeat top right; height: 27px; display: block; padding: 10px 10px 0 10px;}
.buttonsBottom a:hover span               {background: url('../img/bg-main-menu-hover-right.png') no-repeat top right;}
.buttonsBottom .current,                  
.buttonsBottom .current:hover             {background:#FFFFFF; color: #1D2172;}
.buttonsBottom .current span,             
.buttonsBottom .current span:hover        {background: url('../img/bg-sec-menu-current-right.png') no-repeat top right;}
#propertyDetails                    {clear: both; margin-top: 30px;}
#propertyDetails li                 {}
#propertyDetails .eco               {background: url('../img/icon-eco.png') no-repeat 0 4px; padding-left: 15px; list-style-type: none; margin-left: -15px;}
#propertyDetails .key               {color: #82BD69; margin-left: 0px;}
#propertyDetails .key li            {margin-left: 0px;}
.floorplan .promoArea               {margin: 0; height: auto;}
.floorplan .promoArea h2            {font-size: 22px; font-weight: bold;line-height: 30px; padding-bottom: 4px; margin-bottom: 7px;}
.floorplan .promoAreaBottom         {margin: 0;}

/* ========================================================================== */
/* Grid Page */
/* ========================================================================== */

.grid .content                      {padding: 20px 0 10px 20px;}
.grid .mainColumn                   {width: 625px; float: left;}
.grid .columnThree                  {width: 296px; float: left; margin-left: 10px;}
.grid .promoArea                    {margin: 0;}
#propertyGrid                       {margin: 0; overflow: hidden;}
#propertyGrid li                    {background: #fff url(../img/diag-bg.png) repeat; height: 267px; width: 200px; list-style-type: none; float: left; margin: 0 5px 6px 0; cursor: pointer; position: relative;border: 1px solid rgba(122,119,113, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); -moz-box-shadow: 0 -1px 0 rgba(255,255,255,0.4); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; }
#propertyGrid li:hover              {background: #f7f7f7; cursor: pointer;}
#propertyGrid span.details-btn      { background: url(../img/details-btn.png) no-repeat; width: 90px; height: 30px; display: block; position: relative; bottom: -20px; right: 4px; }
/*#propertyGrid li.last               {margin: 0;}*/
#propertyGrid h4                    {margin: 0 0 0 5px; font-size: 14px; text-transform: uppercase; color: #1D2172; line-height: 1.1em; background-image: none;}
#propertyGrid span                  {margin: 0 0 0 5px; float: left; width: 100px; line-height: 17px;}
#propertyGrid img                   {float: left; margin: 5px 0 5px 5px; display: block;}
#propertyGrid a                     {display: block; width: 200px; height: 267px; text-decoration: none; overflow: hidden;}
.grid .promoArea                    {height: auto;}
.grid .promoAreaBottom              {margin: 0;}

/* ========================================================================== */
/* Search Page */
/* ========================================================================== */
.search .content                    {padding: 20px 5px 5px 20px; width: 945px;}
.search h1                          {margin-bottom: 18px;}
.search h3                          {background-image: none;}
.search h3 a                        {text-decoration: none;}
.search h3 a:hover                  {text-decoration: underline;}
.search h3 span.score               {font-size: 12px;}
.search ol                          {margin: 0;}
.search ol li                       {list-style-type: none; margin: 0;}
#search-results                     {clear: both;}
#searchFormMain                     {overflow: hidden; margin: 0 15px 18px 0; background-color: #f8f4e8; padding: 10px;}
#searchFormMain li                  {float: left;}
#searchFormMain .text               {background: url('../img/bg-search-form.png') no-repeat top left; border: none; width: 180px; height: 14px; float: left; padding: 10px 0 10px 10px;}
#searchFormMain .submit             {background: url('../img/button-search-submit.png') no-repeat top left; width: 65px; height: 34px; float: left; text-indent: -999em; color: transparent; text-transform: capitalize; /* Last three are an IE Hack to hide the text*/}

/* ========================================================================== */
/* Utility Styles */
/* ========================================================================== */

.hidden                     {display: none;}
.clear                      {clear: both;}
.overflowClear              {overflow: hidden;}
.alignLeft                  {float: left; margin: 0 15px 5px 0;}
.alignRight                 {float: right;}
.imageBorder                {background-color: #FFFFFF; padding: 1px; border: 4px solid #D8D1BC;}
.noUnderline                {text-decoration: none;}
a#liftLogo                  {font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-weight: bold; font-style: italic; padding: 0;}
.button                     {background: url('../img/button.png') no-repeat top left; display: inline-block; text-decoration: none; cursor: pointer;}
.button:hover               {text-decoration: none;}
.button span                {background: url('../img/button-right.png') no-repeat top right; height: 30px; display: inline-block; padding: 5px 10px 0 10px;}
.textShadow                 {text-shadow: 0 1px 0 #EEEEEE;}

/* ========================================================================== */
/* Mortgage Calculator */
/* ========================================================================== */

#mCalc                      {margin-top: 30px; font-size: 22px;}
#mCalc label                {display: block; width: 200px; font-weight: bold; font-size: 18px; padding-top: 8px;}
#mCalc label.result         {padding-top: 18px;}
#mCalc input.text           {width: 150px; padding: 3px;}
#mCalc input.text:focus     {background-color: #EEEEEE;}
#mCalc #mcPayment           {width: 300px; padding-top: 4px; background-color: #FFFFAA; border: none; background-color: #FFFFFF; font-size: 36px; font-weight: bold;}
#mortgageCalc               {margin-left: 200px; border: none; background-color: #1D2172; color: #FFFFFF; font-size: 14px; text-transform: uppercase; padding: 7px 8px 6px 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 10px 0 10px 255px;}
#houses-list .keyFeatures ul             {margin: 0;}
#houses-list .keyFeatures ul li          {margin: 0; padding: 0; float: none;}
#houses-list li h4 { padding: 0 6px; }

/* ========================================================================== */
/* Mortgage Calculator */
/* ========================================================================== */

iframe                      {float: right; width: 600px;}
#contactInfo                {float: left; width: 180px;}
/*background: #DCD7C7 url(http://kirkland.liftslice1.com/media/img/bg-tabs-top.png) no-repeat 0px 0px;*/

.mainColumn img             {margin: 10px 10px 0 0;}

/* ========================================================================== */
/* Contact Page */
/* ========================================================================== */

.googlemap                      {margin:10px 0 20px 0;}

#full { width: 100%; }
.third { width: 300px; height: 260px; float: left; margin-bottom: -18px; }
.third.right { float: right; height: auto;  }
.moveit { margin-right: 20px; padding-top: 30px; }

/* ========================================================================== */
/* Showhome modal */
/* ========================================================================== */

.map        { margin-bottom: 20px; }
.logo       { margin: 0 0 20px 20px; }
.logo img   { cursor: pointer; max-width: 200px; }
.directions { width: 300px; float: right; margin-top: -100px; }
.directions p { margin-bottom: 0px; }

/* home promo areas */
.home .promoArea          { height: 62px; padding-top: 15px; position: relative; }
.home .promoAreaBottom    { background-image: url('../img/box-expandable-bottom-light.png'); }
.home .promoArea h2       { font-size:18px; margin: 0 0 5px; padding: 0; }
.home .promoArea p        { width: 150px; }
.home .promoArea .button  { position: absolute; right: 15px; bottom: 0; }