/**************************************************
******* Zarpac Website *******
***************************************************/

@import url(global.css);
@import url(navbar.css);

/* HEADERS */

h1 {
	margin: 5px 0 5px 0;
	height: 75px;
	width: 963px;		/* image width */
	padding-top: 0;	/* image height */
	background: url(../_img/ZarpacBanner.gif) no-repeat;
	border: none;
}

.home h1 {
	margin: 5px 5;
}

h1 a {
	display: block;
	text-indent: -9999em;
	width: 1024px;
	height: 75px;
	outline: none;
	color: #fff;
}

h2 {
	margin-bottom: 10px;
	height: 0;
	padding-top: 13px;	/* image height */
	overflow: hidden;
	font-size: 1px;
	border: none;
}

.home #primary h2 {
	width: 413px;
	background: url(../_img/home_h2_primary.gif) no-repeat;
}

.clients #secondary h2 {
	width: 114px;
	background: url(../_img/home_h2_secondary.gif) no-repeat;
}

.about #primary h2 {
	width: 64px;
	background: url(../_img/h2_about.gif) no-repeat;
}

.divisions #primary h2 {
	width: 96px;
	background: url(../_img/h2_divisions.gif) no-repeat;
}

.sust #primary h2 {
	width: 93px;
	background: url(../_img/h2_sust.gif) no-repeat;
}

.clients #primary h2 {
	width: 70px;
	background: url(../_img/h2_clients.gif) no-repeat;
}

.contact #primary h2 {
	width: 114px;
	background: url(../_img/h2_contact.gif) no-repeat;
}

.divisions #secondary h2, .division_indy #secondary h2 {
	width: 142px;
	background: url(../_img/divisions_h2_secondary.gif) no-repeat;
}

img.mainphoto {
	display: block;
	margin-bottom: 5px;
}

div#flasharea {
	margin-bottom: 5px;
}

p.intro {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 2em;
}


/*.division_indy #secondary h2 {
	width: 83px;
	background: url(../_img/division_indy_h2_secondary.gif) no-repeat;
}*/



/* HOME */

.home #primary h3.sust {
	text-indent: -9999em;
	width: 89px;
	height: 9px;
	background: transparent url("../_img/home_h3_sust.gif") no-repeat top left;
}

.home #primary h3.integrated {
	text-indent: -9999em;
	width: 82px;
	height: 9px;
	margin-top: 1.5em;
	background: transparent url("../_img/home_h3_integrated.gif") no-repeat top left;
}

.home #primary h3.creative {
	text-indent: -9999em;
	width: 61px;
	height: 9px;
	margin-top: 1.5em;
	background: transparent url("../_img/home_h3_creative.gif") no-repeat top left;
}

.home #primary h3.committed {
	text-indent: -9999em;
	width: 79px;
	height: 9px;
	margin-top: 1.5em;
	background: transparent url("../_img/home_h3_committed.gif") no-repeat top left;
}

.home #secondary #newsboxwrapper {
	width: 220px;
}

.home #secondary #newsbox {
	background: transparent url("../_img/home_news_bg_top.gif") no-repeat top left;
	min-height: 325px;
}

.home #secondary #newsboxbottom {
	background: transparent url("../_img/home_news_bg_bottom.gif") no-repeat top left;
	width: 220px;
	height: 12px;
}

.home #secondary #newsbox #newshead {
	padding: 16px 16px 0 16px;
	position: relative;
}

.home #secondary #newsbox #newshead h2 {
	text-indent: -9999em;
	width: 45px;
	height: 11px;
	margin-bottom: 0;
	background: transparent url("../_img/home_h2_secondary.gif") no-repeat top left;
}

.home #secondary #newsbox #newshead ul {
	position: absolute;
	top: 12px;
	right: 13px;
	list-style-type: none;
/*	display: none; visibility: hidden; */
}

.home #secondary #newsbox #newshead ul li {
	float: left;
}

.home #secondary #newsbox #newshead ul li a {
	display: block;
	text-decoration: none;
	text-indent: -9999em;
	outline: none;
}

.home #secondary #newsbox #newshead ul li a#leftarrow {
	width: 12px;
	height: 10px;
	background: transparent url("../_img/orange_arrow_left.gif") no-repeat top left;
}

