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

body {
	margin: 0;
	padding: 0;
}

div#skip_nav_link {
	display: none;
}

div.container {
	text-align: center;
	clear: both;
	background: white;
}

div.content {
	width: 775px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

div.clearer {
	clear: both;
}

form {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: underline ;
}

a img {
	border: none;
}

/**********************/
/* BEGIN: FONT STYLES */
div.container {
	font: 12px/1.5em Arial, Sans-Serif;
}

div#header, div#tagline h1, div#nav_main h1, div#nav_section div h1, div#nav_inside div h1, div.intro p span.inline_h1, div.columns div.right span.inline_h2, div.flyout div.middle h2, div.footer div.title h3, div.footer div.column h4, div.footer div#contact_us div#tabs div, div.footer div#contact_us div#get_directions p, div.columns div.right h1, div.columns div.right h2, div.columns div.right h3, div.columns div.right div.item p.abstract, div.clearwired_tagline h2 {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Sans-Serif;
}
/* END: FONT STYLES */


/********************/

/************************/
/* BEGIN: HEADER STYLES */
div#header {
	background: black url(/cis/images/bg_header.png) repeat-x;
	font-size: 14px;
	font-weight: bold;
	height: 33px;
}

div#nav_utility {
	margin: 0;
/*	float: left;*/
	float: right;
}

div#nav_utility ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#nav_utility ul li {
	display: block;
	float: left;
	margin-right: 1em;
}

div#nav_utility ul li a {
	color: #999;
	display: block;
	float: left;
	padding: 8px 11px;
	height: 19px;
}

div#nav_utility ul li a:hover {
	color: white;
}

div#nav_utility ul li.selected a {
	background: url(/cis/images/tab_middle.gif) repeat-x;
	display: block;
	float: left;
	color: #2c3640;
	padding: 9px 7px;
}

div#nav_utility ul li.selected a:hover {
	color: #2c3640;
}

div#nav_utility ul li img {
	display: block;
	float: left;
}

div#search {
	margin: 4px 0;
	float: right;
	text-align: right;
	margin: 6px 0 0 0;
}

div#search input#button_search {
	margin-bottom: 1px;
	vertical-align: bottom;
}
/* END: HEADER STYLES */
/**********************/

/***********************************/
/* BEGIN: MAIN CONTENT AREA STYLES */
div#main {
	background: white url(/cis/images/bg_main.png) repeat-x;
}
div#main div.content {
	padding-top: 40px;
}

div#mainprice {
	background: white url(/cis/images/bg_main.png) repeat-x;
}

div#mainprice div.content {
	padding-top: 40px;
}

div#logo {
	float: left;
	margin: 3em 2em 0 2em;
}

div#logo img {
	border: none;
	margin-top: 1em;
}

div#logo img.section {
	margin-top: 3.75em;
}

div.left div#logo {
	margin: 1em 0;
}

div.right div#logo {
	margin: 38px 0 0 0;
}

div.right div#logo h1 {
	text-transform: uppercase;
	font-size: 16px;
	margin: 0;
	color: #666;
}

div.right div#logo img {
	vertical-align: middle;
	margin: 10px 0.25em 0 0;
}

div.left div#logo img {
	margin: 0;
}

div.right.inside div#logo {
	float: none;
}

div#tagline h1 {
	font-size: 30px;
	line-height: 1em;
}

div#tagline h1 strong {
	color: #19466e;
}

div#tagline p {
	color: #333;
}

div.intro {
	padding-top: 4px;
}

div.intro p {
	color: #333;
}

div.intro p span.inline_h1 {
	font-size: 26px;
	font-weight: bold;
	color: black;
}

div.flyout {
	float: right;
}

div.narrow {
	width: 250px;
}

div.wide {
	width: 520px;
}

div.flyout div.left, div.flyout div.middle, div.flyout div.right {
	height: 142px;
	float: left;
}

div.flyout div.left {
	background: url(/cis/images/flyout_left.png) no-repeat;
	width: 37px;
}

div.flyout div.middle {
	position: relative;
	background: url(/cis/images/flyout_middle.png) repeat-x;
	padding-top: 28px;
	color: #333;
}

div.flyout div.middle a {
	color: #19466e;
}

div.flyout div.middle h2, div.flyout div.middle p {
	margin: 2px 0 0 0;
}

