@charset "UTF-8";
/* CSS Document */

* {
	margin: 0; 
	padding: 0;
}

/* remove dotted line around links */
a {
  outline: none;
}

html, body {
	height: 100%;
}

body {
	font-family:  Helvetica, Arial, sans-serif;
	font: 0.8125em;
	line-height: 1;
	color: #6D6D6D;
	background-color: #fcfff4;
	background-image: url(../images/top_grunge_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#wrapper {
	width: 880px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -250px;
}

#header {
	width: 100%;
	height: 160px;
	background-image: url(../images/title.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float:left;
}

#main {
	width: 810px;
	height: 315px;
	float:left;
	padding: 0 0 20px 0;
}

#mainCatSelector {
	width: 100%;
	height: 115px;
	float:left;
	padding: 0 0 40px 0;
}

#mainDetail {
	float:left;
	margin: 30px 0 40px 0;
}


#mainDetail p {
	color:#FFF;
}

#mainDetail a {
	color: #FFF;
	text-decoration:underline;
}

#catFooter {
	border-top: 1px solid #cfddbc;
	padding: 8px 0 0 0;
	margin: 20px 0 0 0;
}

#spacer {
	width: 35px;
	height: 400px;
	float:left;
}

#content {
	width: 810px;
	float:left;
}

#footer, #push  {
	height: 270px;
	clear:both;
}

#footer {
	width: 100%px;
	background:url(../images/footerbg.gif) repeat-x center bottom;
}

#footer #inset {
	width: 1028px;
	height: 50px;
	margin: 0 auto 0 auto;
	text-align:center;
	padding: 220px 0 0 0;
	background:url(../images/footer.jpg) no-repeat center top;
	color:#FFF;
}

#footer #inset a {
	color:#FFF;
	font-weight:normal;
}

p {
	font-size: .8em;
	line-height: 1.3;
	padding: 0 0 10px 0;
}

p.small {
	font-size: .8em;
	line-height: 1.2;
	padding: 0 0 10px 0;
}

p.large {
	font-size: 1.1em;
	padding: 0 0 12px 0;
	line-height: 1.2;
}

div#csBody p {
	font-size: 1.1em;
	padding: 0 0 12px 0;
	line-height: 1.2;
}

p.breadcrumb {
	font-size:0.7em;
	color:#6D6D6D;
	padding: 0 0 20px 0;
}

p.breadcrumb a {
	text-decoration:underline;
}

p.italic {
	color: #8DAE50;
	font-style:italic;
	font-size: 1em;
}

p.prevnext {
	float:left;
}

p.backtolist {
	float: right;
}

h1 {
	color: #3B6000;
	line-height: .9;
	padding: 0 0 12px 0;
	font-size: 1.9em;
}

h2 {
	color: #3B6000;
	line-height: .9;
	padding: 0 0 12px 0;
	margin: 0 0 20px 0;
	font-size: 1.7em;
	border-bottom: 1px solid #cfddbc;
}

h3 {
	color: #8dae50;
	line-height: .9;
	padding: 0 0 10px 0;
	margin: 20px 0 5px 0;
	font-size: 1em;
	border-bottom: 1px solid #cfddbc;
	
}

h3 span {
	color: #6D6D6D;
}

h4 ,h4 a {
	color: #8dae50;
	line-height: .9;
	padding: 0 0 8px 0;
	font-size: 1em;
}

h5 {
	color: #8DAE50;
	line-height: 1.4;
	font-size: 1.3em;
	font-weight:normal;
}

h6 {
	color: #3B6000;
	line-height: .9;
	padding: 0 0 6px 0;
	font-size: 1.3em;
}

a {
	color: #8dae50;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	text-decoration:underline;
}

#oneCol {
	width: 100%;
	float:left;
}

#twoColLeft {
	width: 520px;
	float:left;
}

#twoColRight {
	float:right;
	width: 260px;
	padding: 0 10px 0 0;
}

#threeColLeft {
	width: 250px;
	float:left;
	padding: 0 20px 0 0;
}

#threeColMid {
	width: 250px;
	float:left;
	padding: 0 20px 0 0;
}

#threeColRight {
	width: 250px;
	float:left;
	padding: 0 20px 0 0;
}

table#catSelector {
	width:100%;
	height:99px;
	background:url(../images/casestudies_catSelector_bg.gif) repeat-x top left;
	border: 1px solid #cfddbc;
	font-size: .6em;
	margin: 0 0 8px 0;
}

