/*  
Theme Name: Perkins Rowe
Theme URI: 
Description: Default theme
Version: 
Author:
Author URI: 
*/

body {
  margin: 0 auto;
  padding: 0;
  font-family: Verdana,Arial,Tahoma,sans-serif;
  font-size:11px;
  line-height:130%;
  color:#787878;
}
* {
  color: #787878;
  margin:0;
  padding:0;
}

/* typogropy / general */

h1 {
  font-size: 17px;
  font-family: trebuchet ms, arial, verdana;
  text-transform: uppercase;
  color: #787878;
  font-weight: normal;
  width: 100%;
  border-bottom: 1px solid #d7d7d7;
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
}

h2 {
  font-size: 11px;
  font-family: verdana, arial, trebuchet ms, sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

h3 {
  font-size: 11px;
  color: #f09d1e; 
}

hr
{
	clear: both;
	margin: 10px 0;
	border: none;
	border-top: solid 1px #c0c0c0;
}

hr.dotted, div.dotted
{
	border-top: dotted 1px #c0c0c0;
}
div.dotted {
  margin: 10px 0 0 0;
  width: 100%;
}
div.line {
	border-top: 1px solid #c0c0c0;
  margin: 10px 0 10px 0;
  width: 100%;
}

a.underline
{
	text-decoration: underline !important;
}



/* Layout */
#wrapper {
  width: 734px;
  margin: 0 auto;
}

#header {
  width: 100%;
  height:134px;  
  font-family: trebuchet ms ,arial,verdana,sans-serif;
  color: #787878;
  font-size: 11px;
  line-height: 20px;
}

#header-right
{
	float: right;
	padding-top: 30px;
	text-align: right;
}

#header-left
{
	
}

#header input.text
{
	height: 14px;
}

#header div {
  
}

/* different color headers for different sections / nav items */

#header {
  background: #fff url('images/header.png') bottom center no-repeat;
}

/*END  different color headers for different sections / nav items */

#top-links{
  margin: 6px 0 0 0;
  font-family: trebuchet ms ,arial,verdana,sans-serif;
  color: #787878;
  font-size: 11px;
}
#top-links a {
  text-decoration: none
}

#top-links a:hover {
  text-decoration: underline;
}


/* Layout */
#body {
   margin: 40px 0 0 0;
   padding: 0;
}

#bodybg
{
	margin: 0;
	padding: 0;
	min-height: 450px;
	background-position: bottom left;
	background-repeat: no-repeat;
}

/*.living #bodybg
{
	background: url('images/vase.jpg') bottom left no-repeat;
}

.entertainment #bodybg
{
	background: url('images/cup.jpg') bottom left no-repeat;
}

.shopping #bodybg
{
	background: url('images/martini.jpg') bottom left no-repeat;
}*/

#left {
  float: left;
  width: 265px;
  padding-top: 20px;
  color: #b31e3f;
}

#left form
{
	margin-top: 30px;
}

#left select,
#left input
{
	width: 150px;
	height: 20px;
	border: solid 1px #c0c0c0;
	font-size: 11px;
	padding: 2px 0;
}

#left input.button
{
	padding: 0;
}

#right {
  float: right;
  overflow: hidden;
  width: 468px;
  padding-top: 20px;
  font-size: 11px;
}

#right.fullwidth {
  width: 100%;
}

#right p
{
	padding-right: 20px;
}

#right #info-right
{
	float: right;
}

#form-right
{
	float: right;
}

#form-left p
{
	margin: 0;
	padding: 0;
	line-height: 25px;
}

#homepage
{
	
}

#homepage img
{
	padding: 0;
	margin: 0;
}

#homepage .float-right
{
	float: right;
	width: 355px;
	margin: 10px 0 0 0;
	padding: 0;
}

#homepage .float-left
{
	width: 366px;
	margin: 10px 0 0 0;
}

#homepage h2
{
	color: #b31e3f;
	font-weight: normal;
	font-size: 11px;
}

.content img {
	margin: 5px 0 10px 0;
}

#footer-bars
{
	margin-top: 10px;
}

#footer-bars ul
{
	width: 734px;
	margin: 10px 0 0 0;
	padding: 0;
}

#footer-bars ul li
{
	width: 244px;
	height: 139px;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	color: #fff;
	text-align: right;
}

#footer-bars ul li a
{
	color: #fff;
}

#footer-bars ul li p
{
	padding: 5px 15px;
}

#footer-bars ul li#one
{
	background: #9cb83c;
	margin-right: 1px;
}

#footer-bars ul li#two
{
	background: #b11d3d;
	margin-right: 1px;
}

#footer-bars ul li#three
{
	background: #e37f2d;
}

#imageContainer
{
	position: relative;
	margin: auto;
	width: 366px;
}

#imageContainer
{
	height: 551px;
}

#imageContainer img
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.float-right
{
	float: right;
}

.float-left
{
	float: left;
}

.floorplan,
.floorplan p
{
	clear: both;
}

.floorplan p.info
{
	clear: none;
	margin: 0 0 0 150px;
	padding: 0 0 10px 0;
}

form#contact
{
	padding-bottom: 60px;
}

