body {
	background-color: #333333;
	background-image: url(images/background.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#featurepic {
	padding: 0px;
	float: left;
	height: 360px;
	width: 970px;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	z-index: 2;
	}
#rightbox {
	text-align: justify;
	margin: 0px;
	padding: 20px;
	float: right;
	width: 277px;
	background-image: url(images/rightbox.png);
	background-repeat: no-repeat;
	height: 294px;
	margin-top:15px;
	margin-right:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#leftbox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	text-align: left;
	float: left;
	width: 510px;
	background-image: url(images/leftbox.png);
	background-repeat: no-repeat;
	height: 83px;
	margin-top:255px;
	margin-left:40px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#container {
	margin: 0px;
	padding: 0px;
	width: 970px;
}
#header {
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 149px;
	width: 970px;
	text-align: left;
	float: left;
	z-index: 20;
	position: relative;
}

#maincontent {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 970px;
	margin-top:10px;
}
#footer {
	padding: 10px;
	float: left;
	width: 950px;
}

#topbox {
	background-image: url(images/mainbox-top.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 970px;
	height:15px;
}
#mainbox {
	background-image: url(images/mainbox-bg.png);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 970px;
}
#botbox {
	background-image: url(images/mainbox-bot.png);
	background-repeat: no-repeat;
	padding: 0px;
	float: left;
	width: 970px;
	height: 15px;
	margin: 0px;
}#logo {
	padding: 0px;
	float: left;
	width: 310px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 100px;
	margin-left: 30px;
	float:left;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ff004e;
	font-weight: lighter;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: white;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF004E;
	font-weight: bold;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
ul.white {
	color: #fff;
}
	.white li {
		color: #fff;
	}

b.red {
color: #ff004e;
}

.divider{
font-size:17px;
font-weight:lighter;
color:#c0c0c0;
}
#testibox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	text-align: left;
	margin: 0px;
	padding: 10px;
	float: left;
	width: 500px;
	background-image: url(images/leftbox.png);
	background-repeat: no-repeat;
	height: 73px;
}
#options {
	padding: 0px;
	float: left;
	height: 24px;
	width: 600px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#breadcrumbs {
	width:450px;
	float:left;
	text-align:left;
	margin-left:20px;
	margin-bottom:0px;
	margin-top:14px;
	color: #FF004E;
	height: 20px;
	font-size: 12px;
}

#breadcrumbs a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
#breadcrumbs a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
#breadcrumbs a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.style1 {
	color: #ff004e;
}
.white {
	color: #FFFFFF;
}

ul {
	color: #ff004e;
	list-style-type: disc;
}
a {
	color: #FFFFFF;
	text-decoration: none;
}
#pscroller1{
width: 500px;
height: 80px;
border: 0px ;
padding: 0px;
}
#rounded {
	background-image: url(images/button-angle.gif);
	background-repeat: no-repeat;
	text-align: center;
	float: right;
	height: 19px;
	width: 125px;
	margin-left: -17px;
	padding-top: 5px;
}
#angled {
	background-image: url(images/button-angle.gif);
	background-repeat: no-repeat;
	text-align: center;
	float: right;
	height: 19px;
	width: 125px;
	margin-left: -17px;
	padding-top: 5px;
}
#options a{
	
}
#options a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
#angledlarge {
	background-image: url(images/button-angle-large.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 19px;
	width: 256px;
	margin-left: -17px;
	padding-top: 5px;
	float: left;
}
#options2 {
	padding: 0px;
	float: left;
	width: 920px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
}
#options2 a{
	
}
#options2 a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.launch {
	height: 37px;
	width: 234px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 20;
	float: right;
}
.contentthird {
		float: left;
		margin-right: 15px;
		width: 290px;
	}
.minilogo {
	float: left;
	padding: 0px 10px 10px 0px;
}


.siliconcontrols {
background-image: url(images/silicon.png);
height:265px;
width: 450px;
color: #000000;
float: left;
}
.innersiliconcontrols {
margin: 10px 35px 0px 160px;
}
.innersiliconcontrols a{
color: #000000;
text-decoration:underline;
}
.innersiliconcontrols a:hover{
color: #000000;
text-decoration:underline;
color: #ff004e;
}

.ortec {
background-image: url(images/ortec.png);
height:265px;
width: 450px;
color: #000000;
float: left;
}
.innerortec a{
color: #000000;
text-decoration:underline;
}
.innerortec a:hover{
color: #000000;
text-decoration:underline;
color: #ff004e;
}
.innerortec{
margin: 10px 35px 0px 160px;
}
.innerortec ul{
color: #000000;
}

.optitool {
background-image: url(images/optitool.png);
height:265px;
width: 450px;
color: #000000;
float: left;
}
.inneroptitool {
margin: 10px 35px 0px 160px;
}
.inneroptitool a{
color: #000000;
text-decoration:underline;
}
.inneroptitool a:hover{
color: #000000;
text-decoration:underline;
color: #ff004e;
}

.visitsystems {
background-image: url(images/vsl.png);
height:265px;
width: 450px;
color: #000000;
float: left;
}
.innervisitsystems {
margin: 10px 35px 0px 160px;
}
.innervisitsystems a{
color: #000000;
text-decoration:underline;
}
.innervisitsystems a:hover{
color: #000000;
text-decoration:underline;
color: #ff004e;
}

.fuelsoft {
background-image: url(images/fuelsoft.png);
height:285px;
width: 450px;
color: #000000;
float: left;
}
.innerfuelsoft {
margin: 10px 35px 0px 160px;
}
.innerfuelsoft a{
color: #000000;
text-decoration:underline;
}
.innerfuelsoft a:hover{
color: #000000;
text-decoration:underline;
color: #ff004e;
}

