/* reset - standardize html tag styles across all browsers */
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;}
caption, th, td {text-align: left; font-weight: normal;}
input, textarea, select {font-family: Sans-Serif; font-size: inherit; font-weight: inherit;}
input:focus { outline: none; }
/* function classes ****************************** */
.leftIt {text-align: left;} /* left align */
.rightIt {text-align: right;} /* right align */
.centerIt {text-align: center;} /* center align */
.boldIt {font-weight: bold;}
.hidden {position: absolute; top: -10000px;}
.clearIt {clear: both; margin: 0; padding: 0;} /* used to clear floats near bottom of holder div */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* html elements ****************************** */
html {width: 100%; margin: 0; padding: 0; height: 101%;}
body {width: 960px; background: #fff url(../images/bg_main.png) no-repeat 1 center; margin: 0 auto; padding: 0; color: #222; font-family: 'Trebuchet MS', 'Trebuchet', Arial, Helvetica, sans-serif; font-size: 12px;}
a:hover {text-decoration: none; color: #fff;}
/* overall layout ****************************** */
/* layout IDs */
#container {margin: 20px auto 0 auto; padding: 0; width: 959px; height: 690px; background: #9D272D url(../images/bg_main.png) no-repeat;}
.about #container, .services #container, .cases #container {background: #9D272D url(../images/bg_about2.png) no-repeat;}
/*.cases #container {background: #9D272D url(../images/bg_casestudies.png) no-repeat;}*/
#header {padding: 30px 0 0 0; width: 960px; height: 130px;}
#header h2#logo a {float: left; display: block; text-decoration: none; width: 195px; height: 129px; background: url(../images/1.png) no-repeat; margin: 0; padding: 0; text-indent: -2000em; z-index: 1000;}
.home #header h2#logo a {float: left; display: block; text-decoration: none; width: 195px; height: 129px; background: url(../images/1_animated.gif) no-repeat; margin: 0; padding: 0; text-indent: -2000em; z-index: 1000;}
#header #righttop {float: left; display: block; margin: 0 0 0 40px; padding: 0; width: 460px; height: 130px;}
#header #righttop h2#sitename a {float: left; background: url(../images/righttop.png) no-repeat; width: 450px; height: 96px; text-indent: -2000em; z-index: 1000;}
#nav1 {*margin-left: -15px !important;}
.topnav {display: inline; float: left; text-transform: uppercase; width: 92px; height: 30px; margin: 0; padding: 0;}
.topnav li {text-align: left; font-size: 10px; letter-spacing: 0.75px; line-height: 1.15; _line-height: 1; margin: 0; padding: 0; list-style: none; font-weight: bold;}
.topnav .parentlink a {color: #fff;}
.topnav .parentlink a:hover {}
.topnav a {color: #D59396; text-decoration: none;}
.topnav a:hover {color: #FFC20E;}
#insights {float: right; margin: 84px 1px 0 0;}
#main {width: 960px; margin: 0 auto; padding: 10px 0;}
#main h2 {font-size: 125%; color: #D59396; text-transform: uppercase; letter-spacing: 3px; padding: 10px 0 0 0; margin: 0;}
#main h2 a {color: #D59396;}
#main h2 a:hover {color: #fff;}
#main h3 {font-size: 125%; color: #D59396; padding: 0; margin: 0;}
#main p {color: #fff; font-size: 125%; margin: 5px 0;}
#main p.secondary {color: #fff; font-size: 125%; margin: 0 0 5px 0; line-height: 1.3;}
#main a {color: #D59396; text-decoration: none;}
#main a:hover {text-decoration: none; color: #D59396;}
#main .contentA {float: left; margin: 0; width: 500px;}
#main .contentB {float: left; margin: 130px 0 0 67px; width: 490px;}
#main .contentC {float: left; margin: 0; width: 425px;}
#main .contentD {float: left; margin: 0; width: 720px;}
.contentInner {margin: 0 0 0 40px; padding: 0;}
.contentInner UL {color: #fff; margin-left: 18px; font-size: 125%;}
#bodyfooter {background: #fff url(../images/bg_services.png) no-repeat bottom left; height: 31px;}
#footer {clear: both; width:100%; height: 40px; margin: 15px auto; padding: 0; text-align: center; color: #95272D; text-transform: uppercase; font-weight: bold; letter-spacing: 2px;}
#footer span {color: #CA9396;}
/* individual styles ****************************** */
#more {text-align: right; clear: both;}
#more #morebtn {padding-left: 500px; padding-right: 220px;}
#less {text-align: right; clear: both;}
#less #lessbtn {padding-left: 500px; padding-right: 220px;}
.moreless {font-size: 13px; letter-spacing: 1.5px;} /* about page */
#lightbox {float: right; width: 400px; height: 480px; margin-right: 1px;}
a.biglink {width: 400px; line-height: 1.2; font-weight: bold; letter-spacing: 4px; margin: 0; text-transform: uppercase; font-size: 170%; color: #D59396 !important; display: block;}
a.mediumlink {width: 400px; line-height: 1.2; font-weight: bold; letter-spacing: 4px; margin: 0; text-transform: uppercase; font-size: 150%; color: #D59396 !important; display: block;}
a.biglink:hover, a.mediumlink:hover {color: #fff !important;}
#casestudynav {float: right; width: 200px; margin: 30px 10px 0 0;}
#casestudynav a {width: 200px;}
#backleft {width: 194px; height: 64px; float: left;}
.thumb66 {float: left; width: 66px; margin: 15px 15px 0 0;}
#clientlistbox {}
ul.clientlist {margin: 10px 0 0 0; padding: 0; font-size: 125%; float: left; display: inline;}
.clientlist li {margin: 0; padding: 0; *margin-left: -15px; list-style: none; color: #D59396;}
#list1 {float: left; width: 260px;}
#list2 {float: right; width: 185px;}
/*html[xmlns*=""] body:last-child #list1 {left: 367px;}*/
/* titles */
.swap {text-indent: -2000em; z-index: 1000;}
#hometitle {background: url(../images/title_home.gif) no-repeat; width: 490px; margin: 15px 0 0 0; padding: 0; height: 110px;}
#whowearetitle {background: url(../images/title_whoweare.gif) no-repeat; width: 446px; margin: 0 0 20px 0; padding: 0; height: 103px;}
#aboutustitle {background: url(../images/title_aboutus.gif) no-repeat; width: 171px; margin: 0 0 15px 0; padding: 0; height: 67px;}
#principlestitle {background: url(../images/title_principles.png) no-repeat; width: 217px; margin: 0 0 15px 0; padding: 0; height: 67px;}
#whatwedotitle {background: url(../images/title_whatwedo.gif) no-repeat; width: 460px; margin: 0 0 20px 0; padding: 0; height: 149px;}
#servicestitle {background: url(../images/title_services.png) no-repeat; width: 248px; margin: 0 0 15px 0; padding: 0; height: 67px;}
#brochuretitle {background: url(../images/title_brochure.gif) no-repeat; width: 248px; margin: 0 0 15px 0; padding: 0; height: 67px;}
#clienttitle {background: url(../images/title_ourclients.gif) no-repeat; width: 400px; margin: 0 0 20px 0; padding: 0; height: 145px;}
#clientlisttitle {background: url(../images/title_clientlist.png) no-repeat; width: 248px; margin: 0 0 15px 0; padding: 0; height: 67px;}
#worktitle {background: url(../images/title_work.png) no-repeat; width: 248px; margin: 0 0 15px 0; padding: 0; height: 67px;}
#casestudiestitle {background: url(../images/title_casestudies.gif) no-repeat; width: 430px; margin: 0 0 20px 0; padding: 0; height: 145px;}
#morecasestitle {background: url(../images/title_morecases.gif) no-repeat; width: 430px; margin: 0 0 20px 0; padding: 0; height: 61px;}
#autoshowtitle {background: url(../images/title_autoshow.gif) no-repeat; width: 248px; margin: 0 0 15px 0; padding: 0; height: 67px;}
#greycuptitle {background: url(../images/title_greycup.gif) no-repeat; width: 248px; margin: 0 0 15px 0; padding: 0; height: 67px;}
#torontorocktitle {background: url(../images/title_torontorock.gif) no-repeat; width: 248px; margin: 0 0 15px 0; padding: 0; height: 67px;}
#vwtitle {background: url(../images/title_vw.gif) no-repeat; width: 248px; margin: 0 0 15px 0; padding: 0; height: 67px;}
#contacttitle {background: url(../images/title_contact.png) no-repeat bottom; width: 283px; margin: 0 0 10px 0; padding: 0; height: 74px;}
#logintitle {background: url(../images/title_login.png) no-repeat bottom; width: 239px; margin: 0 0 20px 0; padding: 0; height: 68px;}