@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}
h1 { 
	font-weight:bold;
	font-size:16px;
	}
img { border:none; }
a , a:visited{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	}
a:hover {
	color:#666666;
	text-decoration:underline;
	}
.bodyfont {
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:18px;
	}
#rss { 
	width:200px;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	background-color:#cfe4ff;
	padding:10px;
	border: solid #000000 1px;
	margin:10px;
	z-index:5;
}
#rss:hover { background-color:#acc6e7;}
#rssloader {
	width:200px;
	z-index:0;
	padding:10px;
	margin:10px;
	position:relative;
	top:175px;
	}
.font4health {color:#448491; font-weight:bold;}
a.font4health , a.font4health:visited {color:#448491; text-decoration:underline;}
a.font4health:hover { color:#33646e; text-decoration:none;}
.font4design {color:#028f8f; text-decoration:none; font-weight:bold;}
a.font4design , a.font4design:visited {color:#028f8f; text-decoration:underline;}
a.font4design:hover { color:#006666; text-decoration:none;}
.font4ssa {color:#4b7083; text-decoration:none; font-weight:bold;}
a.font4ssa , a.font4ssa:visited {color:#4b7083; text-decoration:underline;}
a.font4ssa:hover { color:#375463; text-decoration:none;}
.font4business {color:#3e9137; text-decoration:none; font-weight:bold;}
a.font4business , a.font4business:visited {color:#3e9137; text-decoration:underline;}
a.font4business:hover { color:#2e6b28; text-decoration:none;}
.font4technology {color:#409f8a; text-decoration:none; font-weight:bold;}
a.font4technology , a.font4technology:visited {color:#409f8a; text-decoration:underline;}
a.font4technology:hover { color:#418878; text-decoration:none;}
.thumbnail img {
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
	}
.thumbnail:hover img {
	filter:alpha(opacity=70); 
	-moz-opacity: 0.70; 
	opacity: 0.70;
	}
#outside-container {
	margin: 0 auto;
	width:902px;
	background-image:url(../images/main-bg.jpg);
	}
#topnav{
	margin:0 auto;
	width:800px;
	z-index:60;
	}
#title {
	margin:0 auto;
	width:824px;
	height:118px;
	}
#middle{ 
	margin: 0 auto;
	width:800px;
	}
#leftnavbar{
	width:180px;
	background-image:url(../images/leftnav-bg.jpg);
	background-repeat:repeat-y;
	float:left;
	}
#content{
	width:600px;
	float:left;
	padding-left:10px;
	padding-right:10px;
	}
#footer {
	margin-top:75px;
	width:842px;
	background-image:url(../images/footer-bg.jpg);
	background-repeat:no-repeat;
	height:50px;
	padding-left:60px;
	}
#flickrgallery {width:500px; display:block; float:left;}
#flickrgallery img {padding:5px; float:left; position:relative; width:60px; height:60px; display:block;}
#flickrgallery img:hover {filter:alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;}
.clear {
	font-size:1px;
	height:0px;
	width:0px;
	clear:left;
	line-height:0px;
	display:block;
	float:none;
	}
.gotopti {
	display:block;
	width:50px;
	height:30px;
	background-image:url(../images/pti-btn-off.gif);
	float:left;
	}
.gotopti:hover {
	background-image:url(../images/pti-btn-on.gif);
	}


/**********************/
/***** NAVIGATION *****/
/**********************/
a.Home-Btn , a.Home-Btn:visited{ 
display:block; 
height:25px;
width:100px;
color:#000000;
background-image:url(../images/home-btn.jpg);
background-position:left;
background-repeat:no-repeat;
padding-left:50px;
padding-top:15px;
text-decoration:none;
font-size:14px;
font-weight:bold;
}
a.Home-Btn:hover{
background-image:url(../images/home-btn-on.jpg);
background-repeat:no-repeat;
color:#CC0000;
text-decoration:none;
display:block;
}
.nav-container-outer{
padding: 0px;
height: 37px;
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
width:200px;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
z-index:20;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Primary Items ^'^*/
.businessbtn{background-color:#52b84a; display:block; width:100px; text-align:center; border-right:3px #FFFFFF solid; }
.technologybtn {background-color:#60c3ae; display:block; width:100px; text-align:center; border-right:3px #FFFFFF solid; }
.designbtn { background-color:#00b5b6; display:block; width:100px; text-align:center; border-right:3px #FFFFFF solid; }
.healthcarebtn { background-color:#73cee1; display:block; width:100px; text-align:center; border-right:3px #FFFFFF solid; }
.safetybtn { background-color:#4b7083; display:block; width:100px; text-align:center; border-right:3px #FFFFFF solid; }
#nav-container a{	
padding:5px 20px 5px 20px;
margin: 10px 0px 0px 0px;
color: #FFFFFF;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size:11px;
text-decoration:none;
font-weight: bold;
}
#nav-container a:hover{
color:#FFFFFF;
background-color:#000000;
}

/*^'^ Secondary Items Container ^'^*/	
#nav-container div, #nav-container ul{	
padding:10px 5px 20px 5px;
margin:0px 0px 0px 0px;
background-color:#999999;
border: 1px solid #000000;
width:200px;
z-index:10;
}

/*^'^ Secondary Items ^'^*/	
#nav-container div a, #nav-container ul a{	
display:block;
width:190px;
padding:5px 5px 5px 5px;
font-size:10px;
margin: 0px 0px 0px 0px;
color:#FFFFFF;
}

/*^'^ Secondary Items Hover State ^'^*/	
#nav-container div a:hover, #nav-container ul a:hover{	
background-color:#000000;
color:#FFFFFF;
}

/*^'^ Secondary Item Titles ^'^*/	
#nav-container .item-secondary-title{	
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

/*^'^ Horizontal Dividers ^'^*/	
#nav-container .divider-horiz{	
border-top-width:1px;
margin:5px 5px;
border-color: #000000;
}

/*^'^ Vertical Dividers ^'^*/	
#nav-container .divider-vert{	
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#000000;
}
/* ---- LEFT NAVIGATION ---- */
a.leftnav , a.leftnav:visited {
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:12px;
	color:#333333;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
	display:block;
	width:150px;
	}
a.leftnav:hover {color:#000000;	background-color:#CCCCCC;}