/* 
*
*	edreamz Oct 2009
*   The Budd Group
*   Yperez
*
*/


h1 { color: #c92d35; font-weight: bold; font-size: 16px; line-height: normal;}
h2 { color: #bfbfbf; font-weight: bold; font-size: 18px; line-height: bold;}
  
/* 
 * 
 * Links
 * 
 */
a { color: #c92d35; text-decoration: none;}
a:hover { color: #c92d35; text-decoration: underline;}
a.backbutton{ text-decoration: none; background: url('/images/back-arrow.gif') left no-repeat; padding-left: 25px; font-weight: normal;}
a.backbutton:hover{ text-decoration: underline;}


/* 
 * 
 * Lists
 * 
 */
ul{}
ul li{ list-style-image: url(/images/bullet-arrow.gif); margin-bottom: 5px;}
ol li{ list-style: decimal; margin-bottom: 5px;}

/* 
 * 
 * General
 * 
 */
p{ margin: 0; padding: 0 0 10px 0;}

p img{padding: 5px;}

hr { height:1px; background-color: #bfbfbf; border:0px; padding:0px;} 
  
.header{ color: #c92d35; font-size: 20px; font-weight: bold;}
.subheader{ color: #bfbfbf; font-size: 16px; font-weight: bold;}
.hidden{display:none;}
.red {color: #b10021;}

/* 
 * 
 * Main Navigation
 *
 */
#mainNav { background: url('/images/nav-bg.jpg') top left no-repeat; height: 39px; width: 960px; margin: 0 auto; position: absolute; z-index: 99; bottom: 10px; left: 125px;}
#mainNav .main{ margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden;}
#mainNav li { margin:0; padding:0; list-style: none; display: inline;}
#mainNav a { float: left; padding: 39px 0 0 0; overflow: hidden; height: 0px; color: #ffffff; }
#mainNav a:hover { background-position: 0 -39px;}
#mainNav .selected{ background-position: 0 -39px;}

#about a { width: 99px; background: url('/images/buttons/nav-about.jpg') top left no-repeat;}
#janitorial a { width: 111px; background: url('/images/buttons/nav-janitorial.jpg') top left no-repeat;}
#security a { width: 114px; background: url('/images/buttons/nav-security.jpg') top left no-repeat;}
#landscape a { width: 120px; background: url('/images/buttons/nav-landscape.jpg') top left no-repeat;}
#integrated a { width: 243px; background: url('/images/buttons/nav-integrated.jpg') top left no-repeat;}
#clients a { width: 190px; background: url('/images/buttons/nav-clients.jpg') top left no-repeat;}

/* 
 * 
 * Secondary Navigation
 * 
 */
#subNav { height: 35px; width: 960px; background: #666666;}
#subNav .main { margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden;}
#subNav li { margin:0; padding:0; list-style: none; display: inline;}
#subNav a { float: left; padding: 35px 0 0 0; overflow: hidden; height: 0px; }
#subNav a:hover { background-position: 0 -35px;}
#subNav .selected{ background-position: 0 -35px;}

#overview a { width: 81px; background: url('/images/buttons/subnav-overview.jpg') top left no-repeat;}
#who-we-serve a { width: 116px; background: url('/images/buttons/subnav-who-we-serve.jpg') top left no-repeat;}
#our-people a { width: 94px; background: url('/images/buttons/subnav-our-people.jpg') top left no-repeat;}
#subsidaries a { width: 96px; background: url('/images/buttons/subnav-subsidaries.jpg') top left no-repeat;}
#memberships a { width: 186px; background: url('/images/buttons/subnav-memberships.jpg') top left no-repeat;}

/* 
 * 
 * Layout / Formatting
 * 
 */

 
body{ background: #727171; color: #636466; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px;}
#wrapper{background: #ffffff url('/images/bg-pattern.gif') repeat-x;}
#hd { position: relative; height: 139px; width: 960px; margin: 0 auto;}
#hd span { position: relative; background: url('/images/main-logo.gif') no-repeat left top; width: 168px; height: 139px; top: 0; left: 0; display: block;}
#hd span a { position: absolute; width: 168px; height: 100px; display: block; text-indent: -9999px;}
#hd #people{ width: 256px; height: 109px; position: absolute; left: 175px; bottom: 0;}

#topNav { position: absolute; right: 0; top: 15px; color: #636466; font-size: 12px; text-align: right;}
#topNav span{background: none; width: auto; height:auto;}
#topNav a{color: #636466; text-decoration: none;}
#topNav a:hover{color: #636466; text-decoration: underline;}
#topNav a.selected{color: #b10021; text-decoration: underline;}
#topNav .slogan{color: #b10021; font-size: 14px; text-align: right; line-height: normal; margin-top: 10px;}

#panel{ width: 1200px; height: 306px; margin: -6px auto 0 auto; position: relative;}
#panel #flashpanel{position: absolute; z-index: 1; top: 6px; }
#panel .imagepanel{position: absolute; z-index: 1; top: -6px; left: 113px;}

#container{ width: 960px; padding-bottom: 5px; margin: 0 auto;}

#homeleft { width: 695px; float: left; padding: 25px 40px 15px 5px;}

#homeright { width: 175px; float: left; background: url('/images/right-gradient.png') top left no-repeat; padding: 10px 0 0 45px;}


/* 
 * 
 * Layout / Secondary Pages
 * 
 */

.imgtitle{margin-bottom: 20px;}

#leftside{ width: 145px; float: left; margin-top: 20px; background: url('/images/left-gradient.png') top right no-repeat; min-height: 160px; zoom: 1;}
#leftside ul{margin:0; padding:0; line-height: normal; list-style-type: none;}
#leftside ul li{margin: 0 0 12px 0; padding: 0 0 0 10px; font-size: 10px; background: url('/images/arrow-bullet.png') 0 2px no-repeat; line-height: normal;}
#leftside ul li div{background: url('/images/sub-underline.gif') bottom left no-repeat; padding-bottom: 7px;}
#leftside ul li a{color: #7b7a7a; text-decoration: none; text-transform: uppercase;}
#leftside ul li a:hover{color: #b10021; text-decoration: none; text-transform: uppercase;}
#leftside ul li a.selected{color: #b10021;}

#middle { width: 615px; float: left; margin-top: 20px; padding: 0 20px 10px 20px;}

#middle ul {margin:0; padding:0; line-height: normal;}
#middle ul li{margin: 6px 0; padding: 0 0 5px 0; font-size: 11px; list-style:url('/images/arrow-bullet.png'); list-style-position: inside; border-bottom: #CCCCCC 1px dotted;}
#middle ul li a{color: #7b7a7a; text-decoration: none; text-transform: uppercase;}
#middle ul li a:hover{color: #b10021; text-decoration: none; text-transform: uppercase;}

.pagetitle{margin-bottom: 20px;}

.row{width: 620px; background: url('/images/row-bg.jpg') bottom left no-repeat; margin-bottom: 30px; padding-bottom: 10px;}
.row.nobg{background: none; border-bottom: #ccc 1px solid;}
.row .bio{width: 300px; float: left; margin-right: 20px;}
.row .bio.noright{margin-right: 0;}
.row .bio .image{width: 110px; float: left; overflow:hidden;}
.row .bio .image img{border: #bfbfbf 1px solid;}
.row .bio .text{ width: 190px; float: left; line-height: 19px;}

.row .industry{ width: 200px; float: left; margin-right: 10px;}
.row .industry.noright{ margin-right: 0;}

.bioimage{ width: 165px; float: left; line-height: 25px;}
.bioimage img.border{border: #bfbfbf 1px solid;}
.biocontent{ width: 450px; float: left;}

.firstname{color: #636466; text-transform: lowercase; font-size: 14px;}
.firstname.lg{font-size: 18px;}
.lastname{color: #b10021; text-transform: uppercase; font-size: 14px; font-weight: bold;}
.lastname.lg{font-size: 18px;}
.dark{color: #2a2a2a; font-weight: bold; }

.sitemapcolumn{width: 300px; float: left; margin-right: 15px;}

.sitemapcolumn.noright{margin-right: 0;}

#rightside { width: 150px; float: left; min-height: 160px; line-height: normal; margin-top: 20px; background: url('/images/right-gradient.png') top left no-repeat; padding-left: 10px;}
#rightside #homectas img{margin-bottom: 15px;}

div.CIMS { margin: 15px 0; padding: 8px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; overflow: hidden; }
	div.CIMS p.adobe { text-align: right; float: right; display: inline; }
	
/*
 *
 * Listing
 *
 */
.listingitem{ width: 615px;  border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 10px; background: url('/images/row-bg.jpg') bottom left no-repeat; }
.listingitem .image{ width: 120px; float: left;}
.listingitem .image img.border{ border: #bfbfbf 1px solid;}
.listingitem .text{ width: 495px; float: left;}
.listingitem .text .title{ background: #a60209; padding: 2px 0 2px 5px; color: #fff; font-size: 15px;}


/*
 *
 * Layout / Form Page
 *
 */

  .form{ padding: 5px 0 50px 0; width: 460px; float: left; margin-top: 10px;}
	.formRow{ margin-top: 10px;}

	.formItem { width: 210px; float: left;}
	.formItem .textfield{ width: 200px;}
	.formItem .textfield-small{ width: 50px;}
	.formItem .dropdown{ height: 23px;}
	
	.formItemSmall{ width: 40px; float: left;}
	.formItemSmall .textfield{ width: 30px;}
	
	.formItemLong { width: 450px; float: left;}
	.formItemLong .textfield{ width: 450px;}
	.formItemLong .textfield2{ width: 200px;}
	.formItemLong .textfield-small{ width: 50px;}
	.formItemLong .textarea { width: 450px;}
	.formItemLong .dropdown{ height: 23px;}
	
	.city{ width: 210px; float: left;}
	.city .textfield{ width: 200px;}
	
	.state{ width: 52px; float: left;}
	.state .dropdown{ height: 23px;}
	
	.zipcode{ width: 50px; float: left;}
	.zipcode .textfield{ width: 50px;}
	
	.phone{ width: 210px; float: left;}
	.phone .textfield{ width: 30px;}
	.phone .textfield2{ width: 35px;}
	
  .formright{width: 140px; float: left; padding-left: 8px; margin: 10px 0 0 6px; line-height: normal; background: url('/images/small-gradient.jpg') top left no-repeat; }

/*
 *
 * Accordion Controls
 *
 */
#accordion{margin: 0; padding: 0;}
#accordion dt {padding-left: 10px; background: url('/images/arrow-bullet02.png') top left no-repeat; border-bottom: #CCCCCC 1px dotted;}
#accordion dt dd{padding: 0; margin: 0;}
#accordion dt dd hr{height: 1px; color: #cccccc;}

/* 
 * 
 * Layout / Footer
 * 
 */

  #ft{ background: #727171 url('/images/footer-pattern.gif') top left repeat-x; padding-left: 0; color: #e2e2e2; font-size: 11px; width: 100%; line-height: normal; }
  #ft .ftmain { width: 960px; min-height: 64px; margin: 0 auto; padding-top: 17px; line-height: 20px;}
  #ft .ftmain #copyright{width: 220px; float: left;}
  #ft .ftmain #links{width: 740px; float: left; text-align: right;}
  #ft .ftmain a{ color: #e2e2e2; text-decoration:none; }
  #ft .ftmain a:hover{ color: #ffffff; text-decoration:underline; }


