#top {
	width: 788px;
	height: 117px;
	background-image: url(/images/bgtop.gif);
	background-repeat: repeat-x;
}
#container {
	width: 788px;
	position: relative;
	margin: auto; 
}
.clearing {
	clear:both; 
} 
#logo {
	width: 368px;
	float: left;
}
#search {
	width: 406px;
	height: 59px;
	padding-top: 16px;
	padding-right: 12px;
	float: right;
	text-align: right;
}
#search table {
	text-align: right;
	margin-left: 121px;
}
#nav {
	text-align: left;
	float:left;
  z-index: 20;
  position:absolute;
  top: 87px;
  margin-left: 10px;
}
.colHeader { 
        margin-top:0;
        padding-top:0;
}
#News {
	width: 253px;
  height: 290px;
	background-image: url(/images/box_grad.gif);
	background-repeat: repeat-x;
	color: #333333;
  position: absolute;
  top:0; 
}
#Awards {
	width: 268px;
	background-image: url(/images/box_grad.gif);
	background-repeat: repeat-x;
	color: #333333;
  margin-top: 8px;
}
#Products {
	width: 253px;
	height: 290px;
	background-image: url(/images/box_grad.gif);
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
}

#Home-Download {
		float:right;
		margin: -18px 11px 0 0;
}

#Research {
	background-image: url(/images/box_grad.gif);
	background-repeat: repeat-x;
	color: #000000;
        position: absolute;
        bottom:0;
		overflow:hidden;
}

#Resources {
	background-image: url(/images/box_grad.gif);
	background-repeat: repeat-x;
	color: #000000;
    position: absolute;
	top:0;
}
#bottom_content {
	margin-top: 7px;
	margin-bottom: 12px;
  display: block;
}
#bottom_content .moduleContent {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 14px;
	border-left: #D3D7DA 1px solid;
	border-right: #D3D7DA 1px solid;
	overflow: visible;
}

#bottom_content .moduleContent p, #bottom_content .moduleContent blockquote, #bottom_content .moduleContent a {
	padding-top: 10px;
	font-size: 10px;
	line-height: 13px;
	margin: 0;
}

#bottom_content .callout p, #bottom_content .callout blockquote, #bottom_content .callout a {
	font-size: 11px;
	line-height: 15px;
}


#left {
	width: 253px;
        height: 290px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;	
}

#mid {
	width: 253px;
        height: 290px;
	position: absolute;
	top: 0;
	left: 260px;
	z-index: 5;	
}

#right {
	width: 268px;
    height: 350px;
	position: absolute;
	top: 0;
	left: 520px;
	z-index: 2;
}

#right .moduleContent {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 14px;
	border-left: #D3D7DA 1px solid;
	border-right: #D3D7DA 1px solid;
}

#right #Resources .moduleContent {
 	height:180px;
}

#right #Research .moduleContent {
 	height:122px;
}

#left .moduleContent {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 14px;
	border-left: #D3D7DA 1px solid;
	border-right: #D3D7DA 1px solid;
	height: 330px;
}

#mid .moduleContent {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 14px;
	border-left: #D3D7DA 1px solid;
	border-right: #D3D7DA 1px solid;
	height: 330px;
}

#bottomNav {
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	margin: 0 20px 25px 20px;
	padding-top:5px;
	width:748px;
}
#bottomNavMenu {
	float:left;
}
#bottomNav A {
	color: #202729;
	text-decoration: none;
	font-weight: bold;
}
#bottomNav a:hover {
	color: #D3000E;
	text-decoration: none;
}
#copyright {
	font-size: 10px;
	color: #333333;
	text-align: right;
	margin-left:40px;
	float:right;
}
#trademark {
	font-size: 90%;
	color: #999999;
	text-align: justify;
	line-height:130%;
	padding-top: 6px;
}
#LeftNav {
	width: 171px;
	float: left;
	margin-bottom: 25px;
}

#LeftNav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#LeftNav ul li{
	list-style-type: none;
	font-size: 10px;
	background-image: url(/images/bg_boxnavin.gif);
	display: block;
	font-weight: bold;
	color: #D81E05;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 10px;
	margin: 0px;
	border-left:solid 1px #DFDFDF;
	border-right:solid 1px #DFDFDF;
	border-bottom:1px solid #C5CACE;
}

