/*
==================================
 Trimac Group LLC
 
 Default Stylesheet - Screen

 First Version Date: 09/14/2008
 
 Current Version: 1.0
==================================
*/


/* Global
---------------------------------------------------------- */

body {
	margin:0;
	padding:0;
	background:#fff;
	font:1em Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}



a, a:link, a:visited {
	color:#336699;
}
	
a:hover {
	color:#568bc1;
}


/* Forms
---------------------------------------------------------- */

form {
	margin:0;
	padding:0;
}

form#contactForm {
	margin:20px 0;	
}

form#contactForm p {
	margin:10px 0;	
}


label {
	float:left;
	width:14em;
	text-align:right;
	padding-right:10px;
	padding-top:2px;
	font-weight:bold;
	color:#333;
	/*
	color:#333;
	display:block;
	padding-top:10px;
	padding-bottom:3px;
	*/
}

input[type="text"], select, textarea {
	padding:4px;
	border-top:1px solid #999;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #999;

}

input[type="text"], input[type="password"] {
	background:url(/images/input_bg.png) repeat-x top left;
}

input[type="text"] {
	width:250px;	
}

input:focus, select:focus, textarea:focus {
	background:#ffc;
}

textarea {
	width:400px;	
}

p#submitForm {
	margin:10px 0;
	text-align:center;	
}

.required {
	font:italic .8em Helvetica, Arial, Helvetica, sans-serif;
	color:#CC6600;
}

.example {
	margin-top:-5px;
	font:.75em Tahoma, Verdana, Helvetica, sans-serif;
	color:#999999;
}

/* Survey Form
---------------------------------------------------------- */

form#surveyForm {
	margin:20px 0;	
}

form#surveyForm p {
	margin:10px 0;	
}

form#surveyForm label {
	float:none;
	display:block;
	width:100%;
	text-align:left;
	padding-right:10px;
	padding-top:0;
	font-weight:bold;
	color:#333;
}

table#agentQuestions {
	margin:0;
	padding:0;
	width:780px;
}

table#agentQuestions th, table#agentQuestions td {
	padding:4px 8px;	
}

.right {
	text-align:right;	
}

.center {
	text-align:center;	
}

.left {
	text-align:left;	
}


	
/* Page Layout
---------------------------------------------------------- */

#wrap {
	margin:0 0 0 10px;
	padding:0;
	width:790px;
}

.clear {
	margin:0;
	padding:0;
	clear:both;
}


/* Header (logo, whitespace and contact information)
---------------------------------------------------------- */

#logoBar {
	margin:0;
	padding-bottom:7px;
	height:10px;
	border-top:10px solid #006eb1;
	width:323px;
}

#logo {
	margin:0;
	padding:0 0 10px 0;
	width:365px;
	float:left;
}

#headerWhitespace {
	padding:0 10px;
	width:500px;
	float:left;
}

#contactInformation {
	padding:20px 0 0 0;
	text-align:right;
	font:.7em Tahoma, Verdana, sans-serif;
	float:left;
	width:415px;
}

#contactInformation p {
	margin:2px 0;
}

#contactLeft {
	float:left;
	width:250px;
}

#contactRight {
	float:right;
	width:165px
}


/* Test Navigation
---------------------------------------------------------- */

#nav-one {
	background:url(/images/nav_bgt.gif) repeat-x top;
}

.nav, .nav ul { 
	margin:5px 0 0 0;
	padding:5px 0 0 0;
	list-style:none;
	float:left;
	width:790px;
}

.nav {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	z-index: 100;
	position: relative;
}

.nav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

.nav li a {
	display:block;
	float:left; /* IE 5.2 on Mac fix */
	padding:12px 5px 12px 5px;
	font: .7em Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	background:#d9e6f1;
	color:#000;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
}

/*.nav li a:link, .nav li a:active, .nav li a:visited */

ul.nav .current a, ul.nav .current a.link {
	background:#447db6;
	color:#fff;
}

.nav a.main:hover {
	background:#006eb1;
	color:#fff;
}

