/*
 * Project:		Cidex Signature Homes
 * Date:		2009/07/07
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #e2dbce url(../images/layout-bg-a.gif) 0 -174px repeat-x; font-size: 62.5%; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.3; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }

a { color: #333; text-decoration: underline; }
a:hover, a:focus, a:active { color: #000; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { margin: 0 auto; padding: 24px 0 0; background: url(../images/top-subs.jpg) 50% 0 no-repeat; }
 #top { width: 879px; height: 138px; margin: 0 auto; border: 1px solid #f7ab09; border-width: 1px 1px 0; }
  #logo { margin: 0; }
   #logo a { display: block; overflow: hidden; width: 294px; height: 127px; text-indent: -10001px; }
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
 #wrap { width: 859px; margin: 0 auto; padding: 0 10px 10px; border: 1px solid #f7ab09; border-width: 0 1px 1px; background: #f1ede7; }
  #nav { list-style: none; height: 31px; margin: 0; padding: 1px 20px; border-bottom: 1px solid #fff; background: #e2dbce; }
  * html #nav { overflow: hidden; }
   #nav li { position: relative; float: left; padding: 0 0 0 1px; background: url(../images/nav-sep.gif) 0 50% no-repeat; }
   * html #nav li { zoom: 1; }
   #nav li:first-child,
   #nav li.first { padding-left: 0; background: none; }
    #nav li a { float: left; width: 101px; height: 31px; padding: 0 5px 0 10px; line-height: 31px; text-decoration: none; }
    #nav > li > a.active { background: #d2ccc0; color: #333; text-decoration: none; }
    #nav li a:hover,
    #nav li a:focus,
    #nav li a:active,
    #nav li a.on { background: #222; color: #fff; text-decoration: none; }
    #nav > li:hover > a { background: #222; color: #fff; text-decoration: none; }
    #nav li em { position: absolute; left: -10001px; top: -10001px; }
    #nav li ul { display: none; position: absolute; left: 1px; top: 31px; list-style: none; width: 116px; margin: 0; padding: 5px 0 10px; border-top: 1px solid #222; background: #454545 url(../images/nav-subnav.gif) repeat-x; }
    #nav li:hover ul { display: block; }
     #nav li ul li { float: none; width: 100%; margin: 5px 0 0; padding: 0; background: none; }
      #nav li ul li a { display: block; float: none; width: auto; height: auto; padding: 0 10px; background: none !important; color: #fff; text-decoration: underline !important; line-height: 1.3; }
      #nav li ul li ul { display: block; position: static; width: auto; margin: 0; padding: 0; border: none; background: none; }
       #nav li ul li ul li {  }
        #nav li ul li ul li a { display: block; padding-left: 25px; background: url(../images/nav-subnav-bullet-a.gif) 17px 8px no-repeat !important; color: #6e6e6e; }
        #nav li ul li ul li a:hover,
        #nav li ul li ul li a:focus,
        #nav li ul li ul li a:active { background-position: 17px -92px !important; color: #fff; }
  #content { padding: 25px 25px 10px; border: 20px solid #e2dbce; border-width: 0 20px 20px; }
 #footer { width: 859px; margin: 0 auto; padding: 10px 0; }
  #footer p { margin: 0; font-size: 0.9em; text-align: right; }
   #footer p span { color: #e2dbce; }

body.home { background-position: 0 0; }
 body.home #root { padding-top: 0; background-image: url(../images/top-home.jpg); }
  body.home #top { position: relative; width: 881px; padding: 0 10px; height: 336px; border: none; }
   body.home #logo { position: absolute; left: 0; top: 0; z-index: 15; width: 900px; height: 321px; padding: 15px 0 0 1px; background: url(../images/top-home-overlay.png) no-repeat; }
   * html body.home #logo { background-image: url(../images/top-home-overlay-ie.png); }
    body.home #logo a { height: 155px; }
   body.home #showcase { overflow: hidden; width: 859px; margin: 0 auto; }
    body.home #showcase p { position: relative; margin: 0; height: 336px; background: #000 url(../images/indicator-a.gif) 50% 50% no-repeat; }
     body.home #showcase p img { position: absolute; left: 0; top: 0; z-index: 10; }
     body.home #showcase p img.loading { z-index: 5; }
    body.home #showcase ul { position: absolute; z-index: 20; right: 32px; top: 282px; list-style: none; margin: 0; padding: 0; }
     body.home #showcase ul li { display: inline; float: left; margin: 0 0 0 4px; }
      body.home #showcase ul li a { position: relative; float: left; }
       body.home #showcase ul li img { float: left; border: 1px solid #f6ab0a; }

body.pop { height: auto; padding: 20px 20px 10px; background: #fff; text-align: center; }

/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; color: #333; }
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* columns */

