/*reset styles*/

html, body, div, span, applet, object, iframe, /*removed p*/
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*clearfix*/
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}


/*site specific styles*/
html {-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */}

body {font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #5f604b; line-height: 1.75em; background-color: #fff;}

a, a:link, a:visited, a:active{color: #5f604b;text-decoration:underline;}
a:hover, a:focus{color: #b0bc4b; text-decoration:none;}

img{max-width: 100%;}
	
#document{width: 100%; max-width: 896px; text-align: left; margin-right: auto; margin-left: auto;}
	
header{width: 100%; height: 145px; margin-bottom: 2em;  z-index: 3; position: relative; }
header .contact{width: 100%; height: 23px; text-align:right; padding-bottom: 22px; }
#logo{float: left; height: 60px; margin-top: 20px; width: 20%;}


	
/*nav{float: right; margin-top: 20px; position: relative;}
nav  ul{padding: 0;margin: 14px 0px 0px 0px;}
nav li{display: inline-block; list-style:none; margin-left: 12px; float: left;}
nav a {display: inline-block;}
nav a#pull, {display: none;} 
nav li > ul{ position: absolute; top: 40px; right: 0;} */
		
#content{width: 100%; margin-top: 50px; }
#content .content-text{width: 90%;}
#content .main-column, #content .main-column-product{float: left; width: 65%; margin-right: 5%; margin-bottom: 50px; } /*width: 606px;*/
#content .main-column img, #content .main-column-product img{margin-bottom: 20px;}

#content aside .services{float: right; width: 30%;}  /*width: 210px;*/


#content ul{margin-left: 0; padding-left: 1.5em; list-style: none; line-height: 1.75em;}
#content li{list-style-image:url(../images/bullet.gif); margin-bottom: 8px; font-size: 1em;} /*margin-left: 20px;*/
#content li ul{margin-top: 6px;}
#content li ul li{list-style-image:url(../images/green_dot_bullet.gif);}
#content ul li p{margin-bottom: 20px;margin-top: 8px;}
#content ul li p a{font-size: 1em;}
#content ol{ margin-left: 0; padding-left: 1.5em; line-height: 1.4em;}

#headline{width: 100%; border-top: 2px solid #eee; border-bottom: 2px solid #eee; height: 178px;  }
#headline .graphic{border-right: 15px solid #fff; margin-top: -2px; margin-right: 20px;  min-width: 182px;  float: left;}/*width: 182px;*/
#headline h1{padding-bottom: 30px; position: relative;top: 95%; -webkit-transform: translateY(-80%);-ms-transform: translateY(-80%);transform: translateY(-80%);}/*width: 659px;*/

	
/*#headline{width: 100%;}
#headline .graphic{width: 20.31%; float: left; margin-right: 15px; min-width: 182px; }/*width: 182px;*/
/*#headline .header-text{height: 98px; float: left; border-top: 2px solid #eee; border-bottom: 2px solid #eee; padding: 80px 20px 0px 20px;}/*width: 659px;*/
/*#headline .header-text-one-line{width: 73.55%; height: 54px; float: right; margin-left: 15px; border-top: 2px solid #eee; border-bottom: 2px solid #eee; padding: 124px 20px 0px 20px;}
#headline .header-text-three-line{ width: 73.55%; height: 142px; float: right; margin-left: 15px; border-top: 2px solid #eee; border-bottom: 2px solid #eee; padding: 36px 20px 0px 20px;}
*/	
#content .subcategories{margin:-30px 0px 30px 0px;text-align: right;}
	
footer{width: 100%; clear: both; margin: 2.5em 0 1.5em 0;font-size: 0.6875em;border-top: 1px solid #ccc;padding-top: 10px;line-height: 20px;height: 40px; position: relative;}

.contact-bar{display: none; width: 130%; background-color:#b0bc4b; margin: 0 -2em 1.5em -2em;}
.contact-bar h3{height: 1.5em; line-height: 1.5em; color: #fff; font-size: 1.5em; padding: 6px 20px 6px 25px;}
.contact-bar a{color: #fff; text-decoration:none;}
.contact-bar a:hover, .contact-bar a:focus{text-decoration:underline;}

.footer-text{float: left; width: 55%;} /*width: 600px;*/
.footer-icons{float: right; width: 255; text-align: right;}/*width: 30%;*/

.form-contact{width: 100%;font-size: 0.875em;margin-top: 20px;margin-bottom: 0px;}
.form-contact div{padding: 0px 10px 10px 0px;line-height: 1.2em;}
.form-contact input[type=text], .form-contact select{margin-top: 6px; width: 100%;}
.form-contact select{margin-top: 6px;}
	
.reset_button {background:url(../images/reset_button.gif) no-repeat;border:0;width:58px; height:20px;}

section .awards, section .events, section .news-block, section .resources, section h2, section h3{display: none;}
	
	
/* text styles*/
	
h1{font-size: 2.25em;line-height: 1.2em;font-weight: bold;color: #5a2149;} /*font-size: 36px;*/
h2{font-size:1.375em; margin-bottom: 20px; line-height: 1.4em; font-weight: bold;} /*font-size: 22px;*/
h3{font-size:1em; color: #5a2149; margin: 30px 0px 10px 0px; line-height: 1.4em; letter-spacing: 0.02em; font-weight: bold;}
	
.green{color: #b0bc4b;font-weight: bold;padding-right: 0.1em;}
.purple{color: #5a2149;}
.dark-green{color: #818154;}
	
.caption{margin-top: 12px;line-height: 1.4em;}
.read-more{font-size: 0.625em;}
.footnote{font-size: 0.6875;line-height: 1.25em;margin-top: 6px;font-style: italic;}
.required{font-style: italic;font-size: 0.75em;font-weight: normal;}
.nobr{ white-space:nowrap; }
.list b{color: #5a2149;}
.text-small{font-size: 0.75em;}
	
/*image styles*/

.feature-image{margin: 0px 0px 20px 20px;float: right;}
.feature-image-left{margin: 0px 20px 20px 0px;}
.image-callout-right{float: right;text-align: right;}
.image-sidebar{margin: 0px 0px 30px 0px;}
.icon{margin: 0px 10px 10px 0px;vertical-align: middle;}
.cs-img-left{float: left; margin: 0px 20px 10px 0px; max-width: 100%;}
.cs-img-right{float: right; margin: 0px 0px 10px 20px; max-width: 100%;}



	

	
/* homepage styles*/
#home-header{width: 100%; max-width: 660px; max-height: 50%; overflow: hidden;  margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;  }
#home-header .logo{ /*was 286px 100px 0px 60px;*/float: left; max-width:65%;   padding:0 3.5% 2em 3.5%;}
#home-header .nav{ /*was 286px 60px 0px 0px;*/float: right; padding-left:3.5%; padding-right: 3.5%;}
#home-header li{margin-bottom: 0.5em;  }

/*services page*/

#toggle-view li {position:relative;cursor:pointer;}
#toggle-view span {margin-left: 5px;}
#toggle-view li:hover, #toggle-view li:focus {color: #b0bc4b;}
#toggle-view span:hover, #toggle-view span:focus {color: #b0bc4b;}
#toggle-view .panel {display:none;color: #5f604b !important;}
#toggle-view b{color: #5a2149;}
#toggle-view b:hover, #toggle-view b:focus{color: #b0bc4b;}
	
	
/*callout styles */

#callout{width: 100%; /*was 210px*/float: right;clear: both;margin: 0px 0px 40px 0px;/*background-color:#d4db90;*/border: 2px solid #f1f1f1;padding: 20px;font-size: 0.875em;}
#callout-green{width: 100%; /*was 210px*/float: right;clear: left;margin: 0px 0px 40px 40px;background-color:#d4db90;padding: 20px;clear: right;}
#callout2{width: 100%; /*was 210px*/float: right;clear: both;margin: -20px 0px 40px 40px;/*background-color:#d4db90;*/border: 2px solid #f1f1f1;padding: 20px;}
.callout-Hotseat{width: 100%; /*was 210px*/clear: both;margin: -20px 0px 40px 0px;/*background-color:#d4db90;*/border: 2px solid #f1f1f1;padding: 20px;}
.callout3{width: 210px;float: left;margin-top: 10px; margin-bottom: 10px; margin-right: 3.3%/*background-color:#d4db90;*/}

.callout, .callout-2, .page-jump{width: 82%; /*was 210px*/float: right;clear: both; margin: 0px 0px 20px 0px; border: 2px solid #f1f1f1; padding: 8%; }

#callout, .callout, .callout-2, .page-jump, #callout2, #callout-Hotseat, .callout3 {font-size: 0.875em; line-height: 1.4em;}
#callout h2, .callout h2, #callout2 h2, #callout-green h2{font-size: 1.25em;line-height: 1em;font-weight: bold;}
	

/* portfolio page */

#main-column-portfolio{width: 78%; border: 0px solid #000; font-size: 0.75em; float:left;} /*width: 700px;*/
#main-column-portfolio ol {padding-left: 0px;}
#main-column-portfolio ol li{list-style:none; float: left; width: 26.18%; margin-right: 7%; margin-bottom: 30px;}
/*#main-column-portfolio img{max-width: 183px; display: block; padding-bottom: 2px;}*/

.view {width: 100%;height: 100%;overflow: hidden;position: relative;text-align: center;cursor: default; box-sizing: border-box; }
.view .bkgd{width: 100%;height: 100%;position: absolute; overflow:hidden; top: 0;left: 0;}
.view img {display: block;position: relative;}
.view p {font-size: 1.8em; line-height: 1em;padding: 6px 6px 6px 10px; margin-bottom: 20px;color: #fff;text-align: left; position: relative;top: 35%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} 

.view-first img {-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;}
.view-first .bkgd {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;background-color: rgba(178,187,56, 0.9);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.view-first:hover img, .view-first:focus img {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.view-first:hover .bkgd, .view-first:focus .bkgd {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.view-first:hover p, .view-first:focus p {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.view-first:hover p, .view-first:focus p {-webkit-transition-delay: 0.1s;-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;-ms-transition-delay: 0.1s;transition-delay: 0.1s;}

#side-column-portfolio{width: 19%; float:right; line-height: 2em; margin-bottom: 40px; padding-left: 3%;font-size: 0.875em; border: 0px solid #000; background-color:#fff;}/*width: 169px;*/
#side-column-portfolio p {margin-bottom: 8px; margin-top: 8px; line-height: 16px;}
#side-column-portfolio+p {margin-bottom: 8px;line-height: 16px;}
#side-column-portfolio h3{font-size:1em;color: #5a2149;margin: 0px 0px 20px 0px;line-height: 1.4em;letter-spacing: 0.02em;}/*font-size: 14px;*/

#main-column-portfolio .resources-block{display: none;}



/*case study page*/

#content-portfolio{width: 77%;padding-bottom: 20px; float: left; margin-right: 3.34%}/*width: 690px;*/
	
#thumbnails{width: 9.5%;border-left: 1px dashed #cccccc;border-right: 1px dashed #cccccc; margin-bottom: 30px;padding: 0 3.5% 0 3.5%;float: right;} /*width: 85px;*/
#thumbnails ul{margin: 0; padding-left: 0;}
#thumbnails li{list-style:none; margin-bottom: 15px; width: 100%;}
.thumbnail-on{border: 3px solid #b0bc4b; margin-left: -3px;}
#thumbnails h3{font-size:0.875em;color: #5a2149;margin: 0px 0px 30px 0px;line-height: 1.4em;letter-spacing: 0.02em;}
#thumbnails .view p{font-size: 0.75em; line-height: 1em; padding: 2px 2px 2px 8px; position: relative;top: 35%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}


.portfolio-image{margin-bottom: 20px;}
.portfolio-image-zoom{margin-bottom: 0px;cursor:-webkit-zoom-in;cursor:-moz-zoom-in; display: block;}/*max-width: 690px*/
	
#content #content-portfolio ul{line-height: 1.4em; margin-top: 10px;}	
#content #content-portfolio ul li{}
.cs-img-left .caption, .cs-img-right .caption{font-size: 0.65em; text-transform:uppercase; color: #b0b0b0;}


	
/*news page styles*/

.news{margin-bottom: 26px; line-height: 1.4em;}
.news p{margin-bottom: 8px;}
		
	
/*resource page styles, products page*/

#three-column-layout{width: 100%; line-height: 1.6em; border: 0px solid #eee; font-size: 0.875em;clear:both;padding-top: 20px;}
#three-column-layout .text{margin-bottom: 30px;font-size: 1.125em;margin-top: -20px;}
#three-column-layout h3{margin-top: 14px;}
#three-column-layout a:hover h3, #three-column-layout a:focus h3{text-decoration:underline;}
#three-column-layout h2{  float: left; line-height: 1.2em;}
#three-column-layout h2 .text{ font-size: 0.85em; font-weight: normal;}
.link{float: right; margin-bottom: 30px;}
#three-column-layout .icon{max-width: 100%;}

#three-column-layout .column-one{width: 30%;/*width: 272px;*/float: left;margin-right: 5%;margin-bottom: 20px; clear: both;}
#three-column-layout .column-two{width: 30%;float: left; margin-right: 5%;margin-bottom: 20px;}
#three-column-layout .column-three{width: 30%;margin-bottom: 20px;float: left; }
	
#three-column-layout .row{clear: both;padding-top: 20px;}
#three-column-layout .line{width: 100%;border-top: 2px solid #f1f1f1;clear:both;margin-bottom: 20px;}

#three-column-layout .share-icons, .news-narrow .share-icons, .news .share-icons{margin-top: 10px;}
#three-column-layout .share-icons span, .news-narrow .share-icons span, .news .share-icons span{width: 16px;height: 16px;padding-top: 0px;}
	

/* product pages */

.text + .main-product{margin-top: 50px;}

#content .main-product{width: 100%; border: 0px solid #000; font-size: 0.75em; float:left; margin-bottom: 50px;}
#content .main-product ol {padding-left: 0px;}
#content .main-product ol li{list-style:none; float: left; width: 30%; margin-right: 5%; margin-bottom: 30px; line-height: 1.4em;}
#content .main-product ol li:nth-child(3n+3){margin-right:0%;}


.product-table{border: 2px solid #f1f1f1; width: 100%; padding: 2px;margin: 20px 0px 0px 0px;}/*width: 594px;*/
.product-table th{font-weight: bold;background-color: #5a2149;padding: 4px 6px 4px 4px;line-height: 1.2em;font-size: 0.875em;white-space:nowrap;color: #fff;}
.product-table td{font-size: 0.875em;line-height: 1.4em;border: 1px solid #fff;padding: 4px 4px 4px 4px; text-align: center; vertical-align:top;}
.product-table .subhead{background-color: #818154;color: #fff;font-weight: bold;}
.product-table .odd{background-color: #d4db90;/*eff0ca,d4db90*/}
.product-table .even{background-color: #f5fac3;}
.circle{color: #5a2149;font-size: 38px;}

#content aside .product{width: 30%; float: right;}/*width: 265px;*/


/*styles for carousel*/

#carousel-wrapper{width: 100%; margin: 0px 0px 40px 0px;  }/*width: 250px;*/

#carousel-wrapper .carousel{width: 100%;height: 152px;}
#carousel-wrapper ul{margin:0px; padding:0px;}
#carousel-wrapper ul li{display: inline;list-style-type:none;float: left;position: relative; width: 100%; text-align: center;}
#carousel-wrapper ul li img{max-width: 250px; width: 100%;}

#carousel-wrapper .header{ width: 100%; text-align:center;}
#carousel-wrapper .header h2{color: #5a2149; white-space:nowrap;}/*margin-left: 22px;*/
#carousel-wrapper .header a.prev{margin-right: 5%; vertical-align: sub;}
#carousel-wrapper .header a.next{margin-left: 5%; vertical-align: sub;}
#carousel-wrapper .header img{max-width: 100%;}
	

/*iFrame styles*/

.iFrame-left{width:39%; float: left; margin-bottom: 20px; margin-right:4%;}
.iFrame-right{ width: 57%; float: left; margin-top: 18px;}
.iFrame-right a{text-decoration: none;}
.demo-button{margin: 20px auto 20px auto; text-align:center; clear: both;}


/*downloadable resources styles*/

#two-column-layout{width: 100%;line-height: 1.6em;clear:both;padding-top: 0px;}
#two-column-layout .column-one{width: 440px;float: left;padding-right: 40px;margin-bottom: 50px;border: 0px solid #F00;}
#two-column-layout .column-two{width: 400px;margin-bottom: 50px;float: right;}
#two-column-layout .image{float: left;margin: 0px 20px 20px 0px;}
#two-column-layout h3{margin-bottom: 20px;}
#two-column-layout a:hover h3, #two-column-layout a:focus h3{text-decoration:underline;}
#two-column-layout .share-icons{	}
#two-column-layout .share-icons span{width: 16px;height: 16px;padding-top: 0px;}
#two-column-layout .line{border-bottom: 2px solid #f1f1f1;clear: both;overflow: hidden;margin-bottom: 20px;padding-top: 20px;!padding-top: 0px; //IE7}

.download-icon{float: left;padding: 4px 7px 0px 0px;!padding: 0px 3px 0px 0px; //IE7}
.resource{clear: left;border: 0px solid #F00;overflow:hidden;}
#webinar{padding: 40px 0 80px 0;}