div.flyout div.middle p.link_get_started {
	position: absolute;
	right: 0;
	bottom: 34px;
	text-align: right;
	color: #19466e; 
}

.homeLink {color: #19466e;text-decoration:underline;}

div.flyout div.middle p.link_get_started a {
	text-decoration: underline;
	font-weight: bold;
}

div.narrow div.middle {
	width: 198px;
}

div.wide div.middle {
	width: 468px;
}

div.flyout div.right {
	background: url(/cis/images/flyout_right.png) no-repeat;
	width: 15px;
}

div.columns {
	
}

div.columns div.item {
	clear: both;
}

div.columns div.hr {
	clear: both;
	margin: 0 0 1em 250px;
	border-bottom: solid 1px #ababab;
}

div.columns div.hr.noclear {
	clear: none;
}

div.columns div.right div.hr {
	margin-left: 0;
}

div.columns div.left {
	width: 230px;
	float: left;
	text-align: center;
}

div.columns div.left img.icon, div.columns div.left img.photo {
/*	float: right;*/
}

div.columns div.left img.photo {
	background: url(/images/picture_frame.png) no-repeat;
	padding: 9px;
	width: 177px;
	height: 120px;
}

div.columns div.left img.photo.first {
	
}

div.columns div.left h2, div.columns div.left ul {
	text-align: left;
	width: 189px;
}

div.columns div.left h2 {
	text-transform: uppercase;
	font-size: 14px;
	color: #666;
	margin: 1.5em 0 0.5em 0;
}

div.columns div.left h2.rss {
	padding-top: 2em;
}

div.columns div.left h2.rss a {
	color: #666;
}

div.columns div.left h2.rss img {
	vertical-align: middle;
	margin-top: -6px;
	border: none;
}

/* begin: left navigation */
div.columns div.left ul {
	list-style: none;
	margin: 0.5em 0;
	padding: 0;
	border-top: solid 1px #666;
}

div.columns div.left ul li {
	border-top: solid 1px #666;
	padding: 0;
	line-height: 1.2em;
}

div.columns div.left ul li a {
	background: white;
	color: #666;
	display: block;
	padding: 0.25em 0.75em 0.25em 1em;
}

div.columns div.left ul li a:hover, div.columns div.left ul li.selected a {
	background: #ebebeb;
}
/* end: left navigation */

div.columns div.left div.casestudy {
	text-align: left;
}

div.columns div.left div.casestudy h2 {
	margin-top: 0;
}

div.columns div.left div.casestudy p {
	margin-top: 0;
	color: #666;
}

div.columns div.left div.casestudy p.quote {
	border-top: solid 1px #999;
	font-style: italic;
	padding-top: 1em;
}

div.columns div.left div.casestudy img {
	margin-left: 16px;
	border: none;
}

div.columns div.right {
	margin-left: 250px;
}

/* begin: link colors */
div.columns div.right a {
	color: #0c2994;
}

div.columns div.right a:hover {
	text-decoration: underline;
}

div.columns div.right a:visited {
	color: #430c94;
}
/* end: link colors */

div.columns div.right h3 {
	font-size: 24px;
	margin: 0 0 0.25em 0;
}

div.columns div.right h4 {
	font-size: 14px;
	margin: 0.25em 0 -0.75em 0;
	text-transform: uppercase;
	color: #6c8ea8;
}

div.columns div.right ul, div.columns div.right ol {
	color: #333;
	margin: 1em 0;
	padding: 0 0 0 2.5em;
}

div.columns div.right dl.2_col {
	
}

div.columns div.right dl.2_col dt {
	font-weight: bold;
	float: left;
}

div.columns div.right dl.2_col dd {
	
}

div.columns div.right span.inline_h2 {
	text-transform: uppercase;
	color: white;
	background: #6c8ea8;
	font-weight: bold;
	padding: 2px 4px 1px 4px;
}

div.columns div.right.inside p.byline {
	color: #98a7b2;
	font-size: 11px;
	margin-top: 0;
}

div.columns div.right.inside p.byline a {
	color: #98a7b2;
}

div.columns div.right.inside div.comment {
	padding: 26px 0.5em 0 0.5em;
	margin: 0;
	color: #2e5373;
	background: url(/images/quote.png) no-repeat;
	min-height: 40px;
}

div.columns div.right.inside div.comment p {
	color: #2e5373;
}

div.columns div.right.inside div.comment a {
	color: #2e5373;
}

div.columns div.right.inside div.comment.byline {
	background: none;
	color: #2e5373;
	padding: 0 0.5em;
	font-size: 12px;
	font-style: italic;
}

div.columns div.right.inside div.comment.byline strong {
	font-style: normal;
	font-weight: bold;
}

div.columns div.right.inside div {
	
}

div.columns div.right.inside h2 {
	font-size: 30px;
	line-height: 1em;
	margin: 0;
}

div.columns div.right.inside h2 a {
	color: black;
}

div.columns div.right.inside h2 a:hover {
	text-decoration: none;
}

div.columns div.right.inside h3 {
	font-size: 16px;
	color: #666;
	margin: 1em 0;
	text-transform: uppercase;
}

div.columns div.right.inside p {
	color: #333;
}

div.columns div.right.inside .input {
	width: 400px;
}

div.columns div.right.inside .input.textarea {
	height: 200px;
}

div.columns div.right.inside form p.link_more {
	float: left;
	background: #3e4951;
	padding: 4px 10px;
	font-weight: bold;
}

div.columns div.right.inside form p.link_more a {
	color: white;
}

div.columns div.right div.column.inner {
	float: left;
	width: 250px;
	text-align: left;
	margin: 0 20px 0 0;
}

div.columns div.right div.column.inner.left {
	
}

div.columns div.right div.column.inner.right {
	margin-right: 0;
}

div.columns div.right div.column.inner dl {
	margin: -1em 0 0 0;
	padding: 0;
}

div.columns div.right div.column.inner dl dt {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	color: #666;
	margin: 1em 0 0.5em 0;
}

div.columns div.right div.column.inner dl dd {
	padding: 0;
	margin-left: 1em;
}

div.columns div.right div.logos {
	margin-bottom: 1em;
}

div.columns div.right div.logos img {
	margin: 0;
	border: none;
}

div.columns div.right span.sub {
	font-size: 90%;
	color: #666;
}

div#clearwired_tagline {
	height: 82px;
	margin-bottom: 1em;
	padding: 30px 20px;
	color: #333;
	background: url(/images/flyout.png) no-repeat;
}