.home #secondary #newsbox #newshead ul li a#rightarrow {
	width: 12px;
	height: 10px;
	background: transparent url("../_img/orange_arrow_right.gif") no-repeat top left;
}


.home #secondary #newsbox #newscontent {
	overflow: hidden;
	position: relative;
	margin-bottom: 5px;
	min-height: 250px;
}

.home #secondary #newsbox #newscontent .newsslide {
	position: absolute;
	left: 9999em;
	top: 0;
	width: 180px;
}

.home #secondary #newsbox #newscontent .newsslide a {
	color: #777;
}


.home #secondary #newsbox #greencleanbox {
	padding: 10px 10px 0 10px;
	background: transparent url("../_img/home_news_bg_div.gif") no-repeat top left;
}

.home #secondary #newsbox #greencleanbox p {
	margin: 0;
}


/* NEWS */

.news #primary h3.sust {
	text-indent: -9999em;
	width: 89px;
	height: 9px;
	background: transparent url("../_img/home_h3_sust.gif") no-repeat top left;
}

.news #primary h3.integrated {
	text-indent: -9999em;
	width: 82px;
	height: 9px;
	margin-top: 1.5em;
	background: transparent url("../_img/home_h3_integrated.gif") no-repeat top left;
}

.news #primary h3.creative {
	text-indent: -9999em;
	width: 61px;
	height: 9px;
	margin-top: 1.5em;
	background: transparent url("../_img/home_h3_creative.gif") no-repeat top left;
}

.news #primary h3.committed {
	text-indent: -9999em;
	width: 79px;
	height: 9px;
	margin-top: 1.5em;
	background: transparent url("../_img/home_h3_committed.gif") no-repeat top left;
}

.news #secondary #newsboxwrapper {
	width: 211px;
}

.news #secondary #newsbox {
	background: transparent url("../_img/home_news_bg_top.gif") no-repeat top left;
	min-height: 350px;
}

.news #secondary #newsboxbottom {
	background: transparent url("../_img/home_news_bg_bottom.gif") no-repeat top left;
	width: 211px;
	height: 12px;
}

.news #secondary #newsbox #newshead {
	padding: 16px 16px 0 16px;
	position: relative;
}

.news #secondary #newsbox #newshead h2 {
	text-indent: -9999em;
	width: 45px;
	height: 11px;
	margin-bottom: 0;
	background: transparent url("../_img/home_h2_secondary.gif") no-repeat top left;
}

.news #secondary #newsbox #newshead ul {
	position: absolute;
	top: 12px;
	right: 13px;
	list-style-type: none;
	display: none; visibility: hidden;
}

.news #secondary #newsbox #newshead ul li {
	float: left;
}

.news #secondary #newsbox #newshead ul li a {
	display: block;
	text-decoration: none;
	text-indent: -9999em;
	outline: none;
}

.news #secondary #newsbox #newshead ul li a#leftarrow {
	width: 12px;
	height: 10px;
	background: transparent url("../_img/orange_arrow_left.gif") no-repeat top left;
}

.news #secondary #newsbox #newshead ul li a#rightarrow {
	width: 11px;
	height: 10px;
	background: transparent url("../_img/orange_arrow_right.gif") no-repeat top left;
}


.news #secondary #newsbox #newscontent {
	overflow: hidden;
	position: relative;
	margin-bottom: 16px;
	min-height: 100px;
}

.news #secondary #newsbox #newscontent .newsslide {
	position: absolute;
	left: 9999em;
	top: 0;
	width: 180px;
}

.news #secondary #newsbox #newscontent .newsslide a {
	color: #777;
}


.news #secondary #newsbox #greencleanbox {
	padding: 16px 16px 0 16px;
	background: transparent url("../_img/home_news_bg_div.gif") no-repeat top left;
}

.news #secondary #newsbox #greencleanbox p {
	margin: 0;
}


/* ABOUT US */

.about #primary h3 {
	text-indent: -9999em;
	width: 48px;
	height: 9px;
	background: transparent url("../_img/h3_about_primary.gif") no-repeat top left;
}

#mission_statement h3 {
	padding-bottom: 6px;
	color: #5e7f14;
}

#management {
	margin: 4px 0;
}

#management li {
	padding: 2px 0;
}

.about #secondary {
	padding-top: 16px;
}

.about #secondary img {
	padding-top: 4px;
}