div.cols-two-a { overflow: hidden; width: 100%; }
 div.cols-two-a div.primary { float: left; width: 48%; }
 div.cols-two-a div.secondary { float: right; width: 48%; }

/* containers */

div.box-a { margin: 0 0 15px; padding: 15px 15px 5px; background: #ebe6dd; }

div.box-b { padding: 0 0 0 10px; }
 div.box-b h3 { margin: 0 0 0 -10px; font-size: 1.2em; font-weight: bold; }
 div.box-b ul { list-style: none; margin: 0 0 10px; padding: 0; }

div.multifamily-a { overflow: hidden; width: 100%; margin: 0 0 10px; padding: 16px 0 0; background: url(../images/commercial-a-stripe.jpg) no-repeat; }
 div.multifamily-a p.image { float: right; margin: 0 0 10px 10px; }
 div.multifamily-a h2 { font-size: 1.3em; }
 div.multifamily-a ul { list-style: none; margin: 0; padding: 0; }
  div.multifamily-a ul li { margin: 0 0 10px; }

div.commercial-a { overflow: hidden; width: 100%; margin: 0 0 10px; padding: 16px 0 0; background: url(../images/commercial-a-stripe.jpg) no-repeat; }
 div.commercial-a p.image { float: right; margin: 0 0 10px 10px; }
 div.commercial-a h2 { font-size: 1.3em; }
 div.commercial-a ul { list-style: none; margin: 0; padding: 0; }
  div.commercial-a ul li { margin: 0 0 10px; }

div.corner-a { display: inline; float: right; width: 280px; margin: -25px -25px 0 20px; padding: 10px 10px 1px; background: #f7ab09; color: #fff; }
 div.corner-a h2 { margin: 0; color: #fff; }
 div.corner-a p { font-size: 1.3em; }

div.header-a { margin: 0 0 20px; }
 div.header-a h1,
 div.header-a h2 { margin: 0; }
 div.header-a p { margin: 0; }

div.item-a { overflow: hidden; width: 100%; margin: 0 0 20px; }
 div.item-a .left { margin-right: 20px; }
 div.item-a .right { margin-left: 20px; }

div.news-a { }
 div.news-a h3 { margin: 0 0 2px; font-size: 1.2em; font-weight: normal; }
 div.news-a p { font-size: 0.9em; }

div.trio-a { overflow: hidden; width: 789px; margin: 15px -10px 5px; }
 div.trio-a div.item { display: inline; float: left; width: 229px; min-height: 110px; margin: 0 0 0 5px; padding: 12px 15px 5px; background: #000 url(../images/trio-a.jpg) no-repeat; color: #fff; }
 * html div.trio-a div.item { height: 110px; }
 div.trio-a div.item:first-child,
 div.trio-a div.first { margin-left: 0; }
  div.trio-a div.item h2 { margin: 0; color: #fff; font-weight: normal; }
   div.trio-a div.item h2 small { font-size: 0.78em; font-weight: bold; }
  div.trio-a div.item p { margin: 0 0 10px; font-size: 1.3em; }
  div.trio-a div.item p.more { float: right; margin: -7px 0 0; font-size: 1.4em; line-height: 1; font-weight: bold; }
   div.trio-a div.item p.more a, a.register { float: left; padding: 3px 10px; border: 1px solid #fff; background: #f7ab09; color: #fff; text-decoration: none !important; }
   div.trio-a div.item p.more a:hover,
   div.trio-a div.item p.more a:focus,
   a.register:hover,
   div.trio-a div.item p.more a:active { background: #fabe3e; color: #fff; }
  div.trio-a div.item p.foot { margin: 0; color: #f7ab09; font-size: 1em; text-transform: uppercase; }
   div.trio-a div.item p.foot a { color: #f7ab09 !important; text-decoration: none !important; }

/* forms */

form.signup-a { display: block; }
 form.signup-a p { overflow: hidden; width: 430px; }
  form.signup-a p label { float: left; padding: 2px 10px 0 0; vertical-align: middle; }
  form.signup-a p input { float: left; width: 200px; height: 15px; padding: 2px 3px; border: 1px solid #fff; background: #efefef; vertical-align: middle; }
  .js form.signup-a p input.email { color: #999; }
  form.signup-a p button { float: left; height: 21px; padding: 2px 15px 0; border: 1px solid #fff; border-width: 1px 1px 1px 0; background: #f7ab09; color: #fff; font-weight: bold; text-transform: uppercase; vertical-align: middle; }
  * html form.signup-a p button { padding-top: 0; }
  *:first-child+html form.signup-a p button { padding-top: 0; }
  form.signup-a p button:hover,
  form.signup-a p button:focus,
  form.signup-a p button:active { background-color: #fabe3e; }

/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

table.details-a { width: 100%; }
 table.details-a th,
 table.details-a td { padding: 5px 5px 5px 0; border: none; font-size: 1em; font-weight: normal; line-height: 1; text-align: left; vertical-align: bottom; }
  table.details-a th strong { font-size: 1.2em; font-weight: normal; }
  table.details-a td .doc { padding: 1px 20px 1px 0; background: url(../images/icons-a.png) 100% 1px no-repeat; }
  table.details-a td span.doc { background-position: 100% -49px; color: #aaa; }
  table.details-a td .tour { padding: 1px 20px 1px 0; background: url(../images/icons-a.png) 100% -99px no-repeat; }
  table.details-a td span.tour { background-position: 100% -149px; color: #aaa; }

/* lists */

ul.actions-a { overflow: hidden; list-style: none; width: 100%; margin: 0 0 10px; padding: 0; }
 ul.actions-a li { display: inline; float: right; margin: 0 0 0 10px; font-weight: bold; }
  ul.actions-a li a { float: left; padding: 5px 10px; background: #f7ab09; color: #fff !important; text-decoration: none; }
  ul.actions-a li a:hover,
  ul.actions-a li a:focus,
  ul.actions-a li a:active { background-color: #fabe3e; }

/* paragraphs */

p.note-a { margin-bottom: 20px; color: #777; font-size: 1em; font-style: italic; }

p.ad-a { margin: 0; }
* html p.ad-a { margin-top: -5px; }
*:first-child+html p.ad-a { margin-top: -5px; }
 p.ad-a img { display: block; margin: 0 auto; }
 
/* other */

.soon-a { color: #999 !important; }

.left { display: inline; float: left; margin: 0 10px 5px 0; }
.right { display: inline; float: right; margin: 0 0 5px 10px; }
 .left img, .right img { float: left; }
.lboxlinks {display: none;}

/* ELEMENTS
------------------------------------------- */

#home { margin: 0 0 30px; }
 #home h1 { height: 51px; background: url(../images/h-making-a-house-a.png) no-repeat; text-indent: -10001px; }

#double { overflow: hidden; width: 100%; }
 #double #main { float: left; width: 530px; }
 #double #side { float: right; width: 205px; }

/* FANCYBOX 
------------------------------------------- */

html, body { height: 100%; }
div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 30; }
* html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../images/fancy_progress.png') no-repeat; }
div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30; }
div#fancy_loading_icon { position: absolute; background: url('../images/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px; }
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 32px 18px; margin: 0; overflow: hidden; background: transparent; display: none; }
div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #444; background: #FFF; }
div#fancy_content { position: relative; margin: 0; z-index: 100; width: 100%; height: 100%; }
div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; }
img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; }
div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('../images/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; }
#fancy_frame { position: relative; width: 100%; height: 100%; display: none; }
#fancy_ajax { position: absolute; overflow: auto; top: 15px; left: 15px; bottom: 15px; right: 15px; }
* html div#fancy_ajax { height: expression((this.parentNode.clientHeight - 30) + "px"); }
a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); }
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }
span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; }
span#fancy_left_ico { left: -9999px; background: transparent url('../images/fancy_left.png') no-repeat; }
span#fancy_right_ico { right: -9999px; background: transparent url('../images/fancy_right.png') no-repeat; }
a#fancy_left:hover { visibility: visible; }
a#fancy_right:hover { visibility: visible; }
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; }
.fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('../images/fancy_shadow_n.png') repeat-x; }
div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../images/fancy_shadow_ne.png') no-repeat; }
div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('../images/fancy_shadow_e.png') repeat-y; }
div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../images/fancy_shadow_se.png') no-repeat; }
div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url('../images/fancy_shadow_s.png') repeat-x; }
div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../images/fancy_shadow_sw.png') no-repeat; }
div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('../images/fancy_shadow_w.png') repeat-y; }
div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../images/fancy_shadow_nw.png') no-repeat; }
div#fancy_title { position: absolute; bottom: -32px; left: 0; width: 100%; z-index: 100; display: none; }
div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; }
div#fancy_title table { margin: 0 auto; }
div#fancy_title table td { padding: 0; vertical-align: middle; }
td#fancy_title_left { height: 32px; width: 15px; background: transparent url(fancy_title_left.png) repeat-x; }
td#fancy_title_main { height: 32px; background: transparent url(fancy_title_main.png) repeat-x; }
td#fancy_title_right { height: 32px; width: 15px; background: transparent url(fancy_title_right.png) repeat-x; }

/* Registration Form */
.registration {
	/*border: 1px solid #ABA799;*/
	width: 100%;
	margin: 0 auto 100px auto;
		background: url(../images/commercial-a-stripe.jpg) no-repeat;
	}
.registration form {
	padding: 10px 15px 0px 15px;
	font-size: 1.3em;
	text-align: left;
	
	}
.registration form fieldset {
	margin-bottom: 20px;
	border: none;
	}
.registration form fieldset.continued {
	margin-bottom: 0;
	}
.registration form fieldset label {
	font-size: 0.9em;
		}
.registration form fieldset label input.checkbox {
	margin: 0 5px 2px 10px;
	}
.registration form fieldset label input.radiobutton {
	margin: 0 5px 0 10px;
	}
.registration form fieldset legend, .registration form fieldset input, .registration form fieldset label {
	color: #989482;
	}
.registration form fieldset.inline legend, .registration form fieldset.inline label, .registration form fieldset.inline input {
	display: inline;
	float: left;
	background: #ccc;
	}
.registration form fieldset {
	overflow: auto;
	height: 1%;
	}
.registration form fieldset.twocolumn label {
	float: left;
	width: 49%;
	}
.registration form fieldset.threecolumn label {
	float: left;
	width: 32%;
	}
.registration form fieldset.fourcolumn label {
	float: left;
	width: 24%;
	}
.registration .midform {
	overflow: auto;
	height: 1%;
	}
.registration .left {
	float: left;
	width: 69%;
	}
.registration .right {
	float: right;
	width: 30%;
	text-align: center;
	}
.registration form fieldset.info label input {
	background: none;
	border: none;
	margin-left: 10px;
	}
.registration form fieldset.info label .desc {
	background: #f1ede7;
	padding: 1px;
	}
.registration form fieldset label.info_1, .registration form fieldset label.info_2, .registration form fieldset label.info_4, .registration form fieldset label.info_5, .registration form fieldset label.info_6, .registration form fieldset label.info_7 {
	float: left;
	width: 49%;
	border-bottom: 1px solid #333;
	margin-bottom: 5px;
	}
.registration form fieldset label.info_3, .registration form fieldset label.info_8 {
	float: left;
	width: 98%;
	border-bottom: 1px solid #333;
	margin-bottom: 6px;
	}
.registration form fieldset.info label.info_1 input, .registration form fieldset.info label.info_2 input, .registration form fieldset.info label.info_4 input {
	width: 210px;
	}
.registration form fieldset.info label.info_5 input, .registration form fieldset.info label.info_6 input {
	width: 165px;
	}
.registration form fieldset.info label.info_3 input, .registration form fieldset.info label.info_8 input {
	width: 500px;
	}
p.thanks {
	font-size: 1.3em;
	text-align: left;
	padding: 0 15px 10px 15px;
	}