div.backbut {
	z-index: 3;
    position:absolute;
    top: 85px;
    left: 0;
    width: 65px;
    height: 65px;
    cursor: pointer;
    background: transparent url(../images/backarrow.gif) no-repeat 0 0;	
}

/**************** CATEGORIES *********************/

table#catSelector td a {
	height:31px;
	padding: 68px 0 0 0;
}

table#catSelector td.cat1, table#catSelector td.cat1ON {
	width: 102px;
	height:99px;
	text-align:center;
}

table#catSelector td.cat1 a {
	width: 102px;
	background:url(../images/cat1_off.gif) repeat-x top center;
	float:left;
}

table#catSelector td.cat1 a:hover {
	background:url(../images/cat1_on.gif) repeat-x top center;
}

table#catSelector td.cat1ON a {
	width: 102px;
	background:url(../images/cat1_on.gif) repeat-x top center;
	float:left;
}



table#catSelector td.cat2, table#catSelector td.cat2ON {
	width: 101px;
	height:99px;
	text-align:center;
}

table#catSelector td.cat2 a {
	width: 101px;
	background:url(../images/cat2_off.gif) repeat-x top center;
	float:left;
}

table#catSelector td.cat2 a:hover {
	background:url(../images/cat2_on.gif) repeat-x top center;
}

table#catSelector td.cat2ON a {
	width: 101px;
	background:url(../images/cat2_on.gif) repeat-x top center;
	float:left;
}


table#catSelector td.cat3, table#catSelector td.cat3ON {
	width: 101px;
	height:99px;
	text-align:center;
}

table#catSelector td.cat3 a {
	width: 101px;
	background:url(../images/cat3_off.gif) repeat-x top center;
	float:left;
}

table#catSelector td.cat3 a:hover {
	background:url(../images/cat3_on.gif) repeat-x top center;
}

table#catSelector td.cat3ON a {
	width: 101px;
	background:url(../images/cat3_on.gif) repeat-x top center;
	float:left;
}


table#catSelector td.cat4, table#catSelector td.cat4ON {
	width: 101px;
	height:99px;
	text-align:center;
}

table#catSelector td.cat4 a {
	width: 101px;
	background:url(../images/cat4_off.gif) repeat-x top center;
	float:left;
}

table#catSelector td.cat4 a:hover {
	background:url(../images/cat4_on.gif) repeat-x top center;
}

table#catSelector td.cat4ON a {
	width: 101px;
	background:url(../images/cat4_on.gif) repeat-x top center;
	float:left;
}


table#catSelector td.cat5, table#catSelector td.cat5ON {
	width: 101px;
	height:99px;
	text-align:center;
}

table#catSelector td.cat5 a {
	width: 101px;
	background:url(../images/cat5_off.gif) repeat-x top center;
	float:left;
}

table#catSelector td.cat5 a:hover {
	background:url(../images/cat5_on.gif) repeat-x top center;
}

table#catSelector td.cat5ON a {
	width: 101px;
	background:url(../images/cat5_on.gif) repeat-x top center;
	float:left;
}



table#catSelector td.cat6, table#catSelector td.cat6ON {
	width: 101px;
	height:99px;
	text-align:center;
}

table#catSelector td.cat6 a {
	width: 101px;
	background:url(../images/cat6_off.gif) repeat-x top center;
	float:left;
}

table#catSelector td.cat6 a:hover {
	background:url(../images/cat6_on.gif) repeat-x top center;
}

table#catSelector td.cat6ON a {
	width: 101px;
	background:url(../images/cat6_on.gif) repeat-x top center;
	float:left;
}


table#catSelector td.cat7, table#catSelector td.cat7ON {
	width: 101px;
	height:99px;
	text-align:center;
}

table#catSelector td.cat7 a {
	width: 101px;
	background:url(../images/cat7_off.gif) repeat-x top center;
	float:left;
}

table#catSelector td.cat7 a:hover {
	background:url(../images/cat7_on.gif) repeat-x top center;
}

table#catSelector td.cat7ON a {
	width: 101px;
	background:url(../images/cat7_on.gif) repeat-x top center;
	float:left;
}



table#catSelector td.cat8, table#catSelector td.cat8ON {
	width: 101px;
	height:99px;
	text-align:center;
}

