/*
***********************************************************

BuildingStar Corporate Services (Building & Facility Services)
Master Screen Styles

***********************************************************
*/

* {
		margin: 0px;
		padding: 0px;
		}
		
body {
		border: 0px;
		width: 100%;
		background: #fff url(../images/bg/bg_buildfac.gif) repeat-x;
		color: #333;
		font-size: 11px;
		font-family: "Tahoma", helvetica, sans-serif;
		line-height: 1.4em;
		text-align: center;
		padding-bottom: 20px;
		}
		
p {
		margin: 20px 20px 0px 20px;
		}
		
p.home {
		margin: 14px 20px 0px 20px;
		}
		
p.italic {
		margin: 20px 20px 0px 20px;
		color: #018f01;
		font-style: italic;
		}
		
p.single {
		margin: 0px 20px 0px 20px;
		}
		
p.column {
		margin: 20px 0px 0px 0px;
		color: #018f01;
		}
		
.green {
		color: #018f01;
		}
		
h1 {
		margin: 20px 20px 0px 20px;
		color: #018f01;
		font-family: Georgia, serif;
		font-size: 180%;
		font-weight: normal;
		font-style: italic;
		}
		
h2 {
		margin: 20px 20px 0px 20px;
		color: #018f01;
		font-family: Georgia, serif;
		font-size: 130%;
		font-weight: normal;
		}

/* ----- links ----- */

a:link, a:visited, a:active {
		text-decoration: none;
		color: #018f01;
		}
		
a:hover {
		text-decoration: none;
		color: #F9EC00;
		}

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

.testimonialscontainer {
		width: 370px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		clear: both;
		display: block;
		}

.testimonialsleft {
		width: 130px;
		padding: 0px;
		float: left;
		padding-top: 20px;
		}
	
.testimonialsright {
		width: 240px;
		padding: 0px;
		float: left;
		}
		
.testimonialsleftpad {
		width: 130px;
		padding: 0px;
		float: left;
		padding-top: 20px;
		padding-bottom: 20px;
		}
	
.testimonialsrightpad {
		width: 240px;
		padding: 0px;
		float: left;
		padding-bottom: 20px;
		}
		
		
/* ----- Contact Container ----- */ 

.contactcontainer {
		width: 570px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		clear: both;
		display: block;
		}

.contactleft {
		width: 300px;
		padding: 0px;
		float: left;
		}
	
.contactright {
		width: 270px;
		padding: 0px;
		float: left;
		background-position: top right;
		}
		
		
/* ----- Form Container ----- */ 

.formcontainer {
		width: 570px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		clear: both;
		display: block;
		}

.formtwocolleft {
		width: 275px;
		padding: 0px;
		float: left;
		}
	
.formtwocolright {
		width: 275px;
		padding: 0px;
		float: left;
		}
		
.formtwocolleftpad {
		width: 275px;
		padding: 0px;
		float: left;
		padding-bottom: 20px;
		}
	
.formtwocolrightpad {
		width: 275px;
		padding: 0px;
		float: left;
		padding-bottom: 20px;
		}
		
		
/* ----- Schedule Container ----- */ 

.schedulecontainer {
		width: 550px;
		background: #f7f7f7;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		clear: both;
		display: block;
		padding-bottom: 20px;
		}
		
		
/* ----- bullets ----- */ 
		
#bullets {
		width: 370px;
		margin: 20px 0px 0px 20px;
		color: #018f01;
		list-style: none;
		}

#bullets ul li {
		background: url(../images/bullet/bullet_yellow.gif) no-repeat 10px 4px;
		padding: 0px 0px 14px 20px;
		list-style: none;
		}
		
#bullets ul li.single {
		padding: 0px 0px 0px 20px;
		}
		
		
/* ----- bullets home ----- */ 
		
.bulletshome {
		width: 150px;
		margin: 0px 0px 0px 10px;
		color: #005A97;
		list-style: none;
		}

