/* 0=Meyer's reset */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, 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;
		color: black;
		background: white;
	}
	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: "" "";
	}

/* 1=html tags */

	body {
		font: 62.5%/1.25 Arial, Helvetica, sans-serif; /* reset 1em to 10px */
		color:#6C685E;
		background:transparent url(../img/texture_bckg.gif) repeat;
	}
	
	h2 {
		font-size:3em;
		color:#383838;
	}
	
	h3 {
		font-size:1.8em;
		color:#80C813;
	}
	
	h4 {
		font-size:1.4em;
		font-weight:bold;
		color:#383838;
	}
	
	p,
	address {
		font-size:1.3em;
		font-style:normal;
		line-height:1.3em;
		color:#6C685E;
	}
	
	a {
		color:#80C813;
	}
	
	a:hover {
		color:#383838;
	}
	
	
	strong {
		font-weight:bold;
		color:#383838;
	}

/* 2=global classes */

	.gutter {
		margin-left:1.25em;
	}
	
	.gutter-right {
		margin-right:1.25em;
	}

	h1.tonic-logo {
		width:8em;
		height:2.4em;
		float:left;
		margin-right:19.2em;
		background:transparent url(../img/tonic_logo.gif) no-repeat;
	}
		h1.tonic-logo a {
			display:block;
			width:8em;
			height:2.4em;
			text-indent:-1000em;
		}
	
	.navi ul {
		display:block;
		width:20.8em;
		height:12.5em;
		float:left;
		padding-left:0.5em;
	}
		
		.navi ul li {
			width:4em;
			height:1em;
			font-size:1.3em;
			font-weight:bold;
			color:#80C813;
			text-decoration:none;
			padding:0.25em 0 0 0.25em;
			
		}
	
		.navi ul li a {
	
			display:block;
			width:4em;
			height:1em;
			text-indent:-100em;
			background-image:url(../img/mainNav.gif);
			background-position:top left;
			background-repeat:none;
		}
		
		.navi ul li a.about {
			background-position:0 0px;
		}
		
		.navi ul li a.think {
			width:4.14em;
			height:1em;
			background-position:0 -40px;
		}
		
		.navi ul li a.news {
			background-position:0 -120px;
		}
		
		.navi ul li a.work {
			background-position:0 -80px;
		}
		
		.navi ul li a.contact {
			background-position:0 -160px;
		}
		
		.navi ul li a.about:hover,
		.navi ul li.select a.about {
			background-position:0 -20px;
		}
		
		.navi ul li a.think:hover,
		.navi ul li.select a.think {
			background-position:0 -60px;
		}
		
		.navi ul li a.news:hover,
		.navi ul li.select a.news {
			background-position:0 -140px;
		}
		
		.navi ul li a.work:hover,
		.navi ul li.select a.work {
			background-position:0 -100px;
		}
	
		.navi ul li a.contact:hover,
		.navi ul li.select a.contact {
			background-position:0 -180px;
		}
	
	.tweeter {
		width:37.5em;
		float:left;
		padding-left:6.5em;
	}
	
	.tweeter p {
		font-size:1.8em;
		font-weight:bold;
		color:#80C813;
		width:21em;
		padding-bottom:1.1em;
		margin-bottom:1.1em;
		border-bottom:2px solid #F8F6EF;
	}
	
	p.timer-stamp {
		width:7em;
		float:left;
		color:#6C685E;
		margin-right:17.75em;
		border-bottom:none;
	}
	
	a.media-link {
		width:4em;
		float:left;
	}
	
	a.download {
		width:1.9em;
		height:1.9em;
		background:url(../img/btn_pdf.gif) no-repeat 0 0;
	}
		
/* 3=global areas */
	
	#wrapper {
		positon:relative;
		width:97.8em;
		height:15em;
		min-height:15em;
		height:auto !important;
		background-color:#fff;
		margin:0 auto;
		padding:1.6em 0 0 0;
	}
	
	.navi {
		width:97em;
		height:16em;
	}
		
	.content-display {
		clear:both;
		position:relative;
		width:96em; /*fix horizontal scrolling in IE8*/
		height:15em;
		min-height:15em;
		height:auto !important;
		overflow:auto;
		margin-left:1.2em;
		padding-bottom:1.5em;
		background:transparent url(../img/content_display_pannel.gif) no-repeat top left;
	}
		
	.footer {
		clear:both;
		width:96.25em;
		height:4em;
		padding:2em 0 0 1.6em;
		background-color:#f8f6ef;
		border-top:1.5px solid #E0DCD3;
		border-bottom:1.5px solid #E0DCD3;
	}
	
	.footer p.college-group {
		width:22em;
		float:left;
		font-size:1.1em;
		margin-right:44em;
	}
	
	p.college-group a {
		width:7em;
		font-size:1em;
		margin-bottom:0em;
		color:#6C685E;
		text-decoration:underline;
	}
	
	.footer p.copy {
		width:21em;
		float:left;
		font-size:1.1em;
	}
		
/* 4=group declarations */

	p.timer-stamp,
	a.media-link {
		font-size:1.3em;
		font-weight:normal;
	}
	
	.contact-office a,
	.follow-us a,
	.content-dynamic a {
		display:block;
		font-size:1.3em;
		margin-bottom:1.5em;
	}
	
	.content-dynamic {
		border-top:2px solid #F8F6EF;
		
	}
	
	.content-dynamic-work,
	.content-dynamic {
		clear:both;
		width:95em;
		height:1em;
		min-height:1em;
		height:auto !important;
		overflow:auto;
		padding:1.5em 0 4em 0;
		border-bottom:2px solid #F8F6EF;
	}
	
	.home_carousel_item {
		position:relative;
	}
	
	.home_carousel_img {
		position:relative;
		height:39em;
		width:65.6em;
		float:left;
	}
	
	
	.content-dynamic-work {
		padding:1.5em 0 2em 0;
	}
	
	.content-contact {
		border-bottom:none;
	}
	
	.content-contact p strong {
		display:block;
		margin:1em 0 0 0;
		color:#6C685E;
	}
	
	.content-dynamic-work .dynamic-top-right h2,
	.dynamic-top-left h2,
	.dynamic-top-center h2,
	.dynamic-top-right h2,
	.content-description h2,
	.content-dynamic h3 {
		font-size:1.7em;
		font-weight:bold;
	}
	
	
	.content-dynamic-work h3,
	.content-dynamic h3 {
		width:15.5em;
		float:left;
		padding-bottom:10em;
		margin-right:1.6em;
	}
	
	.content-contact h3  {
		width:16em;
		float:left;
		padding-bottom:10em;
	}
	
	.title-case-study {
		height:90em;
	}
	
	.content-dynamic-work .dynamic-top-left,
	.content-dynamic-work .dynamic-top-center,
	.dynamic-top-left,
	.dynamic-top-center,
	.dynamic-top-right,
	.contact-office,
	.follow-us,
	.tweet-us {
		width:20.8em;
		float:left;
	}
	
	.content-dynamic-work .dynamic-top-left,
	.content-dynamic-work .dynamic-top-center,
	.content-dynamic-work .dynamic-top-right {
		height:1em;
		min-height:1em;
		height:auto !important;
		overflow:auto;
		margin-bottom:1em;
	}
	
	.dynamic-top-left h2,
	.dynamic-top-center h2,
	.dynamic-top-right h2{
		margin:0.15em 0 0.75em 0;
	}
		
	.content-dynamic-work .dynamic-top-left h4,
	.content-dynamic-work .dynamic-top-center h4,
	.content-dynamic-work .dynamic-top-right h4,
	.content-dynamic-work .dynamic-top-left h4 a,
	.content-dynamic-work .dynamic-top-center h4 a,
	.content-dynamic-work .dynamic-top-right h4 a {
		width:14em;
		font-size:1.2em;
		color:#383838;
		text-decoration:none;
		margin-bottom:0em;
	}
	
	.content-dynamic-work .dynamic-top-left h4 a:hover,
	.content-dynamic-work .dynamic-top-center h4 a:hover,
	.content-dynamic-work .dynamic-top-right h4 a:hover {
		color:#80C813;
	}
	
	#management-carrousel,
	#work-carrousel {
		width:65.6em;
		height:39em;
		float:left;
	}
	
	.content-dynamic-work .dynamic-top-left,
	.content-dynamic-work .dynamic-top-center {
		margin-left:0.3em;
	}
	
	
	.content-dynamic-work .dynamic-top-left a img,
	.content-dynamic-work .dynamic-top-center a img,
	.content-dynamic-work .dynamic-top-right a img {
		width:16em;
		height:11.2em;
		margin:0.75em 0 0.75em 0;
	}
	
	.content-dynamic-work .dynamic-top-left a,
	.content-dynamic-work .dynamic-top-center a,
	.content-dynamic-work .dynamic-top-right a {
		display:block;
		font-size:1.3em;
	}
	
	#about .dynamic-top-right p.title-list,
	.content-dynamic-work .content-display-text p.title-list {
		font-weight:bold;
	}
	
	#about .dynamic-top-right ul li {
		font-size:1.3em;
	}
	
	#about .dynamic-top-right ul li,
	.content-display-text ul li {
		width:13em;
		padding-left:0.75em;
		line-height:1.3em;
		
	} 
	
	
