html {
	height: 100%;
}
body {
	background-color: #333333;
	background-image: url(../images/background.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align:  center;
	height: 101%;
}
ul {
	padding: 0px;
	margin: 0px;
}
a {
	text-decoration: none;
	color: #fff;
	outline: none;
	border: 0;
}
a:hover {
	text-decoration: underline;
}
a.contactlink{
	color: #666 !important;
}
img {
	border: 0;
}
object {
	outline: none;
}
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;
}
p {
	margin: 0px;
	padding-bottom: 15px;
}
.heading {
	color: #e44d58;
	text-align: left;
	font-size: 16px;
	padding-bottom: 15px;
}
.highlight{
	color: #e44d58;
	text-align: left;
	font-size: 13px;
}
.clear {
	clear:both;
}

#wrapper {
	margin: 20px auto;
	padding: 0px;
	width: 970px;
	text-align: left;
}

#header {
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 149px;
	width: 970px;
	text-align: left;
	position: relative;
	z-index: 50;
}

#logo {
	padding: 0px;
	position: absolute;
	width: 313px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#nav {
			position: absolute;
			right: 30px;
			top: 100px;
			height: 27px;
			font-size: 11px;
		}
			.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 a:hover {
					text-decoration: none;
				}
				.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{
					width: 170px;
				}
				#navsupport{
					width: 150px;
				}
				#navcasestudies{
					width: 482px;
					left: -236px;
				}
				#navcontact{
					width: 110px;
				}
					.popup {
						padding-top: 10px;
						position: relative;
						margin-top: 2px;
						zoom:1;
						background-color: #0c0a09;
					}
						.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: #faa929;
								color: #444;
							}
							a.subnavtrigger:hover {
								background: #faa929;
								color: #222;
							}
							.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;
							}

#menubar {
	background: url(../images/header-inv.png) left bottom no-repeat;
	border-top: solid 1px #474747;
	margin: 10px 0px;
	padding: 12px;
	text-align: center;
	position: relative;
	z-index: 10;
}
	.menulist {
		position:relative;
	}
	.menulist li {
		display: inline;
		list-style:none;
		position: relative;
	}
	.menulist li a.topmenu {
					position: relative;
					padding: 0px 50px;
					border-left: solid 1px #666;
				}
	.menulist li a.topmenulast {
					border-right: solid 1px #666;
				}
		.menulist .menupopup {
			position: absolute;
			left: 31px;
			top: 0px;
			text-align: left;
			z-index: 15;
			display: none;
		}
		.menulist .menupopuphead {
			background: url(../images/menuheader-tr.png) top right no-repeat;
			text-align: left;
			position: relative;
			min-width: 50px;
			width: auto !important;
			width: 50px;
			left: 0px;
			top: -19px;
			margin-left: 15px;
			float: left;
			margin-bottom: 0px;
			z-index: 16;
		}
			.menupopupheadtopleft {
				background: url(../images/menuheader-tl.png) 0px 0px no-repeat;
				height: 15px;
				width: 15px;
				float: left;
				margin-left: -15px;
				top: 0px;
			}
			.menupopupheadmid {
				background: url(../images/menuheader-mid.png) 0px 0px repeat-x #292929;
				padding: 4px 19px 19px 19px;
				margin-top: 15px;
				margin-left: -15px;
				border-left: solid 1px #474747;
				border-right: solid 1px #474747;
			}
		.menupopupbodywrap {
			background: url(../images/menubody-br.png) right bottom no-repeat;
			clear: both;
			position: relative;
			top: -20px;
			z-index:15;	
			margin-left: 15px;
		}
		.appsoftwidth {
			width: 760px !important;
		}
		.bespokesoftwidth {
			width: 260px !important;
		}
		.mobilehardwarewidth {
			width: 510px !important;
			left: -385px;
		}
		.menupopupbody {
			background: url(../images/menubody-mid.png) left top repeat-x #010101;
			border-left: solid 1px #474747;
			border-right: solid 1px #474747;
			border-top: solid 1px #474747;
			white-space: nowrap;
			margin-left: -15px;
			padding-left: 8px;
			min-height: 100px;
		}
		.menupopupfoot {
			
			height: 15px;
			position: relative;
			left: 0px;
			top: 0px;
			margin-left: 15px;
		}
		.menupopupfootleft {
			background: url(../images/menubody-bl.png) left top no-repeat;
			width: 15px;
			height: 15px;
			margin-left: -15px;
		}
		.menupopuplinkblock {
			float: left;
			padding-left: 8px;
			padding-right: 18px;
		}
		.menublock {
		}
		.mobilehardwarewidth .menupopuplinkblock {
			text-align: right;
			padding-top: 10px;
			padding-right: 8px !important;
			padding-left: 18px !important;
		}
			.menublockheader {
				color: #d2d2d2;
				padding-bottom: 5px;
				border-bottom: dashed 1px #474747;
				margin-bottom: 5px;
				margin-top: 8px;
			}
			.menupopuplinkblock a{
				display: block;
				padding-bottom: 5px;
			}	