div#clearwired_tagline h2 {
	font-size: 18px;
	margin-top: -0.5em;
	margin-bottom: 0.25em;
}

div#clearwired_tagline p {
	margin-top: 0;
}

ol.tight {
	line-height: 1.2em;
	margin-top: 0;
}

ol.tight li {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
/* END: MAIN CONTENT AREA STYLES */
/*********************************/

/***************************************************/
/* BEGIN: NEWS, JOBS, PUBLICATIONS & EVENTS STYLES */
div.columns div.right div.item {
	clear: none;

/*	border: solid 1px red;*/

}

div.columns div.right div.item h1 {
	font-size: 18px;
	line-height: 1em;
	margin-bottom: 0.25em;
}

div.columns div.right div.item h2 {
	line-height: 1em;
	margin-top: 0;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
}

div.columns div.right div.item p.abstract {
	background: #ebebeb;
	padding: 3px 4px 2px 5px;
	color: black;
	font-style: italic;
}

div.columns div.right div.item p.date {
	margin-bottom: 0;
}

div.columns div.right div.item p.contact {
	margin-top: 0;
}

div.serendipity_comment {
	margin: 1em 0;
}
/* END: NEWS, JOBS, PUBLICATIONS & EVENTS STYLES */
/*************************************************/

/********************************/
/* BEGIN: PICTURE FRAMES STYLES */

div#product_image {
	float: left;
	width: 220px;
	height: 220px;
	margin-right: 4px;
	margin-bottom: 30px;
}

div#contact_details {
	float: left;
	width: 220px;
	margin-right: 4px;
}


.picture_frame .top .left {
	background: url(/images/picture_frame_top_left.png);
}

.picture_frame .top .center {
	background: url(/images/picture_frame_top_center.png);
}

.picture_frame .top .right {
	background: url(/images/picture_frame_top_right.png);
}

.picture_frame .middle .left {
	background: url(/images/picture_frame_middle_left.png);
}

.picture_frame .middle .right {
	background: url(/images/picture_frame_middle_right.png);
}

.picture_frame .bottom .left {
	background: url(/images/picture_frame_bottom_left.png);
}

.picture_frame .bottom .center {
	background: url(/images/picture_frame_bottom_center.png);
}