.nav ul li a:hover {
	background:#006eb1;
	color:#fff;
}

.nav ul {
  list-style: none;
  margin: 0;
  width: 200px;
  position: absolute;
  top: -999em;
  left: -1px;
}

.nav li:hover ul,
.nav li.sfHover ul {
  top: 33px;
}

.nav ul li {
  border: 0;
  float: none;
}

.nav ul a {
  border-bottom: 0;
  width: 175px;
  white-space: nowrap;
}

ul.subNav li.page a {
    margin:0;
	padding:12px 5px 12px 15px;
    font: .7em Geneva, Arial, Helvetica, sans-serif;
    letter-spacing:1px;
    background:#ecf2f6;
    color:#000;
    text-transform:none;
    text-decoration: none;
	border-right:1px solid #e0e6eb;
	border-bottom:1px solid #e0e6eb;
	border-left:1px solid #e0e6eb;
}

ul.subNav li.page a:hover {
	background:#447db6;
	color:#fff;
}


/* Top Navigation (New)
---------------------------------------------------------- */

#topNavigation {

}

ul#topNavigation  {
	margin:5px 0 0 0;
	padding:5px 0 0 0;
	list-style:none;
	float:left;
	width:790px;
	background:url(/images/nav_bgt.gif) repeat-x top;
}


ul#topNavigation li{
	float:left;
}

ul#topNavigation a {
	display:block;
	float:left; /* IE 5.2 on Mac fix */
	padding:12px 5px 6px 5px;
	/*padding:12px 11px 6px 11px; with MLS Listings*/
	line-height:1.6em;
	text-decoration:none;
	color:#000;
	text-transform:uppercase;
	font: .7em Geneva, Arial, Helvetica, sans-serif;
	height:20px;
	white-space:nowrap;
	background:#d9e6f1;
	letter-spacing:1px;
}

ul#topNavigation a:link, ul#topNavigation a:visited {
	color:#000;
}

ul#topNavigation a:hover {
	background:#006eb1;
	color:#fff;
}

ul#topNavigation .current a, ul#topNavigation .current a.link, ul#topNavigation .current a:visited {
	background:#447db6;
	color:#fff;
}

ul#topNavigation .current a:hover {
	background:#006eb1;
	color:#fff;
}

ul#topNavigation .last a { /*no need for a border on the last nav button */
	background:none;
}

ul#topNavigation .last a:hover {
	background:#006633 url(/images/nav_bgo.gif) no-repeat bottom left; /*hides the right side of the mouse over image */
}


/* Main Content 
---------------------------------------------------------- */

#mainContent {
	margin:17px 0 0 0;
	padding:0;
	width:880px;
}

#alertBox {
	margin:0 0 20px 20px;
	padding:9px 11px;
	width:548px;
	background:#ffc;
}

#alertBox p {
	margin:0;
	padding:0;
	text-align:center;
}

h1#headline  {
	margin:-5px 0 10px 0;
	padding:4px 0 3px 0;
	font:bold 190%/100% Georgia, "Times New Roman", Times, serif;
	border-bottom:1px solid #CCCCCC;
	color:#666666;
}

.columnA h2 {
	margin:20px 0 0 0;
	padding:0;
	font:bold 120%/100% Georgia, "Times New Roman", Times, serif;
}

.columnA {
	margin:10px 10px 10px 10px;
	padding:0;
	float:left;
	width:410px;
}

.columnA p {
	font: 100%/140% Georgia, "Times New Roman", Times, serif;
	margin:6px 0;
}

.stackSpace {
	margin-top:10px;
}

/*  Left Column
---------------------------------------------------------- */

#toolsPreview {
	margin:0 0 0 0;
	padding:0 0 0 15px;
	float:left;
	width:170px;
	text-align:left;
}

#toolsPreview ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#toolsPreview li {
	padding-right:10px;
	padding-bottom:10px;
	list-style-type:none;
}

#toolsPreview a {
	text-decoration:none;
	font:bold 13px Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
}

#toolsPreview a:link, #toolsPreview a:visited {
	color:#53822f;
}