.bulletshome ul li {
		background: url(../images/bullet/bullet_yellow.gif) no-repeat 10px 5px;
		padding: 0px 0px 0px 20px;
		list-style: none;
		}
		
		
/* ----- bullets (no padding) ----- */ 
		
.nopadbullets {
		width: 245px;
		margin: 0px 0px 0px 20px;
		color: #005A97;
		list-style: none;
		}

.nopadbullets ul li {
		background: url(../images/bullet/bullet_yellow.gif) no-repeat 0px 5px;
		padding: 0px 0px 14px 10px;
		list-style: none;
		}
		
/* ----- page container - centered 770px ----- */

#container {
		margin: 0 auto;
		position: relative;
		width: 770px;
		height: auto;
		text-align: left;
		}
		
/* ----- top header - 770px x 94px ----- */ 
		
#header {
		position: relative;
		width: 770px;
		height: 94px;
		margin-left: auto;
		margin-right: auto;
		clear: both;
		display: block;
		}
		
#headerleft_maintenance {
		width: 513px;
		height: 94px;;
		float: left;
		background:  url(../images/header/logo_maintenance.gif) no-repeat 20px 0px;
		}
	
#headerright {
		width: 257px;
		height: 94px;
		float: left;
		}
		
#login {		
		height: 20px;
		clear: both;
		z-index: 100;
		}

#login li {	
		list-style: none;
		float: left;
		}
		
#login a {	
		text-decoration: none;
		display: block;
		height: 20px;
		text-indent: -5000px; 
		}
		
#login #branch {
		background:  url(../images/nav/buildfac/login_branch_bf.gif) no-repeat 0px 0px;
		width: 87px;
		}
	
#login #branch:hover {
		background-position: 0 -20px;
		}

#login #client {
		background:  url(../images/nav/buildfac/login_client_bf.gif) no-repeat 0px 0px;
		width: 82px;
		}

#login #client:hover {
		background-position: 0 -20px;
		}

#login #employee {
		background:  url(../images/nav/buildfac/login_employee_bf.gif) no-repeat 0px 0px;
		width: 78px;
		}
	
#login #employee:hover {
		background-position: 0 -20px;
		}
		
		
/* ----- banner ----- */ 
		
#bannerhomebf {
		background:  url(../images/slide/slide_bg.gif) no-repeat 0px 0px;
		height: 213px;
		clear: both;
		}
		
#banneraboutbf {
		background:  url(../images/banner/buildfac/banner_about_bf.jpg) no-repeat 0px 0px;
		height: 132px;
		padding-bottom: 2px;
		clear: both;
		}
		
#bannerservicesbf {
		background:  url(../images/banner/buildfac/banner_services_bf.jpg) no-repeat 0px 0px;
		height: 132px;
		padding-bottom: 2px;
		clear: both;
		}
		
#bannertestimonialsbf {
		background:  url(../images/banner/buildfac/banner_testimonials_bf.jpg) no-repeat 0px 0px;
		height: 132px;
		padding-bottom: 2px;
		clear: both;
		}
		
#bannercareersbf {
		background:  url(../images/banner/buildfac/banner_careers_bf.jpg) no-repeat 0px 0px;
		height: 132px;
		padding-bottom: 2px;
		clear: both;
		}
		
#bannercontactbf {
		background:  url(../images/banner/buildfac/banner_contact_bf.jpg) no-repeat 0px 0px;
		height: 132px;
		padding-bottom: 2px;
		clear: both;
		}


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

#topnav {		
		padding: 0px;
		height: 16px;
		clear: both;
		}

#topnav li {	
		list-style: none;
		float: left;
		}

#topnav a {	
		text-decoration: none;
		display: block;
		height: 16px;
		text-indent: -5000px; 
		}

#topnav #corporate {
		background:  url(../images/nav/buildfac/topnav_corporate_bf.gif) no-repeat 0px 0px;
		width: 114px;
		}