#midblock {
		position: relative;
		z-index: 2;
		text-align: left;
	}
	.bgimages {
		width: 970px;
		height: 302px;
		overflow: hidden;
		position: relative;
		z-index: 0;
	}
	#midblockcontent {
		position: absolute;
		height: 244px;
		width: 437px;
		background: url(../images/intro-bg.png) left top no-repeat;
		right: 22px;
		top: 14px;
		padding: 20px 0px 20px 14px;
	}
		
	#midblockscroller {
		position: absolute;
		width: 420px;
		height: 244px;
		overflow: auto;
		text-align: justify;
		color: #fff;
	}
	
	.breadcrumb {
	margin-left: 20px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	margin-bottom: 10px;
}
	
.contentblock {

}
	.contenttop, .midcontenttop {
		background: url(../images/content-box-top.png) left top no-repeat;
		height: 15px;
	}
	.content, .midcontentcopy {
		background: url(../images/content-box-mid.png) left top repeat-y #000;
		padding: 0px 20px;
		min-height: 420px;
		height: auto !important;
		height: 420px;
	}
	.contentbase, .midcontentbase {
		background: url(../images/content-box-base.png) left top no-repeat;
		height: 15px;
	}
	
	.contentthird {
		float: left;
		margin-right: 15px;
		width: 290px;
	}
	.contenthalf {
		float: left;
		margin-right: 15px;
		width: 450px;
	}
	.minilogo {
		float: left;
		padding: 0px 10px 10px 0px;
	}
	
	.content ul , .midcontentcopy ul{
		margin-left: 30px;
		padding-bottom: 10px;
	}
	.rightbox {
			float: right;
			width: 200px;
			position: relative;
			margin-left: 10px;
			margin-bottom: 10px;
		}
		.rightboxtop{
			position: relative;
			display: block;
			background: url(../images/popup/tr.gif) right top no-repeat;
			margin-left: 10px;
			font-size:1px;
		}
		.rightboxtl {
			position: relative;
			left:-10px;
			height: 10px;
			width: 10px;
			background: url(../images/popup/tl.png) left top no-repeat;
		}
		.rightboxmid {
			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;
		}
		.rightboxbase{
			position: relative;
			display: block;
			background: url(../images/popup/br.png) right top no-repeat;
			margin-left: 10px;
		}
		.rightboxbl {
			position: relative;
			left:-10px;
			height: 10px;
			width: 10px;
			background: url(../images/popup/bl.png) left top no-repeat;
		}
		
.productimg{
			position: relative;
			display: inline-block;
			float: right;
			margin-left: 15px;
			margin-bottom: 15px;
		}
						.producttop {
							position: relative;
							display: block;
							background: url(../images/products-tr.png) right top no-repeat;
							margin-left: 10px;
							font-size:1px;
						}
							.producttl {
								position: relative;
								left:-10px;
								height: 10px;
								width: 10px;
								background: url(../images/products-tl.png) left top no-repeat;
							}
						.producttarget {
							display: block;
							position: relative;
						}
						.productbase {
							position: relative;
							display: block;
							background: url(../images/products-br.png) right top no-repeat;
							margin-left: 10px;
							margin-bottom: -15px;
						}
							.productbl{
								position: relative;
								left:-10px;
								height: 15px;
								width: 15px;
								background: url(../images/products-bl.png) left top no-repeat;
							}
							
.productthumb {
	float: left;
	width: 178px;
	margin-left: 15px;
	margin-right: 15px;
	height: 338px;
}
	.thumbimg {
		width: 178px;
		height: 128px;
		background: url(../images/thumb-bg.png) left top no-repeat;
		text-align: center;
		position: relative;
		line-height: 128px;
		overflow: hidden;
	}
		.thumbimg img {
			vertical-align:middle;
			padding-top: 2px;
		}
	.thumbtitle {
		width: 178px;
		height: 35px;
		background: url(../images/thumb-title-bg.png) left top no-repeat;
		margin-top: 5px;
		text-align: center;
	}
	.thumbtitle a{
		display: block;
		padding-top: 9px;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
	}
	.thumbtitle a:hover {
		color: #faa929;
	}
	.thumbdetails {
		padding: 10px 10px;
		text-align: left;
		min-height: 150px;
		height: auto !important;
		height: 150px;
	}
	.productlogo {
		clear: both;
		padding: 10px;
		background-color: #fff;
		margin: 5px 0px 15px 0px;
	}
	
.pp_description {
	color: #424242;
}
			
#footer {
	padding: 10px 30px;
	text-align: right;
}
	.spacerslash {
		display: inline;
		padding: 0px 14px;
	}
/*
#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;
}
#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;
}

#maincontent {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 970px;
	margin-top:10px;
}


#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;
}
#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 100px;
	margin-left: 30px;
	float:left;
}

.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;
}
*/