/* 5=specific styles */
	
	.content-display .img-description img {
		margin-top:0.25em;
	}
	
	.content-display .content-display-text a {
		display:block;
		font-size:1.3em;
		margin-top:0.25em;
		text-decoration:underline;
	}
	
	/*home*/

	.content-display-text {
		position:relative;
		width:27.2em;
		float:left;
		padding:2em 0 0 0.75em;
		margin-right:1.25em;
	}
	
	.content-display-text h2,
	.content-description h2	{
		width:9em;
	}
	
	.content-display-text p.date-stamp,
	.content-display-text p.date-stamp a {
		margin-bottom:0.3em;
	}
	
	.content-display-text p.title-list,
	.content-dynamic-work .dynamic-top-left p.title-list,
	.content-dynamic-work .dynamic-top-center p.title-list,
	.content-dynamic-work .dynamic-top-right p.title-list,
	.content-dynamic .dynamic-top-left p.title-list,
	.content-dynamic .dynamic-top-center p.title-list,
	.content-dynamic .dynamic-top-right p.title-list{
		font-weight:bold;
		margin:0 0 0.5em 0em;
	}

	.content-display-text p {
		width:20em;
		margin:0.25em 0 2em 0em;
	}
	
	.content-display-text ul {
		margin:0;
		padding:0;
		font-size:1.3em;
	}
	
	.content-display-text ul li {
		background:transparent url("../img/bullet_pink.gif")no-repeat 0 7px;
	}
	
	.pagination {
		width:92em;
		height:2em;
		margin-top:1.5em;
		margin-left:0.5em;
	}
	
	.pagination p {
		width:7.5em;
		float:left;
		font-weight:bold;
		color: #6C685E;
	}
	
	.pagination ul li {
		width:1.5em;
		height:1.5em;
		float:left;
		font-size:1em;
	}
	
	.pagination ul li a {
		width:0.5em;
		float:left;
		font-size: 1.3em;
		font-weight:bold;
		color:#80C813;
		cursor: pointer;
	}
	
	.pagination ul li span {
		width:0.25em;
		float:left;
		font-size:1.3em;
		font-weight:bold;
		margin-left:0.2em;
	}
	
	.pagination ul li a span {
		display:block;
		width:0.25em;
		float:left;
	}
	
	.pagination ul li a.select {
		color:#6C685E;
		cursor: pointer;
	}
	
	.content-dynamic h4,
	.content-contact h4 {
		margin-bottom:1em;
	}

	.dynamic-top-center img {
		width:20.8em;
		height:14.5em;
		margin-top:0.75em;
	}
	
	.dynamic-top-right p {
		margin-bottom:1em;
	}

	.follow-us {
		width:20.5em;
	}

	.follow-us form {
		width:21em;
		margin-top:0.25em;
	}
	
	.follow-us form fieldset {
		width:20em;
	}
	
	.follow-us form fieldset legend {
		display:none;
	}
	
	.follow-us form fieldset input.input-form {
		width:11em;
		height:1em;
		float:left;
		font-size:1.1em;
		color: #ccc;
		padding:0.15em 0 0.25em 0.15em;
		border:1px solid #E0DCD3;
	}
	
	.follow-us form fieldset input.input-submit {
		float:left;
		border:none;
		cursor:pointer;
	}
	
	.tweet-us form fieldset {
		width:20em;
	}
	
	.tweet-us legend {
		display:none;
	}
	
	textarea.input-tweet {
		width:15.5em;
		height:9em;
		color: #ccc;
		border:1px solid #E0DCD3;
	}
	
	input.submit-tweet {
		margin-top:0.5em;
		border:none;
		cursor:pointer;
	}
	
	/* contact */
	
	.content-contact {
		clear:both;
		width:95em;
		height:1em;
		min-height:1em;
		height:auto !important;
		overflow:auto;
		padding:1.5em 0 4em 0;
		border-bottom:2px solid #F8F6EF;
	}
	
	#contact #wrapper .content-display .content-display-text p {
		margin-bottom:1.25em;
	}
	
	#contact #wrapper .content-display .content-display-text p.title-list {
		margin-bottom:0em;
	}
	
	.dynamic-top-center p a {
		font-size:1em;
	}
	
	.content-display .content-display-text address {
		margin-bottom:2em;
	}
		
	.content-display .content-display-text a.link-contact {
		display:block;
		width:8em;
		margin-top:0;
		margin-bottom:1.5em;
		font-weight:normal;
	}
		
	#contact .content-dynamic a {
		font-size:1em;
		margin-top:0em;	
	}
	
	#map_canvas {
		width: 656px;
		height: 390px;
		float: left;
	}

	.close {
       	background: transparent url('/includes/img/map/close_btn.jpg') no-repeat center center;
		width: 21px;
		height: 21px;
		float: right;
		cursor: pointer;
		position: absolute;
		z-index: 200000;
	}
    
    .close-hover {
       	background: transparent url('/includes/img/map/button_hover.jpg') no-repeat center center;
		width: 21px;
		height: 21px;
		float: right;
		cursor: pointer;
		position: absolute;
		z-index: 200000;
	}
	
	/* about */
	
	#about #wrapper .content-display-text p {
		width:20em;
		color:#6c685e;
		margin:0.5em 0 2em 0.15em;
	}

	.dynamic-about {
		width:43.2em;
		float:left;
	}
	
	.dynamic-about p a {
		font-size:1em;
		margin-top:0em;
	}
		
	.dynamic-about strong {
		display:block;
		font-size:1.3em;
		margin-bottom:0.75em;
	}
	
	#about #wrapper .dynamic-top-right h2 {
		font-size:1.3em;
		font-weight:bold;
		margin-bottom:0.5em;
	}
	
	#about .dynamic-top-right ul li {
		background:transparent url(/includes/img/bullet.gif)no-repeat 0 0.5em;
	}
	
	.content-dynamic p {
		margin-bottom:0.75em;
	}
	
	.content-dynamic a {
		margin-top:-0.5em;
		padding-top:0;
	}
		
	#content-carrousel {
		width:65.6em;
		height:25.8em;
		float:left;
		margin:0.8em 0 4.5em 0;
	}
	
	#contact .content-dynamic p {
		width:15em;
	}
	
	/* work */
	
	.content-dynamic-work h3 {
		width:14.55em;
		float:left;
		margin-bottom:55em;
		padding-bottom:0;
	}
	
	#work-sony .content-display  {
		width:96em;
	}
		
	.content-dynamic-work-repeat {
		height:1em;
		min-height:1em;
		height:auto !important;
		overflow:auto;
		width:65.7em;
		float:left;
		margin-top:-0.5em;
		margin-bottom:3em;
	}
		
	.content-description-work {
		width:96em;
		height:10em;
		min-height:10em;
		height:auto !important;
		overflow:auto;
		padding:1.5em 0 1.5em 0;
		border-bottom:2px solid #F8F6EF;
	}
	
	.last-screen {
		border-bottom:0;
	}
	
	.content-description-work h2 {
		width:21.5em;
		float:left;
		font-size:1.3em;
		font-weight:bold;
		margin:-0.25em 1em 0 0;
	}
	
	.screen-description {
		float:left;
		width:29.1em;
		height:30em;
	}
	
	.screen-description p {
		width:19.5em;
	}
	
	.image-description {
		width:65.5em;
		float:left;
	}
	
	.image-description img {
		width:65.6em;
		float:left;
	}
	
	.image-description p {
		width:50em;
		margin-top:1em;
	}
	
	.content-display p a,
	.p.link-navigation a {
		font-size:1em;
	}
	
	.content-display-text a.download {
		display:block;
		width:20em;
		padding:0 0 0.25em 2em;
	}
	
	p.link-navigation {
		float:left;
		width:2.5em;
		font-size:1.3em;
	}
	
	.content-display .content-display-text a.link-navi-next {
		width:2em;
		min-width:2em;
		width:auto !important;
		overflow:auto;
		float:left;
	}
	
	.work-navigation {
		clear:both;
		width:66em;
		height:10em;
		padding:1em 0 0 28.5em;
		border-bottom:2px solid #F8F6EF;
	}
	
	p.navi-previous {
		margin-right:44.5em;
	}
	
	p.navi-previous,
	p.navi-next {
		float:left;
	}
	
	
	p.navi-previous a,
	p.navi-next a {
		font-size:1em;
	}
	
	#map_canvas {
		width:65.6em;
		height:39em;
		float:left;
	}
	
	/* Press */
	
	#press .content-display {
		height:43em;
		background:transparent url(../img/content_display_press.gif) no-repeat top left;
	}
	
	#press .content-display h2 {
		margin-bottom:0.65em;
	}
	
	#press .content-display p.date-stamp {
		font-weight:bold;
		margin-bottom:0.1em;
	}
	
	#press .content-display-text p strong {
		color:#6C685E;
	}
	
	#press .content-display-text p {
		margin-bottom:1.25em;
	}
	
	#press .navi {
		height:7em;
	}
	
	#press .content-display {
		margin-bottom:30em;
		border-bottom:none;
	}
	
	#press .content-display img {
		float:left;
		height:43em;
	}