/*
-----------------------------------------------
Design loosely based on trankaka.com
TRANAKA REALTY LLC
Author:   Douglas Bowman
----------------------------------------------- */

body {
	background: #fff url(images/background.gif) 0 0;
	margin:0;
	padding:10px;
	font:small Verdana,Sans-serif;
	color: White;
}
#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: #FFF;
}


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


/* =Headings
----------------------------------------------- */
h2 {
	font: bold 170%/1.4 Arial,Helvetica,Sans-serif;
	color: #000068;
}
h3 {
	font-size:100%;
	margin:1em 0 0;
	color: #000068;
}


/* =Lists
----------------------------------------------- */
ul {
  margin:0 0 1em;
  padding:0;
  list-style:none;
  }
li.nav {
	background: url("images/bullet.gif") no-repeat left;
	margin:0;
	padding: 0 0 0 30;
}
ol {
	list-style-type:decimal;
	font: 110%/1.4 Arial,Helvetica,Sans-serif;
	color: #000068;
}
ol.contact {
	list-style-type:decimal;
	font: 100%/1.4 Arial,Helvetica,Sans-serif;
	color: #000068;
}
li.contact {
	background: url("images/bullet.gif") no-repeat left;
	margin:0;
		padding:3px 10px 3px 22px;
}
ul.contact {
	margin: 0 0 1em;
	font: 110%/1.4 Arial,Helvetica,Sans-serif;
	color: #000068;
}


/* =Misc
----------------------------------------------- */
p {
  margin:0 0 .75em;
  	font: 110%/1.4 Arial,Helvetica,Sans-serif;
	color: #000068;
  }
  p.side {
  margin:0 0 .75em;
  	font: 90%/1.4 Arial,Helvetica,Sans-serif;
	color: #000068;
  }
p.btn {
  margin:1em 0;
  }
.unit {
  white-space:nowrap;
  }
p.solo {
  width:100%;
  margin:1.5em 0 -.5em;
  }
p.solo img {
  display:block;
  }




/* =H1
----------------------------------------------- */
.home h1 {
	background-color: #6898D0;
	float:left;
	width:730px;
	height:104px;
	margin:0 0 10px;
	border-bottom: 5px solid #000068;
}
.home h1 img {
  display:block;
  }


/* =Content
----------------------------------------------- */
#content {
	background: none;
	float:left;
	width:730px;
	margin:0 0 10px;
}
#content-group {
  float:right;
  width:525px;
  }
#content-main {
  float:left;
  width:320px;
  }
#content-extra {
  float:right;
  width:190px;
  margin-top:-.5em;
  }
#content-sub {
	float:left;
	width:190px;
	height : 250px;
}


/* =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: #000068;
	margin:0;
	padding:5px 10px 4px;
	border-bottom: 1px solid #000068;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing:.1em;
	color: #FF0;
}
#subnav ul {
	background: #6898D0 url("images/bg-subnav.jpg") repeat-x 0 100%;
}
#subnav li {
  background:none;
  width:190px;
  padding:0;
  color:#000;
  }
#subnav li a {
	display:block;
	width:158px;
	padding:3px 10px 3px 22px;
	border-top: 1px solid #000068;
	border-bottom:1px solid #000;
	text-decoration:none;
	color:#000;
}
#subnav li a:hover {
	background: #fff url("images/bullet.gif") no-repeat 5px 50%;
	color:#000;
}
#subnav p {
  padding:0 10px;
  color:#000;
  }
  

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


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