h1, h2, h3, h4, h5, h6, p, ul, li, ol, dt, dd, form, fieldset, img, a, body, html, div, body, html{
margin:0; padding:0;
}

a {
	color:#317fff;
	text-decoration:none;
}
a img {border:none;
}

body {
	background-image:url(../images/bgBar.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
	line-height:14px;
}
body.home {
	background-image:url(../images/homeBg.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
	line-height:14px;
}

.slidingpanel {
	height:336px;
	padding-left:40px;
}

.page {
	width:960px;
	margin:0 auto;
}

.header {
	height:107px;
}

.logo {
width:335px;
float:left;
}

table input {
	margin-bottom:10px;
}
.nav {
float:left;
width:613px;
padding-left:12px;
padding-top:47px;
height:40px;
}

ul.primnav {
	list-style-type:none;
}
ul.primnav li {
float:left;
}

ul.primnav li a {
	display:block;
	background-image:url(../images/PrimNav.png);
	background-repeat: no-repeat;
	height:0px;
	overflow:hidden;
	padding-top:40px;
}

/* buttons */
ul.primnav li.item1 a{ width:78px; background-position:left top;}
ul.primnav li.item2 a{ width:104px; background-position:-78px top;}
ul.primnav li.item3 a{ width:93px; background-position:-181px top;}
ul.primnav li.item4 a{ width:106px; background-position:-273px top;}
ul.primnav li.item5 a{ width:78px; background-position:-378px top;}
ul.primnav li.item6 a{ width:115px; background-position:-455px top;}

/* overstates */
ul.primnav li.item1 a:hover {background-position: left -40px;}
ul.primnav li.item2 a:hover {background-position:-78px -40px;}
ul.primnav li.item3 a:hover {background-position: -181px -40px;}
ul.primnav li.item4 a:hover {background-position: -273px -40px;}
ul.primnav li.item5 a:hover {background-position: -378px -40px;}
ul.primnav li.item6 a:hover {background-position:-455px -40px;}


/* active */
ul.primnav li.item1 a.active {background-position: left -40px;}
ul.primnav li.item2 a.active {background-position:-78px -40px;}
ul.primnav li.item3 a.active {background-position: -181px -40px;}
ul.primnav li.item4 a.active {background-position: -273px -40px;}
ul.primnav li.item5 a.active {background-position: -378px -40px;}
ul.primnav li.item6 a.active {background-position:-455px -40px;}

.content {
}

.caseContent ul {
	margin-left:16px;
}

.pageHeading {
	width:auto;
	height:87px;
}

.pageHeading h1 {
padding-left:40px;
padding-top:50px;
font-weight:normal;
color:#7cae37;
}

.contentCont {
	min-height:300px;
}

.Home {
	min-height:0px;
}

.resourceLinks {
	width:265px;
	font-size:11px;
	line-height:15px;
	list-style-type:none;
	
	margin-right:20px;
	margin-top:10px;
	margin-left:10px;
}

ul.resourceLinks li h3 {
	font-size:bold;
	padding-bottom:3px;
	font-size:11px;
}

ul.casestudy, ul.generic {
	width:auto;
	list-style-type:none;
}

ul.casestudy li {
	width:153px;
	float:left;
	height:153px;
	background-image:url(../images/caseStudyTile.jpg);
	display:block;
}

ul.generic li  {
	width:153px;
	float:left;
	height:183px;
	background-image:url(../images/plainTile.jpg);
	display:block;
}
ul.casestudy li a{
	display:block;
	height:153px;
	width:153px;
}
ul.generic li a{
	display:block;
	height:183px;
	width:153px;
}

ul.casestudy li a:hover{
	display:block;
	background-image:url(../images/caseStudyTile.jpg);
	background-position:0px -153px;
}

ul.generic li a:hover{
	display:block;
	background-image:url(../images/plainTile.jpg);
	background-position:0px -183px;
}

.leftC {
	width:275px;
	padding:30px 20px 0px 40px;
	float:left;
	font-size:13px;
	line-height:15px;
}
.leftC h2 {
font-weight:bold;
color:#7cae37;
font-size:13px;
padding-bottom:10px;
}

.leftC p {
	padding-bottom:10px;
}

.rightC {
	width:613px;
	padding-left:12px;
	padding-top:30px;
	float:left;
}
.rightC h2 {
	padding-bottom:10px;
	font-size:13px;
	font-weight:bold;
	color:#7cae37;
	
}

.rightC h2.indent {
	padding-bottom:10px;
	font-size:13px;
	font-weight:bold;
	color:#7cae37;
	padding-left:10px;
}

.rightC p {
	padding-left:10px;
	padding-bottom:5px;
}

.homeC {
	width:900px;
	padding-left:40px;
	padding-top:15px;
}

.homeC h1 {
	padding-bottom:10px;
	font-size:13px;
	font-weight:bold;
	color:#7cae37;
	padding-left:0;
}

.footer .rC {
	width:613px;
	padding-left:12px;
	padding-top:30px;
	float:left;
}

ul.footerLinks {
	width:275px;
	font-size:11px;
	line-height:15px;
	list-style-type:none;
	float:left;
	margin-right:40px;
}
.footer a, .footer a:visited, .footer a:link{
	color:#666666;
}

.footer li.activeLink a {
color:#317fff;	
}

.footer a:hover{
	color:#317fff;
}
ul.footerLinks li h3 {
	font-weight:bold;
color:#7cae37;
font-size:11px;
}

ul.footerLinksLast {
	width:255px;
	font-size:11px;
	line-height:15px;
	list-style-type:none;
	float:left;
	margin-right:0px;
}

ul li.space {
	padding-top:5px;
}

.clear {
	clear:both;
}
.footer {
	clear:right;
	margin-top:50px;
	background-image:url(../images/footerBG.gif);
	background-position:top;
	background-repeat:no-repeat;
	height:50px;
	padding:30px 20px 0px 40px;
	width:auto;
}

img.icon {
	padding-top:8px;
	padding-right:8px;
}

/* overlay */ 

/* the overlayed element */
.overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;	
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.overlay .close {
	background-image:url(../images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.caseLogo {
	width:155px;
	float:left;
	height:1%;
	padding:40px 20px;
	text-align:center;
}

.caseContent {
	width:380px;
	float:left;
	height:1%;
	padding:40px 20px 20px 0px;
}

.caseContent h2 {
	font-size:14px;
	padding-bottom:5px;
}

.caseContent h3 {
	font-size:11px;
	padding-bottom:5px;
	padding-top:5px;
	font-weight:bold;
}

.caseContent h4 {
	color:#7cae37;
	font-size:11px;
	padding-bottom:0px;
	padding-top:5px;
	font-weight:bold;
}

.caseContent p {
	padding-bottom:5px;
}
/* sliding home page panel */

.controls {
	width:887px;
	height:25px;
	background-image:url(../images/barBg.gif);
	background-repeat:repeat-x;
}

.scrollable {
	position:relative;
	overflow:hidden;
	width: 887px;
	height:311px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:0px;
	background-color:#fff;
	padding:0px;

	
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/hori_large.png) no-repeat;
	display:block;
	width:25px;
	height:25px;
	float:left;
	margin:0;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -35px; clear:right; margin-right: 0px;float:right;}
a.right:hover 		{ background-position:-33px -35px; }
a.right:active 	{ background-position:-66px -35px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-33px 0; }
a.left:active  	{ background-position:-66px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../images/hori_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-33px 0; }
a.up:active  		{ background-position:-66px 0; }

/* down */
a.down 				{ background-position: 0 -35px; }
a.down:hover  		{ background-position:-33px -35px; }
a.down:active  	{ background-position:-66px -35px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	


/* sliding case study */

.controlsCase {
	width:400px;
	height:25px;
	/*background-image:url(../images/barBg.gif);
	background-repeat:repeat-x;*/
}

.scrollableCase {
	position:relative;
	overflow:hidden;
	width: 400px;
	height:380px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollableCase .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.scrollableCase .items div {
	float:left;
	width: 400px;
}

/* single scrollable item */
.scrollableCase img {
	float:left;
	margin:0px;
	background-color:#fff;
	padding:0px;
	width:400px;
	height:431px;
	
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

/* active item */
.scrollableCase .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/hori_large.png) no-repeat;
	display:block;
	width:25px;
	height:25px;
	float:left;
	margin:0;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -35px; clear:right; margin-right: 0px;float:right;}
a.right:hover 		{ background-position:-33px -35px; }
a.right:active 	{ background-position:-66px -35px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-33px 0; }
a.left:active  	{ background-position:-66px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../images/hori_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-33px 0; }
a.up:active  		{ background-position:-66px 0; }

/* down */
a.down 				{ background-position: 0 -35px; }
a.down:hover  		{ background-position:-33px -35px; }
a.down:active  	{ background-position:-66px -35px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}