@charset "iso-8859-1";


.two-column-outer				{ background-color: #F3F3F3; }
.two-column-outer h2.title		{ left: 11px; }

#default-side-image				{ margin-right: -10px; }
#testing-bar					{ position: absolute; left: 470px; top: -18px;}

#client-list					{ margin: 5px 0 0 0; padding: 0; list-style-type: none; }
#client-list a					{ position: relative; display: block; width: 217px; margin: 0 0 0 -22px; padding: 0.1em 9px 0.1em 10px; float: left; }
#client-list a:hover			{ background-color: #EFEFEF; }
#client-list a.current-client	{ background-color: #E6E6E6; font-weight: bold; }
#client-list li					{ clear: left; }
#client-list div				{ margin-left: -12px; padding: 0.1em 0 0.1em 0; float: left; }
.right-column img				{ position: relative; left: -10px; margin-top: 2em; }


/* 
Front page 
Vertical centering solution: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
*/
#grid 					{ position: relative; left: -12px; width: 710px; margin-top: 5px; padding-bottom: 1.3em; }
#grid .row				{ padding: 10px 0; background: url(/images/dotted_line_horizontal.png) bottom left repeat-x; }
#grid .outer			{ position: relative; width: 236px; height: 103px; float: left; background: url(/images/dotted_line_vertical.png) top right repeat-y; }
#grid .border			{ display: table; position: relative; width: 216px; height: 101px; margin-left: 9px; border: 1px solid #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
#grid .middle			{ display: table-cell; vertical-align: middle; }
#grid .inner			{ position: relative; width: 216px; text-align: center; }
#grid .inner img		{ position: relative; left: 0; top: 0; /* position required for Opera to animate properly */ }
#grid .rightmost		{ background: none; }
#grid .clear			{ height: 0; width: 0; overflow: hidden; float: none; }
#grid .has-casestudy	{ position: absolute; left: 188px; top: 3px; z-index: 10; }


/* Sub pages */
.left-column h3			{ position: relative; left: -5px; margin: 1.5em -5px 1em 0; padding-left: 5px; padding-bottom: 0; background: #FFF url(/images/dotted_line_horizontal.png) repeat-x left bottom; }


#client-name		{ left: 0; top: 0; margin: 1em 0; padding: 0; border: 0; background: none; }
#main-image			{ position: relative; text-align: center; padding-bottom: 5px; margin-bottom: 2em; }
#website-link,
#video-large-link	{ position: absolute; right: 20px; bottom: -10px; }

#nav-back			{ position: absolute; left: 0; top: 60px; }
#nav-back a			{ display: block; padding: 0px 4px 0px 4px; }
#nav-back img		{ position: relative; }

#nav-forward		{ position: absolute; right: 10px; top: 60px; }

.text-box				{ margin-top: 4em; padding: 0 22px; background: #F5F4F0 url(/portfolio/images/text_box_tl.png) top left no-repeat; }
.text-box h3			{ left: 0; top: 0; margin: 0; margin: -22px -22px 0 -22px; padding: 22px 22px 0 22px; border: none; background: none; font-size: 1.15em; color: #333; background: url(/portfolio/images/text_box_tr.png) top right no-repeat; }
.text-box .bottom		{ height: 8px; margin: -12px -22px 0 -22px; background: url(/portfolio/images/text_box_bl.png) top left no-repeat; overflow: hidden; clear: both; }
.text-box .bottom div	{ height: 8px; margin: 0; background: url(/portfolio/images/text_box_br.png) top right no-repeat; overflow: hidden; }
.text-box .box			{ margin-top: 1em; width: 140px; height: 180px; float: right; background: url(/portfolio/images/icon_case_study.jpg) 50% 0 no-repeat; }
.text-box .blue-box-arrow-link		{ position: relative; left: -25px; top: 148px; }