.about #secondary h3 {
	text-indent: -9999em;
	width: 154px;
	height: 9px;
	background: transparent url("../_img/h3_about_secondary.gif") no-repeat top left;
}

.about #secondary ul li {
	margin: 1em 0;
}

.about #secondary ul li a {
	font-weight: bold;
	text-decoration: none;
	color: #777;
	background: transparent url("../_img/email_icon.gif") no-repeat 100% 3px;
	padding-right: 15px;
}

.about #secondary ul li a:hover, .about #secondary ul li a:active {
	text-decoration: underline;
}


/* DIVISION */

.divisions h3, .division_indy h3 {
	font-size: 1em;
}

.divisions .bullets, .division_indy .bullets {
	margin: 4px 0 20px 0;
}

.divisions .row {
	clear: both;
	border-bottom: 1px solid #dedede;
	margin-bottom: 1em;
}

.divisions .last {
	border-bottom: none;
}

.divisions .row .logo {
	width: 155px;
	float: left;
}

.divisions .row .description, .divisions .row .hidden {
	margin-left: 155px;
	width: 365px;
}

.divisions #primary .row .description p, .divisions #primary .row .hidden p {
	width: auto;
}

.divisions #primary .row a.morelink {
	border: 1px solid #fff; /* IE6 */
	color: #777;
	text-decoration: none;
	padding-bottom: 0;
	padding-right: 12px;
	background: transparent url("../_img/green_arrow_down.gif") no-repeat 100% 6px;
	border-bottom: none;
}

.divisions #primary .row a.morelink:hover, .divisions #primary .row a.morelink:active {
	text-decoration: underline;
}

.divisions #primary .row a.lesslink {
	color: #777;
	text-indent: -9999em;
	height: 5px;
	width: 10px;
	padding-bottom: 0;
	background: transparent url("../_img/green_arrow_up.gif") no-repeat 100% 6px;
	border-bottom: none;
	text-decoration: none;
}


.divisions .row .hidden {
	display: none;
	visibility: hidden;
}

.divisions #secondary p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #1E3A6B;
	font-weight: bold;
}



/* HOME */

.home h3, .division_indy h3 {
	font-size: 1em;
}

.home .bullets, .division_indy .bullets {
	margin: 4px 0 20px 0;
}

.home .row {
	clear: both;
	border-bottom: 1px solid #dedede;
	margin-bottom: 1em;
}

.home .last {
	border-bottom: none;
}

.home .row .logo {
	width: 155px;
	float: left;
}

.home .row .description, .home .row .hidden {
	margin-left: 155px;
	width: 365px;
}

.home #primary .row .description p, .home #primary .row .hidden p {
	width: auto;
}

.home #primary .row a.morelink {
	border: 1px solid #fff; /* IE6 */
	color: #777;
	text-decoration: none;
	padding-bottom: 0;
	padding-right: 12px;
	background: transparent url("../_img/green_arrow_down.gif") no-repeat 100% 6px;
	border-bottom: none;
}

.home #primary .row a.morelink:hover, .home #primary .row a.morelink:active {
	text-decoration: underline;
}

.home #primary .row a.lesslink {
	color: #777;
	text-indent: -9999em;
	height: 5px;
	width: 10px;
	padding-bottom: 0;
	background: transparent url("../_img/green_arrow_up.gif") no-repeat 100% 6px;
	border-bottom: none;
	text-decoration: none;
}


.home .row .hidden {
	display: none;
	visibility: hidden;
}

.home #secondary p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #1E3A6B;
	font-weight: bold;
}


/* BIG IMAGE BACKGROUND FOR INDIVIDUAL DIVISIONS PAGES */

.division_indy #primary h2, .divisions #primary h2 {
	width: 440px;
	height: 24px;
	padding: 198px 0 0 82px;
	overflow: auto;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #8fab50;
}


#residential #primary h2 {
	background: url(../_img/division_residential_h2_bg.jpg) no-repeat;
}

#metalstone #primary h2 {
	height: 40px;				/* 'cause it's a two liner */
	padding: 182px 0 0 82px;	/* 'cause it's a two liner */
	background: url(../_img/division_metalstone_h2_bg.jpg) no-repeat;
}

#retail #primary h2 {
	background: url(../_img/division_retail_h2_bg.jpg) no-repeat;
}

#guard #primary h2 {
	background: url(../_img/division_guard_h2_bg.jpg) no-repeat;
}