#toolsPreview a:hover {
	color:#6c9d47;
}

#toolsPreview p {
	margin:1px 0 6px 0;
	font:10px/16px Georgia, "Times New Roman", Times, serif;
}


/*  Right Column
---------------------------------------------------------- */

#rightColumn {
	padding-left:15px;
	width:640px;
	float:left;
	background:url(/images/leftColumn_bg.gif) repeat-y top left;

}


/*  Left Column
---------------------------------------------------------- */

#leftSidebar {
	margin:0 0 0 0;
	padding:0 0 0 15px;
	float:left;
	width:200px;
	text-align:left;
	float:left;
}

#leftSidebar ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#leftSidebar li {
	padding-right:10px;
	padding-bottom:10px;
	list-style-type:none;
}

#leftSidebar a {
	text-decoration:none;
	font:bold 13px Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
}

#leftSidebar a:link, #leftSidebar a:visited {
	color:#53822f;
}

#leftSidebar a:hover {
	color:#6c9d47;
}

#leftSidebar p {
	margin:1px 0 6px 0;
	padding:0;
	font:10px/16px Georgia, "Times New Roman", Times, serif;
}


/* Agent on Duty and Open House
---------------------------------------------------------- */

/*.moduleHeader {
	margin:0 5px 0 0;
	padding:0;
	float:left;
	width:625px;
}*/

#topModule {
	margin:0;
	padding:0 0 0 20px;
	float:left;
	width:568px;
}

#topModule h2 {
	margin:0;
	padding:50px 0 0 0;
	height:100px;
	background:#84a57b;
	font: 1.7em "Myriad Pro", Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-align:center;
}


/* Featured Properties Gallery
---------------------------------------------------------- */

.featureWrap {
	margin:0;
	padding:30px 0 5px 0;
	width:640px;
	float:left;
	}
	
.featureWrap h3{
	margin:0 0 10px 20px;
	padding:0;
	color:#006eb1;
	font:bold 1em/1em "Trebuchet MS", verdana, Sans-serif;
}

.featureWrap h5 {
	margin:9px 0 12px 0;
	padding:7px 0;
	text-align:center;
	font:bold .75em/1em "Helvetica Neue", Verdana, Sans-serif;
	text-transform:uppercase;
	background:#ebf4fe;
}

.featuredProperties {
	margin:0;
	padding:0;
	overflow: hidden; 
	visibility: visible; 
	position: relative; 
	z-index: 2; 
	left: 0px;
	width:590px;
	float:left;
}

ul.currentProperties {
	margin: 0; 
	padding:0; 
	position: relative; 
	list-style-type: none; 
	z-index: 1; 
}

ul.currentProperties li {
	margin:0;
	float: left; 
	padding:3px 30px 3px 0;
	width:164px;
	height:190px;
	overflow: hidden;
	background:#fff;
	font:bold .8em Arial, Helvetica, sans-serif;
}

ul.currentProperties li.first {
	padding-left:5px;
}

ul.currentProperties img {
	padding:0;
	border-bottom:10px solid #006eb1;
}

ul.currentProperties p {
	margin:4px 0;
	text-align:left;
	color:#999999;
}

ul.currentProperties p.listingLink {
	text-align:center;
	font-size:1.4em;
	font-weight:normal;
}

ul.currentProperties p.specs {
	margin:4px 0;
	text-align:left;
	color:#999999;
	font-size:.8em;
}

ul.currentProperties a, ul.currentProperties a:link, ul.currentProperties a:visited {
	color:#7b9f53;
	text-decoration:none;
}

ul.currentProperties a:hover {
	color:#90b666;
}

a.prev {
	margin-right:5px;
	padding-top:15px;
	width: 15px;
	display: block;
	float:left;
} 

a.next {
	padding-top:15px;
	width: 15px;
	display: block;
	float:left;
	text-align:right;
} 


/* News and Information
---------------------------------------------------------- */

#informationWrap {
	padding-left:20px;
}

#information {
	border-top:3px solid #518030;
	width:480px;
	float:left;
	font-weight:normal;
}

