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


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.container {
	width: 100%;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ 
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.header { 
	background: #000000; 
	padding: 0px;
	background-image: url(../images/simsbg.jpg);
	min-height: 445px;
	background-position: top center;
	background-repeat: no-repeat;		
} 

.headercontent {
	width: 960px;	
	color: #fff;
	margin: 0 auto;
}

#video {
	float: right;
	width:475px;
	height: 297px;
		margin: 10px 0 20px 0;
}
#casestudy {
	height: 67px;
	padding-top: 10px;
}
#left {
	float:left;
	width: 480px;
	padding: 30px 0 0 0;
	position:relative;
}
.headercontent h2 {
	color: #b8c700;
	font-size: 26px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-bottom: 0px;
	margin-top: 5px;
}

.headercontent h3 {
	color: #fff;
	font-size: 22px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-bottom: 0px;
	margin-top: 0px;
}

.headercontent .top {
	padding-bottom: 10px;
	
}

.headercontent .top p {
	color: #8d8b8b;
	font-size: 11px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	width: 50%;
}

.headercontent .top .whitetext {
	color:#FFF;
	font-size:12px;
	margin-bottom:2px;
}

.expanded {
	display: none;
}

#expandbutton {
	background-image: url(../images/expand.png);
	background-repeat: no-repeat;
	width: 149px;
	height: 36px;
	display: block;
	margin-top: -31px;
}

#expandbutton span {
	display: none;
}

.active {
	background-position: -152px 0;
}



.overview {
	width:100%;

}

.overview .box {
	display: block;
	width: 950px;
	float: left;
	padding-bottom: 40px;

}

.overview .box p {
	color: #8d8b8b;
	font-size: 11px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.headercontent .overview .box .whitetext {
	color:#FFF;
	font-size:12px;
	margin-bottom:2px;
}

.toprow {
	border-bottom: #CCC 1px solid;
	margin-bottom: 20px;
	padding-bottom: 40px;
	float: left;
}

#bottomrow {
	margin-bottom: 20px;
	float: left;
}

.main {
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
}

.maincontent {
	width: 960px;
	margin: 0 auto;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-top: 20px;
	padding-bottom: 20px;
}

.maincontent .mainbox {
	display: block;
	width: 300px;
	float: left;
	margin-right: 30px;
}
.maincontent .mainbox.end {
	margin-right: 0px;
}

.maincontent .mainbox img {
	
}

.maincontent .mainbox h4 {
	color: #198700;
	font-size: 17px;
	margin-bottom: 0px;
}

.maincontent .mainbox p {
	color: #585858;
	font-size: 12px;
	padding-top: 0px;
	margin-top: 0px; 
}
.footer {
	background-image: url(../images/footer.png);
	background-repeat: repeat-x;
	height: 160px;
} 

.footercontent {
	width: 960px;
	margin: 0 auto;
	padding-top: 20px;
}

.footercontent .footerbox {
	display: inline-block;
	width: 292px;	
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	text-align: center;
	float:right;
}

.footer-box-border {
	border-right: #929292 1px solid;
	height: 130px;
	padding-right: 5px;
	margin-right: 5px;
	display: inline-block;
	width: 292px;	
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;	
	float:left;
}
.footercontent .footerbox h4 {
	color: #000;
	font-size: 12px;
}

.footercontent .footer-box-border h4 {
	color: #000;
	font-size: 12px;
}

.footercontent .footerbox p {
	color: #4f4f4f;
	font-size: 12px;

}

.footercontent .footer-box-border p {
	color: #4f4f4f;
	font-size: 12px;

}



.clear {
	clear: both;
}

#LightboxPanel {background-color:#000;	z-index:1000;	position:absolute;	left:0;	top:0;	display:none;ilter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;width:100%;height:100%;}
#popup{z-index:1100; position:absolute; display:none;left:0px;}
#popup .ajaxloader{position:absolute;top:200px;left:200px;}

.SupportForm {width:500px;}
.ImageViewerImg {position:relative;}
.ImageViewerImg .next {position:absolute;right:0px;top:200px;z-index:10;}
.ImageViewerImg .prev {position:absolute;left:0px;top:200px;z-index:10;}
.ImageViewerImg object {width:450px;height:450px;position:relative;display:block;z-index:1;}

.panelHeader{width:100%; height:15px;position: relative;}
.panelHeader .left{height: 15px;	width: 15px; position:absolute; top:0px; left:0px;background-image: url(../images/header_a_l.png);background-repeat: no-repeat;font-size: 1px; }
.panelHeader .center{height: 15px; margin: 0 15px 0 15px;background-image: url(../images/header_a_center.gif.png);background-repeat: repeat-x;font-size: 1px;}
.panelHeader .right{height: 15px; width: 15px; position:absolute; top:0px; right:0px;background-image: url(../images/header_a_r.png); 	background-repeat: no-repeat; font-size: 1px; }
.panelHeader .center img {position:absolute;top:10px;right:15px;}

.panelBody{padding:5px 25px 0 25px;background:#fff;overflow:hidden;text-align:left;}
.panelBody P {font-size:12px;}

.panelFooter{width: 100%;height:15px; font-size:1px;position: relative;}
.panelFooter .left{height: 15px;	width: 15px; position:absolute; top:0px; left:0px;background-image: url(../images/footer_a_l.png);background-repeat: no-repeat;font-size: 1px; }
.panelFooter .center{height: 15px; margin: 0 15px 0 15px;background-image: url(../images/footer_a_center.gif.png);background-repeat: repeat-x;font-size: 1px;}
.panelFooter .right{height: 15px; width: 15px; position:absolute; top:0px; right:0px;background-image: url(../images/footer_a_r.png); 	background-repeat: no-repeat; font-size: 1px; }

.button_holder {
	height: 23px;
	margin-bottom: 10px;
}