@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; 	font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body { font-family: Arial, Helvetica, sans-serif; background: #96D4F1; font-size: 100.01%; }

.lhsNav { font-size: 0.65em; line-height: 1.4em; }

/* common styles */

#wrapper { position: relative; margin: 10px auto; width: 955px; background: #fff; }
#branding { height: 65px; background: url(../images/tgv_topbg.gif) no-repeat; }
#footer { position: relative; height: 25px; background: url(../images/tgv_footbg.gif) no-repeat; padding-left: 60px; padding-top: 35px; clear: both; }
#footer p { font-size: 0.65em; }

ul#mainNav { display: block; width: 473px; height: 12px; overflow: hidden; padding: 46px 0 0 50px; }
#mainNav li { display: inline; }
#mainNav li a { display: block; float: left; height: 12px; text-indent: -5000px; }
#mainNav li a.navWho { width: 77px; background: url(../images/tgv_mainNav.gif) no-repeat; }
#mainNav li a.navWho:hover, #mainNav li a.navWhoCurrent { width: 77px; background: url(../images/tgv_mainNav.gif) 0 -12px no-repeat; }
#mainNav li a.navWhat { width: 78px; background: url(../images/tgv_mainNav.gif) -77px 0 no-repeat; }
#mainNav li a.navWhat:hover, #mainNav li a.navWhatCurrent { width: 78px; background: url(../images/tgv_mainNav.gif) -77px -12px no-repeat; }
#mainNav li a.navHow { width: 84px; background: url(../images/tgv_mainNav.gif) -155px 0 no-repeat; }
#mainNav li a.navHow:hover, #mainNav li a.navHowCurrent { width: 84px; background: url(../images/tgv_mainNav.gif) -155px -12px no-repeat; }
#mainNav li a.navWork { width: 64px; background: url(../images/tgv_mainNav.gif) -239px 0 no-repeat; }
#mainNav li a.navWork:hover, #mainNav li a.navWorkCurrent { width: 64px; background: url(../images/tgv_mainNav.gif) -239px -12px no-repeat; }
#mainNav li a.navWhy { width: 54px; background: url(../images/tgv_mainNav.gif) -303px 0 no-repeat; }
#mainNav li a.navWhy:hover, #mainNav li a.navWhyCurrent { width: 54px; background: url(../images/tgv_mainNav.gif) -303px -12px no-repeat; }
#mainNav li a.navNews { width: 42px; background: url(../images/tgv_mainNav.gif) -357px 0 no-repeat; }
#mainNav li a.navNews:hover, #mainNav li a.navNewsCurrent { width: 42px; background: url(../images/tgv_mainNav.gif) -357px -12px no-repeat; }
#mainNav li a.navWhere { width: 73px; background: url(../images/tgv_mainNav.gif) -399px 0 no-repeat; }
#mainNav li a.navWhere:hover, #mainNav li a.navWhereCurrent { width: 73px; background: url(../images/tgv_mainNav.gif) -399px -12px no-repeat; }


a { color: #0098D1; text-decoration: none; }
.currentNav { color: #003883; }

h1 { background: url(../images/tgv_logo.gif) no-repeat; width: 101px; height: 39px; float: right; padding-right: 33px; margin: 24px 0 0 0; }
h1 a { display: block; width: 101px; height: 39px; text-indent: -5000px; }
h2 { padding: 50px 0 33px 60px; height: 67px; background: url(../images/home/headline.gif) 60px 50px no-repeat; text-indent: -5000px; }
h3 { width: 300px; height: 59px; text-indent: -5000px; margin-bottom: 28px; }

p { font-size: 0.75em; color: #848788; margin-bottom: 1em; }

strong { font-weight: bold; }

.clearing { display: block; clear: left; width: 100%; }

/* almost common styles */
#expandingContent { min-height: 475px; height: auto !important; height: 475px; position: relative; }
#mainContent { height: 480px; position: relative; overflow: hidden; }
#tgvEffectFooter {
	position: absolute;
	left: 811px;
	top: -42px;
}
#tgvEffectFootercma208 {
	position: absolute;
	left: 676px;
	top: -42px;
}
#tgvEffectLhs { position: absolute; left: 60px; bottom: 0; }
h3.h3WSubHead { width: 300px; height: 59px; text-indent: -5000px; margin-bottom: 8px; }
h4 { width: 300px; height: 21px; text-indent: -5000px; margin-bottom: 8px; }
h5 { font-size: 0.7em; color: #57575B; }

/* home styles */

#homeAnimation{ height: 248px; }

/* work styles */

#workLhs { width: 315px; float: left; padding: 0 70px 0 60px; }
#workRhs { width: 510px; float: right; padding-top: 95px; }
#clientList { float: left; display: block; width: 155px; }
#workList { display: block; width: 155px; float: left; color: #848788; }
#workList li { color: #848788; }
.workPicNav { margin-top: 1em;  font-size: 0.65em; color: #003883; }
.titleWork { background: url(../images/tgv_titleWork.gif) no-repeat; }
#workList li.selectedWork { color: #333; }
#workText { width: 100%; clear: both; padding-top: 1em; }
#workText p { font-size: 0.7em; }
#workText em { font-style: normal; color: #333; }
.lhsNav { color: #0098D1; }
h5.workResultsTitle { color: #FF0080; font-size: 0.7em; margin: 0; }
.workExtLink { color: #FF0080; }

#workNav { position: absolute; right: 18px; top: 23px; display: block; width: 780px; height: 450px; }
#workNav li { display: inline; }
#workNav li div { position: absolute; display: block; width: 140px; height: 140px; text-indent: -5000px; }
#workNav li a { position: absolute; display: block; width: 140px; height: 140px; text-indent: -5000px; }
#workNav li a.workNav1 { left: 312px; }
#workNav li a.workNav2 { left: 483px; }
#workNav li a.workNav1 { left: 312px; background: url(../images/work/home/apollo_dm1.gif) ; }
#workNav li a.workNav1:hover { background: url(../images/work/home/Apollo_ro.gif) ; }
#workNav li a.workNav2 { left: 468px; background: url(../images/work/home/redland_dm2.gif) ; }
#workNav li a.workNav2:hover { background: url(../images/work/home/redland_ro.gif) ; }
#workNav li a.workNav3 { left: 624px; background: url(../images/work/home/thewoods_dm3.gif) ; }
#workNav li a.workNav3:hover { background: url(../images/work/home/thewoods_ro.gif) ; }
#workNav li a.workNav4 { left: 156px; top: 155px; background: url(../images/work/home/gm_dm4.gif) ; }
#workNav li a.workNav4:hover { background: url(../images/work/home/gm_ro.gif) ; }
#workNav li a.workNav5 { left: 312px; top: 155px; background: url(../images/work/home/stjohnsambulance_dm5.gif) ; }
#workNav li a.workNav5:hover { background: url(../images/work/home/stjohnsambulance_ro.gif) ; }
#workNav li a.workNav6 { left: 468px; top: 155px; background: url(../images/work/home/voltrex_dm6.gif) ; }
#workNav li a.workNav6:hover { background: url(../images/work/home/voltrex_ro.gif) ; }
#workNav li a.workNav7 { left: 624px; top: 155px; background: url(../images/work/home/nhs_dm7.gif) ; }
#workNav li a.workNav7:hover { background: url(../images/work/home/nhs_ro.gif) ; }
#workNav li a.workNav8 { top: 310px; background: url(../images/work/home/octagon_dm8.gif) ; }
#workNav li a.workNav8:hover { background: url(../images/work/home/octagon_ro.gif) ; }
#workNav li a.workNav9 { left: 156px; top: 310px; background: url(../images/work/home/lucozade_ex2.gif); }
#workNav li a.workNav9:hover { background: url(../images/work/home/lucozade_ro.gif) ; }
#workNav li a.workNav10 { left: 312px; top: 310px; background: url(../images/work/home/landrover_ex3.gif); }
#workNav li a.workNav10:hover { background: url(../images/work/home/landrover_ro.gif) ; }
#workNav li a.workNav11 { left: 468px; top: 310px; background: url(../images/work/home/smartply_br8.gif) ; }
#workNav li a.workNav11:hover { background: url(../images/work/home/smartply_ro.gif) ; }
#workNav li a.workNav12 { left: 624px; top: 310px; background: url(../images/work/home/pilgrimschoice_wb6.gif); }
#workNav li a.workNav12:hover { background: url(../images/work/home/pilgrimschoice_ro.gif); }

/* New bits */
#workNav li a.workNav9NonClick { left: 156px; top: 310px; background: url(../images/work/home/lucozade.jpg) 0 -280px no-repeat; }
#workNav li a.workNav9NonClick:hover { cursor:default; }
#workNav li a.workNav10NonClick { left: 312px; top: 310px; background: url(../images/work/home/landrover.jpg) 0 -280px no-repeat; }
#workNav li a.workNav10NonClick:hover { cursor:default; }
#workNav li a.workNav12NonClick { left: 624px; top: 310px; background: url(../images/work/home/pilgrim.jpg) 0 -280px no-repeat; }
#workNav li a.workNav12NonClick:hover {  cursor:default; }
/* END New bits */


#workNav li a.workSelected { background-position: 0 -140px; }
#workNav li a.workUnSelected:hover { background-position: 0 -280px; cursor: default; }

/* where styles */

#whereRhs { width: 410px; height: 189px; margin-top: 55px; padding: 230px 100px 0 0; float: right; background: url(../images/tgv_map.gif) no-repeat; text-align: right; }
#whereRhs a { color: #FF0080; font-size: 0.75em; }
.titleWhere { background: url(../images/tgv_titleLocation.gif) no-repeat; }
.titleoctagon { background: url(../campaigns/octagon/images/tgv_titleoctagon.gif) no-repeat; }
.subWhere { background:url(../images/tgv_subWhere.gif) no-repeat; padding-bottom: 30px; }
.vcard { margin-bottom: 1.5em; }
span.tel, span.email { font-size: 1.2em; font-weight: bold; }
span.email a { color: #848788; }
span.email a:hover { text-decoration: underline; }
.whereTrain { display: block; float: left; width: 150px; }
.whereCar { display: block; float: right; width: 150px; }
.companyReg { display: block; font-size: 0.55em; width: 100%; clear: both; padding-top: 1.6em; }

/* who styles */

.titleWho { background: url(../images/tgv_titleWho.gif) no-repeat; margin-left: 60px; }
#whoStatement { margin-left: 60px; height: 349px; background: url(../images/tgv_who.gif) no-repeat; text-indent: -5000px; }
#whoStatement p {text-indent: -5000px; }

/* how styles */

.titleHow { background: url(../images/tgv_titleHow.gif) no-repeat; margin-left: 60px; }
.subHow { background:url(../images/tgv_subHow.gif) no-repeat; width: 750px; padding-bottom: 30px; margin-left: 60px; }
#howFlash { position: absolute; top: 177px; left: 60px; width: 834px; height: 390px; z-index: 2; }
.howIntro { background: url(../images/how/intro.jpg) no-repeat; height: 390px; }
.howEnquire { background: url(../images/how/enquire.jpg) no-repeat; height: 390px; }
.howThink { background: url(../images/how/think.jpg) no-repeat; height: 390px; }
.howCreate { background: url(../images/how/create.jpg) no-repeat; height: 390px; }
.howDeliver { background: url(../images/how/deliver.jpg) no-repeat; height: 390px; }
#howIntro p, ul#howList { text-indent: -5000px; }
ul#howNav { display: block; width: 834px; height: 45px; overflow: hidden; }
#howNav li { display: inline; }
#howNav li a { display: block; float: left; height: 45px; text-indent: -5000px; }
ul#howNav a.howNav { text-indent: -5000px; width: 208px; height: 45px; }

/* what styles */

.titleWhat { background: url(../images/tgv_titleWhat.gif) no-repeat; margin-left: 60px; left: -1px; top: 69px; }
.subWhat { background:url(../images/tgv_subWhat.gif) no-repeat; padding-bottom: 30px; margin-left: 60px; }
#whatFlash { position: absolute; top: 177px; left: 60px; width: 834px; height: 350px; z-index: 2; }
.whatIntro { background: url(../images/what/intro_bg.gif) no-repeat; height: 350px; }
.whatDesign { background: url(../images/what/whatDesignBg.jpg) no-repeat; height: 350px; }
.whatBranding { background: url(../images/what/whatBrandingBg.jpg) no-repeat; height: 350px; }
.whatWeb { background: url(../images/what/whatWebBg.jpg) no-repeat; height: 350px; }
.whatExhibitions { background: url(../images/what/whatExhibitionsBg.jpg) no-repeat; height: 350px; }
#whatIntro p, ul#whatList { text-indent: -5000px; }
ul#whatNav { display: block; width: 820px; height: 45px; overflow: hidden; }
#whatNav li { display: inline; }
#whatNav li a { display: block; float: left; height: 45px; text-indent: -5000px; }
ul#whatNav a.whatNav { text-indent: -5000px; width: 205px; height: 45px; }

/* why styles */

.titleWhy { background: url(../images/tgv_titleWhy.gif) no-repeat; margin-left: 60px; width: 100px; }
#whyLhs { float: left; width: 200px; }
#whyRhs { display: block; float: right;  width: 644px; height: 429px; padding-right: 50px; margin-top: 40px; text-indent: -5000px; }
.whyQuality { background: url(../images/why/quality.gif) no-repeat; }
.whyService { background: url(../images/why/service.gif) no-repeat; }
.whyRel { background: url(../images/why/relationships.gif) no-repeat; }
.whyResults { background: url(../images/why/results.gif) no-repeat; }

ul#whyNav { display: block; width: 99px; height: 100px; padding-left: 60px; }
#whyNav li a { display: block; height: 25px;  text-indent: -5000px; }
#whyNav li a.whyNavQuality { background: url(../images/why/whyNav.gif) no-repeat; }
#whyNav li a.whyNavQuality:hover, #whyNav li a.whyNavQualityCurrent { background: url(../images/why/whyNav.gif) -100px 0 no-repeat; }
#whyNav li a.whyNavService { background: url(../images/why/whyNav.gif) 0 -25px no-repeat; }
#whyNav li a.whyNavService:hover, #whyNav li a.whyNavServiceCurrent { background: url(../images/why/whyNav.gif) -100px -25px no-repeat; }
#whyNav li a.whyNavRel { background: url(../images/why/whyNav.gif) 0 -50px no-repeat; }
#whyNav li a.whyNavRel:hover, #whyNav li a.whyNavRelCurrent { background: url(../images/why/whyNav.gif) -100px -50px no-repeat; }
#whyNav li a.whyNavResults { background: url(../images/why/whyNav.gif) 0 -75px no-repeat; }
#whyNav li a.whyNavResults:hover, #whyNav li a.whyNavResultsCurrent { background: url(../images/why/whyNav.gif) -100px -75px no-repeat; }

/* campaign styles */

.camplhsnav { color: #0098D1; font-size: 1em; line-height: 1.4em; }
a:hover.camplhsnav { color: #000066; }
#campList1 { float: left; display: block; width: 155px; height: 140px; margin-top: 20px; }
#campList2 { display: block; width: 155px; height: 140px; float: left; color: #848788; margin-top: 20px; }
#campList2 li { color: #848788; }
.campExtLink { color: #FF0080; }
#campRhs { width: 387px; height: 189px; margin-top: 94px; padding: 230px 100px 0 0; float: right; background: url(../campaigns/octagon/images/oct1.jpg) no-repeat; text-align: right; }
.campNav { color: #57575B; line-height: 2em; }
.campcontact { color: #989a9b; font-size: 1em; line-height: 1.1em; }
a:hover.campcontact { color: #989a9b; }
a.campcontactlink { color: #989a9b; font-size: 1em; font-weight: bold; line-height: 1.1em; }




/* news styles */

.titleNews { background: url(../images/tgv_titleNews.gif) no-repeat; margin-left: 60px; width: 100px; }
#newsRhs { display: block; float: right;  width: 550px; padding-right: 120px; margin-top: 53px; }
#newsArticleRhs { display: block; float: right; width: 670px; margin-top: 53px; }
ul#newsList li { display: block; margin-bottom: 1em; }
#newsRhs img { float: left; }
#newsRhs h4 { text-indent: 0; margin: 0; color: #4D4D4D; font-size: 0.95em; display: block; }
p.newsDate { font-size: 0.7em; margin-bottom: 0.5em; padding-top: 3px; border-top: 1px dotted #848788; }
p.newsExtract { font-size: 0.75em; margin-bottom: 0.5em; }
#newsArticle { padding-right: 50px; }
#newsArticleRhs h4.newsArticleTitle { font-size: 1.125em; text-indent: 0; }
p.newsArticleDate { font-size: 0.7em; margin-bottom: 0.5em; padding-top: 1em; }
a.articleLink { color: #FF0080; }
.newsListingCopy { display: block; width: 382px; padding-left: 30px; float: left; }
#whyLhs a.newsBackLink { display: block; margin-left: 60px; width: 102px; height: 17px; background: url(../images/news/tgv_newsNav.gif); text-indent: -5000px; }
#whyLhs a.newsBackLink:hover { background: url(../images/news/tgv_newsNav.gif) -102px 0 no-repeat; }


/* p.newsArticle  { font-size: 0.75em; margin-bottom: 0.5em; display: block; margin-left: 30px; width: 381px; float: right; }*/

/* clearfix */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}