/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";


body
{
margin-top: 0px;
background: url(../img/header-bg.jpg) repeat-x;

}

.left {
	float: left;
}

.right {
	float: right;
}


/* Container
-------------------------------------------------------------- */

#container { margin: 0 auto; width: 850px; }

/* Header
-------------------------------------------------------------- */

#header {
	height: 114px;
	margin-top: 0;
	padding-top: 0;
	background: url(../img/logo.png) no-repeat;
}

#topbox {
	float: right;
}

#topbox { height: 30px; width: 211px; background: url(../img/topbox.png) no-repeat;}
#topbox ul {
	margin: 5px 0 0 8px;
	padding: 0;
}
#topbox ul li { display: inline; list-style: none;}
#topbox ul li a { float: left; padding: 0 1em; color: #fff; text-decoration: none; border-right: 1px solid #fff; font-weight: bold; }
#topbox ul li a.last { padding-right: 0;  border-right: 0; }
#topbox a:hover {
	color: #D76B6B;
	text-decoration: underline;
}

/* Menu
-------------------------------------------------------------- */
#menu .tabs { height: 44px; width: 850px; padding: 0;}
#menu .tabs li { margin-right: 1px; margin-top: 13px;}
#menu .tabs li a {
	padding: 0 15px 0 15px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	border-right: 1px solid #fff;
}
#menu .tabs li a.last { padding-right: 0;  border-right: 0; }
#menu .tabs li a:hover {
	color: #D76B6B;
	text-decoration: underline;
}


/* Submenu
-------------------------------------------------------------- */

#subheader {
	height: 234px;
	margin: 0px;
	padding-top: 6px;
	background: url(../img/subheader-background.jpg) no-repeat top right;
}

#subheader .mainimage {
	float: left;
	width: 467px;
}

.button-homepage {
	height: 38px;
	width: 180px;
	margin: 15px 100px 0 0;
	float: right;
	padding: 0;
	color: #666;
	background: url(../img/button.png) no-repeat;
	display: block;
}

a.icon-account {
	color: #666;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	margin: 5px 0 5px 10px;
	padding: 5px 0 0 45px;
	display: block;
	background-image: url(../img/icon-briefcase.gif);
	background-repeat: no-repeat;
	height: 27px;
}

a.icon-location {
	color: #666;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	margin: 5px 0 5px 10px;
	padding: 5px 0 0 45px;
	display: block;
	background-image: url(../img/icon-magnify.gif);
	background-repeat: no-repeat;
	height: 27px;
}

a.icon-unit {
	color: #666;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	margin: 5px 0 5px 10px;
	padding: 3px 0 0 45px;
	display: block;
	background-image: url(../img/icon-select.gif);
	background-repeat: no-repeat;
	height: 28px;
}	

a.icon-rentit {
	color: #666;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	margin: 5px 0 5px 10px;
	padding: 5px 0 0 45px;
	display: block;
	background-image: url(../img/icon-check.gif);
	background-repeat: no-repeat;
	height: 27px;
}

.button-homepage a:hover {
	color: #D76B6B;
	text-decoration: underline;
}
	
#breadcrumbs a {
	color: #000; text-decoration: none; font-weight: bold;
}

#breadcrumbs a:hover {
	color: #D76B6B; text-decoration: underline; font-weight: bold;
}

/* Body
-------------------------------------------------------------- */

#body { margin-top: 20px; background-color:fff; }

#content { float: left; width: 850px;}

#resources { float: left; width: 230px; }
#resources h3 { color: #888; }
#resources ul, #resources ol { color: #888; }
#resources ul a { color: #555; }

.leftimage {
	float: left;
	margin: 5px 20px 5px 0;
}

.homelist {
	width: 550px;
	margin-left: 250px;
}

.list-left {
	float: left;
	width: 250px;
}

.list-right {
	float: right;
	width: 250px;
}

/* Div for bottom section with rounded boxes
-------------------------------------------------------------- */

#bottom-content {
	width: 850px;
	clear: both;
	border-top: 1px solid #aaa;
	margin: 35px 0 0 0;
	padding: 25px 0 0 0;
}

/* Rounded corner box with gradient
-------------------------------------------------------------- */

.roundedbox {
 position:relative;
 margin:0px;
 width:271px;
 z-index:1;
 margin: 6px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.roundedbox .text,
.roundedbox .t,
.roundedbox .b,
.roundedbox .b div {
 background:url(../img/roundedbox-gray.gif) no-repeat top right;
}

.roundedbox .text {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:12px;
 min-height:155px;
 height:auto !important;
 height:155px;
}

.roundedbox .t {
	/* top+left vertical slice */
	position: absolute;
	left: 0px;
	top: 0px;
	width: 12px; /* top slice width */
	margin-left: 0px;
	height: 100%;
	_height: 745px; /* arbitrary long height, IE 6 */
	background-position: top left;
}

.roundedbox .b {
 /* bottom */
 position:relative;
 width:100%;
}

.roundedbox .b,
.roundedbox .b div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.roundedbox .b {
 background-position:bottom right;
}

.roundedbox .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:0px;
 background-position:bottom left;
}

.roundedbox .hd,
.roundedbox .bd,
.roundedbox .ft {
 position:relative;
}

.roundedbox .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:745px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.roundedbox p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.roundedbox h3 {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0;
}

.roundedbox a {
	color: #7d3f38;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding-left: 25px;
	padding-top: 2px;
	display: block;
	background-image: url(../img/icon-arrow.gif);
	background-repeat: no-repeat;
	height: 20px;
}

.roundedbox a:hover { text-decoration: underline; }


/* Footer
-------------------------------------------------------------- */
#footer { margin-top: 20px; background: url(../img/footer-bg.gif) repeat-x;}

#container-footer { margin: 0 auto; width: 850px; }

#footer .tabs { height: 26px; width: 850px; padding: 0;}
#footer .tabs li { margin-right: 1px; margin-top: 5px;}
#footer .tabs li a {
	padding: 0 15px 0 15px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: .9em;
	border-right: 1px solid #fff;
}
#footer .tabs li a.last { padding-right: 0;  border-right: 0; }
#footer .tabs li a:hover {
	color: #D76B6B;
	text-decoration: underline;
}

#footer-logo {
	float: left;
	width: 70px;
	height: 58px;
	margin: 15px 10px 0 0;
}

#footer-address {
	margin-top: 10px;
	float: left;
	width: 250px;
}
#footer-phone {
	margin-top: 30px;
	float: left;
	width: 225px;
}
#footer-logo-tssa {
	float: right;
	width: 78px;
	height: 73px;
	margin-top: 10px;
}

#footer-quiet { width: 850px; margin-top: 20px; clear: both;}
#footer-quiet .left { width: 300px; float: left;}
#footer-quiet .right { float: right;}

#footer p.quiet { color: #a1a1a1; }

#footer p.quiet a { color: #a1a1a1; text-decoration: none; }
#footer p.quiet a:hover { color: #a1a1a1; text-decoration: underline; }

#no-header { margin-top:0px; background-color:white;}