/* TABLE OF CONTENT
1 Universal
2 Template Layout
3 Branding / Logo elements
4 Main navigation elements
5 Sub navigation elements
6 Footer elements  */

/* ------- 1 UNIVERSAL ---------- */

html {
	padding:0;
	margin:0;
}

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	background:#EAE8E4;
	margin: 0;
	padding:0;
}

img { 
	border: 0;
}

.hidden {
	position: absolute;
	top: -1000px;
	left: 0px;
	overflow: hidden;
	width: 0;
	height: 0;
}

.show {
	display:block;
}

.hide {
	display:none;
}
/* ------- 2 TEMPLATE LAYOUT ---------- */

#sitecontainer {
	position: relative;
	margin: 0;
	width: 100%;
	background:#fff url(../images/site_objects/topbar.gif) repeat-x top left;
	float:left;
	text-align: left;
	font-size: 70%;
	padding:0 0 2em 0;
}

#topcontainer {
	position: relative;
	margin: 0;
	width: 759px;
	text-align: right;
	font-size: 70%;
}

#navcontainer {
	margin: 0;
	width: 192px;
	float:left;
	margin:-27px 0 0 0;
}

#mainnav {
	background:url("../images/site_objects/bg_navigation.gif") repeat-y top left;
	float:left; 
	width: 192px;
	margin: 0;
	padding:17px 0 0 0;
	font-family: arial, helvetica, sans-serif;
}
#content {
	float:left;
	width:580px;
}

#contentcontainer {
	width:777px;
	float:left;
}
#header {
	float:right;
}

#footer {
	font-family: verdana, arial, helvetica, sans-serif;
	position: relative;
	text-align: left;
	width:100%;
	float:left;
	background:#EAE8E4 url(../images/site_objects/footer.gif) repeat-x top left;
	font-size: 65%;
	line-height:120%;
	padding:0 0 20px 0;
}

#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width:450px;
	line-height:120%;
	padding:0 0 0.5em 0;
	margin:3px 0 0 12px;
	z-index:3500;
}

#search {
	background:#EAE8E4;
	float:left; 
	width: 176px;
	margin: 0;
	padding:9px 0 20px 0;
	font-family: arial, helvetica, sans-serif;
	border-top:10px solid #EAE8E4;
	border-bottom:1px solid #D2CCC8;
}

#resources {
	background:#EAE8E4;
	float:left; 
	width: 176px;
	margin: 0 0 90px 0;
	padding:0;
	font-family: arial, helvetica, sans-serif;
	border-bottom:1px solid #D2CCC8;
}

div.internalcontent {
	margin:14px 0 0 0;
	float:left;
	width:500px;
	line-height:130%;
	padding:1px 0 60px 50px;
}

div.textcontent {
	width:386px;
	padding:0 0 0 0;
}

div.textcontentwide {
	width:518px;
}

div.topcontent {
	width:518px;
	float:left;
	margin:0;
	min-height:160px;
}

div.casestudy {
	height:113px;
	width:366px;
}

div.productcontainer {
	float:left;
	width:517px;
}

div.casestudywide {
	float:left;
	width:517px;
}
div.productcontainer div.textbody   { /*product value chain pages*/
	width:366px;
	float:left;
}

div.casestudywide div.textbody   { 
	width:350px;
	float:left;
}

div.productcontainer div.textcontent {
	width:auto;
	float:inherit;
	clear:none;
}

div.productcontainer div.featurebar { /*product value chain pages*/
	width: 121px;
	float:right;
	display:block;
}
div.casestudywide div.featurebar { 
	width: 123px;
	float:right;
	display:block;
	padding:14px 0 0 0;
}
div.casestudywide div.featurebar img { 
	padding:0 0 22px 0;
}
div.productcontainer div.topcontent {
	width:366px;
	min-height:144px;
}


/* ------- 3 BRANDING / LOGO  ---------- 

#branding {
	float:left; 
	background:#A60D1F;
	width:176px;
	text-align:center;
	margin:11px 0 0 0;
	padding:39px 0 0 0;
	border-bottom:15px solid #EAE8E4;
}*/

#branding {
	float:left; 
	background:#A60D1F;
	width:176px;
	text-align:center;
	margin:11px 0 0 0;
	padding:39px 0 0 0;
	border-bottom:3px solid #D2CCC8;
}

/* ------- 4 MAIN NAVIGATION ELEMENTS   ---------- */
/* Add your  ul  and li classes for the main / top nav if required  */

#mainnav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#mainnav ul li {
	background:#EAE8E4;
	width:176px;
	margin:0;
	padding:0;
	float: left;
}
#mainnav ul ul {
	margin:0 0 4px 0;
}

#mainnav ul li.lit {
	background:#F4F3F1;
	border-top:1px solid #D2CCC8;
	border-bottom:1px solid #D2CCC8;
	width:192px;
	font-weight:bold;
	padding:4px 0 7px 0;
}
#mainnav ul li ul li, #mainnav ul li.lit ul li, #mainnav ul li ul li.lit {
	background:transparent;
	border:0;
	font-weight:normal;
}
#mainnav ul li ul li.lit {
	font-weight:bold;
	padding:0;
}

#mainnav ul li a:link, #mainnav ul li a:visited, #mainnav ul li.lit ul a:link, #mainnav ul li.lit ul a:visited {
	display:block;
	padding:5px 0 3px 13px;
	margin:0;
	color:#333333;
	text-decoration:none;
}
#mainnav ul li a:focus, #mainnav ul li a:hover, #mainnav ul li a:active {
	text-decoration:underline;
}
#mainnav ul li.first a:link, #mainnav ul li.first a:visited {
	padding:0px 0 3px 13px;
}

