/*-------------------------------------*/
/* Strata Data Stylesheet  */
/*-------------------------------------*/

body {
	
	background-image:url('../images/background.gif');
	background-repeat:repeat;
	margin: 0px;
	padding: 0px;
	position: relative;
	
	/*This is important to make sure IE can use the hover property on other objects besides the <a> tag. */
	/*Needs to point directly to the file other wise it won't work*/
	behavior: url(./include/csshover2.htc);
}


/*-------------------------------------*/
/* General Tag Styles */
/*-------------------------------------*/
a:link, 
a:visited, 
a:active {
	color:#78158a;
	/*color:#6e0f6e;*/
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

hr {
	border:none;
  	height:1px;
  	color:#bebdbe;
}

html>body hr{
	background-color:#bebdbe;
	height:1px;
	border-top:1px;
}

ul { 
	list-style-image: url('../images/bullet.gif'); 
	margin-top:0px;
	padding-top:0px;
}

td {
	padding:2px;
	vertical-align:top;
}

input,
textarea,
select {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8E8E8E;
	border-right-color: #CECECE;
	border-bottom-color: #E4E4E4;
	border-left-color: #CDCDCD;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input#radio {
	border:1px solid #e2e2e2;
}

fieldset { 
	position:relative;
	border:1px solid #bebdbe;
	padding-left:20px;
	padding-right:20px;
	margin-top:20px;
	padding-bottom:10px;
	padding-top:10px;
	background-color:#e2e2e2;
	background-position:20px 20px;
}

legend {
	color:#4f0550;
	font-weight:bold;
	position:absolute;
	top:-20px;
	margin-top:10px;
	height: 16px;
	
}
  
html>body legend{
  	margin-top:0px;
}
/*-------------------------------------*/
/* Class Styles, Available in Dreamweaver */
/*-------------------------------------*/

.top-links, 
.top-links a:link, 
.top-links a:visited, 
.top-links a:active{
	color:#6e0f6e;
	font-size:10px;
	text-decoration:none;
}

.top-links a:hover{
	text-decoration:underline;
}

.small-text {
	font-family:Arial, Helvetica, sans-serif;
	color:#4f0550;
	font-size:11px;
}

/*-------------------------------------*/
/* Main Layout Styles */
/*-------------------------------------*/
#clearfloat {
	clear: both;
}

#maincontainer {
	margin:0px auto;
	background-color: #f6f4f4;
	padding: 0px;
	position: relative;
	width: 750px;
	border: 0px solid #000000;
	left: 0px;
}

#header {
	background-color: #79158B;
	background-image: url(../images/header_buildings.gif);
	background-repeat: no-repeat;
	background-position: right;
	position: relative;
	height: 160px;
}

#banner {
	position:absolute;
	right:0px;
	bottom:-4px;

}

html>body #banner{
	bottom:0px;
}

#stratadatalogo {
	position: absolute;
	left: 6px;
	top: 8px;
}

#printablelogo {
	visibility:hidden;	
}

html>body #contentarea {
	padding-left:15px;
}


/*-------------------------------------*/
/* Navigation Container Styles */
/*-------------------------------------*/
#navigation {
	background-image: url(../images/nav_gradient.gif);
	background-repeat: repeat-x;
	height: 80px;
	margin-top: 1px;
	padding-top: 0px;
}

html>body #navigation{
	margin-top: 1px;
	padding-top: 5px;
	padding-left: 4px;
	background-image: url(../images/moz_nav_gradient.gif);
}

/*-------------------------------------*/
/* Footer Styles */
/*-------------------------------------*/
#footer {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #4F0550;
	border-right-color: #4F0550;
	border-bottom-color: #4F0550;
	border-left-color: #4F0550;
	background-color: #E5DAE5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	padding-top: 10px;
}

#footerlinksLine a:link, #footerlinksLine a:visited, #footerlinksLine a:active, #footerlinks a:link, #footerlinks a:visited, #footerlinks a:active  {
	color: #000000;
	padding-left: 10px;
	padding-right: 12px;
	padding-top: 10px;
	text-decoration: none;
}

#footerlinksLine a:hover , #footerlinks a:hover {
	color: #000000;
	padding-left: 10px;
	padding-right: 12px;
	padding-top: 10px;
	text-decoration: underline;
}	

