/**
 * ram.css
 */

body{
	margin: 0px;
	background-color: #f6f6f6;
	font: 13px Verdana,Arial,sans-serif;
}

h1{
	font-size: 15px;  /* 13px */
	margin: .75em 0 1em;  /* 1.5em */
}

h2, h3{
	font-size: 14px;
	margin: 0 0 1em;
}

h2.sub{
	margin: 2em 0 .5em;
}

p{
	line-height: 1.5;
	margin: 1em 0;  /* make margins in IE the same as other browsers */
}

p.sub{
	font-weight: bold;
}

a{
	color: #4d2f93;
}

a:hover{
	text-decoration: none;
}

h2 a, h3 a{
	text-decoration: none;
}

h2 a:hover, h3 a:hover{
	text-decoration: underline;
}

img{
	border: 0px;
}

form{
	margin: 0px;  /* get rid of margin in IE */
}


/* page layout styles */

#container{
	width: 980px;
	margin: 0px auto;
	padding: 0px 11px;
	overflow: hidden;
	background: #fff url(../images/shadow.png) repeat-y;
}

#header{
	width: 980px;
	height: 110px;
	position: relative;
/*	background: url(../images/header-bg.jpg); */
}

#navigation{
	width: 140px;
	float: left;
	background: #4d2f93 url(../images/nav-bg.png) repeat-x top;
	color: #fff;
}

#content{
	width: 800px;
	padding: 0px 20px 20px;  /* 10px 20px 20px */
	float: left;
	background: #fff url(../images/content-bg.png) repeat-x top;
}

#footer{
	width: 980px;
	margin: 0px auto;
	padding: 6px 11px 21px;
	background-color: #6b6b6b;
	background: #f6f6f6 url(../images/shadow-bottom.png) no-repeat bottom;
	color: #fff;
	font-size: 10px;
}


/* header styles */

#queryForm{
	position: absolute;
	right: 24px;
	bottom: 24px;  /* 25px */
}

input#searchValue{
	border: 1px solid #777;
	width: 200px;
	padding: 2px;
}

input#submit{
	background: #999 url(../images/button-bg.png) repeat-x;
	border: 1px solid #ccc;
	color: #fff;
	padding: 0px 4px;
}


/* navigation styles */

#navigation ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 13px;
}

#navigation ul li{
	vertical-align: top;  /* prevents extra space between list items in IE */
}

#navigation > ul > li{
	width: 140px;  /* triggers hasLayout in IE7 so the whole li acts as a link (top padding wouldn't count otherwise ) */
}

span.arrow{
	display: block;
	background: transparent url(../images/nav-arrow.png) no-repeat 109px;
}

#navigation ul a{
	color: #fff;
	text-decoration: none;
	display: block;
/*	padding: .6em 0 .6em 1em; */
	padding: 8px 0 8px 13px;
}

#navigation ul a:hover, #navigation ul li:hover > a{
	background-image: url(../images/nav-bg-hover.png);
	background-repeat: repeat-x;
}

#li0 a{
	background-position: 0px 0px;
}

#li1 a{
	background-position: 0px -32px;
}

#li2 a{
	background-position: 0px -64px;
}

#li3 a{
	background-position: 0px -88px;
}

#li4 a{
	background-position: 0px -112px;
}

#li5 a{
	background-position: 0px -136px;
}

/* adjusted to add another link */
#li5a a{
	background-position: 0px -160px;
}

#li6a a{
	background-position: 0px -184px;
}

#li7a a{
	background-position: 0px -216px;
}

#li8a a{
	background-position: 0px -248px;
}

#li9a a{
	background-position: 0px -280px;
}
/* end of adjustments */

#li6 a{
	background-position: 0px -160px;
}

#li7 a{
	background-position: 0px -192px;
}

#li8 a{
	background-position: 0px -224px;
}

#li9 a{
	background-position: 0px -256px;
}

#navigation ul li.small{
	font-size: 11px;
}

#navigation ul li.small a{
/*	padding: .5em 0 .5em 2em; */
	padding: 5px 0 5px 22px;
	height: 14px;  /* makes these the correct height in IE7 */
}

#navigation ul li ul{
	display: none;
	position: absolute;
	margin-top: -32px;
	margin-left: 140px;
	width: 170px;
	background-color: #8670b5;  /* #755dab */
	border: 1px solid;
	border-color: #ece7f7 #4d2f93 #4d2f93 #ece7f7;
}

#navigation ul li ul#sub-products{
	background-color: #8670b5;
}

#navigation ul ul#sub-products li a:hover{
	background: #c0b4dd none;
}

#navigation ul li ul#sub-service{
	background-color: #654ca2;
}

#navigation ul ul#sub-service li a:hover{
	background: #9b83d3 none;
}

#navigation ul li:hover ul{
	display: block;
}

#navigation ul li ul li{
	font-size: 11px;
}

#navigation ul li ul li a{
	padding: 5px;
	height: 14px;  /* makes these the correct height in IE7 */
}



address{
	font-size: 10px;
	font-style: normal;
	margin: 4em 0 4em .75em;
}

address a{
	color: #fff;
}


/* footer styles */

#footer table{
	width: 980px;
	table-layout: fixed;
}

#footer td{
	padding: 0px 15px;
}

#footer a{
	color: #fff;
}


/* content styles */

#breadcrumb{
	float: right;
	font-size: 10px;
/*	line-height: 1;*/  /* this hides the underline in IE */
}

.product-group{
	padding: 15px 30px;
	width: 740px;
	overflow: hidden;
}

a.product-img{
	float: left;
	margin: 0px 15px;
}

.product-desc{
	float: left;
	margin: 0px 15px;
	width: 480px;
}

.product-desc p{
	margin-top: 0px;
}

a.more{
	padding-left: 17px;
	height: 16px;
	background: url(../images/systems/arrow.gif) no-repeat left;
}

img.product{
	float: right;
	margin: 0px 0px 10px 10px;
}

ul{
	margin: 0px;
	padding-left: 40px;
}

span.filesize{
	font-size: 10px;
}

a.reader-logo{
	margin: 10px;
}