#topnav #corporate:hover {
		background-position: 0 -16px;
		}
		
#topnav #corporate.active {
		background-position: 0 -16px;
		}

#topnav #security {
		background:  url(../images/nav/buildfac/topnav_security_bf.gif) no-repeat 0px 0px;
		width: 111px;
		}
	
#topnav #security:hover {
		background-position: 0 -16px;
		}
		
#topnav #security.active {
		background-position: 0 -16px;
		}
		
#topnav #buildfac {
		background:  url(../images/nav/buildfac/topnav_buildfac_bf.gif) no-repeat 0px 0px;
		width: 156px;
		}
	
#topnav #buildfac:hover {
		background-position: 0 -16px;
		}
		
#topnav #buildfac.active {
		background-position: 0 -16px;
		}

#topnav #accesscontrol {
		background:  url(../images/nav/buildfac/topnav_accesscontrol_bf.gif) no-repeat 0px 0px;
		width: 145px;
		}
	
#topnav #accesscontrol:hover {
		background-position: 0 -16px;
		}
		
#topnav #accesscontrol.active {
		background-position: 0 -16px;
		}

#topnav #avitran {
		background:  url(../images/nav/buildfac/topnav_avitran_bf.gif) no-repeat 0px 0px;
		width: 244px;
		}
	
#topnav #avitran:hover {
		background-position: 0 -16px;
		}
		
#topnav #avitran.active {
		background-position: 0 -16px;
		}
		
		
/* ----- Main Navigation ----- */ 

#nav {		
		padding-bottom: 2px;
		height: 30px;
		clear: both;
		}

#nav li {	
		list-style: none;
		float: left;
		}

#nav a {	
		text-decoration: none;
		display: block;
		height: 30px;
		text-indent: -5000px; 
		}

#nav #home {
		background:  url(../images/nav/buildfac/nav_home_bf.gif) no-repeat 0px 0px;
		width: 130px;
		}

#nav #home:hover {
		background-position: 0 -30px;
		}
#nav #home.active {
		background-position: 0 -30px;
		}

#nav #about {
		background:  url(../images/nav/buildfac/nav_about_bf.gif) no-repeat 0px 0px;
		width: 128px;
		}
	
#nav #about:hover {
		background-position: 0 -30px;
		}
		
#nav #about.active {
		background-position: 0 -30px;
		}
		
#nav #services {
		background:  url(../images/nav/buildfac/nav_services_bf.gif) no-repeat 0px 0px;
		width: 128px;
		}
	
#nav #services:hover {
		background-position: 0 -30px;
		}
		
#nav #services.active {
		background-position: 0 -30px;
		}

#nav #testimonials {
		background:  url(../images/nav/buildfac/nav_testimonials_bf.gif) no-repeat 0px 0px;
		width: 128px;
		}
	
#nav #testimonials:hover {
		background-position: 0 -30px;
		}
		
#nav #testimonials.active {
		background-position: 0 -30px;
		}

#nav #careers {
		background:  url(../images/nav/buildfac/nav_careers_bf.gif) no-repeat 0px 0px;
		width: 128px;
		}
	
#nav #careers:hover {
		background-position: 0 -30px;
		}
		
#nav #careers.active {
		background-position: 0 -30px;
		}

#nav #contact {
		background: url(../images/nav/buildfac/nav_contact_bf.gif) no-repeat 0px 0px;
		width: 128px;
		}
	
#nav #contact:hover {
		background-position: 0 -30px;
		}
		
#nav #contact.active {
		background-position: 0 -30px;
		}
		
		
/* ----- content - home page ----- */ 

.homecontainer {
		width: 570px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		clear: both;
		display: block;
		}

.homecolleft {
		width: 285px;
		padding: 0px;
		float: left;
		padding-bottom: 20px;
		}
	
.homecolright {
		width: 285px;
		padding: 0px;
		float: left;
		padding-bottom: 20px;
		}
		
.homecolone {
		width: 190px;
		padding: 0px;
		float: left;
		}
		
