/*
IC North America.
*/

/*STYLING RESETS, this resets all the browser issues, and resets everything to 0*/

html, body, div, span, input, textarea, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, strong, ol, ul, li, fieldset, form, label, legend, table, tbody,tr, td {margin: 0;padding: 0;border: 0;outline: 0;}

body {color: #ffffff;background: #000000; text-align: center; font-family:  Helvetica, arial,verdana, serif; line-height: 15px; font-size: 12px;}

a { text-decoration: none; color: #000000; font-weight: bold;}
	
a:hover {text-decoration: underline; color: #000000; }

input, textarea {border: solid black 1px;}

br.secret{height: 0px; line-height: 0px; clear: both;}

h1 {font-size: 42px; line-height: 40px;}
h1.active, h1.active a {color: #FF326C!important;}
h1 span.left { font-size: 60px;}

#flashMessage {font-size: 24px; font-weight: bold; color: #000000; background: #ffffff; padding: 20px 0;}

.nobold {font-weight:normal;}
.largeblack {font-weight: bold; font-size: 14px;}

div.black { background: #000000; color: #ffffff;}
div.white { background: #ffffff; color: #333333;}

div.spacer50 {width: 100%; height: 50px;}
div.spacer35 {width: 100%; height: 35px;}
div.spacer30 {width: 100%; height: 30px;}
div.spacer20 {width: 100%; height: 20px;}
div.spacer15 {width: 100%; height: 15px;}
div.spacer10 {width: 100%; height: 10px;}

	
.wrapper { 
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

p {margin-bottom: 10px; text-align: justify; text-justify: inter-word;}

.download { color: #787878; text-decoration: none;}

#footer p { font-size: 10px;}

/* Navigation */
#nav { font-size: 11px;}
#nav ul {list-style-type: none; float: right; margin-right: 73px; _margin-right: 45px;}
#nav ul li {float: left; display: inline; margin-right: 20px; border-bottom: solid 2px #000000; }

#nav a {color: #ffffff; text-decoration: none; display: block; font-weight: normal;}
#nav a.america {float: left; margin-left: 100px;}

/*nav highlights*/
.about-us #aboutus, .what-we-do #whatwedo, .who-we-are #whoweare, 
.case-studies #casestudies, .careers #careers, .contact-us #contactus,
.industrial-design #whatwedo, .interface-design #whatwedo, 
.design-research #whatwedo, .strategic-innovation #whatwedo, .our-thinkings #ourthinkings  { border-bottom: solid 2px #ffffff;}

.aboutusonly #whatwedo { border-bottom: solid 2px #ffffff;}
.aboutusonly #aboutus, .aboutusonly #whoweare, .aboutusonly #casestudies, .aboutusonly #careers, .aboutusonly #contactus { border-bottom: solid 2px #000000;}

/*header info*/
#headeropen {display: none;}
.bwlogo { float: left; margin-left: 100px; _margin-left: 50px;}
	.bwlogo a {width:349px; height: 129px; background: url('/img/bwlogo.jpg') no-repeat; display: block;}
	.black .bwlogo a {background-position: top left;}
	.white .bwlogo a {background-position: bottom left;}
	
.bwdb {float: right; margin-right: 93px; _margin-right: 55px;}
	.bwdb a {width:188px;height: 20px; background: url('/img/bwdb.jpg') no-repeat; display: block;}
	.black .bwdb a {background-position: bottom left; }
	.white .bwdb a {background-position: top left;}


/* Page Content */
#pageContent .left, #wwd .content .left {float: left; width: 490px; margin: 0 30px 0 100px;_ margin: 0 30px 0 50px;}
#pageContent .right, #wwd .content .right {float: left; width: 180px;}

#wwd .content .left p {margin: 0 0 10px 0;}

#pageContent h2 {font-size: 20px; font-weight: bold; color: #FF326C; line-height: 22px; margin-bottom: 10px;}
#pageContent .content h2 {margin: 0 100px 10px;}

.dbschoollist { list-style-type: none;}
.dbschoollist li {width: 245px; float: left;}

.right ul {margin: 5px 0 0 20px;}


/* What We Do Section 
	This is the whole footer code section*/
#wwd h1 span.left {display: block; float: left; width: 20px; padding: 5px 40px; _padding: 5px 30px;}
#wwd h1 span.right {display: block; float: left; text-transform: uppercase;}
#wwd h1 a {color: #ffffff; line-height: 32px;}
#wwd .content .left p {margin: 0 0 10px;}

.content p {margin: 0 100px 10px;}
.content ul, .content ol {margin: 0 130px 10px;}

#wwd .white {display: none;}

/*Now for the page templates for WWD*/
.strategic-innovation #header, .design-research #header, .industrial-design #header, .interface-design #header {display: none;}
.strategic-innovation #headeropen, .design-research #headeropen, .industrial-design #headeropen, .interface-design #headeropen {display: block;}

.strategic-innovation #strategicinnovation, .design-research #designresearch, .industrial-design #industrialdesign, .interface-design #interfacedesign { display: none;}
.strategic-innovation #strategicinnovationwhite, .design-research #designresearchwhite, .industrial-design #industrialdesignwhite, .interface-design #interfacedesignwhite {display: block;}

#wwd .item {font-size: 12px; font-weight: normal; text-transform: capitalize; margin-right: 15px;}
#wwd a, #wwd a:hover {text-decoration: none;}

/*homepage*/
.homepage_thumb_grid { list-style-type: none; width: 706px; margin-left: 96px;}
.homepage_thumb_grid li { display: block; float: left; background: url('/img/homegrid/shadow.jpg') no-repeat top left; width: 122px; height: 93px; margin: 0 24px 24px 0; _margin: 0 18px 18px 0;}
.homepage_thumb_grid li img {margin: 4px;}
.homepage_thumb_grid li.last {margin-right: 0px;}
.videodiv, .contentdiv { display: none;}


.fancy_div img {float: left;}

/*Career Pages*/
/* admin pages*/
.formlist {list-style-type: none;}
.formlist li {margin: 0 0 10px; clear:both;}
.formlist li label {display: block; width: 150px; float: left;}
.formlist li input, .formlist li textarea { padding: 3px; }
.formlist li textarea {width: 480px; height: 300px;}

.content h3 {margin: 0 0 0 100px; }
.isactive { font-size: 11px; color: green; padding: 10px 0 0 0;}
.notactive { font-size: 11px; color: red; padding: 10px 0 0 0; }

.careersside h3 {margin-bottom: 15px; }
.careersside p.title {font-weight: bold; text-transform: uppercase;	}
.careersside ol { margin: 0 0 20px 26px; font-weight: bold; list-style-type: decimal-leading-zero;}
.careersside ol li { margin: 0 0 5px 0;}

.career h1 {font-size: 30px; margin-bottom: 10px;}
.career .location {font-weight: bold; text-transform: uppercase; float: left; width: 315px;}
.career .print {font-weight: bold; text-transform: uppercase; float: right;}
.career h4 {margin: 10px 0 5px; text-transform: uppercase; font-size: 13px;}
.career ul {margin: 0 0 0 20px;}

/*print career*/
body.print { background: #ffffff; padding: 10px 0 50px; }
.print h1 {margin: 0 100px ;}
.print h4 {margin: 10px 100px 5px 100px;}
.print ul { margin: 0 120px;}
.printbottom .content { border-top: solid 1px black; width: 700px; margin: 0 100px;}
.printbottom h4 {text-transform: uppercase; margin: 10px 0 5px 0;}
.printbottom p {margin: 0 0 10px 0;}

/*people pages*/
.mainslide p { margin: 0 0 10px 0; }
.mainslide p.title { height: 60px; overflow: hidden; text-align: left; text-justify: none; font-size: 10px;}
.mainslide p.title a {font-size: 12px;}
.mainslide { list-style-type: none; margin: 0!important;}
.mainslide li { float: left; width: 124px; margin-right: 20px;}
.mainslide li .image { width: 124px; height: 124px; background: url('/img/people/frame/medium.jpg') no-repeat top left;}
.mainslide li .image img { margin: 5px; }

.minislide {list-style-type: none; margin: 0!important;}
.minislide li {float: left; width: 55px; margin-right: 15px;}
.minislide p {margin: 0!important;}
.minislide li .image {width: 55px; height: 55px; background: url('/img/people/frame/small.jpg') no-repeat top left;}
.minislide li .image img {margin: 2px;}

.jclite { float: left; width: 700px!important;}
#leftarrow, #rightarrow { float: left; padding: 100px 44px;}

.smalljclite {float: left; width: 336px!important;}
#minileftarrow, #minirightarrow { float: left;  padding:13px;}
#minileftarrow { margin-left: 62px;}

.accordionButton {font-size: 22px; text-decoration: none; margin:10px 0 0 80px; line-height: 30px;}
.accordionButton .minus { display: none;}
.accordionButton .plus {display: inline;}
.accordionactive .minus {display: inline!important; padding: 0 3px;}
.accordionactive .plus {display: none!important;}
.accordionButton:hover {text-decoration: none;}

.peoplenav a {margin-right: 15px;}
.peoplenav a.last {margin: 0 ;}
.peoplenav a.active {text-decoration: none; border-bottom: solid 2px #000000;}

.largeprofile {width: 188px; height: 188px; background: url('/img/people/frame/large.jpg') no-repeat top left;}
.largeprofile img {margin: 6px;}
h1.persontitle {font-size: 16px; line-height: 20px; margin: 0!important;} 


.slideshow { width: 700px; float: left; }
.slideshow ul { list-style-type: none; }
.slideshow ul li {float: left; }
.slideshowprevious, .slideshownext { display: block; width: 100px; height: 525px; text-indent: -9000px; overflow: hidden; font-size: 0px; line-height: 0px;  float: left; background: url('/img/slideshow-left.jpg') no-repeat;}
.slideshowprevious {background-position: -100px 215px; }
.slideshownext {background-position: -200px 215px;}
.slideshowprevious:hover { background-position: 0 215px; cursor: pointer;}
.slideshownext:hover { background-position: -300px 215px; cursor: pointer;}
.back {margin: 0 100px 0 0; float: right;}



/*case studies*/
.login p { margin: 10px 0 0 0 !important;}
.login input {padding: 3px;}
 .loginbutton { margin: 10px 0 0 0; border: none; background: #fff; color: #000; font-weight: bold; text-transform: uppercase; padding: 3px;}
 .loginbutton:hover { background: #000; color: #fff; cursor: pointer;}

.smallsidebar {color: #4d4d4d; font-size: 11px;}

/*contact Us*/
.one, .two, .three {float: left; }
.one .title, .two .title, .three .title { font-weight: bold; font-size: 14px; margin: 0;}

.one .title {margin: 0 0 15px 100px;}
.one .contactform { list-style-type: none; margin: 0 0 0 100px;}
.one .contactform li {display: block; clear: both; margin-bottom: 5px;}
.one .contactform li label { float: left; width: 60px; display: block; font-size: 11px; margin-right: 8px;}
.one .contactform li input, .one .contactform li textarea { padding: 3px; float: left; width: 200px;}
.one .contactform li textarea { height: 75px;}
.one .submit { margin: 10px 0 0 225px; border: none; background: #fff; color: #000; font-weight: bold; text-transform: uppercase; width: 50px!important;}
.one .submit:hover { background: #000; color: #fff; cursor: pointer;}

.two {margin: 0 0 0 100px;}
.two p, .three p {margin: 0 0 10px 0;}

.three {margin: 0 0 0 100px;}



.sidenav li {margin-bottom: 5px;}
.spacing {margin-bottom: 10px;}