.picture_frame .bottom .right {
	background: url(/images/picture_frame_bottom_right.png);
}
/* END: PICTURE FRAMES STYLES */
/*******************************/

/**********************************************/
/* BEGIN: MAIN NAVIGATION (FRONT PAGE) STYLES */
div#nav_main {
	margin-top: 3.5em;
}

div#nav_main div {
	float: left;
	width: 191px;
	height: 164px;
	margin-right: 4px;
	background: url(/images/button_big_lo.png) no-repeat;
	text-align: center;
}

div#nav_main div:hover {
	background: url(/images/button_big_hi.png) no-repeat;
}

div#nav_main div#people {
	margin-right: -1px;
}

div#nav_main div h1, div#nav_main div p {
	margin: 0;
	padding: 0;
}

div#nav_main div a {
	margin: 0;
	padding: 20px 16px;
	color: white;
	display: block;
}

div#nav_main div h1 a {
	margin: 0;
	padding-bottom: 10px;
}

div#nav_main div p a {
	margin: 0;
	padding-top: 0;
}
/* END: MAIN NAVIGATION (FRONT PAGE) STYLES */
/********************************************/

/***************************************************************/
/* BEGIN: SECTION NAVIGATION (DESIGN, TECHNOLOGY, ETC.) STYLES */
div#nav_section {
	margin-top: 3.5em;
	height: 88px;
	padding-bottom: 1em;
}

div#nav_section div {
	float: left;
	width: 191px;
	height: 88px;
	margin-right: 4px;
	background: url(/images/button_medium_lo.png) no-repeat;
	text-align: center;
}

div#nav_section div:hover {
	background: url(/images/button_medium_hi.png) no-repeat;
}

div#nav_section div.selected {
	background: url(/images/button_medium_on.png) no-repeat;
}

div#nav_section div#people {
	margin-right: -1px;
}

div#nav_section div h1 {
	margin: 0;
	padding: 0;
}

div#nav_section div a {
	margin: 0;
	padding: 20px 16px;
	color: white;
	display: block;
}

div#nav_section div.selected a {
	color: black;
}

div#nav_section div h1 a {
	margin: 0;
	padding-bottom: 10px;
}
/* END: SECTION NAVIGATION (DESIGN, TECHNOLOGY, ETC.) STYLES */
/*************************************************************/

/*******************************************************/
/* BEGIN: INSIDE NAVIGATION (LOOP EVENTS, ETC.) STYLES */
div#nav_inside {
	margin-left: 1px;
}

div#nav_inside div {
	width: 187px;
	height: 31px;
	margin-bottom: 0.5em;
	background: url(/images/button_small_lo.png) no-repeat;
	text-align: center;
}

div#nav_inside div:hover {
	background: url(/images/button_small_hi.png) no-repeat;
}

div#nav_inside div h1 {
	margin: 0;
	padding: 0;
	font-size: 18px;
}

div#nav_inside div a {
	margin: 0;
	padding: 4px 0;
	color: white;
	display: block;
}
/* END: INSIDE NAVIGATION (LOOP EVENTS, ETC.) STYLES */
/*****************************************************/

/*****************************/
/* BEGIN: UBER FOOTER STYLES */
div.footer {
	background: #0e1b25 url(/images/bg_footer.png) repeat-x;
	color: white;
}

div.footer div {
	background: none;
}

div.footer div.title {
	background: #081014;
}

div.footer div.title h3 {
	font-size: 20px;
	margin: 0;
	padding: 6px 0 10px 0;
}

div.footer div.column {
	position: relative;
	width: 238px;
	padding-right: 20px;
	float: left;
}

div.footer div.row div.column {
	height: 220px;
}

div.footer div.column.col_1.span2 {
	width: 494px;
}

div.footer div.column.col_2.span2 {
	width: 474px;
}

div.footer div.col_2, div.footer div.col_3 {
	background: url(/images/bg_shadow.png) repeat-y;
	width: 218px;
	padding-left: 20px;
}

div.footer div.column h4 {
	font-size: 30px;
	margin-bottom: 6px;
}

div.footer div.column h5 {
	background: #081014;
	margin: 0 -20px 0.5em -20px;
	padding: 6px 0 6px 20px;
	font-size: 14px;
}

div.footer div.column p.link_more {
	position: absolute;
	bottom: -12px;
	right: 0;
	background: #3e4951;
	padding: 4px 10px;
	font-weight: bold;
}

