@charset "utf-8";
/* CSS Document */

body {
	background-color:#f1f1f1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
}

.header {
	background-image:url(images/ispa_head.png);
	background-position:center;
	background-repeat:repeat-x;
	height:99px;
	width:100%;
}

.logo {
	width:920px;
	padding-left:10px;
	background:none;
	text-align:left;
	height:99px;
}

a {
	text-decoration:none;
	color:#87c0ee;
}

a:hover {
	color:#CCFF33;
}

.nav {
	background-color:#333333;
	border-bottom: 1px solid #CCFF33;
	width: 100%;
	height: 41px;
}

.navItems {
	width: 920px;
	height: 41px;
}

.nav .item {
	padding-top: 12px;
	padding-left:10px;
	padding-right:10px;
	margin-left: 30px;
	height:24px;
	float:left;
}

.nav .item:hover {
	border-bottom: 5px solid #CCFF33;
	padding-top: 12px;
	padding-left:10px;
	padding-right:10px;
	margin-left: 30px;
	height:24px;
	float:left;
	cursor:pointer;
}

.body {
	width:920px;
	background-image:url(images/contentbg.png);
	background-repeat:repeat-y;
	padding-bottom:10px;
}

/*#background {
	position:relative;
	height:400px;
	width:900px;
	margin:0 auto;
	padding-bottom: 10px;
}
#background img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

@keyframes backgroundFadeInOut {
  0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}

#background img.top {
animation-name: backgroundFadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 10s;
animation-direction: alternate;
} */



/*  only for hover transition
#background img.top:hover {
  opacity:0;
}*/

.cycle-slideshow {
	padding-bottom:10px;
	display:block;
	width:900px;
	height:400px;
}


/*#background {
	width: 900px;
	height:400px;
}

.mainImage1 {
	padding-bottom:10px;
	display:block;
	width:900px;
	background-image:url(images/main01.jpg);
	background-repeat:no-repeat;
	-webkit-transition: background 500ms linear;
	-moz-transition: background 500ms linear;
	-o-transition: background 500ms linear;
	-ms-transition: background 500ms linear;
	transition: background 500ms linear;
}

.mainImage2 {
	padding-bottom:10px;
	display:block;
	width:900px;
	background-image:url(images/main02.jpg);
	background-repeat:no-repeat;
	-webkit-transition: background 500ms linear;
	-moz-transition: background 500ms linear;
	-o-transition: background 500ms linear;
	-ms-transition: background 500ms linear;
	transition: background 500ms linear;
}

.mainImage3 {
	padding-bottom:10px;
	display:block;
	width:900px;
	background-image:url(images/main03.jpg);
	background-repeat:no-repeat;
	-webkit-transition: background 500ms linear;
	-moz-transition: background 500ms linear;
	-o-transition: background 500ms linear;
	-ms-transition: background 500ms linear;
	transition: background 500ms linear;
}
*/

.content {
	background-color:#3d90d4;
	text-align:left;
	width:900px;
	display:inline-block;
	margin-bottom:10px;
	
}

.contentHeadline {
	font-size:30px;
	text-align:left;
	position:relative;
	left:25px;
	top:25px;
	width:850px;
	color:#d8e9f6;
	border-bottom:1px solid #64a6dd;
	padding-bottom:16px;
	margin-bottom:18px;
}
.contentHeadline h2 {
	margin-top:0px;
	font-size:18px;
}

.widecolumn {
	float: left;
	width: 850px;
	display:block;
	padding:25px;
	/*color:#d8e9f6;*/
	color:#666666;
	line-height:21px;
	background-color:#FFFFFF;
}

.leftcolumn {
	float: left;
	width: 390px;
	display:block;
	padding:25px;
	color:#d8e9f6;
	line-height:21px;
}

.rightcolumn {
	float: right;
	width: 390px;
	display:block;
	padding:25px;
	color:#d8e9f6;
	line-height:21px;
}

.leftcolumnwhite {
	float: left;
	width: 400px;
	display:block;
	line-height:21px;
}

.leftcolumnwhite ul {margin: 0px; padding-left: 15px;}
.rightcolumnwhite ul {margin: 0px; padding-left: 15px;}

.rightcolumnwhite {
	float: right;
	width: 420px;
	display:block;
	line-height:21px;
}

.calls {
	padding-top:10px;
	display:inline-block;
	background-color:#5c768b;
	width:900px;
}

.callwell {
	width: 260px;
	text-align:left;
	float:left;
	padding-bottom:25px;
}

.callwell h1 {
	font-size:21px;
	text-align:left;
}

.bios {
	display:inline-block;
	background-color:#FFFFFF;
	width:900px;
}

.biowell {
	width: 260px;
	text-align:left;
	float:left;
	padding-bottom:25px;
	color:#666666;
	font-size:12px;
	line-height:21px;
	
}

.biowell h1 {
	font-size:16px;
	text-align:left;
	color: #3D90D4;
}


.footer {
	width:100%;
	background-image:url(images/footerbg.jpg);
	background-repeat:repeat-x;
	height:308px;
	border-top:1px solid #CCFF33;
	padding-top: 35px;
	font-size: 12px;
	color:#747b81;
	padding-bottom:0px;
}

.footerlinks {
	width:900px;
	text-align:left;
}

.footerlinks a {
	font-size:12px;
	color:#747b81;
}

.footerlinks a:hover {
	color:#CCFF33;
	cursor:pointer;
}

.footerLeft {
	width:270px;
	padding-top:20px;
	text-align:left;
	float:left;
}

.footerMid {
	width:270px;
	margin-top:20px;
	text-align:left;
	float:left;
	border-left:1px solid #52585d;
}

.footerRight {
	width:270px;
	margin-top:20px;
	text-align:left;
	float:left;
	border-left:1px solid #52585d;
	padding-left: 20px;
}

.threecolumn {
	width:260px;
	text-align:left;
	float:left;	
}

.expandHead {
	font-size: 18px;
}

.exHeadLink:active {
	background-color:#000000;
}

#softwareDev {
	display: block;

}

#softwareDevShow {

    display:none;
}

.headline {
	font-weight: bold; 
	font-size: 16px;
}

.newsicon {
	background-image: url(images/news.png);
	background-position:center;
	background-repeat:no-repeat;
	float:left;
	width:80px;
	height:59px;
	
}

.news {
	padding:15px;
	border-bottom: 1px solid #CCCCCC;
	background-image: url(images/news.png);
	background-position:10px center ;
	background-repeat:no-repeat;
}

.newsImage {
	float:left;
}

.news:hover {
	background-color: #f4f4f4;
}

.newshead {
	margin: 0px;
	color: #3d90d4;
}

.newsquick {
	margin: 0px;
	position:relative;
	left:60px;
	width: 750px;
	border-left:1px solid #CCCCCC;
	padding-left: 20px;
}

.newslink {
	color: #666666;
}

.newslink:hover {
	color: #666666;
}


<!-- transition -->