@charset "UTF-8";

* { font-size:100%; margin:0; padding:0; vertical-align: baseline; border-collapse:collapse; }
img {border:0; display: block;
} a{text-decoration: none;}

body {
	font: 16px/140% Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
    color: #f2f2f2;
	background: #000 url(i/bg.jpg) repeat-x;
	text-align: center;
	margin:10px 0;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}
#header {
	background-image: url(i/header-960.jpg);
	background-repeat: no-repeat;
	height: 122px;
	width: 960px;
}
#flash {
	float: left;
	height: 122px;
	width: 600px;
	overflow: hidden;
}


/*  TOP MENUS */

#inset-nav {
	text-align: left;
	float: right;
	height: 122px;
	width: 360px;
	overflow: hidden;
	
}
a#inset-nav-link {
margin-top:94px;
display:block;
width:365px;
height:28px;
background: url(i/nav-employment.png) 0 0 no-repeat;
color:#FFCC00;
position:absolute;
margin-left: -5px;
} /* CHECK THIS POSITIONING TO SEE IF WORKS CROSSBROWSER IF NOT, REMOVE AND CHANGE WIDTH TO 360PX */
a#inset-nav-link span {display: none;}
a:hover#inset-nav-link, a:focus#inset-nav-link {
color:#fff;
background-position: 0 100%;
outline:none;
}
  /* end inset nav, begin main top nav */
#top-nav {
	height: 30px;
	width: 960px;
	overflow: hidden;
background-color: #000;
clear:both;
}
#top-nav a {
display:block;
float:left;
	height: 30px;
	overflow: hidden;
}
#top-nav a span {
display:none;
}
#top-nav a#home {
width:206px;
background:url(i/nav-home.jpg) 0 0 no-repeat;
}
#top-nav a:hover#home, #top-nav a:focus#home {
background-position: 0 100%;
outline:none;
}

#top-nav a#about {
width:197px;
background:url(i/nav-about.jpg) 0 0 no-repeat;
}
#top-nav a:hover#about, #top-nav a:focus#about {
background-position: 0 100%;
outline:none;
}

#top-nav a#contact {
width:202px;
background:url(i/nav-contact.jpg) 0 0 no-repeat;
}
#top-nav a:hover#contact, #top-nav a:focus#contact {
background-position: 0 100%;
outline:none;
}#tagline {
	background-image: url(i/a-better-environment.gif);
	background-repeat: no-repeat;
	height: 51px;
	width: 960px;
padding: 5px;
}

/* END TOP MENUS */
/* side menu and photo-display area */

#display {
	background-image: url(i/side-nav-bg.png);
	background-repeat: no-repeat;
	clear: both;
	height: 252px;
	width: 960px;
	overflow: hidden;
}

/* BEGIN SIDE MENU */

#side-nav {
width: 280px;
float:left;
}
#side-nav ul {
margin: 0;
padding: 18px 0 0 0;
list-style:none;
}
#side-nav ul li {
margin: 0;
padding: 10px 0 0 0;
list-style:none;
}
#side-nav ul li a {
display:block;
padding: 5px 0 0 80px;
width:200px;
height:25px;
background:url(i/side-nav-btn.png) 0 0 no-repeat;
color: #fff;
text-transform:uppercase;
font-style:italic;
font-weight:bold;
}
#side-nav ul li a:hover, #side-nav ul li a:focus {
background-position: 0 100%;
color:#013;
}

/* END SIDE MENU - Begin PHOTO DISPLAY AREA */

#photodisplay {
position: relative;
z-index: 1;
height:252px;
width:680px;
float:left;
overflow:hidden;
background:url(i/default-display.jpg) no-repeat;
}

#photodisplay-text {
position: absolute;
top: 0;
left: 0;
z-index: 10;
height:212px;
width:640px;
padding: 20px;
}

/* END PHOTO DISPLAY AREA */


/* CONTENT AREAS */

#content1, #content2, #content3  {
width: 960px;
clear: both;
overflow:hidden;
}

#cont1-top {
background:url(i/cont1-top.jpg) 0 0 no-repeat;
width: 960px;
overflow:hidden;
height: 26px;
}
#content1 {
background:url(i/cont1.jpg) 0 0 repeat-y;
width: 960px;
overflow:hidden;
}
#content1inner {
background:url(i/cont1-btm.gif) 0 100% no-repeat;
width: 960px;
overflow:hidden;
height: 100%;
padding-bottom: 10px;
}
#content1inner .inner {
padding: 20px 100px;
overflow:hidden;
}

#cont2-top {
background:url(i/cont2-top.jpg) 0 0 no-repeat;
width: 960px;
overflow:hidden;
height: 26px;
}
#content2 {
background:url(i/cont2.jpg) 0 0 repeat-y;
width: 960px;
overflow:hidden;
height: 100%;
}
#content2inner {
background:url(i/cont2-btm.gif) 0 100% no-repeat;
width: 960px;
overflow:hidden;
height: 100%;
padding-bottom: 10px;
}
#content2inner .inner {
padding: 20px 0;
overflow:hidden;
height:100%;
}


#content3 {
background:url(i/cont3-top.jpg) 0 0 no-repeat;
width: 960px;
overflow:hidden;
}
#content3inner {
background:url(i/cont3-btm.gif) 0 100% no-repeat;
width: 960px;
overflow:hidden;
height: 100%;
padding-bottom: 10px;
}
#content3inner .inner {
padding: 10px;
overflow:hidden;
}
#cont3-lft {
width:282px;
float:left;
}
#cont3-mid {
width:402px;
float:left;
}
#cont3-rt {
width:276px;
float:left;
}

