/*
-----------------------------------------------
TRANAKA REALTY LLC
Author:   Douglas Bowman
----------------------------------------------- */

body {
  background:#66CCCC url(../demo/images/bg-body.gif);
  margin:0;
  padding:10px;
  font:small Verdana,Sans-serif;
  color:#fff;
  }
#page {
  width:754px;
  margin:0 auto;
  }
#page2 {
  background:#fff;
  float:left;
  width:730px;
  padding:10px;
  border:solid #555;
  border-width:1px 3px 3px 1px;
  font-size:85%;
  line-height:1.5em;
  color:#566;
  }
  
.alert {
	color:#CC0000;
	font-weight:bold;
}


/* =Links
----------------------------------------------- */
a {
  color:#36a;
  }
a img {
  border-width:0;
  }


/* =Headings
----------------------------------------------- */
h2 {
  margin: 10px 0 0 0;
  font:bold 170%/1.4 Helvetica,Arial,Sans-serif;
  color:#233;
  }

.pagetitle {margin: 10;}  

h3 {
  font-size:100%;
  margin:1em 0 0;
  color:#233;
  }


/* =Lists
----------------------------------------------- */
ul {
  margin:0 0 1em;
  padding:0;
  list-style:none;
  }
li {
  background: url(../demo/images/bullet.gif) no-repeat 6px 4px;
  margin:0;
  padding:0 0 0 20px;
  }


/* =Misc
----------------------------------------------- */
p {
  margin:0 0 .75em;
  }
p.btn {
  margin:1em 0;
  }
.unit {
  white-space:nowrap;
  }
p.solo {
  width:100%;
  margin:1.5em 0 -.5em;
  }
p.solo img {
  display:block;
  }


/* =Header
----------------------------------------------- 
#header {
  background: 0 url(../images/wbr_banner.gif) repeat-x 100%;
  float:left;
  width:730px;
  padding:10px 0 0;
  }
#logo {
  float:left;
  display:block;
  width:162px;
  text-decoration:none;
  }
#logo img {
  display:block;
  }
#phone {
  float:right;
  display:block;
  width:140px;
  margin-top:15px;
  }
*/

/* =Nav
----------------------------------------------- */
#nav {
  background:#135 url(../demo/images/bg-nav.jpg) repeat-x;
  float:left;
  width:730px;
  margin:0;
  padding:0;
  border-bottom:2px solid #135;
  list-style:none;
  }
#nav li {
  background:none;
  display:inline;
  padding:0;
  }
#nav li a, #nav li strong {
  float:left;
  width:auto;
  padding:5px 9px 3px;
  border-left:1px solid #579;
  border-right:1px solid #135;
  color:#def;
  text-transform:uppercase;
  text-decoration:none;
  }
#nav li strong {
  color:#fff;
  }
#nav li a strong {
  padding:0;
  border-width:0;
  }
#nav li a:hover {
  background:#226868;
  border-left-color:#246;
  color:#FFFFFF;
  }


/* =H1
----------------------------------------------- */
.home h1 {
  float:left;
  width:730px;
  height:104px;
  margin:0 0 10px;
  /*border-bottom:6px solid #66CCCC;*/
  }
.home h1 img {
  display:block;
  }


/* =Content
----------------------------------------------- */
#content {
  background: url(../demo/images/bg-content.gif) repeat-y left top;
  float:left;
  width:730px;
  margin:0 0 10px;
  }
#content-group {
  float:right;
  width:555px;
  }
#content-main {
  float:left;
  width:350px;
  }
#content-extra {
  float:right;
  width:190px;
  margin-top:-.5em;
  }
#content-sub {
  float:left;
  width:160px;
  }


/* =Variations (default is SMX)
----------------------------------------------- */
.mxs #content {background-position:right top;}
.mxs #content-group {float:left;}
.mxs #content-sub {float:right;}

.xms #content {background-position:right top;}
.xms #content-group {float:left;}
.xms #content-sub {float:right;}
.xms #content-main {float:right;}
.xms #content-extra {float:left;}

.ms #content {background-position:right top;}
.ms #content-group {float:left;}
.ms #content-sub {float:right;}
.ms #content-main {width:525px;}
.ms #content-extra {width:525px;}

.sm #content-main {width:525px;}
.sm #content-extra {width:525px;}

.m #content {background-image:none;}
.m #content-group {width:730px;}
.m #content-sub {width:730px;}
.m #content-main {width:730px;}
.m #content-extra {width:730px;}


/* =Subnav
----------------------------------------------- */
#subnav h3 {
  background: url(../demo/images/bg-nav.jpg) repeat-x;
  margin:0;
  padding:5px 10px 4px;
  border-bottom:1px solid #6cc;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:0.1em;
  color:#FFFFFF;
  }
#subnav ul {
  background: #CBEDED url(../demo/images/bg-subnav.jpg) repeat-x 100%;
  }
#subnav li {
  background:none;
  width:160px;
  padding:0;
  }
#subnav li a {
  background: url(../demo/images/bullet.gif) no-repeat 11px 50%;
  display:block;
  width:126px;
  padding:3px 10px 3px 24px;
  border-top:1px solid #efe;
  border-bottom:1px solid #abc;
  text-decoration:none;
  color:#333333;
  }
#subnav li a:hover {
  background-color:#fff;
  }
#subnav p {
  padding:0 10px;
  color:#3c013c;
  }
  

/* =Home
----------------------------------------------- */
.home h2 {
  float:left;
  display:inline;
  margin:5px .35em 0 0;
  }
p#intro {
  margin:5px 0 .5em;
  font:bold 170%/1.4 Helvetica,Arial,Sans-serif;
  color:#899;
  }
p.dreamhomes {
  background-color:#517EC0;
  }


/* =Footer
----------------------------------------------- */
#footer {
	float:left;
	width:100%;
	border-top:10px solid #810181;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding:10px 10px 2px;
  border-top:6px solid #66CCCC;
  text-align:center;
  }
#footer a {text-decoration:none;}