#environment #primary h2 {
	background: url(../_img/division_environment_h2_bg.jpg) no-repeat;
}

h3 {
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-bottom: 4px;
}

/* HOME SERVICES IMG MENU */

#services li {
	display: block;
	float: left;
	width: 150px;
	height: 230px;
	margin-right: 7px;
}

#services li.last {
	margin-right: 0;
}

#services img {
	display: block;
	border: none;
	border-bottom: 2px solid #fff;
}

.service_img {
	margin-bottom: 8px;
	display: block;
	border-bottom: 8px solid #dfedc2;
}

.service_txt {
	font-size: 1.1em;
	text-decoration: none;
	text-transform: uppercase;
	color: #17191a;
}

.services .row .hidden {
	display: none;
	visibility: hidden;
}

.services #secondary p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #1E3A6B;
	font-weight: bold;
}


/* EDUCATION */

#education li {
	display: block;
	float: left;
	width: 150px;
	height: 230px;
	margin-right: 7px;
}

#education li.last {
	margin-right: 0;
}

#education img {
	display: block;
	border: none;
	border-bottom: 2px solid #fff;
}

.education_img {
	margin-bottom: 8px;
	display: block;
	border-bottom: 8px solid #dfedc2;
}

.education_txt {
	font-size: 1.1em;
	text-decoration: none;
	text-transform: uppercase;
	color: #17191a;
}

.education .row .hidden {
	display: none;
	visibility: hidden;
}

.education #secondary p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #1E3A6B;
	font-weight: bold;
}



/* ClIENT LIST */


.clients #secondary h3 {
	text-indent: -9999em;
	width: 101px;
	height: 9px;
	background: transparent url("../_img/h3_clients_secondary.gif") no-repeat top left;
}


.clients #secondary {
	padding-top: 16px;
}

.clients #secondary img {
	padding-top: 4px;
}

.clients #secondary .leed {
	color: #9cc349;
}

.clients #secondary ul {
	margin-bottom: 2em;
}

.clients #secondary ul li a {
	color: #9cc349;
	text-decoration: underline;
}



/* GREEN CLEAN */

.greenclean p.intro {
	color: #ffad0f;
	margin-top: 1em;
	margin-bottom: 1em;
}

.greenclean #morelink {
	margin-top: 2em;
	margin-bottom: 2em;
	border-bottom: 1px solid #dedede;
}

.greenclean #hiddentext {
	margin-top: 1em;
	display: none;
	visibility: hidden;
}




/* CONTACT */

.contact h3 {
	margin: 20px 0 6px 0;
}

.contact #secondary h3.srmgmt {
	text-indent: -9999em;
	width: 154px;
	height: 9px;
	background: transparent url("../_img/h3_contact_secondary.gif") no-repeat top left;
}

.contact #secondary h3.portals {
	margin-top: 4em;
	text-indent: -9999em;
	width: 150px;
	height: 9px;
	background: transparent url("../_img/h3_contact_secondary_portals.gif") no-repeat top left;
}

.contact #secondary .contactemail a {
	font-weight: bold;
	text-decoration: none;
	color: #777;
	background: transparent url("../_img/email_icon.gif") no-repeat 0 3px;
	padding-left: 15px;
}

.contact #secondary .contactemail a:hover, .contact #secondary .contactemail a:active {
	text-decoration: underline;
}

.contact #secondary p.arrow {
	padding-right: 10px;
	background: transparent url("../_img/green_arrow.gif") no-repeat right bottom;
}


/* CONTACT FORM */

.contact form {
	margin: 10px 10px 10px 0;
	padding: 20px 0 20px 20px;
	background: #fcfef7 url(../_img/form_bkdg.gif) repeat-x;
	border: 1px solid #e8e8e8;
}

.contact select {
	float: left;
}

.contact input, textarea {
	display: block;
	margin: 10px 0 0 0;
	border: 1px solid #bcc4b3;
}

.contact input {
	width: 290px;
}

textarea {
	width: 482px;
}

.contact #submit_btn {
	width: 130px;
	margin: 12px 0 0 352px
}

a#copyright {
	display: block;
	padding-bottom: 3px;
	text-align: right;
	font: 9px arial, sans-serif;
	color: #ccc;
	text-decoration: none;
}

a#copyright:hover {
	color: #999;
}