#footerlinksLine a:link, 
#footerlinksLine a:visited, 
#footerlinksLine a:active  {
	background-image: url(../images/dot_line.gif);
	background-repeat: repeat-y;
	background-position: right;
}

#footerlinksLine a:hover {
	background-image: url(../images/dot_line.gif);
	background-repeat: repeat-y;
	background-position: right;
}
/*---------------------------*/
/* Copyright Styles */
/*---------------------------*/
#copyright {
	padding-top: 20px;
	padding-bottom: 10px;
}

/*---------------------------*/
/* Left Content Styles */
/*---------------------------*/
#leftcontent {
	float: left;
	width: 430px;
	margin-left: 15px;
	margin-right: 20px;
	margin-bottom: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 17px;
}

#leftcontent td p,
#leftcontent td p img{
	padding:0px;
	margin:0px;
}

#leftcontent td{
	padding:5px;
	padding-left:0px;
	margin:0px;
	border-collapse:collapse;
	vertical-align:top;
}

#leftcontent h1,
.heading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #4F0550;
}

#leftcontent h2,
.heading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #660066;
	line-height: 20px;
}

#leftcontent h3,
.heading3 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4F0550;
	padding:0px;
	margin:0px;
	margin-top:10px;
}

/*---------------------------*/
/* Right Content Styles */
/*---------------------------*/

#rightcontent {
	float: left;
	width: 250px;
}

/*---------------------------*/
/* News Box Styles */
/*---------------------------*/
#boxtop{
	background-image:url(../images/shadow-top.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:28px;
}

table#box {
	margin-left:9px;
	width:232px;
	border:1px solid #E2E2E2;
	border-right:none;
	background-color:#cccccc;
}

table#box td{
	padding:0px;
	margin:0px;
	padding-left:5px;
	padding-right:5px;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #660066;
	padding-top:4px;
	padding-bottom: 4px;
    font-weight: bold;
}

#boximg{
	padding-left:10px
}

#boxcontent {
	font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    padding-top: 6px;
    padding-left: 18px;
	padding-right:10px;
	padding-bottom:5px;
}

#boxcontent p {
	padding:0px;
	margin:0px;
}

#boxwrapper {
	background-image:url(../images/shadow-left.gif);
	background-repeat:repeat-y;
	background-position:left;
	height:auto;
	width:242px;
	background-color:#E2E2E2;
	margin-top:-2px;
	
}
#boxbottom {
	background-image:url(../images/shadow-bottom.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:15px;
	width:242px;
	background-color:#f6f4f4;
}


/*--------------------------*/
/* Search Box Styles*/
/*--------------------------*/
table#search {
	border-collapse:collapse;
}


#searchbox form {
	margin: 0px;
	padding: 0px;
}

#searchbox input {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8E8E8E;
	border-right-color: #CECECE;
	border-bottom-color: #E4E4E4;
	border-left-color: #CDCDCD;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 170px;
	margin-right: 20px;
	margin-left: 10px;
}

#searchbox input#srcbutton {
	border:none;
}

#searchbox td, #searchbox tr {
	margin: 0px;
	padding: 0px;
}

#searchbox {
	margin-bottom: 30px;
}

/*-------------------------------------*/
/* Property Listing Styles*/
/*-------------------------------------*/
table#property{
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	width:100%;
	border:2px solid #4f0550;
	margin-top:10px;
}

table#property td{
	vertical-align:top;
	padding:0px;
}

table#property td p{
	margin:0px;
	padding:2px;
}

#propertyimg img{
	border:1px solid #4f0550;
	margin:5px;
}

#propertyimg {
	background-color:#e7e5e5;
	border-right:1px solid #FFFFFF;
}

table#propertyheader{
	background-color:#cccccc;
	height:30px;
	
}

table#propertyheader td{
	background-color:#cccccc;
	border-collapse:collapse;
	padding:5px;
	padding-left:8px;
}

#propertycontent {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;	
	padding:8px;
}

/*----------------------------------------*/
/*Top menu styles*/
/*----------------------------------------*/

#t-menu {
	margin-top:0px;
}

html>body #t-menu {
	margin-top:-140px;
}