#mainnav ul li.lit a:link, #mainnav ul li.lit a:visited {
	color:#94AB34;
}

#mainnav ul li.lit ul a:link, #mainnav ul li.lit ul a:visited {
	padding:4px 0 2px 23px;
}

#mainnav ul ul li.lit a:link, #mainnav ul ul li.lit a:visited {
	color:#333333;
	text-decoration:underline;
}
#mainnav ul li.lit ul li a:focus, #mainnav ul li.lit ul li a:hover, #mainnav ul li.lit ul li a:active {
	text-decoration:underline;
	color:#333333;
}

#mainnav ul ul ul{
	margin:0;
}

#mainnav ul ul ul li{
}
#mainnav ul ul ul li a:link, #mainnav ul ul ul li a:visited, #mainnav ul ul ul li.lit a:link, #mainnav ul ul ul li.lit a:visited {
	padding:0 0 0 35px;
	text-decoration:none!important;
	font-weight:normal;
}

#mainnav ul ul ul li a:link, #mainnav ul ul ul li a:visited, #mainnav ul ul li.lit ul a:link, #mainnav ul ul li.lit ul a:visited {
	padding:3px 0 2px 35px;
	margin:0;
	text-decoration:none;
	font-weight:normal;
}

#mainnav ul ul ul li.lit a:link, #mainnav ul ul ul li.lit a:visited {
	text-decoration:underline!important;
	font-weight:bold;
}

#mainnav ul ul ul li.lit{
}

#mainnav ul ul ul li.lit a{
	text-decoration:underline!important;
}


 /* ------- 5 SUB NAVIGATION ELEMENTS   ---------- */
/* Add your  ul  and li classes for the sub / side  nav if required  */

#accessible_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#accessible_nav li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}
#accessible_nav a:link, #accessible_nav a:visited {
	position: absolute;
	top: 3.6em;
	left: 181px;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 60%;
	z-index: 1002;
}
#accessible_nav a:active, #accessible_nav a:focus { /* Only show skiplinks on focus */
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;
	border: 0;
	margin: 0;
	padding: 4px;
	background: #FFD900;
	z-index: 10000;
	text-decoration:underline;
}

#inpagenav {
	width: 44px;
	float:right;
	padding:35px 0 0 0;
}

#inpagenav img {
	float:left;
	border-left:1px solid #A60D1F;
}

#btn_previous, #btn_next {
	position:absolute;
	top:133px;
	left:62px;
	width:60px;
	text-align:right;
	color:#FFFFFF;
}

#search label {
	margin: 0;
	padding: 10px 0 2px 13px;
	display:block;
	border-top:1px solid #D2CCC8;
	clear:both;
}

#search input {
	margin: 0 0 0 13px;
	padding: 2px;
	width:115px;
	background:#FFF;
	font-size:100%;
	float:left;
}

#search input.go {
	padding: 6px 0 0 4px;
	margin:0;
	width:auto;
	background:none;
	border:none;
	font-weight:bold;
	text-decoration:underline;
	float:left;
	cursor:pointer;
}

#resources h2 {
	padding:4px 0 0 13px;
	float:left;
	width:130px;
	font-size:100%;
	font-weight:bold;
}

#resources img {
	float:right;
}
#resources div.hiddenresources {
	position: absolute;
	top: -1000px;
	left: 0px;
	overflow: hidden;
	width: 0;
	height: 0;
}

#resources div.showresources {
	padding:2px 0 26px 13px;
	float:left;
	width:160px;
}

#resources .hideicon {
	display:none;
}

#resources h3 {
	padding:12px 0 0 0;
}

#resources ul {
	list-style-type:none;
	margin:5px 0 0 0;
	padding:0;
}
#resources ul li {
	line-height:160%;
}
#resources ul li.pdf {
	background:url(../images/site_objects/ico_pdf.gif) no-repeat top left;
	margin:0 0 0 0;
	padding:3px 0 3px 14px;
	line-height:120%;
}

#resources ul li.pdf a:link, #resources ul li.pdf a:visited {
	text-decoration:none;
	padding:0 0 0 2px;
}
#resources ul li.pdf a:hover, #resources ul li.pdf a:focus, #resources ul li.pdf a:active {
	color:#000000;
}

/* ------- 6 FOOTER ELEMENTS   ---------- */
/* Add your  ul  and li classes for the footer  nav if required  */

#footer ul {
	width:260px;
	list-style-type:none;
	margin:0 0 0 466px;
} 
#footer ul li {
	display:inline;
}

#footer ul li a:link, #footer ul li a:visited {
	width:120px;
	display:block;
	padding:3px 0 3px 0;
	float:left;
	text-decoration:none;
}

#footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active {
	text-decoration:underline;
}
#footer li.menu17, #footer li.menu13, #footer li.menu18, #footer li.menu14 {
    margin-left: 0em;
}

#footer li.menu12, #footer li.menu11, #footer li.menu19, #footer li.menu10, #footer li.menu15, #footer li.menu16  {
    margin-left: 10em;
}

#footer h2 {
	background:#EAE8E4;
	width: 253px;
	margin-left:497px;
	padding:11px 0 2px 11px;
}

#bottominpagenav{
	background:#EAE8E4;
	clear:both;
	float:left;
	margin:0;
	padding:0 0 5px 0;
	position:relative;
	text-align:right;
	width:176px;
	}
#bottominpagenav img {
	border-left:1px solid #EAE8E4;
	}



#copyright p{
	color:#A59A93;
	padding:0 10px 0 0;
	}

#copyright p a{
	color:#A59A93;
	padding:0 0 0 12px;
	}
/* ------- END OF LAYOUT.CSS   ---------- */


