@charset "utf-8";

/*
*
* General
*
*/

body { font-family: 'Open Sans', sans-serif; color:#333; background:#0C3F6B; }
p { margin:0; padding:0; }
a { color:#155B97; }
a:hover { color:#2182d5; }
.active a { color:#ec008c; }
::selection { background: #60a4c9; }
.access { text-indent:-9999px; }

/*
*
* Site Template
*
*/

#header { background:#FFF; height:92px; }
#header #headerContainer { width:980px; height:92px; margin:0 auto; position:relative; }
#header #headerContainer h1,
 #header #headerContainer p a#logo { background:url(/images/gmedialogosmall.png) 0 0 no-repeat; text-indent:-9999px; height:61px; width:159px; position:absolute; top:15px; display:block; }
#header #headerContainer p a { text-decoration:none; }
	
a#hiring { position:absolute; top:0; right:0; display:block; width:168px; padding-top:9px; height:65px; background:url(images/jobsbannergrey.png) 100% -7px no-repeat; color:#bfbfbf; font-size:150%; text-decoration:none; font-weight:700; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; text-transform:lowercase; }
a#hiring:hover { background-image:url(images/jobsbanner.png); background-position:100% 0; color:#ec008c; }	

#iNav { position:absolute; right:0; bottom:0; }
#iNav ul { list-style:none; padding:0; margin:0; }
#iNav ul li { float:left; padding:0 0 0 24px; margin:0; }
#iNav ul li h2 a { font-weight:400; font-size:120%; text-decoration:none; color:#155b97; display:block; padding:15px; text-transform:lowercase; }
#iNav ul li h2 a:hover { color:#ec008c; }
#iNav ul li.on h2 a { color:#ec008c; }
#iNav ul li ul { display:none; }
#header.home #iNav ul li.first { display:none; }
	
div#content { background:url(/images/backgroundtexture.png) 0 0 repeat; width:100%; border-top:1px solid #e1e1e1; }
div#contentContainer { width:980px; margin:0 auto; overflow:hidden; padding:50px 40px; min-height:600px; }
div#contentContainer p { margin:25px 0; }

div#spotlightColour.home { background:url(/images/backgroundtexture.png) 0 0 repeat #fff; height:493px; border-top:1px solid #e1e1e1; overflow:hidden;  }
div#spotlight { width:980px; margin:0 auto; height:493px;  }

div#content.home { background:#155b97; border-top:0; }

div.moreBar { height:174px; width:980px; padding-bottom:50px; clear:left; background:url(/images/more/background.png) 0 0 no-repeat; }
div.moreBar ul { list-style:none; margin:0 auto; padding-left:100px;}
div.moreBar ul li { float:left; height:139px; padding-top:30px; }
div.moreBar ul li img { width:79px; margin:0 auto; margin:0 40px 0 40px; -webkit-transition: all .2s ease-in-out; width:79px; height:82px; }
div.moreBar ul li a { text-decoration:none; color:#666;   }
div.moreBar ul li a:hover { color:#000;  }
div.moreBar ul li a:hover img { -webkit-transform: scale(1.1); } 
div.moreBar ul li span { display:block; margin:0 auto; text-align:center; }

div.moreBar#aboutNav ul { padding-left:180px; }

.divideOnGrey { background:url(/images/divideongrey.png) 0 50px no-repeat; height:70px; clear:both; position:relative; padding-top:50px; }
.divideOnGrey a { position:absolute; right:50px; top:60px; color:#155b97; text-shadow:0 1px 0 #FFF; text-decoration:none; background:url(/images/backtotop.png) 100% 50% no-repeat; width:80px; display:block; padding-right:7px; }
.divideOnGrey a:hover { text-decoration:underline; }

div#footer { background:#0c3f6b; }
div#footer a { color:#fff; }
div#footer a:hover { color:#499fe8; }
div#footerContainer { width:980px; margin:0 auto; overflow:hidden; padding:40px 0; color:#fff; }
div#footerContainer #copyright { float:left; width:450px; color:#499fe8; }
div#footerContainer ul { float:right; list-style:none; padding:0; margin:0; }
div#footerContainer ul li#widgetFb { float:left; width:110px; }
div#footerContainer ul li#widgetTw { float:left; width:130px; }
div#footerContainer ul li#widgetGp { float:left; width:130px; text-align:right; }


/*
*
* Comment Elements
*
*/

.primaryHeader { font-size:400%; font-weight:800; color:#155b97; text-shadow:0 1px 0 #FFF; padding:0 0 30px 0; text-transform:lowercase; }
.primaryHeader span { text-transform:none; }
.secondaryHeader { font-size:360% !important; color:#333; text-shadow:0 1px 0 white; text-transform:lowercase; }

.button { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color:#FFF; text-decoration:none; font-size:153.9%; font-weight:700; text-transform:lowercase; padding:10px 14px; font-size:138.5%;
 background:#ec008c; box-shadow:0 1px #b5157c, inset 0 2px  #f470bf; text-shadow:0 -1px #b5157c; behavior: url(/PIE.htc); } 
.button:hover { background:#f3239f; color:#fff; }
a.button { text-align:center; }
input.button { border:0; }
.button.large { padding:7px 15px 10px 15px; font-size:200%; }
.button.blue { color:#fff; background:#60a4c9; box-shadow:0 1px #1975A7, inset 0 2px  #73bae1; text-shadow:0 -1px #1975a7; behavior: url(/PIE.htc);  }
.button.blue:hover { background:#68add2; }

p.endButtons { overflow:hidden; margin:0 !important; padding:0 0 50px 0; }
p.endButtons a { float:left; margin-right:20px; }
	
.cPod { overflow:hidden; width:450px; position:relative; padding:0 0 55px 0; }
.cPod.hasImage { min-height:400px; }
.cPod.left { padding-right:530px; }
.cPod.right { padding-left:530px; }
.cPod h2, h2.subHeader { font-size:138.5%; color:#333; text-shadow:0 1px 0 #FFF; border-bottom:1px dotted #333; padding-bottom:20px; }
.cPod img { position:absolute; top:0; width:450px; height:400px; }
.cPod.left img { right:0; }
.cPod.right img { left:0; }
.cPod p { padding-top:20px; font-size:116%; color:#333; text-shadow:0 1px 0 #FFF; margin:0 !important; }
.cPod ul { list-style:square; margin:0 0 0 20px; padding:20px 0 0 0; }
.cPod ul li { padding-top:10px; font-size:116%; color:#333; text-shadow:0 1px 0 #FFF; }
.cPod ul li.first { padding-top:0; }

ul.indexPods { margin:0; padding:0; list-style:none; overflow:hidden; }
ul.indexPods li { width:300px; height:250px; position:relative; margin:0 0 40px 40px; float:left; background:url(/images/clients/box/buttonbackground.png) 0 100% no-repeat; }
ul.indexPods li.first { margin-left:0; }
ul.indexPods li a.leftBtn { position:absolute; left:15px; bottom:15px; }
ul.indexPods li a.rightBtn { position:absolute; right:15px; bottom:15px; }
ul.indexPods li strong { position:absolute; right:20px; bottom:25px; text-align:right; font-size:130%; text-transform:lowercase; }

.formItem { padding:0 0 15px 0; }
.formItem input.button { font-family: 'Open Sans', sans-serif; cursor:pointer; }
.formItem.text input, textarea, select { background-color:#fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px solid #d5d5d5;
	padding:10px; font-size:116%; box-shadow: inset 0 5px 10px 0 #f3f3f3; color:#333; font-family: 'Open Sans', sans-serif; }
.formItem.text input, .formItem.textarea textarea { width:958px; }
.formItem label { display:block; padding-bottom:5px; font-size:138.5%; float:none; width:auto; color:#333; text-shadow:0 1px 0 white; text-transform:lowercase; font-weight:700; }
.formItem.submit { text-align:right; }
.formItem.submit input { border:0; padding:7px 15px 10px 15px; font-size:200%; color:#fff; background:#ec008c; box-shadow:0 1px #b5157c, inset 0 2px  #f470bf; text-shadow:0 -1px #b5157c; behavior: url(/PIE.htc); }
.formItem.submit input:hover { background:#f3239f; }


/*
*
* Spotlight
*
*/

.spotInner { position:relative; width:980px; margin:0 auto; height:493px; }
.spotOuter strong { display:block; font-size:400%; font-weight:800; padding-top:100px; text-transform:lowercase; }
.spotOuter span { display:block; font-size:131%; padding-top:40px; }
.spotOuter img { position:absolute; top:0; right:0; }

.spotOuter.airwave { background-color:#0063b7; }
.spotOuter.airwave .spotInner { background:url(/images/highlights/airwavehighlight.png) 50% 0 no-repeat; position:relative; }
.spotOuter.airwave h2 { display:none; }
.spotOuter.airwave strong { top:330px; left:252px; position:absolute; padding:0; font-size:340%; color:#fff; font-weight:700; text-transform:lowercase; }
.spotOuter.airwave span { top:415px; left:380px; position:absolute; padding:0; color:#ddd; font-size:138.5%; font-weight:600; }

.spotOuter.black { background-color:#272727; }
.spotOuter.black .spotInner { background:url(/images/highlights/mobileappshighlight.png) 50% 0 no-repeat; }
.spotOuter.black strong { color:#FFF; text-shadow:0 -1px 0 #333; } 
.spotOuter.black span { color:#FFF; text-shadow:0 -1px 0 #333; }

.spotOuter.pink { background-color:#ec008c; }
.spotOuter.pink .spotInner { background:url(/images/highlights/cmshighlight.png) 50% 0 no-repeat; }
.spotOuter.pink strong { color:#FFF; text-shadow:0 -1px 0 #b7016d; } 
.spotOuter.pink span { color:#FFF; text-shadow:0 -1px 0 #b7016d; }

.spotOuter.lightBlue { background-color:#D2E3F4; }
.spotOuter.lightBlue .spotInner { background:url(/images/highlights/cmshighlight.png) 50% 0 no-repeat; }
.spotOuter.lightBlue strong { color:#155b97; text-shadow:0 1px 0 #fff; } 
.spotOuter.lightBlue span { color:#155b97; text-shadow:0 1px 0 #fff; }

.spotOuter.green { background-color:#15a04d; }
.spotOuter.green .spotInner { background:url(/images/highlights/studiohighlight.png) 50% 0 no-repeat; }
.spotOuter.green strong { color:#FFF; text-shadow:0 -1px 0 #077031; } 
.spotOuter.green span { color:#FFF; text-shadow:0 -1px 0 #077031; }

.spotOuter.blue { background-color:#2367a8; }
.spotOuter.blue .spotInner { background:url(/images/highlights/radioplayerhighlight.png) 50% 0 no-repeat; }
.spotOuter.blue strong { color:#FFF; text-shadow:0 -1px 0 #093c6d; } 
.spotOuter.blue span { color:#FFF; text-shadow:0 -1px 0 #093c6d; }

.spotOuter.red { background-color:#f00; }
.spotOuter.red .spotInner { background:url(/images/highlights/connecthighlight.png) 50% 0 no-repeat; }
.spotOuter.red strong { color:#FFF; text-shadow:0 -1px 0 #b20000; } 
.spotOuter.red span { color:#FFF; text-shadow:0 -1px 0 #b20000; }

.spotOuter.yellow { background-color:#ffc000; }
.spotOuter.yellow .spotInner { background:url(/images/highlights/vishighlight.png) 50% 0 no-repeat; }
.spotOuter.yellow strong { color:#333; text-shadow:0 1px 0 #FFF; } 
.spotOuter.yellow span { color:#333; text-shadow:0 1px 0 #FFF; }

.spotOuter.about { background-color:#0068c3; }
.spotOuter.about .spotInner { background:url(/images/about/gmedialogo.png) 50% 0 no-repeat; }
.spotOuter.about strong { color:#FFF; text-shadow:0 -1px 0 #093c6d; } 
.spotOuter.about span { color:#FFF; text-shadow:0 -1px 0 #093c6d; }

.spotOuter.utv { background-color:#eee; border-top:1px solid #ddd; }
.spotOuter.utv .spotInner { background:url(/images/casestudy/utvhighlight.png) 50% 0 no-repeat; }
.spotOuter.utv strong { color:#333; text-shadow:0 1px 0 #FFF; } 
.spotOuter.utv span { color:#333; text-shadow:0 1px 0 #FFF; }

/*
*
* Homepage
*
*/

#header.home { background:#FFF; height:200px; }
#header.home #headerContainer { height:200px; }
#header.home #headerContainer h1 { background:url(/images/gmedialogo.png) 0 0 no-repeat; text-indent:-9999px; display:block; height:121px; width:317px; position:absolute; top:40px; }
#header.home #headerContainer p { font-size:300%; font-weight:700; text-align:right; position:absolute; top:75px; right:15px; text-transform:lowercase; }
#header.home #headerContainer p span.radio { color:#60a4c9; }
#header.home #headerContainer p span.tech { color:#ec008c; }
#header.home #headerContainer p span.creative { color:#155b97; }

/* Flipbook */

div#spotlightGradient { margin:0 auto; width:100%; height:493px; behavior: url(/PIE.htc); overflow:hidden; background:url(/images/backgroundgradient.png) 0 0 repeat-x; }
div#spotlight { position:relative; }

div.flipItem { height:493px; position:relative; }
div.flipItem img { position:absolute; left:562px; top:40px; width:422px; height:514px; }
div.flipItem h3 { padding:0; position:absolute; left:0; top:90px; width:520px; }
div.flipItem p { position:absolute; left:0; top:230px; width:470px; color:#155b97; font-size:138.5%; font-weight:400; text-shadow:#fff 0 1px 0; }
div.flipItem a.button { position:absolute; top:310px; }
div.flipItem a.moreInfo { left:140px; }

#dots { margin:0; padding:0; list-style:none; position:absolute; bottom:20px; width:140px; }
#dots li { float:left; padding-right:18px; width:16px; height:16px; }
#dots li a { display:block; width:16px; height:16px; background:url(/images/homecarousel/dots.png) 0 0 no-repeat; text-indent:-9999px; }
#dots li a.on { background-position:0 -16px; }
#dots li a:hover { background-position:0 -32px; }
#dots li a.on:hover { background-position:0 -16px; }

/* Clients */

#clients { padding:30px 0 80px 0; position:relative; }
#clients strong.clientLargeHeader { position:absolute; right:0; text-align:right; font-size:400%; font-weight:800; color:#FFF; text-shadow:0 -1px 0 #00284b; display:block; width:400px; }
#clients ul { width: 500px; height:400px; list-style:none; padding:0; }
#clients ul li { float:left; margin:0 0 34px 50px;}
#clients ul li.first { margin-left:0; }
#clients ul li a { width:219px; height:182px; display:block; text-decoration:none;  }
#clients ul li a:hover img { box-shadow:0 0 50px rgba(0,0,0,0.3); border-radius:15px; -webkit-transition:box-shadow 0.1s linear; }
#clients ul li a:active img { -webkit-transform: scale(0.96); box-shadow:0 0 10px rgba(0,0,0,0.8); }
#clients a#moreClients { position:absolute; right:0; top:180px; }

#quote { background:url(/images/backgroundtexture.png) 0 0 repeat; width:340px;  position:absolute; right:0; bottom:95px; padding:30px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; border:2px solid #e1e1e1; color:#155b97; text-shadow:0 1px 0 #FFF; text-align:right; behavior: url(/PIE.htc); }
#quote span { display:block; font-style:italic; font-weight:600; }
#quote strong { display:block; text-align:right; padding-top:10px; font-weight:700; }
#quoteMark { background:url(/images/speechbubblequote.png) 0 0 no-repeat; width:31px; height:20px; position:absolute; bottom:30px; left:-31px; }

#divideOnBlue { background:url(/images/divideonblue.png) 0 0 no-repeat; text-indent:-9999px; height:70px; }

/* Friends */

#friends { padding:0 0 50px 0; }
#friends strong.clientLargeHeader {  font-size:400%; font-weight:800; color:#FFF; text-shadow:0 -1px 0 #00284b; margin:45px 0 50px 0; }
#friends ul { list-style:none; padding:0; margin:0; }
#friends ul li { float:left; padding:50px 0 0 24px; width:119px; }
#friends ul li.first { padding:50px 0 0 0; }
#friends ul li a:hover img { box-shadow:0 0 30px rgba(0,0,0,0.3); border-radius:10px; }
#friends ul li a:active img { -webkit-transform: scale(0.96); box-shadow:0 0 6px rgba(0,0,0,0.8); }



/*
*
* Products Index
*
*/

ul.products { margin:0; padding:0; list-style:none; overflow:hidden; }
ul.products li { width:300px; height:250px; position:relative; margin:0 0 40px 40px; float:left; }
ul.products li.first { margin-left:0; }
ul.products li.lastRow { margin-bottom:0; }
ul.products li#mobile { background:url(/images/products/blockmobile.png) 0 0 no-repeat; }
ul.products li#cms { background:url(/images/products/blockcms.png) 0 0 no-repeat; }
ul.products li#studio { background:url(/images/products/blockstudio.png) 0 0 no-repeat; }
ul.products li#radioplayer { background:url(/images/products/blockradioplayer.png) 0 0 no-repeat; }
ul.products li#connect { background:url(/images/products/blockconnect.png) 0 0 no-repeat; }
ul.products li#vis { background:url(/images/products/blockvis.png) 0 0 no-repeat; }
ul.products li h3 { position:absolute; left:20px; top:20px; width:280px; font-weight:700; font-size:197%; color:#155b97; text-shadow:0 1px 0 #FFF; text-transform:lowercase; }
ul.products li p { position:absolute; left:20px; top:70px; width:130px; font-weight:600; color:#155b97; margin:0 !important; }
ul.products li a { position:absolute; left:20px; top:190px; text-transform:lowercase; }



/*
*
* About Page
*
*/

ul#aboutNav { list-style:none; margin:0 auto; padding:0; background:url(/images/more/background.png) 0 0 no-repeat; }
ul#aboutNav li { float:left; padding-top:73px; padding-left:73px; padding-bottom:50px;  }
ul#aboutNav li.first { padding-left:144px; }
ul#aboutNav li span { text-align:center; display:block; font-size:123.1%; }
ul#aboutNav li a { text-decoration:none; color:#333; }
ul#aboutNav li a:hover { text-decoration:underline; }

.sectionAbout { position:relative; clear:left; }
.sectionAbout h2 { color:#155b97; text-shadow:0 1px 0 #FFF; padding-bottom:10px; border-bottom:1px dotted #155b97; }
.sectionAbout p { font-size:116%; color:#333; text-shadow:0 1px 0 #FFF; }
.sectionAbout img { display:block; } 
.sectionAbout strong { left:0; }
.sectionAbout span { left:0; }

/* Staff */
/*
#staffNav { margin-top:40px; }
.staffDetail { position:relative; }
.staffDetail h2 { color:#333; border-bottom:0; font-size:250%; position:absolute; left:310px; text-transform:lowercase; }
.staffDetail h3 { color:#155B97; font-size:180%; position:absolute; left:310px; top:60px; text-transform:lowercase; }
.staffDetail img#largeStaff { width:235px; height:550px; display:inline; float:left; }
.interest { text-indent:-9999px; float:left; margin:170px 0 0 68px; height:78px; width:78px; }
.interest.first { margin-left:72px; }
div#larry.interest  { width:88px }
#mac { background:url(images/about/staff/icons/mac.png) 0 0 no-repeat; }
#mac:hover { background:url(images/about/staff/icons/machover.png) 0 0 no-repeat; }
#design { background:url(images/about/staff/icons/pencil.png) 0 0 no-repeat; }
#design:hover { background:url(images/about/staff/icons/pencilhover.png) 0 0 no-repeat; }
#coffee { background:url(images/about/staff/icons/coffee.png) 0 0 no-repeat; }
#coffee:hover { background:url(images/about/staff/icons/coffeehover.png) 0 0 no-repeat; }
#guitar { background:url(images/about/staff/icons/guitar.png) 0 0 no-repeat; }
#guitar:hover { background:url(images/about/staff/icons/guitarhover.png) 0 0 no-repeat; }
#larry { background:url(images/about/staff/icons/larry.png) 0 0 no-repeat; }
#larry:hover { background:url(images/about/staff/icons/larryhover.png) 0 0 no-repeat; }


#twitter { position:absolute; right:0; top:0; }
#latestTweet { background:url(images/about/twitter.png) 100% 0 no-repeat; display:block; text-indent:-9999px; position:absolute; top:0; right:0; min-width:57px; min-height:40px; text-decoration:none;  }
#latestTweet:hover { background:url(images/about/twitterhover.png) 100% 0 no-repeat; }
#latestTweet em { background:url(images/about/boxarrow.png) 0 0 no-repeat; width:25px; height:25px; display:none; position:absolute; right:59px; top:50px; }
#latestTweet span { box-shadow:0 3px 15px #DDD; display:none; background:#fff; border:1px solid #ddd; margin-top:37px; margin-right:70px; padding:20px; width:260px; min-height:40px; color:#333; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; text-indent:0;}
#latestTweet:hover span { display:block; }
#latestTweet:hover em { display:block; }
#staffDetail p {position:absolute; left:310px; top:310px; }

*/

.staffNav { margin-top:50px; padding-bottom:0; height:174px; width:980px; clear:left; background:url(/images/more/background.png) 0 0 no-repeat; }
.staffNav ul { padding-left:5px; margin:0 auto; list-style:none; }
.staffNav ul li { padding-top:30px; float:left; }
.staffNav ul li a { display:block; width:150px; margin:0 22px 0 22px; height:143px; background:url(/images/about/staffsprite.jpg) 0 0 no-repeat;  }
.staffNav ul li a.hover { background-position:0 -143px; }
.staffNav ul li a span { display:none; }

.staffNav ul li a#gavAvatar { background:url(/images/about/staffsprite.jpg) -150px 0 no-repeat; }
.staffNav ul li a#gavAvatar.hover { background-position:-150px -143px; }
.staffNav ul li a#rickiAvatar { background:url(/images/about/staffsprite.jpg) -300px 0 no-repeat; }
.staffNav ul li a#rickiAvatar.hover { background-position:-300px -143px; }
.staffNav ul li a#lukeAvatar { background:url(/images/about/staffsprite.jpg) -450px 0 no-repeat; }
.staffNav ul li a#lukeAvatar.hover { background-position:-450px -143px; }
.staffNav ul li a#samAvatar { background:url(/images/about/staffsprite.jpg) -0 0 no-repeat; }
.staffNav ul li a#samAvatar.hover { background-position:0 -143px; }
.staffNav ul li a#benAvatar { background:url(/images/about/staffsprite.jpg) -750px 0 no-repeat; }
.staffNav ul li a#benAvatar.hover { background-position:-750px -143px; }

.hoverCard { position:absolute; top:276px; z-index:3; width:522px; display:none; padding-top:13px; }
.hoverCard h3 { text-align:center; font-size:170%; border-bottom:0; text-shadow:0 1px 0 #fff; color:#155B97; }
.hoverCard p.jobTitle { text-align:center; font-size:116%; color:#777; text-shadow:0 1px 0 #fff; font-weight:normal; margin:0 !important; padding-top:8px; }
.hoverCard p.sillyTitle { text-align:center; font-size:85%; color:#999; text-shadow:0 1px 0 #fff; font-weight:normal; padding-top:9px; margin:0 !important; }
.hoverCard p.content { text-shadow:0 1px 0 #fff; color:#333; }

.hoverCard.left { left:15px; margin-left:0; }
.hoverCard.middleLeft { left:35px; }
.hoverCard.middle { left:50%; margin-left:-262px; }
.hoverCard.middleRight { left:421px; }
.hoverCard.right { left:441px; margin-left:0; }

.hoverBox { border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border:1px solid #d8d4d4; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); background: linear-gradient(top, #ffffff 0%,#f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); box-shadow:0 0 20px rgba(0,0,0,0.3); padding:20px; }

.twitter { margin:0 auto; }

.hoverNib { background:url(images/about/hoverNib.png) 0 0 no-repeat; width:28px; height:14px; position:absolute; left:50%; top:0; margin-left:-14px; }
.hoverCard.left .hoverNib { left:68px; margin-left:0; }
.hoverCard.right .hoverNib { right:68px; margin-left:0; left:auto; }


/* Timeline */
.sectionTimeline h2 { color:#155b97; text-shadow:0 1px 0 #FFF; padding-bottom:10px; border-bottom:1px dotted #155b97; }

#timelineNav { padding:10px 0; overflow:hidden; }
#timelineNav ul { padding:0; list-style:none; width:720px; margin:0 auto; }
#timelineNav ul li { float:left; padding-left:10px; }
#timelineNav ul li.first { padding-left:0; }
#timelineNav ul li a { display:block; padding:20px; font-size:131%; color:#888; text-decoration:none; }
#timelineNav ul li a.on { color:#155B97; font-weight:bold; }

#timeline { width:978px; height:500px; margin:0 0 20px 0; position:relative; overflow:hidden; background-color:#fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px solid #ddd; }

#timelineAnimate { position:absolute; width:9000px; }

div.yearPod { float:left; width:898px; height:420px; padding:40px; position:relative; }
div.yearPod h3 { font-size:197%; color:#155B97; }
div.yearPod ul { list-style:inside square; margin:0; padding:0; width:400px; }
div.yearPod ul li { padding-top:18px; font-size:138.5%; }
div.yearPod img { position:absolute; height:500px; width:500px; top:0; right:0; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }


/* Blog */

.blogContent { font-size:116%; line-height:1.5em; }



/*
*
* Contact Page
*
*/

/*span { font-size: 116%; color: #333; text-shadow: 0 1px 0 white; padding-top: 20px; }*/
span#number { font-size:280%; color:#ec008c; text-shadow:0 1px 0 white; font-weight:700; }

.tertiaryHeader { font-size:200%; color:#333; text-shadow:0 1px 0 white; text-transform:lowercase; font-weight:700; }

.blueText { font-size:200%; color:#60a4c9; text-shadow:0 1px 0 white; text-transform:lowercase; font-weight:700; }
.address { text-transform:none; line-height:1.2; padding:20px 0; }

#largeCallContainer { position:relative; }
#largeCall { position:absolute; top:-92px; right:0; text-align:right; }
#largeCall p { margin:0 !important; }
#largeCall strong#call { display:block; }

/* Form */

#form409480 { position:relative; min-height:340px; }
#form409480 .formItem.text input, #form409480 .formItem.textarea textarea { width:300px; }
#form409480 #formItem_103, #form409480 #formItem_104, #form409480 #formItem_105 { width:350px; }
#form409480 #formItem_106 { position:absolute; left:450px; top:0; }
#form409480 #formItem_106 input { width:508px; }
#form409480 #formItem_107 { position:absolute; left:450px; top:86px; }
#form409480 #formItem_107 textarea { width:508px; height:108px; }
#form409480 .formItem.submit { position:absolute; right:0; top:270px; }

/* Phone Numbers */

ul.phoneNumbers { list-style:none; padding:0; margin:0; width:400px; padding-top:20px; }
ul.phoneNumbers li { height:35px; clear:left; }
ul.phoneNumbers li span.label { font-weight:700; float:left; width:120px; padding-top:10px; }

#callSection { float:left; margin-right:180px; padding-top:10px; }
#faxSection { float:right; padding-top:10px;  }

.addressPod { padding-top:70px; width:400px; position:relative; }
.addressPod.left { float:left; }
.addressPod.right { float:right; }
.addressPod p { margin:0 !important; }
.addressPod a { position:absolute; bottom:12px; left:10px; } 

/* Case Study */
.cPod.wide { width:980px; }
.cPod p.quote { font-size:150%; font-style:italic; }
.cPod ul#logos { list-style:none; width:980px; margin:30px 0; }
.cPod ul#logos li { display:inline; float:left; margin-left:60px; min-height:120px; padding-top:0; }
.cPod ul#logos li img { width:200px; height:inherit; position:static; -webkit-transition:opacity 0.2s linear; }
.cPod ul#logos li a { display:block; }
.cPod ul#logos li a:hover img { opacity:0.9; } 
.cPod ul#logos li.first { margin-left:0; }