#t-menu ul{
	list-style: none;
	margin: 0px;
	padding:0px;
	width:auto;
	
}

html>body #t-menu ul {
	float:left;
	width:auto;
}

/* Main menu styles */
#t-menu h2 {
	margin-top:3px;
	background-color: #4f0550;
	padding: 0px 4px;
} 

html>body #t-menu h2 {
	margin-top:139px;
}

/*Home*/
#t-menu h2#home {	
	margin-left: 1px;
	width:71px;
	height:51px;
	background-image:url(../images/menu2/nav9.gif);
	background-repeat:no-repeat;
} 

#t-menu h2#home:hover {	
	background-image:url(../images/menu2/nav9_.gif);
	background-repeat:no-repeat;
} 

/*Developers*/
#t-menu h2#developers {	
	margin-left: 1px;
	width:102px;
	height:51px;
	background-image:url(../images/menu2/nav8.gif);
	background-repeat:no-repeat;
} 

#t-menu h2#developers:hover {	
	background-image:url(../images/menu2/nav8_.gif);
	background-repeat:no-repeat;
} 

/*Rental*/
#t-menu h2#rental {	
	margin-left: 1px;
	width:83px;
	height:51px;
	background-image:url(../images/menu2/nav7.gif);
	background-repeat:no-repeat;
} 

#t-menu h2#rental:hover {	
	background-image:url(../images/menu2/nav7_.gif);
	background-repeat:no-repeat;
} 

/*Sales*/
#t-menu h2#sales {	
	margin-left: 1px;
	width:68px;
	height:51px;
	background-image:url(../images/menu2/nav6.gif);
	background-repeat:no-repeat;
} 

#t-menu h2#sales:hover {	
	background-image:url(../images/menu2/nav6_.gif);
	background-repeat:no-repeat;
} 

/*Careers*/
#t-menu h2#careers {	
	margin-left: 1px;
	width:84px;
	height:51px;
	background-image:url(../images/menu2/nav5.gif);
	background-repeat:no-repeat;
} 

#t-menu h2#careers:hover {	
	background-image:url(../images/menu2/nav5_.gif);
	background-repeat:no-repeat;
} 

/*Quotes*/
#t-menu h2#quotes {	
	margin-left: 1px;
	width:79px;
	height:51px;
	background-image:url(../images/menu2/nav4.gif);
	background-repeat:no-repeat;
} 

#t-menu h2#quotes:hover {	
	background-image:url(../images/menu2/nav4_.gif);
	background-repeat:no-repeat;
} 

/*Services*/
#t-menu h2#services {	
	margin-left: 1px;
	width:88px;
	height:51px;
	background-image:url(../images/menu2/nav3.gif);
	background-repeat:no-repeat;
} 

#t-menu h2#services:hover {	
	background-image:url(../images/menu2/nav3_.gif);
	background-repeat:no-repeat;
} 

/*Company*/
#t-menu h2#company {	
	margin-left: 1px;
	width:90px;
	height:51px;
	background-image:url(../images/menu2/nav2.gif);
	background-repeat:no-repeat;
} 

#t-menu h2#company:hover {	
	background-image:url(../images/menu2/nav2_.gif);
	background-repeat:no-repeat;
} 

/*Client*/
#t-menu h2#clients {	
	margin-left: 0px;
	width:77px;
	height:51px;
	background-image:url(../images/menu2/nav1.gif);
	background-repeat:no-repeat;
} 

#t-menu h2#clients:hover {	
	background-image:url(../images/menu2/nav1_.gif);
	background-repeat:no-repeat;
} 
#t-menu li h2 a {
	display:block;
	height:51px;
}



#t-menu ul li h2 a{
	background-image:url(../images/menu/menu-divider.gif);
	background-repeat:no-repeat;
	background-position:right;
	margin-top:10px;
}

#t-menu ul li h2#home a{
	background-image:none;
}

html>body ul li h2 a {
	padding-top:0px;
}

/* Sub menu styles*/

/* Wraps sub nav*/
#t-menu ul ul{
	padding:1px;
	margin:0px;
}

/*Each nav item*/
#t-menu ul ul li{
	background-color: #8e4c99;
	width:11em;
	padding:0px;
	float:none;
}