#LeftNav ul li#penultimate{
	border-bottom:0px;
}
#LeftNav ul li#ultimate{
	border-top:1px solid #C5CACE;
	border-bottom:0px;
}

#LeftNav ul li A{
	color: #293134;
	text-decoration: none;
	font-weight: normal;
}

#LeftNav ul li A:hover{
	color: #D3000E;
    text-decoration: underline;
}

#Content {
	margin-left: 185px;
	padding-right: 25px;
	padding-left: 15px;
	border-left-width: 1px;
	width: 550px;
}
#WideContent {
	margin-left: 25px;
	padding-right: 25px;
	border-left-width: 1px;
	width: 710px;
}
#Content #Breadcrumb, #WideContent #Breadcrumb {
	padding-top: 7px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#Content #Breadcrumb A, #WideContent #Breadcrumb A {
	color: #30383A;
	text-decoration: underline;
}

#Content #Breadcrumb A:hover, #WideContent #Breadcrumb A:hover {
	color: #CC0000;
	text-decoration: none;
}
#ScreenShots {
	width: 195px;
	position: absolute;
	top: 280px;
	left: 580px;
	float: left;
}
#Form {
	font-size: 11px;
	border:1px solid #CCCCCC;
	background-color:#EFEFEF;
	padding: 20px;
}
#Form input{
	font-size: 11px;
	padding: 1px;
}
#Form textarea{
	border: solid 1px #CCCCCC;
	background-color:#FFFFFF;
	font-size: 11px;
}
#colLeft {
	width: 250px;
	padding-right: 20px;
	float: left;
}
#colRight {
	width: 260px;
	float: right;
}

#customerPics { 
        position:absolute;
        right:0;
        bottom:0;
 }

.leftcol {
	width: 250px;
	padding-right: 20px;
	float: left;
}
#WideContent .leftcol {
	width: 270px;
	padding-right: 20px;
	float: left;
}
.rightcol {
	width: 260px;
	margin-left: 280px;
}
#WideContent .rightcol {
	width: 400px;
	margin-left: 320px;
}

#Customers {
	background-image: url(/images/box_grad.gif);
	background-repeat: repeat-x;
 }

#slider-container {margin:0 auto;position:relative;text-align:left;width:700px;background:#fff; padding-bottom: 5px;
}	
/* Sudo Slider */
#slider ul, #slider li{margin:0;padding:0;list-style:none;position:relative;display:block;}
#slider-container ul li a img {border:none;}
#slider {
    width:700px;
    overflow:hidden; 
}
#slider li {
	width: 140px;
    overflow:hidden; 
}

/* // Sudo Slider */	
/* Numeric Navigation */
.moduleContent #slider-container ol { margin:.5em 0 1em 10px;padding:0;height:2px;}
.moduleContent #slider-container ol li{ margin:0 2px 0 0; padding:0; float:left; list-style:none;line-height:6px; font-size:6px; height:6px;}
.moduleContent #slider-container ol li a{ float:left; height:6px; line-height:6px; border:1px solid #dfdfdf; background:#EFEFEF; font-weight: normal; color:#dfdfdf; padding:0; text-decoration:none;}
.moduleContent #slider-container a {
font-size: 6px;
line-height: 6px;
}
.moduleContent #slider-container ol li.current a{ background:#999; color:#fff;}
.moduleContent #slider-container ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{ outline:none;}

.graphic, .prevBtn, .nextBtn{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px;}

.prevBtn, .nextBtn {display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000; background:url(../images/btn_prev_off.png) no-repeat 0 0;cursor:pointer; top:10px;}	
.prevBtn:hover {background:url(../images/btn_prev.png) no-repeat 0 0;}	
.nextBtn {left:700px;}														
.nextBtn {background:url(../images/btn_next_off.png) no-repeat 0 0;}	
.nextBtn:hover {background:url(../images/btn_next.png) no-repeat 0 0;}	

/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in. 
#slider li {display:none;}	
#slider li:first-child {display:block;}
*/