table#catSelector td.cat8 a {
	width: 101px;
	background:url(../images/cat8_off.gif) repeat-x top center;
	float:left;
}

table#catSelector td.cat8 a:hover {
	background:url(../images/cat8_on.gif) repeat-x top center;
}

table#catSelector td.cat8ON a {
	width: 101px;
	background:url(../images/cat8_on.gif) repeat-x top center;
	float:left;
}



/**************** CASE STUDY LIST *********************/

table#caseList {
	width:100%;
}

table#caseList tr.head {
	background:none;
	font-size: .8em;
	font-weight: bold;
	vertical-align:bottom;
}

table#caseList tr.head td {
	padding: 5px 0 8px 8px;
	border-bottom: 1px solid #cfddbc;

}

table#caseList tr.item td {
	color: #A6B080;
	background:none;
	vertical-align:top;
	padding: 12px 0 12px 8px;
	border-bottom: 1px solid #cfddbc;
}

table#caseList tr.new td {
	background: #f0fadf;
}

table#caseList tr.rollover td {
	background: #e2f4c4;
	cursor: pointer;
	cursor: hand;
}

table#caseList tr.rollover td h4 {
	text-decoration:underline;
}


/**************** NAV *********************/


#nav {
	float:right;
	list-style-type:none;
	padding: 70px 0 0 0;
}

#nav li {
	text-transform:uppercase;
	display: inline;
	float:left;
	overflow:hidden;
}

#nav li a {
	display:block;
	text-indent:-999em;
	overflow:hidden;
}

#nav .welcome { /* Hack to pre load on state */
	background:url(../images/nav_welcome_on.gif) no-repeat;
}

#nav .welcome a {
	background:url(../images/nav_welcome_off.gif) no-repeat;
	width: 137px;
	height: 47px;
}
#nav .welcome a:hover {
	background:url(../images/nav_welcome_on.gif) no-repeat;
}
#nav .welcomeON a {
	background:url(../images/nav_welcome_on.gif) no-repeat;
	width: 137px;
	height: 47px;
}

#nav .vision { /* Hack to pre load on state */
	background:url(../images/nav_vision_on.gif) no-repeat;
}

#nav .vision a {
	background:url(../images/nav_vision_off.gif) no-repeat;
	width: 130px;
	height: 47px;
}
#nav .vision a:hover {
	background:url(../images/nav_vision_on.gif) no-repeat;
}
#nav .visionON a {
	background:url(../images/nav_vision_on.gif) no-repeat;
	width: 130px;
	height: 47px;
}


#nav .casestudies { /* Hack to pre load on state */
	background:url(../images/nav_casestudies_on.gif) no-repeat;
}

#nav .casestudies a {
	background:url(../images/nav_casestudies_off.gif) no-repeat;
	width: 164px;
	height: 47px;
}
#nav .casestudies a:hover {
	background:url(../images/nav_casestudies_on.gif) no-repeat;
}
#nav .casestudiesON a {
	background:url(../images/nav_casestudies_on.gif) no-repeat;
	width: 164px;
	height: 47px;
}


/* Dialog Window
-----------------------------------------------------------------------------*/
	
#dialog {
    position: fixed;
    z-index: 600;
    top: 17%;
    left: 45%;
    margin-left: -300px;
    width: 680px;
    height: 420px;
    background: url(../images/black_transparency.png);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;  
	-opera-border-radius: 5px;
	font-size: 12px;
}

.jqmWindow {
    display: none;
}

.jqmOverlay { background-color: #000; }

* iframe.jqm {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

* html .jqmWindow {
	position: absolute;
	top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

	#dialog-header {
		padding: 13px 20px;
	}
	
		#dialog-header h6 {
			font-size: 20px;
			color: #FFFFFF;
			padding: 0 0 15px 0;
			margin: 0;
		}
		
		#dialog-header span {
			float: left;
			width: 500px;
		}
		
		#dialog-header h6 a {
			text-align: right;
			float: right;
			color: #FFFFFF;
			text-decoration: none;
			font-size: 11px;
		}
	
	.jqmClose {
		width: 15px;
		height: 15px;
		background: url(../images/close.png) top left no-repeat;
		text-indent: -999px;
	}
		
		.jqmClose span {
			display: none;
		}
		
	#dialog-wrapper {
		height: 380px;
	}
		
	#dialog .loading {
		background: url(../images/ajax-loader.gif) center center no-repeat;
	}
	
	#dialog-content {
		color: #FFF;
		padding: 0 20px;
	}
	
	#dialog-content h4 {
		font-size: 14px;
		margin-bottom: .5em;
		color: #d32234;
	}
	
	.youtube-container {
		margin: 0 auto;
		width: 425px;
	}