#t-menu ul ul li:hover{
	background-color: #4f0550;
	width:11em;
	padding:0px;	
}

#t-menu ul ul li a{
	font: 11px arial, verdana, garamond, helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	margin-left:1px;
	margin-top:5px;
	margin-bottom:5px;	
	letter-spacing:0.05em;
	padding:1px;
	padding-left:5px;
}

#t-menu ul ul li a:hover{
	font: 11px arial, verdana, garamond, helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	margin-left:1px;
	margin-top:5px;
	margin-bottom:5px;	
	letter-spacing:0.05em;
	padding:1px;
	padding-left:5px;
}

html>body #t-menu ul ul li a{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:5px;
	padding-bottom:5px;
}

html>body #t-menu ul ul li a:hover{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:5px;
	padding-bottom:5px;
}

/*Positioning the popouts*/
#t-menu ul ul{
	position: absolute;
	top: 53px;
	left: -1px;
	z-index:500;
}

html>body #t-menu ul ul{
	top: 51px;
}

#t-menu li {
	position: relative;	
}

/*Hiding and Revealing popouts*/
#t-menu ul ul{
	display:none;
}

#t-menu ul li:hover ul{
	display:block;
}

/* Fix IE. Hide from IE Mac */
* html #t-menu  ul li { float: left; }
* html #t-menu ul li a { height: 1%; }
/* End */

/*Styles for sub menu separators*/
#t-menu ul ul li#sub{
	border-bottom:1px solid #660066;
}

#t-menu ul ul li#sub:hover {
	border-bottom:1px solid #660066;
}

/*------------------------------*/
/*Accout Page Styles*/
/*------------------------------*/
#accountDetails td,#accountDetails th {
		font-size: 11px;
		font-family: arial;
		border-right: 1px solid #4F0550;
		border-bottom: 1px solid #4F0550;
		padding: 2px;
		padding-right: 3px;
	}

#accountDetails th{
	background-color: #4F0550;
	text-align: left;
	color: #FFFFFF;
/*	font-weight:normal;*/
	vertical-align: bottom;
}
#accountDetails table {
		border-left: 1px solid #4F0550;
		border-top: 1px solid #4F0550;
}

#clientDetails td,#clientDetails th {
		background-color: none;
		border-right: none;
		border-bottom: none;
		font-size: 11px;
		font-family: arial;
		padding: 2px;
		padding-right: 3px;
	}

#clientDetails th{
	background-color: #f6f4f4;
	text-align: left;
	color: #000000;
	font-weight:bold;
	vertical-align: bottom;
}
#clientDetails table {
		border-left: none;
		border-top: none;
}


a.blackLinks{
	color:#000000;
}


#accountMoreDetails input,#accountMoreDetails select, #accountMoreDetails textarea {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8E8E8E;
	border-right-color: #CECECE;
	border-bottom-color: #E4E4E4;
	border-left-color: #CDCDCD;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#PayInvoiceButton{
	position: absolute;
	right: 40px;
	left: auto;
}

#PayInvoiceButton a{
	display: block;
	font-size: 20px;
	padding: 10px;
	color: #FFFFFF;
	background-color: #4F0550;
}
#PayInvoiceButton a:hover{
	color: #FFFFFF;
	background-color: #8e4c99;
	text-decoration: none;
}



#accountToolBar{
	margin-top: 20px;
}

#accountToolBar table, #accountToolBar td{
	padding: 0px;
	margin: 0px;
	background-color: #4F0550;
}

#accountToolBar a:link, #accountToolBar a:visited, #accountToolBar a:active  {
	background-image: url(../images/menu/menu-divider.gif);
	background-repeat: repeat-y;
	background-position: right center;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	width: 103px;
	height: 40px;
	float: left;
	text-align: center;
	background-color: #4F0550;
	font-weight: bold;
}

#accountToolBar a:hover {
	background-color: #8e4c99;
}	

/*--------------------------*/
/* Sitemap Styles*/
/*--------------------------*/

/* First Level Sitemap */
#sitemap ul li {
	list-style-image: none; 
	list-style:none;
	font-weight:bold;
}

#sitemap ul li ul li {
	list-style-image: none; 
	list-style:none;
	font-weight:normal;
}
