html, body
{
    background-color: #222;
    text-align: center;
}
p
{
    margin: 0;
}
.content p
{
    margin-bottom: 1em;
}
.imgRight
{
	float: right;
	display: inline;
	margin: 0 0 5px 15px;
}
.imgLeft
{
	float: right;
	display: inline;
	margin: 0 15px 5px 0;
}
.container
{
    text-align: left;
    margin: 19px auto;
    background-color: #222; /* iPhone background set to same as body or weird lines */
    width: 961px;
}
.topNav
{
    padding: 10px 10px 0 10px;
    background: #222 url(../media/assets/tps2/bg-primary.gif) repeat-y 0 0; /* iPhone background set to same as body or weird lines */
}
.body
{
    padding: 0 10px;
    background: #222 url(../media/assets/tps2/bg-body-main.gif) repeat-y 0 0; /* iPhone background set to same as body or weird lines */
}
.footer
{
    padding: 0 10px 10px 10px;
    background: #222 url(../media/assets/tps2/bg-footer.gif) no-repeat 0 100%; /* iPhone background set to same as body or weird lines */
}
.footerInner
{
    border-top: 1px solid #c4c4c4;
    overflow: hidden;
}
.footer .copyright
{
    float: left;
    display: inline;
    margin: 10px 0 0 25px;
}
.footer .nav
{
    overflow: hidden;
    float: right;
    display: inline;
}
.global li
{
    float: left;
    display: inline;
    border-left: 1px solid #c4c4c4;
}
.global .last
{
    background: #fff url(../media/assets/tps2/bg-footer-nav.gif) no-repeat 100% 100%;
}
.global a
{
    float: left;
    display: inline;
    padding: 10px 20px;
    background-color: #fff;
    color: #666;
    font-size: 12px;
}
.global a:hover,
.global a.current
{
    color: #f77521;
}
.pageHead
{
    background-color: #ededed;
}
.pageHead .headings
{
    background-color: #fbfbfb;
    padding: 20px 30px;
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 29px;
}
.pageHead .noPadding
{
    margin-bottom: 0;
}
h1, .h1
{
    font-family: klavika, ariel, Verdana, Sans-Serif;
    font-size: 26px;
    color: #333;
    text-transform: uppercase;
}
h2, .h2
{
    font-family: klavika, ariel, Verdana, Sans-Serif;
    font-size: 22px;
    color: #333;
    text-transform: none;
}
h2 .sub, .h2 .sub
{
	color: #666;
	text-transform: lowercase;
}
h3, .h3
{
    font-family: klavika, ariel, Verdana, Sans-Serif;
    font-size: 14px;
    color: #333;
    text-transform: none;
}
ul.nav
{
    font-size: 100%;
}
.nav a
{
    text-decoration: none;
    cursor: pointer;
}
.nav .current
{
    cursor: default;
}
.header
{
    background-color: #222;
}
.header .logo
{
    margin: 0 0 9px 31px;
}
.header .topNavWrap
{
    background: transparent url(../media/assets/tps2/bg-topnav.gif) repeat-x 0 100%;
}
.header .nav
{
    display: block;
    overflow: hidden;
}
.header li
{
    position: relative;
    float: left;
    display: inline;
    border-right: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
}
.primary .first .corner
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 12px;
    height: 11px;
    background-image: url(../media/assets/tps2/bg-primary-tl.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.primary a
{
    font-size: 1.8em;
    line-height: 1;
    color: #222;
    padding: 25px 21px;
    float: left;
    display: inline;
    background-color: #ededed;
    text-transform: lowercase;
    
}
.primary a:hover
{
    background-color: #fbfbfb;
}
.primary a.selected:hover
{
    color: #222;
}
.primary a.current,
.primary a.selected,
.primary a.current:hover
{
    color: #f77521;
    background-color: #fff;
    padding: 31px 21px 19px 21px;
    background: #fff url(/media/assets/tps2/nav-top-current-arrow.gif) no-repeat 50% 22px;
}
.subNav
{
    overflow: hidden;
    margin: 8px 0 16px 0;
}
.subNav li
{
    float: left;
    display: inline;
    margin: 0 22px;
    overflow: hidden;
}
.subNav li.first
{
    margin-left: 0;
}
.subNav li.last
{
    margin-right: 0;
}
.subNav a
{
    float: left;
    display: inline;
    font-size: 16px;
    color: #666;
    text-decoration: none;
}
.subNav a.current,
.subNav a:hover
{
    color: #f77521;
}
.subNav a.current
{
    padding-bottom: 11px;
    background: transparent url(../media/assets/tps2/bg-subnav-current.gif) no-repeat 50% 100%;
}
.content
{
    overflow: hidden;
}
.dividerWrap
{
    overflow: hidden;
    background: #ededed url(../media/assets/tps2/bg-content.gif) repeat-y 0 0;
}
.sideContent
{
    float: left;
    display: inline;
    width: 329px;
}
.mainContent
{
    float: left;
    display: inline;
    width: 612px;
}
.content .headings
{
    background-color: #f6f6f6;
    padding: 10px 28px;
}
.contectSection, .contentBody
{
    background-color: #fff;
    padding: 10px 28px 25px 28px;
}
.contentBody
{
    min-height: 400px;
}
.secondary .navHeading
{
    display: block;
    padding: 10px 30px;
    font-size: 24px;
    background-color: #fbfbfb;
    border: 1px solid #c4c4c4;
    border-left: 0;
    color: #333;
}
.secondary li
{
    border-bottom: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
}
.secondary a
{
    font-family: "Gotham Book", Gotham, Verdana, Arial, Sans-Serif;
    font-size: 12px;
    display: block;
    padding: 10px 45px 10px 30px;
    background: #f6f6f6 url(../media/assets/tps2/bg-leftnav-default.gif) no-repeat 304px 50%;
    color: #999;
}
.secondary a:hover
{
    color: #222;
    background: #f6f6f6 url(../media/assets/tps2/bg-leftnav-hover.gif) no-repeat 304px 50%;
}
.secondary a.current
{
    border-left: 2px solid #000;
    padding-left: 28px;
    background: #f77521 url(../media/assets/tps2/bg-leftnav-current.gif) no-repeat 306px 50%;
    color: #fff;
}
.secondary strong
{
    font-size: 18px;
    font-weight: normal;
    display: block;
    color: #666;
}
.secondary .longtext
{
    font-size: 10px;
}
.secondary a:hover strong
{
    color: #222;
}
.secondary a.current strong
{
    color: #fff;
}
.clients
{
    background-color: #ededed;
}
.clients li
{
    float: left;
    display: inline;
    width: 156px;
    height: 155px;
    border-top: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    background-color: #f2f2f2;
}
.clients .even
{
    background-color: #ededed;
}
.clients .imageWrap
{
    height: 100%;
    width: 100%;
}
.imageWrap img
{
    margin: 36px 20px;
}
.clients .rowEnd
{
    border-right: 0;
}
.clients .rowTop
{
    border-top: 0;
}
/* Press Item - start */
.pressDate
{
    display: block;
    padding: 0 28px 8px 28px;
    background-color: #ededed;
    color: #f77521;
    font-size: 12px;
    line-height: 1;
    height: 12px;
    text-transform: uppercase;
}
/* Press Item - end */
/* Team Member - start */
.jobTitle, .company
{
    text-transform: uppercase;
}
.headings .jobTitle
{
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #666;
}
.portrait
{
    float: left;
    display: inline;
    padding: 0 31px 31px 28px;
    margin: 0 28px 18px 0;
    background-color: #ededed;
}
/* Team Member - end */

/* Contact - start */
#map
{
    border: 1px solid #666;
    width: 550px;
    height: 309px;
}
.mapWrapper
{
    background-color: #ededed;
    width: 552px;
    padding: 0 30px;
}
.bigButton,
.bigButton:link,
.bigButton:active
{
    padding: 4px 45px 2px 10px;
    font-size: 24px;
    text-decoration: none;
    line-height: 1;
    color: #fff;
    background: #f77521 no-repeat 100% 50%;
    float: left;
    display: inline;
    border: 1px solid #f77521;
    text-transform: uppercase;
}
.mapWrapper .mapLink
{
	border-top: 0;
    background: #f77521 url(../media/assets/tps2/bg-maplink-default.gif) no-repeat 100% 50%;
}
.bigButton:hover
{
    color: #f77521;
    background-color: #fff;
}
.mapWrapper .mapLink:hover
{
    background-image: url(../media/assets/tps2/bg-maplink-hover.gif);
}
.vcard
{
    font-size: 12px;
    color: #999;
}
.vcard .fn
{
    font-size: 18px;
    margin-bottom: 8px;
}
.vcard .organization-unit,
.vcard .email,
.vcard .street-address
{
    margin-bottom: 5px;
}
.vcard .tel
{
    margin: 5px 0;
}
.vcard .email
{
    display: block;
    text-decoration: none;
}
/* Contact - end */
/* Service - start */
.content .service
{
    width: 867px;
    margin: 0 37px;
}
.service .details
{
    overflow: hidden;
}
.service .summary
{
    float: left;
    display: inline;
    width: 284px;
    margin-right: 30px;
}
.service .reel
{
    float: left;
    display: inline;
    width: 552px;
}
.service .projects
{
    overflow: hidden;
    clear: both;
    margin-top: 29px;
}
.projects li
{
    float: left;
    display: inline;
    width: 219px;
    padding-bottom: 20px;
}
.projects li.rowFirst
{
    width: 215px;
}
.projects li.rowLast
{
    width: 214px;
}
.projects a
{
	display: block;
	text-decoration: none;
}
.projects strong
{
	font-size: 12px;
    display: block;
    font-weight: normal;
    border: 1px solid #c4c4c4;
    border-left: 0;
	color: #222;
    padding: 10px 13px;
    background-color: #fbfbfb;
}
.projects a:hover,
.projects a:hover strong
{
	color: #f77521;
}
.projects strong a span
{
    width: 187px;
    overflow: hidden;
    white-space: nowrap;
}
.projects img
{
	display: block;
}
.projects .rowFirst strong
{
    border-left: 1px solid #c4c4c4;
}
.projects .imgWrap
{
	display: block;
    border: 1px solid #666;
    margin: 5px 5px 0 4px;
    position: relative;
}
.projects .rowFirst .imgWrap
{
    margin-left: 0;
}
.projects .rowLast .imgWrap
{
    margin-right: 0;
}
.imgWrap .cover
{
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: transparent url(../media/assets/tps2/bg-thumbnail-hover-trans.png) no-repeat 0 0;
}
.projects :hover .cover
{
	display: block;
}
/* Service - end */

/* Home - start */
.homePromo
{
	position: relative;
	background: #fbfbfb url(../media/assets/tps2/bg-agency-bld-btm.jpg) no-repeat scroll 100% 100%;
	height: 268px;
	overflow: hidden;
}
.home .topNav .nav
{
	background-image: url(../media/assets/tps2/bg-agency-bld-top.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
.homePromo .promoOuter
{
	overflow: hidden;
	padding: 10px 337px 50px 38px;
	height: 208px;
	width: 565px;
	display: table;
}
.homePromo .promoMid
{
	display: table-cell;
	vertical-align: middle;
	width: 565px;
}
.homePromo .promoInner
{
	width: 565px;
}
.homePromo .bigButton
{
	position: absolute;
	bottom: 0;
	right: 300px;
	border-right: 0;
	background-image: url(../media/assets/tps2/bg-btn-movie-default.gif);
}
.homePromo .bigButton:hover
{
	background-image: url(../media/assets/tps2/bg-btn-movie-hover.gif);
}
.homeServices
{
	background-color: #ededed;
	border-top: 1px solid #efefef;
	padding: 40px 0 0 0;
}
.homeServices a
{
	text-transform: lowercase;
	text-decoration: none;
	color: #333;
}
.homeServices ul
{
	overflow: hidden;
	border-top: 1px solid #c4c4c4;
	padding-left: 18px;
	background: #ededed url(../media/assets/tps2/bg-home-services.gif) repeat-y 0 0;
}
.homeServices li
{
	border-right: 1px solid #c4c4c4;
	float: left;
	display: inline;
	padding: 15px 8px 20px 8px;
	width: 210px;
	height: 100%;
}
.homeServices li.last
{
	border-right: 0;
}
.homeServices .imgWrap
{
	margin: 5px 0;
	width: 208px;
	border: 1px solid #666;
	position: relative;
	height: 138px;
	overflow: hidden;
}
.homeServices .hover .cover
{
	display: block;
	background-image: url(../media/assets/tps2/bg-thumbnail-hover-trans.png);
}
.homeServices .imgWrap img
{
	display: block;
}
.homePress
{
	overflow: hidden;
	background-color: #f6f6f6;
	border-top: 1px solid #c4c4c4;
}
.homePress h2
{
	text-transform: lowercase;
	background-color: #fff;
	padding: 4px 8px 7px 26px;
	width: 210px;
	border-right: 1px solid #c4c4c4;
	float: left;
	display: inline;
}
.homePress .pressItem
{
	float: left;
	display: inline;
}
.homePress .newsItems {
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	height: 40px;
	background-color: #f6f6f6;
}
.homePress li {
	position: absolute;
	top: 12px;
	left: 10px;
	display: none;
	padding-left: 15px;
	background: #f6f6f6 url(../media/assets/tps2/bg-home-news-item.gif) no-repeat 0 50%;
}
#ticker li.active {
	display: block;
}
.newsItems a
{
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
.newsItems a strong
{
	font-weight: normal;
	color: #333;
}
/* Home - end */

/* Lightbox - start */
.lightbox
{
	text-align: left;
	width: 592px;
	color: #333;
	background-color: #fff;
	overflow: hidden;
}
.lightbox .header
{
	background-color: #f6f6f6;
}
.closeHover .header
{
	background-color: #f77521;
}
.lightbox .headings
{
	padding: 5px 0 16px 18px;
	margin-right: 50px;
	border-right: 1px solid #c4c4c4;
	background-color: #ededed;
}
.lightbox .media
{
	background-color: #ededed;
	padding: 21px 22px 31px 18px;
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
}
.lightbox .projectContent
{
	background-color: #fff;
	padding: 20px 28px 20px 26px;
}
.lightbox .relatedProjects
{
	border-top: 1px solid #c4c4c4;
	background-color: #ededed;
	padding: 10px 0 10px 27px; 
}
.relatedProjects ul
{
	margin-top: 7px;
	overflow: hidden;
} 
.relatedProjects li
{
	float: left;
	display: inline;
	margin: 10px 39px 0 0;
	width: 76px;
}
.relatedProjects li.rowEnd
{
	margin-right: 0;
}
.relatedProjects li.rowTop
{
	margin-top: 0;
}
.relatedProjects img
{
	display: block;
}
.relatedProjects a
{
	text-decoration: none;
	color: #333;
}
.lightbox .h3
{
	text-transform: lowercase;
}
.lightbox .liquid
{
}
/* Lightbox - end */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}
#cboxOverlay
{
	position: fixed;
	width: 100%;
	height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft
{
	clear: left;
}
#cboxContent
{
	position: relative;
	overflow: hidden;
}
#cboxLoadedContent
{
	overflow: hidden;
}
#cboxLoadedContent iframe
{
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	overflow: hidden;
}
#cboxTitle
{
	margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow
{
	cursor: pointer;
}

/* 
	ColorBox example user style
	The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay
{
	background: #000;
}
#colorbox
{
}
#cboxTopCenter
{
	height: 24px;
	padding: 0 11px;
	background: transparent url(../media/assets/tps2/bg-cbox-top-trans.png) no-repeat 0 0;
}
#cboxTopCenter.closeHover
{
	background-position: 0 -24px;
}

#cboxContent
{
	padding: 0 11px;
	background: transparent url(../media/assets/tps2/bg-cbox-content-trans.png) repeat-y 0 0;
}
#cboxBottomCenter
{
	height: 24px;
	padding: 0 11px;
	background: transparent url(../media/assets/tps2/bg-cbox-btm-trans.png) no-repeat 0 100%;
}
#cboxLoadedContent, #cboxIframe
{
	background-color: #ededed !important;
}
#cboxCurrent
{
	background-color: #ccc;
	position: absolute;
	height: 23px;
	width: 398px;
	left: 0;
	bottom: 0;
	padding-top: 7px;
    padding-left: 7px;
    color: rgb(24,34,47);
}
#cboxPrevious
{
	position: absolute;
	bottom: 0;
	right: 130px;
	width: 82px;
	height: 30px;
	text-indent: -9999px;
	background: url(/media/assets/TPS/previous.gif) no-repeat;
}
#cboxNext
{
	position: absolute;
	bottom: 0;
	right: 75px;
	width: 55px;
	height: 30px;
	text-indent: -9999px;
	background: url(/media/assets/TPS/next.gif) no-repeat;
}
#cboxClose
{
	position: absolute;
	top: 0;
	right: 11px;
	text-indent: -9999px;
	background: url(/media/assets/tps2/bg-lightbox-close.gif) no-repeat 50% 50%;
	width: 50px;
	height: 50px;
}
#cboxClose:hover
{
	background-image: url(/media/assets/tps2/bg-lightbox-close-hover.gif);
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */