/*-------------------------------------------------------------------------------------------------------------------------------------

TRICO Construction Style Sheet

www.trico-inc.com

-------------------------------------------------------------------------------------------------------------------------------------*/


body {

	background-image: url(images/masthead-bk.gif);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #b0b0b0;
	font-family: arial;
	color: #000000;
	margin: 0px auto;

}


/*--Masthead---*/


#masthead {

	background-image: url(images/masthead-img.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
	height: 162px;
	width: 800px;

}


/*--Login Area---*/


.login {

	float: right;
	color: #ffffff;
	font-family: verdana;
	font-size: 10px;
	padding: 10px 10px 0px 0px;

}


.login a {

	color: #ffffff;
	font-family: verdana;
	font-size: 10px;
	text-decoration: none;
	outline: none;

}


.login a:hover {

	color: #ff9900;


}

/*--The Top Navigation---*/


#navigation-bk {


	background-image: url(images/navigation-bk.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height: 39px;
	
}

#navigation {

	margin: 0px auto;
	width: 800px;
	padding: 8px 0px 0px 0px;

}


#navigation a{

	color: #ffffff;
	font-family: verdana;
	font-size: 12px;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	outline: none;

}

#navigation a:hover {

	color: #ff9900;
	border-bottom: solid 2px #ff9900;

}



/*--Content Area (where all the info goes)---*/


#content-bk {

	background-color: #ffffff;
	overflow: hidden;

}


#content {

	width: 800px;
	margin: 0px auto;
	padding: 36px 0px 20px 0px;
	clear: both;
	overflow: hidden;
}


h1 {

	color: #132439;
	font-family: verdana;
	font-size: 18px;
	border-bottom: solid 2px #b0b0b0;

}


#content p {

	color: #000000;
	font-family: arial;
	font-size: 12px;

}



#content a {

	color: #ff9900;
	font-family: arial;
	font-size: 12px;
	text-decoration: none;
	outline: none;

}


#content a:hover {

	color: #132439;
}





/*---------------------------------------These area is referring to the index page---------------------------------------*/


/*--Top/Bottom Content contains the office,retail and residentail divs---*/



.top-content {

	width 100%;
	margin: 0px 0px 5px 0px;
	overflow: hidden;

}


.sale-lease_price {

	color: #2d4b65;
	font-family: arial;
	font-size: 14px;
	font-weight: 900;


}


/*--For Sale or Lease corner sections---*/


.lease-price {

	background-image: url(images/for_lease.png);
	background-repeat: no-repeat;
	background-position: top right;
	width: 88px;
	height: 84px;
	float: right;

}



.sale-price {

	background-image: url(images/for_sale.png);
	background-repeat: no-repeat;
	background-position: top right;
	width: 88px;
	height: 84px;
	float: right;

}




/*--Office Section Content---*/



.office-content {

	width: 248px;
	float: left;
	

}