#information h1 {
	margin:0;
	padding:16px 0 0 0;
	font:bold 1.1em Myriad Pro, Arial, Helvetica, sans-serif;
}

#information h1 a {
	text-decoration:none;
	color:#000000;
}

#information h2 {
	margin:0;
	padding:11px 0 0 0;
	font:normal .8em/1.4em Candara, Helvetica, Verdana, sans-serif;
	color:#7c7c7c;
}

#information p {
	margin:0;
	padding:10px 0 0 0;
	font:normal 13px/16px Candara, Helvetica, Verdana, sans-serif;
}

#frontStory {
	margin:0;
	padding:0;
	float:left;
	text-align:left;
}

#frontStory a {
	color:#5f9bd7;
	text-decoration:none;
}

#storyPicture {
	padding:10px 12px;
	width:100px;
	float:left;
	background:#009933;
}


/* Story Defaults
---------------------------------------------------------- */

.profileHeadline h2 {
	margin:0;
	padding:6px 0 8px 0;
	font:normal .7em "Trebuchet MS", verdana, Sans-serif;
	color:#7c7c7c;
}

#story {
	width:600px;
	float:left;
	margin-left:10px;
	padding-left:10px;
/*	background:url(/images/leftColumn_bg.gif) repeat-y top left; */
}

#storyFullwidth {
	width:770px;
	float:left;
	margin-left:10px;
	padding-left:10px;
}

.storyBody {
	width:90%;
	text-align:justify;
	padding-left:7px;
}

.storyBody ol li {
	padding:7px 0;
}

.story h1 {
	margin:0;
	padding:0;
	/*font: normal 2.1em Georgia, "Times New Roman", Times, serif;*/
	font:bold 1.3em Myriad Pro, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}

.story h2 {
	margin:0 0 15px 0;
	padding:6px 0 8px 0;
	width:555px;
	/*font:normal .7em "Trebuchet MS", verdana, Sans-serif;*/
	font:normal .8em/1.4em Candara, Helvetica, Verdana, sans-serif;
	color:#7c7c7c;
	background:url(/images/hrdot.gif) repeat-x bottom left;
}

.story p {
	margin:0;
	padding:10px 0 0 0;
	line-height:1.4em;
}

/*.story p.descender:first-letter {
	font:2em Georgia, "Times New Roman", Times, serif;
	margin-right:2px;
	margin-top:-3px;
	display:block;
	float:left
	}*/

.story h3 {
	margin:25px 0 -5px 0;
	padding:0;
	font:normal 1.3em Georgia, "Times New Roman", Times, serif;
	color:#5c873c;
}



/* Data Tables
---------------------------------------------------------- */

.data th {
	font-size:.8em;
	padding:4px 5px;
	text-align:center;
	background:#eeeeee;
}

.data td {
	padding:4px 5px;
	text-align:center;
}

/* Listing Pages
---------------------------------------------------------- */

h1.listingHeadline {
	width:790px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #e5e5e5;	
}

h1.sublistingHeadline {
	width:790px;
	margin-top:25px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #e5e5e5;	
}

.backToTop {
	padding-bottom:5px;
}

.backToTop a {
	font:.8em Tahoma, Verdana, sans-serif;
}

.listing {
	padding-top:15px;
}

.listing img {
	padding:5px 4px;
	float:left;
	border:1px solid #e5e5e5;
}

.listingInformation {
	margin-top:-5px;
	padding-left:15px;
	float:left;
	width:550px;
}

.listingInformation h3 {
	margin:0;
	padding:0;
	font:1em Helvetica, Arial, sans-serif;
	font-weight:bold;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:bold;
	color:#000;
}

.city {
	font:.7em Helvetica, Arial, sans-serif;
	letter-spacing:1px;
	color:#000;
	text-transform:capitalize;
}

.listingInformation p {
	margin:0;
	padding:0 0 3px 0;
	font:normal .7em "Trebuchet MS", Verdana, Sans-serif;
	color:#515151;
	background:url(/images/hrdot.gif) repeat-x bottom left;
}

