body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font: 0.65em/1.5em verdana, arial, sans-serif;
		background-image: url('./img/bodybg2.jpg');
		
	}
	#container {
	width:935px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	/*background:#fff;*/
	border: 10px solid #fff;
	}
	.clear {
	clear:both;
	}
	a {
		color:#ff9900;
	}
	a:hover {
		color:#ffcc00;
		text-decoration:none;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	h1 {
		font: 3.5em/1.5em arial, sans-serif;
		color: #ff9900;
		font-weight: lighter;
		letter-spacing: -0.08em;
	}
	.iconh1 {
	float:left;
	margin: 5px 0;
	padding: 0 10px 0 0;
	}
	.iconh1right {
	float:right;
	margin: 5px 0;
	padding: 0;
	}
	.iconh1a {
	padding: 0 0 10px 0;
	font: 3.5em/1.5em arial, sans-serif;
	color: #ff9900;
	font-weight: lighter;
	letter-spacing: -0.08em;
	}
	
	h2 {
		font: 2.5em/1.5em arial, sans-serif;
		color: #666;
		font-weight: lighter;
		border-bottom: 1px solid #666;
		letter-spacing: -0.05em;
		
	}
	h3 {
		font: 1.1em/1.5em verdana, arial, sans-serif;
		color: #666;
		font-weight: bold;
		padding-bottom:-10px;
		padding-right: 15px;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
		line-height: 1.2em;
	}
	.bullet {
	position:relative;
	top: 6px;
	border: 0;
	padding: 0;
	}
	img {
		margin:10px 0 5px;
	}
	.pagepic {
		float:right;
		margin:20px;
		padding: 5px;
		border: 1px solid #ccc;
	}
	#logo {
	position:relative;
	top:0px;
	left:10px;
	padding: 0;
	}
	#headtext {
	position:relative;
	float:right;
	text-align:right;
	top:-100px;
	padding: 10px;
	}
	select {
	font: 1em verdana, arial, sans-serif;
	}
	input {
	font: 1em verdana, arial, sans-serif;
	}
	/* Header styles */
	#header {
		display:none;
		clear:both;
		float:left;
		height: 145px;
		width:100%;
		background-color:#000066;
		background: url('img/headerbgr.jpg') top right no-repeat;
		/*border-bottom: 7px solid #dbd7d8;*/
	}
	
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
		border:0;
	}
	#header h1 {
		font: 2.5em/1.5em arial, sans-serif;
		color: #666;
		font-weight: lighter;
		border:0;
		margin-bottom: -10px;
	}
	#header h2 {
		font: 1.5em/1.5em verdana, arial, sans-serif;
		color: #666;
		font-weight: lighter;
	}
	#menu {
	display:none;
	float:left;
	position:absolute;
	top: 152px;
	width: 935px;
	background:url("img/tabmenuback.jpg") repeat-x right bottom;
	}
	html>body #menu {
	display:none;
	top: 126px;
	}
	#header ul {
	display:block;
		clear:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	
	#header ul li a {
	display:block;
	text-decoration:none;
	font: 1.1em verdana, arial, sans-serif;
	font-weight:bold;
	color:#fff;
	}
	#header ul li a:hover {
	text-decoration:none;
	color:#000;
	background-image:url("img/tabmenubg1.jpg");
	}
	
	
	/* sliding doors tabs */
	#header li {
    float:left;
    background:url("img/tabmenubg.jpg") no-repeat right top;
	text-align:center;
	color:#fff;
	margin:0;
    padding:0;
    }
	#header a {
    display:block;
    /*background:url("img/tabmenubg.jpg") no-repeat left top;*/
    padding:8px 25px;
    }
	#header a:hover {
    text-decoration:underline;
	}
	#header li#current {
    background-image:url("img/tabmenubg1.jpg") no-repeat right top;
    }
    #header a#current {
    background-image:url("img/tabmenubg1.jpg");
	color:#000;
    }
	/* end of sliding doors tabs */
	
	#header ul.toplinks {
	color:#fff;
	}
	#header ul.toplinks li {
	text-align:center;
	color:#fff;
	margin:0;
    padding:0 0 0 0;
	background:none;
    }
	#header ul.toplinks a {
    padding:0 5px 0 5px;
	background:none;
	text-decoration:none;
    }
	#header ul.toplinks a:hover {
    color:#ffcc00;
	text-decoration:none;
    }
	
	
	
	#header ul#submenu {
	float:right;
	width:100%;
	color:#666;
	padding: 10px 0px;
	margin: 5px 10px;
	}
	#header ul#submenu li {
	float:left;
    text-align:center;
	color:#666;
	margin:0;
    padding:0 0 0 0;
	background:none;
    }
	#header ul#submenu a {
    padding:0 5px 0 5px;
	background:none;
	text-decoration:underline;
	color:#666;
    }
	#header ul#submenu a:hover {
    color:#ffcc00;
	text-decoration:none;
    }
	
	#homemain {
	float:left;
	text-align:left;
	width:641px;
	height:334px;
	margin: 5px 10px 20px 10px;
	padding: 0 0 0 0;
	clear:both;
	/*background: url('img/boxoutbg.jpg') top right repeat-x;*/
	background: #666;
	}
	#homemain1 {
	float:left;
	text-align:left;
	width:641px;
	height:305px;
	clear:both;
	/*background: url('img/boxoutbg.jpg') top right repeat-x;*/
	background: #666;
	padding:0;
	margin:0;
	}
	html>body #homemainbuttons {
	position:relative;
	text-align:left;
	width:100%;
	}
	
	/* homemain sliding doors tabs */
	#homemain ul {
	margin-left:-40px;
	}
	
	#homemainbuttons li {
	float:left;
	width:160px;
	display:inline;
	list-style:none;
    background:url("img/tabmenubg.jpg") no-repeat right top;
	text-align:left;
	color:#fff;
	margin:0;
    padding:0;
    }
	#homemain a {
    display:block;
	text-decoration:none;
	font: 1.1em verdana, arial, sans-serif;
	font-weight:bold;
	color:#fff;
	padding: 10px;
    }
	#homemain ul li a:hover {
	text-decoration:none;
	color:#000;
	background-image:url("img/tabmenubg1.jpg");
	}
	#homemain li#current {
    background-image:url("img/tabmenubg1.jpg") no-repeat right top;
    }
    #homemain a#current {
    background-image:url("img/tabmenubg1.jpg");
	color:#000;
    }
	/* end of homemain sliding doors tabs */
	#feature1, #feature2, #feature3, #feature4 { 
	position:absolute;
	float:left;
	width: 641px;
	height: 305px;
	visibility:hidden;
	padding:0;
	z-index:1;
	text-align:right;
	}
	#feature1text a, #feature2text a, #feature3text a, #feature4text a {
	display:inline;
	color:#ff9900;
	text-decoration:none;
	font: 1.3em arial, sans-serif;
	font-weight:normal;
	padding:0;
	}
	#feature1text a:hover {
	color:#fff;
	}
	#feature1 img, #feature2 img, #feature3 img, #feature4 img {
	position:absolute;
	top:0;
	left:0;
	float:left;
	border:0;
	margin:0 ;
	}
	#feature1 {	
	padding:0;
	/*border: 1px solid #666;	*/
	background: url("img/feature1.jpg") no-repeat top left;
	}
	#feature1text {	
	float:right;
	width:250px;
	margin: 0 20px 0 10px;
	text-align:left;
	}
	#feature1text ul {	
	margin-left: 50px;
	}
	#feature1text ul li {	
	width:100%;
	background:none;
	margin: 2px;
	list-style-type: disc;
    list-style-position: inside;
	font: 1.2em/1.5em arial, sans-serif;
	color: #fff;
	
	}
	#feature1text h1 {
		font: 2.4em/1.5em arial, sans-serif;
		color: #ff9900;
		font-weight: lighter;
		line-height:1.2em;
		letter-spacing: -0.05em;
		border:0;
	}
	#feature1text	h2 {
		font: 1.5em/1.5em arial, sans-serif;
		color: #fff;
		font-weight: lighter;
		line-height:1.1em;
		letter-spacing: 0em;
		border:0;
	}
	#feature1text a {
	clear:both;
	float:right;
	text-align:right;
	}
	#feature2 {	
	background: url("img/feature2.jpg") no-repeat top left;
	}	
	#feature2text {	
	float:right;
	width:350px;
	margin: 0 20px 0 10px;
	text-align:left;
	}	
	#feature2text h1 {
		font: 2.4em/1.5em arial, sans-serif;
		color: #ff9900;
		font-weight: lighter;
		line-height:1.2em;
		letter-spacing: -0.05em;
		border:0;
	}
	#feature2text	h2 {
		font: 1.5em/1.5em arial, sans-serif;
		color: #fff;
		font-weight: lighter;
		line-height:1.1em;
		letter-spacing: 0em;
		border:0;
	}
	#feature2text a {
	clear:both;
	float:right;
	text-align:right;
	}
	#feature3 {	
	background: url("img/feature3.jpg") no-repeat top left;
	}
	#feature3text {	
	float:left;
	width:250px;
	margin: 0 20px 0 10px;
	text-align:left;
	}	
	#feature3text h1 {
		font: 2.4em/1.5em arial, sans-serif;
		color: #ff9900;
		font-weight: lighter;
		line-height:1.2em;
		letter-spacing: -0.05em;
		border:0;
	}
	#feature3text	h2 {
		font: 1.5em/1.5em arial, sans-serif;
		color: #fff;
		font-weight: lighter;
		line-height:1.1em;
		letter-spacing: 0em;
		border:0;
	}
	#feature4 {	
	background: url("img/feature4.jpg") no-repeat top left;
	}
	
	
	
	#feature4text {	
	float:right;
	width:180px;
	margin: 0 20px 0 10px;
	text-align:left;
	}
	#feature4text ul {	
	margin-left: 50px;
	}
	#feature4text ul li {	
	width:100%;
	background:none;
	margin: 2px;
	list-style-type: disc;
    list-style-position: inside;
	font: 1.2em/1.5em arial, sans-serif;
	color: #fff;
	
	}
	#feature4text h1 {
		font: 2.4em/1.5em arial, sans-serif;
		color: #ff9900;
		font-weight: lighter;
		line-height:1.2em;
		letter-spacing: -0.05em;
		border:0;
	}
	#feature4text	h2 {
		font: 1.5em/1.5em arial, sans-serif;
		color: #fff;
		font-weight: lighter;
		line-height:1.1em;
		letter-spacing: 0em;
		border:0;
	}
	#feature4text a {
	clear:both;
	float:right;
	text-align:right;
	}
	
	
	
	
	#hardware {
	float:left;
	width:620px;
	clear:both;
	padding: 10px 0 10px 0;
	}
	#hardwaremain1 {
	float:left;
	text-align:left;
	width:200px;
	height:400px;
	/*background: url('img/boxoutbg.jpg') top right repeat-x;*/
	background: #fff;
	}
	#hardwaremain {
	float:left;
	text-align:left;
	width:400px;
	height:400px;
	margin: 0;
	padding: 0 0 0 0;
	/*background: url('img/boxoutbg.jpg') top right repeat-x;*/
	background: #fff;
	}
	#hardware1, #hardware2, #hardware3, #hardware4, #hardware5  {
	position:absolute;
	visibility:hidden;
	padding:0 0 0 10px;
	z-index:1;
	}
	#hardware1 {	
	background: url("img/j25801.jpg") no-repeat top left;
	width:400px;
	height:400px;
	}
	#hardware2 {	
	background: url("img/j25802.jpg") no-repeat top left;
	width:400px;
	height:400px;
	}	
	#hardware3 {	
	background: url("img/j25803.jpg") no-repeat top left;
	width:400px;
	height:400px;
	}	
	#hardware4 {	
	background: url("img/j25804.jpg") no-repeat top left;
	width:400px;
	height:400px;
	}
	#hardware5 {	
	background: url("img/j25805.jpg") no-repeat top left;
	width:400px;
	height:400px;
	}
	#ohardware1, #ohardware2, #ohardware3, #ohardware4, #ohardware5  {
	position:absolute;
	visibility:hidden;
	padding:0 0 0 10px;
	z-index:1;
	}
	#ohardware1 {	
	background: url("img/odysee1.jpg") no-repeat top left;
	width:400px;
	height:400px;
	}
	#ohardware2 {	
	background: url("img/odysee2.jpg") no-repeat top left;
	width:400px;
	height:400px;
	}	
	#ohardware3 {	
	background: url("img/odysee3.jpg") no-repeat top left;
	width:400px;
	height:400px;
	}	
	#ohardware4 {	
	background: url("img/odysee4.jpg") no-repeat top left;
	width:400px;
	height:400px;
	}
	#ohardware5 {	
	background: url("img/odysee5.jpg") no-repeat top left;
	width:400px;
	height:400px;
	}
	.hardwarethumb {
	float:left;
	padding: 10px;
	margin: 5px;
	border:1px solid #999;
	}
	.hardwarethumb img {
	border:0;
	}
	
	
	#poslinkhardware1, #poslinkhardware2, #poslinkhardware3, #poslinkhardware4, #poslinkhardware5, #poslinkhardware6 {
	position:absolute;
	visibility:hidden;
	padding:0 0 0 10px;
	z-index:1;
	}
	#poslinkhardware1 {	
	background: url("img/poslinkswap1.jpg") no-repeat top left;
	width:400px;
	height:400px;
	}
	#poslinkhardware2 {	
	background: url("img/poslinkswap2.jpg") no-repeat top left;
	width:400px;
	height:400px;
	}	
	#poslinkhardware3 {	
	background: url("img/poslinkswap3.jpg") no-repeat top left;
	width:400px;
	height:400px;
	}	
	#poslinkhardware4 {	
	background: url("img/poslinkswap4.jpg") no-repeat top left;
	width:400px;
	height:400px;
	}
	#poslinkhardware5 {	
	background: url("img/poslinkswap5.jpg") no-repeat top left;
	width:400px;
	height:400px;
	}
	#poslinkhardware6 {	
	background: url("img/poslinkswap6.jpg") no-repeat top left;
	width:400px;
	height:400px;
	}
	
	
			
	/* column container */
	#contentouter {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		background:#eee;
	}
	#colleft {
		float:left;
		width:23%;			
		background:#eee;	
		/*background: url('/img/leftcolbg.jpg') top right no-repeat;*/
		/*border: 1px solid #666;*/
	}
	#colright {
		float:right;
		width:75%;			
		background:#eee;
		padding:5px 0px 0px 0px;	
		/*background: url('/img/leftcolbg.jpg') top right no-repeat;*/
		/*border: 1px solid #666;*/
	}
	html>body #colright {
		padding:18px 0px 0px 0px;	
	}
	
	
	/* Footer styles */
	#footer {
		display:none;
		float:left;
		width:935px;
		background: url('img/footerbg.gif') top repeat-x;
		padding:25px;
		
	}
	#footer p {
		margin:0;
		text-align:left;
		line-height: 1em;
		
	}
	
	#footer li {
		display:inline;
		line-height: 1em;
	}
	
	#footer ul {
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
		line-height: 1em;
	}
	
	#footer ul li a {
		text-decoration:none;
		font: 1.1em verdana, arial, sans-serif;
		font-weight:bold;
		color:#666;
		
	}
	#footer ul li a:hover {
		text-decoration:none;
		color:#000;
	}
	
	
	
	.light{background-color:#fff;padding:0 15px 5px 5px;}
	.dark{background-color:#eee;padding:0 15px 5px 5px;}
	.right{float:right;position:relative;top:-20px;padding:0 10px 0 0;}
	.left{float:left;position:relative;top:-20px;padding:0 10px 0 0;}
	
.leftnav ul {
	display:block;
 	margin:0; padding:0; border:0;
}
.leftnav dl dd ul {
	position: absolute;
	z-index: 100;
	margin-top:-30px;
	margin-left:145px;
	color:#666; 
	/*background-color:#eee;*/
	text-decoration:none;
	text-align: left;
	border: 1px solid #ccc;
 	cursor: pointer;
}
.leftnav li {
	display:block;
 	margin:0; list-style:none ; text-align:right;
	font-family: Verdana, Arial,Helvetica,Sans-serif;
	font-size: 1.0em;
}
.leftnav dd li a {
border-bottom: 1px solid #ccc;
}
.leftnav li a, dt a {
 	display:block; padding:7px 5px 2px 0px;
	color:#666; 
	text-decoration:none;
	text-align: right;
	border-bottom: 1px solid #eee;
 	width: 100%;
 	cursor: pointer;
	}
.leftnav li a:hover, dt a:hover {
text-decoration:none;
color:#ffcc00;
background-color:#999; color:#fff;
}

.leftnav ol {
	display:block;
 	margin:0; padding:0; border:0;
}
.leftboxout {
width: 200px;
margin: 14px 5px 10px 10px;
padding: 0px 7px 7px 7px;
background: #fff;
background: url('img/boxoutbg.jpg') top right repeat-x;
font: 1.1em/1.5em arial, sans-serif;
}

.boxout {
float:left;
width:300px;
height:420px;
margin: -4px 0px 5px 12px;
padding: 0px 7px 7px 7px;
background: #fff;
background: url('img/boxoutbg.jpg') top right repeat-x;
font: 1.2em/1.5em arial, sans-serif;
}

.boxoutwide {
float:left;
width:628px;
margin: 6px 0px 5px 12px;
padding: 0px 7px 7px 7px;
background: #fff;
background: url('img/boxoutbg.jpg') top right repeat;
font: 1.2em/1.5em arial, sans-serif;
}
.boxoutwide a img {
border: 0;
}
.boxoutwide h1 {
font: 2.4em/1.5em arial, sans-serif;
		color: #ff9900;
		font-weight: lighter;
		line-height:1.5em;
		letter-spacing: -0.05em;
		margin: 5px 0 0 0;
		border-bottom: 1px solid #666;
}
.boxoutwide .iconh1acrm {
	font: 2.3em/1.5em arial, sans-serif;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	}

.boxoutwide	h2 {
		font: 1.7em/1.5em arial, sans-serif;
		color: #666;
		font-weight: lighter;
		line-height:1.1em;
		letter-spacing: -0.05em;
		border:0;
	}

.boxout h1 {
		font: 2.4em/1.5em arial, sans-serif;
		color: #ff9900;
		font-weight: lighter;
		line-height:1.2em;
		letter-spacing: -0.05em;
		margin: 5px 0px -0.7em 0px;
	}
.boxout	h2 {
		font: 1.9em/1.5em arial, sans-serif;
		color: #666;
		font-weight: lighter;
		line-height:1.1em;
		border-bottom: 1px solid #666;
		letter-spacing: -0.05em;
	}
.boxout h3 {
font: 1.1em/1.5em arial, sans-serif;
font-weight: bold;
line-height:1em;

padding: 0px 0px 5px 0px;
}
.floatleftbox {
float:left;
padding: 0 9px 0 0;
width:116px;
font: 0.9em/1.5em arial, sans-serif;
}
.newsthumb {
float:left;
padding: 0 9px 0 0;
width:110px;
}
.newspic {
float:right;
padding: 0 10px 0 10px;
}
.logothumb {
padding: 3px;
}
.casestudylogo {
text-align:center;
clear:both;
}
.casestudylogo img {
border:0;
}


.formwrapper{float:left;width:99%;padding:7px 7px 7px 7px;margin:0;}
.formwrapper h2{font-family:verdana,Arial,sans-serif;font-size:18px;font-weight:bold;padding-bottom:5px;border-bottom: 1px dotted #ccc;}
.formcategory{float:left;width:99%;padding:6px;background:#e8e8e8;background: url('img/formcategorybg.jpg') top right no-repeat;}
.formleft{float:left;width:40%;padding:0px 7px 0px 7px;margin:0 0 15px 0;}
.formright{float:left;width:40%;padding:0px 7px 0px 7px;margin:0 0 15px 0;}
.adminformleft{float:left;width:22%;padding:0px 7px 0px 7px;margin:0 0 15px 0;}
.adminformright{float:left;width:55%;padding:0px 7px 0px 7px;margin:0 0 15px 0;}
.formspace{clear:all;}