/************ CAT 1 ************/
	
div#catdetail1 h2 {
	color: #015321;
}

div#catdetail1 div#quote {
	color: #015321;
	font-style:italic;
	font-size: 1.3em;
	border-left: 4px #015321 solid;
	padding: 0 0 0 10px;
}

div#catdetail1 div#quote p.credit {
	font-style:normal;
	font-weight:bold;
	font-size: .7em;
}

div#catdetail1 div#mainDetail {
	background-color: #015321;
}

/************ CAT 2 ************/

div#catdetail2 h2 {
	color: #a1986e;
}

div#catdetail2 div#quote {
	color: #a1986e;
	font-style:italic;
	font-size: 1.3em;
	border-left: 4px #a1986e solid;
	padding: 0 0 0 10px;
}

div#catdetail2 div#quote p.credit {
	font-style:normal;
	font-weight:bold;
	font-size: .7em;
}

div#catdetail2 div#mainDetail {
	background-color: #a1986e;
}


/************ CAT 3 ************/

div#catdetail3 h2 {
	color: #5281a3;
}

div#catdetail3 div#quote {
	color: #5281a3;
	font-style:italic;
	font-size: 1.3em;
	border-left: 4px #5281a3 solid;
	padding: 0 0 0 10px;
}

div#catdetail3 div#quote p.credit {
	font-style:normal;
	font-weight:bold;
	font-size: .7em;
}

div#catdetail3 div#mainDetail {
	background-color: #5281a3;
}


/************ CAT 4 ************/

div#catdetail4 h2 {
	color: #481d50;
}

div#catdetail4 div#quote {
	color: #481d50;
	font-style:italic;
	font-size: 1.3em;
	border-left: 4px #481d50 solid;
	padding: 0 0 0 10px;
}

div#catdetail4 div#quote p.credit {
	font-style:normal;
	font-weight:bold;
	font-size: .7em;
}

div#catdetail4 div#mainDetail {
	background-color: #481d50;
}

/************ CAT 5 ************/

div#catdetail5 h2 {
	color: #8da293;
}

div#catdetail5 div#quote {
	color: #8da293;
	font-style:italic;
	font-size: 1.3em;
	border-left: 4px #8da293 solid;
	padding: 0 0 0 10px;
}

div#catdetail5 div#quote p.credit {
	font-style:normal;
	font-weight:bold;
	font-size: .7em;
}

div#catdetail5 div#mainDetail {
	background-color: #8da293;
}

/************ CAT 6 ************/

div#catdetail6 h2 {
	color: #ddc049;
}

div#catdetail6 div#quote {
	color: #ddc049;
	font-style:italic;
	font-size: 1.3em;
	border-left: 4px #ddc049 solid;
	padding: 0 0 0 10px;
}

div#catdetail6 div#quote p.credit {
	font-style:normal;
	font-weight:bold;
	font-size: .7em;
}

div#catdetail6 div#mainDetail {
	background-color: #ddc049;
}

/************ CAT 7 ************/

div#catdetail7 h2 {
	color: #39586c;
}

div#catdetail7 div#quote {
	color: #39586c;
	font-style:italic;
	font-size: 1.3em;
	border-left: 4px #39586c solid;
	padding: 0 0 0 10px;
}

div#catdetail7 div#quote p.credit {
	font-style:normal;
	font-weight:bold;
	font-size: .7em;
}

div#catdetail7 div#mainDetail {
	background-color: #39586c;
}

/************ CAT 8 ************/

div#catdetail8 h2 {
	color: #6a9b36;
}

div#catdetail8 div#quote {
	color: #6a9b36;
	font-style:italic;
	font-size: 1.3em;
	border-left: 4px #6a9b36 solid;
	padding: 0 0 0 10px;
}

div#catdetail8 div#quote p.credit {
	font-style:normal;
	font-weight:bold;
	font-size: .7em;
}

div#catdetail8 div#mainDetail {
	background-color: #6a9b36;
}