.homecoltwo {
		width: 190px;
		padding: 0px;
		float: left;
		}
	
.homecolthree {
		width: 190px;
		padding: 0px;
		float: left;
		}
		
		
/* ----- content - secondary ----- */ 

#secondarycontainer {
		position: relative;
		width: 770px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		clear: both;
		}

#secondaryleft {
		width: 200px;
		padding-bottom: 20px;
		float: left;
		}
		
#secondaryleft ul {
		margin: 10px 15px 0px 15px;
		list-style: none;
		line-height: 1.8em;
		}
		
#secondaryleft li {
		border-bottom: 1px solid #dcdcdc;
		}
	
#secondarycenter {
		width: 410px;
		padding: 0px;
		float: left;
		padding-bottom: 20px;
		}
	
#secondaryright {
		width: 160px;
		padding-top: 20px;
		float: left;
		color: #018f01;
		padding-bottom: 20px;
		}
	
		
/* ----- content - 2 column container ----- */ 

#twocolcontainer {
		position: relative;
		width: 770px;
		height: auto;
		padding-top: 2px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		clear: both;
		}

#twocolleft {
		width: 200px;
		padding: 0px;
		float: left;
		background: #fff;
		padding-bottom: 20px;
		}
		
#twocolleft ul {
		margin: 10px 15px 0px 15px;
		list-style: none;
		line-height: 1.8em;
		}
		
#twocolleft li {
		border-bottom: 1px solid #dcdcdc;
		}
	
#twocolright {
		width: 570px;
		padding: 0px;
		float: left;
		background: #fff;
		padding-bottom: 20px;
		}
		
		
/* ----- right column ----- */ 

#rightcolumn {
		margin: 0px 20px 0px 20px;
		}
		
/* ----- form ----- */ 

form fieldset#inforequest {
		border: none;
		}
		
form fieldset#employmentinquiry {
		border: none;
		}
		
form label {
		clear: left;
		display: block;
		float: left;
		width: 235px;
		color: #018f01;
		}

form input[type="text"] {
		border: 1px solid #dcdcdc;
		padding: 2px;
		font-family: Tahoma, Verdana, sans-serif;
		width: 225px;
		}
		
form select {
		border: 1px solid #dcdcdc;
		padding: 2px;
		font-family: Tahoma, Verdana, sans-serif;
		}
		
form select[class="month1"] {
		width: 65px;
		}
		
form select[class="day1"] {
		width: 55px;
		}
		
form select[class="year1"] {
		width: 65px;
		}
		
form select[id="month2"] {
		width: 65px;
		}
		
form select[id="day2"] {
		width: 55px;
		}
		
form select[id="year2"] {
		width: 65px;
		}
		
form select[id="month3"] {
		width: 65px;
		}
		
form select[id="day3"] {
		width: 55px;
		}
		
form select[id="year3"] {
		width: 65px;
		}
		
form select[id="month4"] {
		width: 65px;
		}
		
form select[id="day4"] {
		width: 55px;
		}
		
form select[id="year4"] {
		width: 65px;
		}
		
form select[id="month5"] {
		width: 65px;
		}
		
form select[id="day5"] {
		width: 55px;
		}
		
form select[id="year5"] {
		width: 65px;
		}
	
form textarea {
		border: 1px solid #dcdcdc;
		font-family: "Tahoma", helvetica, sans-serif;
		padding: 2px;
		overflow: auto;
		width: 400px;
		}
		
		
/* ----- logos ----- */ 

#logos {
		width: 770px;
		height: auto;
		background: #eaeaea url(../images/bg/bg_logos.gif) no-repeat;
		background-position: bottom;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top: 20px;
		clear: both;
		display: block;
		}
		
#logos img {
		margin: 0px 50px 0px 50px;
		}
		
		
/* ----- footer ----- */ 

#footercontainer {
		position: relative;
		width: 770px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		color: #333;
		}