#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 100px;
	margin-left: 30px;
	float:left;
}

			#nav {
			position: absolute;
			right: 60px;
			top: 99px;
			height: 27px;

			}
			.navlist {
				position:relative;
			}
			.navlist li.back {
				border-top: 2px solid #222;
				border-left: none;
				margin-left: 10px;
				padding: 0px;
				width: 9px;
				height: 20px;
				z-index: 4;
				top: -5px;
				position: absolute;
        }
				.navlist li {
					float:left;
					list-style:none;
					position: relative;
				}
				.navlist li a.topnav {
					position: relative;
					float: left;
					display: block;
					padding: 10px 0px 0px 10px;
					margin-left: 10px;
					border-left: solid 1px #666;
				}
				.navlist li a.topnavfirst {
					border-left: none !important;
				}
				.navlist .popup {
					position: absolute;
					left: 4px;
					top: 20px;
					padding-top: 10px;
					text-align: left;
					display: none;
				}
				#navabout, #navabout .popup a, #navabout .subnav a{
					width: 200px;
				}
				#navproducts {
					width: 380px;
				}
				#navsolutions {
					width: 200px;
				}
				#navcase {
					width: 230px;
				}
				#navsupport{
					width: 200px;
				}
				#navadvice{
					width: 380px;
				}
				#navinternational{
					width: 200px;
				}
				#navnews{
					width: 185px;
				}
					.popup {
						padding-top: 10px;
						position: relative;
						margin-top: 2px;
						zoom:1;
						background-color: #0c0a09;
						z-index: 100;
					}
						.popuptop {
							position: relative;
							display: block;
							background: url(images/popup/tr.gif) right top no-repeat;
							margin-left: 10px;
							font-size:1px;
						}
							.popuptl {
								position: relative;
								left:-10px;
								height: 10px;
								width: 10px;
								background: url(images/popup/tl.png) left top no-repeat;
							}
							.popupmid {
								border-left: solid 1px #333;
								border-right: solid 1px #333;
								background: #000;
							}
							.popup a{
								display: block;
								padding: 10px 15px;
								margin-left: 0px;
								border-left: none;
								background: url(images/popup/mid.gif) left top repeat-y;
							}
							.popup a:hover {
								background: #111;
							}
							.popuplinkblock {
								float: left;
								max-width: 240px;
								width: auto !important;
								width: 240px;
							}
							.subnavactive {
								background: #444 !important;
								color: #fff !important;
							}
							.subnavactive:hover {
								color: #eee;
								background: #444 !important;
							}
							a.subnavtrigger {
								background: #ff004e;
								color: #444;
							}
							a.subnavtrigger:hover {
								background: #ff004e;
								color: #222;
							}
							a.subnavtrigger1 {
								background: #ff004e;
								color: #fff;
							}
							a.subnavtrigger1:hover {
								background: #ff004e;
								color: #111;
							}
							.subnav {
								position: relative;
								left: 0px;
								top: 0px;
								zoom:1;
							}
							.subnav a{
								position: relative;
								display: block;
								padding: 10px 15px;
								margin-left: 0px;
								border-left: none;
								background: #222;
								border-left: solid 1px #333;
								border-right: solid 1px #333;
							}
							.subnav a:hover {
								background: #2a2a2a;
							}
						.popupbase {
							position: relative;
							display: block;
							background: url(images/popup/br.png) right top no-repeat;
							margin-left: 10px;
							margin-bottom: -10px;
						}
							.popupbl{
								position: relative;
								left:-10px;
								height: 10px;
								width: 10px;
								background: url(images/popup/bl.png) left top no-repeat;
							}
							
		.rightbox1 {
			float: right;
			width: 200px;
			position: relative;
			margin-left: 100px;
			margin-bottom: 10px;
		}
		.rightbox1top{
			position: relative;
			display: block;
			background: url(images/popup/tr.gif) right top no-repeat;
			margin-left: 10px;
			font-size:1px;
		}
		.rightbox1tl {
			margin-right: 230px;
			position: relative;
			display: block;
			left: -10px;
			height: 10px;
			width: 10px;
			background: url(images/popup/tl.png) left top no-repeat;
		}
	
		.rightbox1mid {
			background: url(images/popup/mid.gif) left top repeat-y;
			border-left: solid 1px #333;
			border-right: solid 1px #333;
			padding: 10px 20px;
			text-align: left;
		}
		.rightbox1base{
			position: relative;
			display: block;
			background: url(images/popup/br.png) right top no-repeat;
			margin-left: 10px;
		}

		.rightbox1bl {
			margin-right: 230px;
			position: relative;
			display: block;
			left: -10px;
			height: 10px;
			width: 10px;
			background: url(images/popup/bl.png) left top no-repeat;
		}
.leftsection {

}

.middlesection {
width: 200px;
margin-top: 60px;
}

.rightsection {
width: 200px;
}

.diagrambox {
font-size: 12px;
width: 200px;
}

.diagramboxsmall {
	background: url(images/system-box-small.png) no-repeat;
	width: 181px;
	height: 35px;
	padding: 5px;
	text-align: center;
}

.diagramboxmedium {
	background: url(images/system-box-medium.png) no-repeat;
	height: 142px;
	width: 171px;
	padding: 5px;
	text-align: justify;

}

.diagramboxlarge {
	background: url(images/system-box-large.png) no-repeat;
	height: 221px;
	width: 171px;
	padding: 5px;
	text-align: justify;
}
.pinklink {
	    color: #FF004E;
	}