div.footer div.column ul {
	list-style-image: url(/images/list_image.png);
	border-bottom: solid 1px #3e4951;
	margin: 0;
	padding: 0 0 0 1.5em;
	clear: both;
}

div.footer div.column ul.last {
	border-bottom: none;
}

div.footer div.column ul li {
	margin: 0 0 0.25em 0;
	padding: 2px 0 0 0;
}

div.footer div#loop {
	
}

div.footer div#loop div#icon_loop {
	float: left;
	margin: 12px 0 1em 0;
	width: 102px;
	height: 138px;
	background: url(/images/icon_loop.png) no-repeat;
}

div.footer div#loop .tagline {
	color: #98a7b2;
	font-size: 11px;
}

div.footer div#loop .tagline a {
	color: #98a7b2;
}

div.footer div.column div.icon {
	float: left;
	margin: 1em 1.5em 0 0;
}

div.footer div.column div#icon_events {
	width: 31px;
	height: 54px;
	background: url(/images/icon_events.png) no-repeat;
}

div.footer div.column div#icon_news {
	width: 34px;
	height: 53px;
	background: url(/images/icon_news.png) no-repeat;
}

div.footer div.column div#icon_publications {
	width: 26px;
	height: 52px;
	background: url(/images/icon_publications.png) no-repeat;
}

div.footer div.column div#icon_jobs {
	width: 25px;
	height: 54px;
	background: url(/images/icon_jobs.png) no-repeat;
}

div.footer div.column div.icon.rss {
	height: 32px;
	margin: 2.5px 1em 0 0;
	background: url(/images/icon_rss_small.png) no-repeat;
}

div.footer div.column div.icon.rss a {
	display: block;
	padding: 2px 0 0 26px;
	font-weight: bold;
}

div.footer div#contact_us {
	padding-left: 0;
	position: relative;
}

div.footer div#contact_us div#get_in_touch div {
	margin: 1em 0;
	line-height: 1em;
}

/*div.footer div#contact_us div#get_in_touch input.text {*/
div.footer div#contact_us input.text {
	width: 282px;
}

div.footer div#contact_us div#tabs {
	width: 174px;
	float: left;
}

div.footer div#contact_us div#tabs div {
	height: 38px;
	padding: 17px 0 0 20px;
	font-size: 17px;
	font-weight: bold;
}

div.footer div#contact_us div.content {
	background: #253846;
}

div.footer div#contact_us div#tabs div.selected {
	background: #253846 url(/images/bg_shadow.png) repeat-y;
}

div.footer div#contact_us div#tabs div.shadowed {
	background: url(/images/bg_shadow_vertical.png) repeat-x;
}

div.footer div#contact_us div#tabs div a {
	color: #576167;
}

div.footer div#contact_us div#tabs div.selected a, div.footer div#contact_us div#tabs div a:hover {
	color: white;
}

div.footer div#contact_us div#tabs div.selected a:hover {
	text-decoration: none;
	cursor: default;
}

div.footer div#contact_us div.content {
	position: absolute;
	top: 0;
	left: 174px;
	padding-left: 30px;
	width: 312px;
	height: 220px;
	display: none;
}

div.footer div#contact_us div.content.selected {
	display: block;
}

div.footer div#contact_us div.content h4 {
	font-size: 14px;
	margin-right: 20px;
}

div.footer div#contact_us div#get_directions p {
	margin-bottom: 0;
	font-weight: bold;
}

div.footer div#contact_us div#map {
	width: 278px;
	height: 164px;
	border: solid 2px #081014;
	color: black;
}

div.footer div#contact_us div#map img {
	border: none;
}

div.footer div#contact_us div#work_with_us p {
	margin-right: 20px;
}

div.footer div#contact_us div#work_with_us p.link_more {
	margin-right: 0;
}

div.footer a {
	color: white;
}

div.footer a:hover {
	text-decoration: underline;
}
/* END: UBER FOOTER STYLES */
/***************************/

/******************************/
/* BEGIN: UNTER FOOTER STYLES */
div#unter {
	background: #081014;
	font-size: 11px;
	padding: 10px 0;
	color: #999;
}

div#unter div {
	text-align: right;
}

div#unter a {
	color: #999;
}