form#contact .required
{
	color: #e3802e;
	font-weight: bold;
}

form#contact label.block,
form#contact input
{
	display: block;
	float: left;
	width: 100px;
	height: 16px;
	line-height: 25px;
	font-size: 11px;
}

form#contact input
{
	width: 120px;
	border: solid 1px #c0c0c0;
	margin-top: 3px;
	padding: 2px 0;
}

form#contact input.button
{
	width: 100px;
	height: 20px;
	line-height: 15px;
}

form#contact textarea
{
	width: 460px;
	height: 100px;
	border: solid 1px #c0c0c0;
}

form#contact br
{
	clear: left;
}

form#contact #contact-right
{
	width: 230px;
	float: right;
}

form#contact #contact-left
{
	width: 230px;
}

#listings table
{
	width: 100%;
	margin: 40px 0;
	border-bottom: solid 1px #c0c0c0;
	border-collapse: collapse;
	border-spacing: 0;
}

#listings tr.header th
{
	border-bottom: solid 1px #c0c0c0;
}

#listings th
{
	text-align: left;
}

#listings th,
#listings td
{
	padding: 10px 20px;
}



/* END Layout */

/*nav */
#subnav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 10px;
}

#subnav li {
  margin: 0;
  padding: 3px 0;
  list-style: none;
}

#subnav a {
  text-decoration: none;
  padding-left: 20px;
}

.shopping #subnav a,
.shopping a.colored,
.shopping h2
{
	color: #b31e3f;
}

.entertainment #subnav a,
.entertainment a.colored,
.entertainment h2
{
	color: #e3802e;
}

.living #subnav a,
.living a.colored,
.living h2
{
	color: #3154ad;
}

.working #subnav a,
.working a.covered,
.working h2
{
	color: #9db93d;
}

#subnav .navtab-on a {
  font-weight: bold;
  text-decoration: underline;
  background:  url('images/subnav-on.gif') 8px 5px no-repeat;
}
a.bullet {
  background: url('images/subnav-on.gif') 0 5px no-repeat;
  padding-left:8px;
  color:#b31e3f;
}

#indicator {
  width: 9px;
  height: 5px;
  margin: 0;
  padding: 0;
}

#indicator.merchants {
  background: #ffffff url(images/nav-indicator-merchants.gif) top center no-repeat;
  margin-left: 200px;
}

#nav-primary {
  overflow: hidden;
  }

#nav-primary ul {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  width: 735px;
  }

#nav-primary li {
  padding: 0;
  margin: 0;
  display: block;
  border-right: 1px solid #ffffff;
  float: left;
  overflow: hidden;
}

#nav-primary li a {
  display: block;
  padding-bottom: 5px;
}

.homepage li a
{
	padding-bottom: 1px !important;
}

.homepage li a:hover
{
	background: none !important;
}

#nav-primary li#shopping a:hover{
background: #fff url(images/nav-indicator-lofts.gif)  120px 100% no-repeat;
 }

.shopping #nav-primary li#shopping a
{
	background: #fff url(images/nav-indicator-lofts.gif)  120px 100% no-repeat;
}
 
#nav-primary li#entertainment a:hover{
background: #fff url(images/nav-indicator-merchants.gif)  120px 100% no-repeat;
 }

.entertainment #nav-primary li#entertainment a
{
	background: #fff url(images/nav-indicator-merchants.gif)  120px 100% no-repeat;
}

#nav-primary li#living a:hover{
background: #fff url(images/nav-indicator-offices.gif)  120px 100% no-repeat;
 }

.living #nav-primary li#living a
{
	background: #fff url(images/nav-indicator-offices.gif)  120px 100% no-repeat;
}

#nav-primary li#working a:hover{
background: #fff url(images/nav-indicator-hotel.gif)  120px 100% no-repeat;
 }

.working #nav-primary li#working a
{
	background: #fff url(images/nav-indicator-hotel.gif)  120px 100% no-repeat;
}
 
/* END NAV */

/* footer and other Typography */

#footer {
  background: #fff url(images/footer.gif)  top center no-repeat;
  padding: 0;
  margin: 20px 0 0 0;
  font-size:10px;
}

#footer .container
{
	padding: 30px 0 0 0;
}

#footer p
{
	margin: 0 0 5px 0;
	padding: 0;
}

#footer-right
{
	float: right;
	margin: -5px 0 0 0;
	padding: 0;
}

#footer img
{
	position: relative;
	top: 3px;
}

.footer-right a{
  color: #d26b82;
}

#footer a {
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

img {
  border:0;
}

/* forms */

.text {
  width: 170px;
  font-size: 11px;
  font-family: trebuchet ms ,arial,verdana,sans-serif;
  color: #787878;
  border: 1px solid #bcbdbf;
  margin: 0 6px;
 }

select {
  font-size:11px;
  width:250px;
  color:#787878;
  margin:3px 0;
  padding:0;
}

.submit {
  margin:0;
  vertical-align: middle;
}
/* typography */
p {
  padding:10px 0 10px 0;
}
li {
  padding-left:8px;
  margin-left:8px;
}
.right {
  text-align:right;
}

.clear {
  clear: both;
}
h2.red, a.red {
  color:#b31e3f;
}