.trimacGreen {
	color:#648d46;
}

.listingDescription {
	padding-left:15px;
	width:540px;
	float:left;
}

.listingDescription p {
	font-size:.9em;
	line-height:1.5em;
}

ul.listingExtras {
	margin:0;
	padding:10px 0 0 0;
	/*border-top:1px solid #d7ebff;
	background:#e6f2ff; 9cccfd*/
	list-style:none;
	}

ul.listingExtras li {
	margin:0;
	padding:0 0 0 20px;
	display:inline;
}

ul.listingExtras li.tour {
	background: url(/images/icons/icon_search.gif) no-repeat 0 60%;
}

ul.listingExtras li.pdf {
	background: url(/images/icons/icon_pdf.gif) no-repeat 0 60%;
	padding-left:23px;
}

ul.listingExtras a {
	font:.8em/1em Tahoma, Verdana, sans-serif;
	text-decoration:none;
}

/* Listing Pages: Rental Options
---------------------------------------------------------- */

#rentalMenu {
	width:682px;
	padding-left:200px;
	background:#dce8ff;
}

/*#rentalMenu {
	width:570px;
	margin:0 0 0 100px;
	padding-left:100px;
	background:#cfe0ff;
}*/

ul.rentalOptions {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:582px;	
}


ul.rentalOptions li{
	float:left;
	margin:0;
	padding:0;
}

ul.rentalOptions li.office {
	background:url(/images/icons/office.gif) no-repeat 0 50%;
}

ul.rentalOptions li.retail {
	background:url(/images/icons/retail.gif) no-repeat 0 50%;
}

ul.rentalOptions li.home {
	background:url(/images/icons/home.gif) no-repeat 0 50%;
}

ul.rentalOptions a {
	display:block;
	float:left; /* IE 5.2 on Mac fix */
	padding:10px 16px 3px 23px;
	margin:0;
	line-height:2.1em;
	text-decoration:none;
	font:1.4em "Trebuchet MS", verdana, Sans-serif;
	height:35px;
	white-space:nowrap;
}

ul.rentalOptions a:hover {
}

.imageLink {
	padding-right: 0px !important;
	background: none !important;
}


/* Agent Profiles
---------------------------------------------------------- */

.profile {
	width:770px;
	margin-top:20px;
}

.profilePicture {
	border:1px solid #eeeeee;
	background:#ffffff;
	width:122px;
	padding:9px 11px;
	float:left;
	margin-right:15px;
}

.profileHeadline {
	float:left;
	width:570px;
}

.profileInformation {
	float:left;
	width:570px;
}

.profileInformation p {
	font-size:.9em;
	line-height:1.3em;
}

.profileHeadline h1 {
	float:left;
}

.profileHeadline h2 {
	float:left;
	padding:0;
	margin:19px 0 0 6px;
	background:none;
}

ul#profileContact {
	padding:0;
	margin:7px 0 0 0;
}

ul#profileContact li {
	display:inline;
	padding:0;
	margin:0 10px 0 0;
	font-size:.8em;
}


/* Agents
---------------------------------------------------------- */

#alignAgents {
	margin:10px 0 10px 45px;
}

.agent {
    width:170px;
    margin-top:10px;
	float:left;
	text-align:center;
}

.agentPicture {
        border:1px solid #eeeeee;
        background:#ffffff;
        width:122px;
        padding:9px 11px;
        float:left;
        margin:0 11px;
}

.agentHeadline {
        float:left;
        width:570px;
}

.agent h1 {
	font-size:85%;
	padding:7px 0 0 0;
	margin:0;
}

.agent a {
	text-decoration:none;
	color:#000;
}




/* Footer 
---------------------------------------------------------- */

#footer {
	margin:15px 0;
	padding:0;
	width:100%;
	border-top:15px solid #006eb1;
	/*background:url(/images/nav_hdrTop.gif) repeat-x top;*/
}

#footer p {
	padding:0;
	margin:6px 0;
	text-align:right;
	font:.7em Tahoma, Verdana, sans-serif;
	color:#000;
}