div#unter a:hover {
	color: white;
	text-decoration: underline;
}
/* END: UNTER FOOTER STYLES */
/****************************/
/* NEW DESIGN STYLES 050207 */
div.middle ul {margin:8px 0 0 0; padding:0;}
div.middle ul li {margin:0;list-style:none;padding:0;float:left; width:145px;}
/****************************/
/* New Project Page Styles */


#shortlink {margin: 0; padding: 0;float: left;width: 100%;line-height: normal;background-color: #FFFFFF;}
#shortlink a {
	float: left;
	display: block;
	padding: 1px 8px 0px;
	text-decoration: none;
	font-size: 10px;
	font-family: Arial, Tahoma, "Sans Serif", Verdana;
	color: #666;
	border-right: 1px dotted #333333
}
#shortlink a:hover {color: #333333;}

#link-pdf {
	margin-left:2em;
	background-position: 0px 0px;
	background-image:url(http://www.pointvue.com/cis/images/ico/pdf_logo.gif);
	background-repeat: no-repeat;
	padding-left:1.5em;
}

#link-mail  {
	background-image: url(http://www.pointvue.com/cis/images/ico/at.png);
	font-size:medium;
	padding-left:2.5em;
	padding-top: 16px;
	background-position: 0px 0.5em;
	background-repeat: no-repeat;
	height: 32px;
	vertical-align: middle;
	font-weight: bold;
	color: 687611;
}
#link-price  {
	background-image: url(http://www.pointvue.com/cis/images/ico/dollar.png);
	font-size:medium;
	padding-left:2.5em;
	padding-top: 16px;
	background-position: 0px 0.5em;
	background-repeat: no-repeat;
	height: 32px;
	vertical-align: middle;
	font-weight: bold;
	color: 687611;
}

#link-phone  {
	background-image: url(http://www.pointvue.com/cis/images/ico/phone.png);
	font-size:medium;
	padding-left:2.5em;
	padding-top: 16px;
	background-position: 0px 0.5em;
	background-repeat: no-repeat;
	height: 32px;
	vertical-align: middle;
	font-weight: bold;
	color: 687611;
}

#link-up  {
	margin-left:1em;
	font-size:medium;
	background-image: url(http://www.pointvue.com/cis/images/ico/page_up.png);
	background-repeat: no-repeat;
	height: 32px;
	vertical-align: middle;
	width: 200px;
	font-weight: bold;
	padding-top: 16px;
	text-align: right;
	color: #68196E;
}



.h2 {margin-top: 4px !important;width:200px !important;}
.casestudy dl { width: 200px;border-top: solid 2px #666;padding-top: 6px;margin: 0 !important;}
.casestudy dt {font-weight: bold; font-family: "Trebuchet MS", "Lucida Grande", Arial, Sans-Serif;margin: 0 0 4px 0;}
.casestudy dd {margin: 0 0 10px 0;line-height:12px;}
.casestudy dd span{display: block; font-size: 86%;color: #666; margin: 2px 0; }
.casestudy dd span.ct{display: inline;font-size: 84%;color: #333; margin: 0 2px; background-color: #FFA203;padding: 1px 2px;}
.casestudy dd span.ida{display: inline;font-size: 84%;color: #333; margin: 0 2px; background-color: #B0CB34;padding: 1px 2px;}
.casestudy dd span.ur{display: inline;font-size: 84%;color: #333; margin: 0 2px; background-color: #77DAF0;padding: 1px 2px;}
.casestudy dd span.dd{display: inline;font-size: 84%;color: #333; margin: 0 2px; background-color: #FF5700;padding: 1px 2px;}
.casestudy dd a {color: #314FA8;}
.casestudy dd a:hover {text-decoration: underline;}
    
.controls {text-align: right;margin: 4px 0 14px 0;}
.controls a {text-transform: uppercase;color: white !important;font-weight: bold;padding: 4px 6px 2px 6px;background: #6c8ea8;}
div.section {background-color: #EEEFEF;padding: 10px;}	 
div.section p {margin: 0 30px 0 0 !important;}
div.section strong span {color: white !important;font-weight: bold;padding: 2px 5px 2px 5px;background: #6c8ea8;font-size: 80%;}	
div.section strong {display: block;margin-bottom: 10px;}
	  
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 523px; 
	height: 210px;
	overflow: hidden;
	border:1px solid #666666;
}
div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:523px;
	height:200px;
	overflow:hidden;
  float: left;
}
div.scroller div.contentx {
	width: 10000px;
}