.office-pic a{

	background-image: url(images/laurel-square-sale.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 245px;
	height: 156px;
	border: solid 1px #807e7e;


}


.gray-office a {

	background-image: url(images/gray-back1.gif);
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	height: 47px;
	margin: 10px 2px 0px 0px;


}



.gray-office a:hover {

	background-image: url(images/gray-back1-over.gif);


}








/*----More button on Index Page--*/


.more_button {

	width: 70px;
	float: left;
	
}



.more_button a {

	background-image: url(images/link.gif);
	background-repeat: no-repeat;
	display: block;
	width: 70px;
	height: 26px;
	text-decoration: none;
	outline: none;

}



.more_button a:hover {

	background-image: url(images/link-over.gif);

}




/*----More Properties button on Index Page--*/

.more_properties_button {

	float: right;
	width: 105px;
	padding: 0px 10px 0px 0px;
}






.more_properties_button a {

	background-image: url(images/properties-nav.gif);
	background-repeat: no-repeat;
	display: block;
	height: 26px;
	text-decoration: none;
	outline: none;
	clear: right

}



.more_properties_button a:hover {

	background-image: url(images/properties-nav-hover.gif);

}



.links {

	background-image: url(images/link.gif);
	background-repeat: no-repeat;
	display: block;
	height: 26px;
	text-decoration: none;
	outline: none;


}

/*--Retail Section Content---*/



.retail-content {

	width: 248px;
	float: left;
	padding: 0px 0px 0px 30px;

}


.retail-pic a {

	background-image: url(images/retail-space.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 245px;
	height: 156px;
	border: solid 1px #807e7e;


}



.gray-retail a {

	background-image: url(images/retai-bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	height: 47px;
	margin: 10px 2px 0px 0px;

}




.gray-retail a:hover {

	background-image: url(images/retai-bg-over.gif);
}







/*--Residential Section Content---*/



.residential-content {

	width: 248px;
	float: right;

}


.residential-pic a{

	background-image: url(images/Home.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 244px;
	height: 156px;
	border: solid 1px #807e7e;


}




.gray-residential a {

	background-image: url(images/resi-bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	height: 47px;
	margin: 10px 2px 0px 0px;


}




.gray-residential a:hover {

	background-image: url(images/resi-bg-over.gif);


}








/*--Bottom Content contains the wharehouse, investment and land divs---*/


.btm-content {

	width 100%;
	clear: both;
	padding: 5px 0px 15px 0px;


}


/*--Wharehouse Section Content---*/


.wharehouse-content {

	width: 248px;
	float: left;

}


.wharehouse-pic a {

	background-image: url(images/office-warehouse.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 245px;
	height: 156px;
	border: solid 1px #807e7e;


}



.gray-wharehouse a {

	background-image: url(images/whare-bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 47px;
	display: block;
	margin: 10px 2px 0px 0px;

}




.gray-wharehouse a:hover {

	background-image: url(images/whare-bg-over.gif);


}











/*--Investment Section Content---*/


.investment-content {

	width: 248px;
	float: left;
	padding: 0px 0px 0px 30px 		;
}




.investment-pic a{

	background-image: url(images/town-square-office.jpg);
	background-repeat: no-repeat;
	width: 245px;
	display: block;
	height: 156px;
	border: solid 1px #807e7e;


}




.gray-investment a{

	background-image: url(images/investment-bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	height: 47px;
	margin: 10px 2px 0px 0px;


}



.gray-investment a:hover{

	background-image: url(images/investment-bg-over.gif);
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	height: 47px;
	margin: 10px 2px 0px 0px;


}










/*--Land Section ontent---*/


.land-content {

	width: 248px;
	float: right;

}



.land-pic a{
 
	background-image: url(images/Cal-Crossing-Lot.jpg);
	background-repeat: no-repeat;
	width: 245px;
	display: block;
	height: 156px;
	border: solid 1px #807e7e;

}





.gray-land a {

	background-image: url(images/land-bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	height: 47px;
	margin: 10px 2px 0px 0px;


}


.gray-land a:hover {

	background-image: url(images/land-bg-over.gif);


}











/*------------------------------------------------------------------------------------------------------------------------*/





/*--Grey Bars header on other pages---*/

.grey-bar1 {

	background-image: url(images/header-arrow-bk.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height: 45px;
	clear: both;

}


.grey-bar2 {

	background-image: url(images/header-arrow.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 45px;
	font-family: arial;
	font-size: 14px;
	font-weight: bolder;
	color: #ffffff;
	padding: 5px 0px 0px 12px;

}



/*--Content area on other pages where properties are sold---*/


.content-box  {

	padding: 15px 0px 15px 0px;
	overflow: hidden;
	clear: both;

}



.for-sale-image {

	padding: 5px 0px 0px 0px;
	width: 250px;
	height: 187px;
	float: left;

}



.for-sale-image img {

	border: solid 2px #ff9900;
}


.content-box-txt {

	width: 520px;
	float: right;

}


.content-box-txt h2{

	color: #000000;
	font-family: arial;
	font-size: 16px;

}




.content-box-txt p{

	color: #000000;
	font-family: arial;
	font-size: 12px;

}



.content-box-txt ul{

	color: #000000;


}




.content-box-txt li{

	color: #000000;
	font-family: arial;
	font-size: 12px;

}


.content-box-txt img{

	padding-right: 10px;
}


.price-color {

	color: red;
	font-family: arial;
	font-size: 14px;
	font-weight: bolder;

}



.for-sale-image2 {

	padding: 5px 0px 0px 0px;
	float: left;

}



.for-sale-image2 img {

	border: solid 2px #ff9900;
}


.content-box2-txt {

	width: 350px;
	float: right;

}


.content-box2-txt h2{

	color: #000000;
	font-family: arial;
	font-size: 16px;

}




.content-box2-txt p{

	color: #000000;
	font-family: arial;
	font-size: 12px;

}




.content-box2-txt li{

	color: #000000;
	font-family: arial;
	font-size: 12px;

}









/*--Login---*/



label {

	padding: 10px;

}





/*--Footer---*/


#footer-bk {

	background-image: url(images/footer-bk.gif);
	background-repeat: repeat-x;
	background-position: top left;


}


#footer {

	color: #ffffff;
	font-family: verdana;
	font-size: 9px;
	width: 800px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;

}


#footer a {

	color: #ffffff;
	font-family: verdana;
	font-size: 9px;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	outline: none;

}


#footer a:hover {

	color: #ff9900;

}


#footer p {

	color: #ffffff;
	font-family: verdana;
	font-size: 9px;
	padding: 0px 0px 0px 5px;

}