/* FOOTERS */

#footer1col {
clear:both;
font-size: 0.8em;
line-height: 220%;
height: 42px;
background:#000 url(i/footer1col.gif) 0 100% no-repeat;
overflow:hidden;
}

#footer2col {
clear:both;
font-size: 0.8em;
line-height: 220%;
height: 42px;
background:#000 url(i/footer2col.jpg) 0 100% no-repeat;
overflow:hidden;
}

#footer3col {
clear:both;
font-size: 0.8em;
background:#000;
overflow:hidden;
}

/* SPECIAL NAVS */
.highlight { background:url(i/highlight-bg.gif) repeat-x; color:#000900; padding-left:10px; margin-right:1px;}

ul.cont_menu {
margin: 20px 0 20px 10%
}
ul.cont_menu li {
list-style:none;
margin: 4px 0;
}
ul.cont_menu li a {
display:block;
background:url(i/cont-nav-btn.gif) top left no-repeat;
height: 30px;
line-height:30px;
width:280px;
text-align:center;
color:#fff;
font-weight:bold;
}
ul.cont_menu li a:hover, 
ul.cont_menu li a:focus {
background-position: bottom left;
color:#fed;
}

   /* mootoools sliding menu */
#slidedown {}
.menu {}
.sublinks{}

#btm-nav {
float:left;
width: 60%;
padding:1% 0 1% 4%;
overflow:hidden;
}
#copyrt {
float:right;
width: 26%;
padding:1% 4% 1% 0;
overflow:hidden;
}


/* typography */
a:link, a:visited { color: #dfa; }
a:hover, a:focus {color:#f39;}
h1 {font-size: 2em;
line-height: 140%;
margin: 0 0 10px 0;
color: #fff;
font-variant: small-caps;
}
h2 {font-size: 1.6em;
line-height: 150%;
padding: 10px 0;
color: #fed;
}
h3 {font-size: 1.3em;
line-height: 130%;
padding: 6px 0;
color: #fed;
}
h4 {font-size: 1.2em;
line-height: 130%;
padding: 6px 0;
color: #def;
}
h5 {font-size: 1.1em;
line-height: 130%;
padding: 6px 0;
color: #def;
}
h6 {font-size: 1em;
line-height: 130%;
padding: 6px 0;
color: #def;
}
p{padding:0.6em 0}
blockquote { margin: 4px 20px;}
ol {
padding: 4px 2.5em;
}
ul {padding: 4px 1em;}
ul li {
padding: 0 0 0 1em;
margin: 4px 0;
background: url(i/li.gif) 0 0.4em no-repeat;
}
ul li ul li {
list-style: square;
padding: 0;
background: none;
color: #ddd
}


/* forms */
form {padding-top: 20px;}
form label {display: block; float: left; width: 165px; text-align: right; padding-right: 10px; clear: left}
form p {padding: 2px 0;}

/* Assignable */
.clear {clear: both; height:1px; visibility:hidden;}
.clr {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
p.center img {margin: 0 auto;}
.float-lft {float:left; padding-right: 6px;}
.float-rt {float:right; padding-left:6px;}
.underline {border-bottom: thin;}
.smaller {font-size:small;}
.larger{font-size:larger;}
.top { margin: 10px;}
   .top a {color: #9ab;}
   .top a:hover, .top a:focus {color: #fff;}

div.dot-section {border: none;}
   div.dot-section div {border-bottom: 1px dotted; padding: 4px 0;}
   .dot-section ul {list-style:none; margin:0; padding: 0;border: none;}
   .dot-section ul li {list-style:none; margin:0; padding: 4px 0; background:none; border-bottom: 1px dotted;}

.caption {color: #010; font-size: small; font-weight: bold}
#cont2-rt .caption {color: #98a; font-size: small; font-weight: bold}


/*   RELATED COMPANIES LINKS   */

.tablemin, .tablemin th, .tablemin th {
 border: none; 
 padding: 0; margin: 0;
 border-collapse: collapse;
 overflow: hidden;
 }
 a.holdco, a.stanek, a.gracon {
 display: block;
 background-repeat: no-repeat;
 background-position: 0 0;
 }
 a.holdco:hover, a.holdco:focus, a.stanek:hover, a.stanek:focus, a.gracon:hover, a.gracon:focus {
 background-position: 0 100%;
 }
 a.holdco span, a.stanek span, a.gracon span {
 display: none;
 visiblity: hidden;
 text-decoration: none;
 }
 a.holdco {
 width: 119px;
 height: 73px;
 background-image :url(images/cologos/Logos-Related_HoldCo.gif);
 }
 a.stanek {
 width: 96px;
 height: 53px;
 background-image: url(images/cologos/Logos-Related_Stanek.gif);
 }
 a.gracon {
 width: 129px;
 height: 53px;
 background-image: url(images/cologos/Logos-Related_Gracon.gif);
 }
 
 
 

/* SUBDIVISIONS */

.fifty-fifty {
	float: left;
	width: 42%;
	padding: 0 4%;
	overflow: hidden;
height:100%;
}

.one-third {
	float: left;
	width: 29%;
	padding: 0 2%
}