/*
  @brief: TMA Marketing layout stylesheet
  @author: Rob Simpkins
  @copyright: TMA Marketing 2009. All rights reserved
 */

/**   start body and wrapper styles   **/
body { background: #252F38 url('/images/layout/background.jpg') repeat-x; text-align: center; }
#wrapper { height: 100%; width: 900px; margin: 0 auto; text-align: left; }


/**   start header styles   **/
div#header { position: relative; float: left; display: inline; height: 180px; width: 860px; padding: 0 20px; }
div#header a#tma_blue_logo { position: absolute; top: 40px; float: left; display: inline; height: 58px; width: 152px; background: transparent url('/images/layout/tma_blue_logo.png') no-repeat; text-indent: -9999px; }
div#header a#tma_green_logo { position: absolute; top: 40px; float: left; display: inline; height: 58px; width: 152px; background: transparent url('/images/layout/tma_green_logo.png') no-repeat; text-indent: -9999px; }
div#header a#tma_purple_logo { position: absolute; top: 40px; float: left; display: inline; height: 58px; width: 152px; background: transparent url('/images/layout/tma_purple_logo.png') no-repeat; text-indent: -9999px; }
div#header a#tma_yellow_logo { position: absolute; top: 40px; float: left; display: inline; height: 58px; width: 152px; background: transparent url('/images/layout/tma_yellow_logo.png') no-repeat; text-indent: -9999px; }
div#header a#tma_orange_logo { position: absolute; top: 40px; float: left; display: inline; height: 58px; width: 152px; background: transparent url('/images/layout/tma_orange_logo.png') no-repeat; text-indent: -9999px; }
div#header a#tma_red_logo { position: absolute; top: 40px; float: left; display: inline; height: 58px; width: 152px; background: transparent url('/images/layout/tma_red_logo.png') no-repeat; text-indent: -9999px; }

h3#profit_from_engagement_blue { position: absolute; top: 65px; right: 10px; float: left; display: inline; height: 31px; width: 296px; background: transparent url('/images/layout/profit_from_engagement_blue.png') no-repeat; text-indent: -9999px; }
h3#profit_from_engagement_green { position: absolute; top: 65px; right: 10px; float: left; display: inline; height: 31px; width: 296px; background: transparent url('/images/layout/profit_from_engagement_green.png') no-repeat; text-indent: -9999px; }
h3#profit_from_engagement_purple { position: absolute; top: 65px; right: 10px; float: left; display: inline; height: 31px; width: 296px; background: transparent url('/images/layout/profit_from_engagement_purple.png') no-repeat; text-indent: -9999px; }
h3#profit_from_engagement_yellow { position: absolute; top: 65px; right: 10px; float: left; display: inline; height: 31px; width: 296px; background: transparent url('/images/layout/profit_from_engagement_yellow.png') no-repeat; text-indent: -9999px; }
h3#profit_from_engagement_orange { position: absolute; top: 65px; right: 10px; float: left; display: inline; height: 31px; width: 296px; background: transparent url('/images/layout/profit_from_engagement_orange.png') no-repeat; text-indent: -9999px; }
h3#profit_from_engagement_red { position: absolute; top: 65px; right: 10px; float: left; display: inline; height: 31px; width: 296px; background: transparent url('/images/layout/profit_from_engagement_red.png') no-repeat; text-indent: -9999px; }


/**   start content styles    **/
div#content { float: left; display: inline; width: 860px; padding: 0 20px; }
div#content div.copy { position: relative; float: left; display: inline; height: 250px; width: 860px; }
div#content div.smaller_copy { position: relative; float: left; display: inline; height: 220px; width: 860px; }

div#content div.left_copy { float: left; display: inline; width: 300px; }


/**   start footer styles   **/
div#footer { float: left; display: inline; width: 860px; padding: 30px 20px 20px 20px; }
div#footer p { padding: 5px 10px 0 10px; font-size: 12px; line-height: 130%; }


/**   start home styles    **/
img#vmaAward { position: absolute; top: 70px; right:-7px;}

.smaller_italic {font-style: italic; font-size:15px;line-height:18px;}

/**   start methodology styles    **/
div#create_methodology { float: right; display: inline; height: 524px; width: 524px; margin: 20px 10px 0 0; background: transparent url('/images/methodology/create_methodology.png') no-repeat; }


/**   start case study box styles   **/
div#case_studies { float: left; display: inline; width: 860px; }
div#case_studies div.case_study { float: left; display: inline; height: 193px; width: 195px; margin: 10px; }
div#case_studies div.case_study a { float: left; display: inline; height: 163px; width: 185px; padding: 15px 5px; background-position: top left; text-decoration: none; overflow: hidden; }
div#case_studies div.case_study a h4, div#case_studies div.case_study a p { position: relative; left: -9999px; }
div#case_studies div.case_study a:hover { background-position: bottom left; }
div#case_studies div.case_study a:hover h4, div#case_studies div.case_study a:hover p { position: relative; left: auto; }
div#case_studies div.case_study a p { padding: 0 10px; color: #fff; font-size: 23px; font-weight: normal; }

a#dewalt { background: transparent url('/images/case_studies/dewalt.jpg') no-repeat; }
a#intervet { background: transparent url('/images/case_studies/intervet.jpg') no-repeat; }
a#yonex_badminton { background: transparent url('/images/case_studies/yonex_badminton.jpg') no-repeat; }
a#thames_water { background: transparent url('/images/case_studies/thames_water.jpg') no-repeat; }
a#national_trust { background: transparent url('/images/case_studies/national_trust.jpg') no-repeat; }
a#johnson { background: transparent url('/images/case_studies/johnson.jpg') no-repeat; }
a#bridgestone { background: transparent url('/images/case_studies/bridgestone.jpg') no-repeat; }
a#yonex_golf { background: transparent url('/images/case_studies/yonex_golf.jpg') no-repeat; }
a#janssen_cilag { background: transparent url('/images/case_studies/janssen_cilag.jpg') no-repeat; }
a#margate { background: transparent url('/images/case_studies/margate.jpg') no-repeat; }
a#rewind_festival { background: transparent url('/images/case_studies/rewind_festival.jpg') no-repeat; }
a#hbf { background: transparent url('/images/case_studies/hbf.jpg') no-repeat; }


/**   start case study show styles    **/
div#case_study_content { float: left; display: inline; width: 744px; padding: 0 58px; }
div#case_study_navigation { float: left; display: inline; height: 23px; width: 744px; padding: 10px 0; }
div#case_study_navigation p.float_left a { margin-right: 18px; }
div#case_study_navigation a.current { color: #cce600; }
div#case_study_image { float: left; display: inline; height: 520px; width: 744px; margin: 25px 10px; overflow: hidden; }


/**   start client box styles   **/
div#clients { float: left; display: inline; width: 850px; padding: 0 5px; }
div#clients div.client { float: left; display: table-cell; height: 122px; width: 271px; margin: 5px; border: 1px solid #8b9298; text-indent: -9999px; }

div#clients div#bayer { background: transparent url('/images/clients/bayer.png') no-repeat; }
div#clients div#bic { background: transparent url('/images/clients/bic.png') no-repeat; }
div#clients div#bridgestone { background: transparent url('/images/clients/bridgestone.png') no-repeat; }
div#clients div#dewalt { background: transparent url('/images/clients/dewalt.png') no-repeat; }
div#clients div#hbf { background: transparent url('/images/clients/hbf.png') no-repeat; }
div#clients div#intervet { background: transparent url('/images/clients/intervet.png') no-repeat; }
div#clients div#janssen_cilag { background: transparent url('/images/clients/janssen_cilag.png') no-repeat; }
div#clients div#johnson { background: transparent url('/images/clients/johnson.png') no-repeat; }
div#clients div#mma { background: transparent url('/images/clients/mma.png') no-repeat; }
div#clients div#pitmans { background: transparent url('/images/clients/pitmans.png') no-repeat; }
div#clients div#sophos { background: transparent url('/images/clients/sophos.png') no-repeat; }
div#clients div#thames_water { background: transparent url('/images/clients/thames_water.png') no-repeat; }
div#clients div#national_trust { background: transparent url('/images/clients/national_trust.png') no-repeat; }
div#clients div#veuve { background: transparent url('/images/clients/veuve.png') no-repeat; }
div#clients div#yonex { background: transparent url('/images/clients/yonex.png') no-repeat; }

div.copy_list li {font-size:17px;padding:0;margin:0; line-height:21px;}
div.copy_list h3 {font-size:19px; color:#fff;padding:0;margin:0;}

/**   start positioning styles    **/
.float_left { float: left; display: inline; }
.w_third {width:33%;}
.float_right { float: right; display: inline; }
.hidden { position: absolute; left: -9999px; }
.extra_paragraph_padding p {padding-bottom:20px; font-size:21px;}

/**   start color styles   **/
.tma_blue { color: #00adf4; }
.tma_green { color: #cce600; }
.tma_purple { color: #df51d7; }
.tma_yellow { color: #fce200; }
.tma_orange { color: #ff9600; }
.tma_white { color: #fff; }
.tma_red { color: #ff3e79; }



/**   start margin styles   **/
.m_right_40px { margin-right: 40px; }