/*
	This file contains project-specific CSS rules
*/

html
{
	position:relative;
	height: 100%;
	width: 100%;
	overflow-y: scroll;
}

body
{
	position:relative;
	height:100%;
	background:#fff;
}

html, body, img, table, td
{
	border: 0;
	margin: 0;
	padding: 0;
}

html, input, textarea, select, table, td
{
	font-family: Arial,"Lucida Grande",Helvetica,Verdana,sans-serif;
	font-size: 11px;
	color:#333333;
	vertical-align:top;	
}

h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a
{
	margin:0;
	padding:0;
	text-decoration:none;
}
a
{
	color:#333333;
	text-decoration: none;
}

a:hover
{	
	text-decoration:none;
}

p
{
	margin: 7px 0 7px 0;
	padding: 0px;
	line-height:14px;
}

.clear
{
	clear:both;
}

#wrapper
{
	width:960px;
	height:100%;
	margin:0 auto;
	position:relative;
}

/*
========================================================================
HEADER
========================================================================
*/
#header
{
	position:relative;
	height:267px;
	width:100%;
	margin:0 auto;
	border-bottom:2px solid #e9e9e9;
	background:url('../images/header.png') no-repeat 0 0;
}
#header .logo
{
  display:block;
	position:absolute;
	left:0px;
	top:0px;
}
#header .logo,
#header .logo img
{
	width:355px;
	height:193px;
}

#header .tv 
{
  display:block;
  position:absolute;
  right:0;
  top:0;
  margin-top:15px;
  width:341px;
  height:244px;
  background:url('../images/tv.png') no-repeat 0 0;
}
#header .tv span {display:none;}


#header .top_menu
{
	position:absolute;
	padding:0;
	margin:0;
	list-style:none;
	left:0px;
	top:240px;
}
#header .top_menu li
{
	float:left;
	list-style:none;
	padding:0;
}
#header .top_menu li.home a
{
  display:block;
  background:url('../images/topmenu/home.png') no-repeat 0 0;
  width:73px;
  height:27px;
}  
#header .top_menu li.home a.active,#header .top_menu li.home a:hover {   background:url('../images/topmenu/home-active.png') no-repeat 0 0; }

#header .top_menu li.whoweare a
{
  display:block;
  background:url('../images/topmenu/whoweare.png') no-repeat 0 0;
  width:118px;
  height:27px;
}
#header .top_menu li.whoweare a.active,#header .top_menu li.whoweare a:hover { background:url('../images/topmenu/whoweare-active.png') no-repeat 0 0; }

#header .top_menu li.whatwedo a
{
  display:block;
  background:url('../images/topmenu/whatwedo.png') no-repeat 0 0;
  width:118px;
  height:27px;
}
#header .top_menu li.whatwedo a.active,#header .top_menu li.whatwedo a:hover { background:url('../images/topmenu/whatwedo-active.png') no-repeat 0 0; }

#header .top_menu li.takeapeep a
{
  display:block;
  background:url('../images/topmenu/takeapeep.png') no-repeat 0 0;
  width:118px;
  height:27px;
}
#header .top_menu li.takeapeep a.active,#header .top_menu li.takeapeep a:hover { background:url('../images/topmenu/takeapeep-active.png') no-repeat 0 0; }
 
#header .top_menu li.getintouch a
{
  display:block;
  background:url('../images/topmenu/getintouch.png') no-repeat 0 0;
  width:127px;
  height:27px;
}
#header .top_menu li.getintouch a.active,#header .top_menu li.getintouch a:hover { background:url('../images/topmenu/getintouch-active.png') no-repeat 0 0; }
 
#header .top_menu li.spyonus a
{
  display:block;
  background:url('../images/topmenu/spyonus.png') no-repeat 0 0;
  width:103px;
  height:27px;
}
#header .top_menu li.spyonus a.active,#header .top_menu li.spyonus a:hover { background:url('../images/topmenu/spyonus-active.png') no-repeat 0 0; }
 
#header .top_menu li.gotsometime a
{
  display:block;
  background:url('../images/topmenu/gotsometime.png') no-repeat 0 0;
  width:141px;
  height:27px;
}
#header .top_menu li.gotsometime a.active,#header .top_menu li.gotsometime a:hover { background:url('../images/topmenu/gotsometime-active.png') no-repeat 0 0; }

#header .top_menu li span {display:none;}

/*
========================================================================
CONTENT
========================================================================
*/
#content
{
	position:relative;	
	padding:50px 18px 0;
	border-bottom:2px solid #e9e9e9;
	height:416px;
}
#content h1 {text-transform:uppercase;font-weight:normal;font-size:2.4em;padding-bottom:4px;letter-spacing:-1px;}
#content h2 {color:#333333; text-transform:uppercase;line-height:15px;font-weight:normal;font-size:1.5em;}
#content p {padding:5px 0;font-size:1.1em;}

/*
========================================================================
THUMBNAILS
========================================================================
*/
.thumbnails {position:relative;padding:12px 0 0 2px;}
.thumbnails a {display:block;width:131px;height:131px;float:left;padding:0 6px 6px 0;}
.thumbnails a.last  {padding:0 0 6px;}
.thumbnails a span {display:none;}

/*
========================================================================
HOME
========================================================================
*/
#content.content_home {height:317px;padding:0;background:url('../images/home/collage.png') no-repeat 2px 16px;}
/*
========================================================================
WHO WE ARE
========================================================================
*/
#content.content_whoweare {background:url('../images/whoweare/collage.png') no-repeat right top;}
#content.content_whoweare h1 {color:#6666cc}
#content.content_whoweare h2 {width:280px;}
#content.content_whoweare p {width:220px;}
/*
========================================================================
WHAT WE DO
========================================================================
*/
#content.content_whatwedo h1 {color:#993366;}
#content.content_whatwedo h2 {width:460px;}
#content.content_whatwedo p {width:540px;}

#content.content_whatwedo .list {width:246px;float:left;padding:23px 0;}
#content.content_whatwedo .left {padding-right:17px;}
#content.content_whatwedo .right {padding-left:17px;}
#content.content_whatwedo h3 {padding:0;height:24px;width:246px;color:#fff;}
#content.content_whatwedo h3 span {display:none;}
#content.content_whatwedo .yourbrand h3 {background:#993366 url('../images/whatwedo/yourbrand.png') no-repeat 0 0;}
#content.content_whatwedo .marketing h3 {background:#993366 url('../images/whatwedo/marketing.png') no-repeat 0 0;}
#content.content_whatwedo .digital h3 {background:#993366 url('../images/whatwedo/digital.png') no-repeat 0 0;}

#content.content_whatwedo .list ul {
	list-style:none;
	font-weight:bold;
	font-size:1.2em;
	padding:7px 13px;
	margin:1em 0;
}

/*
========================================================================
TAKE A PEEP
========================================================================
*/
#content.content_takeapeep h1 {color:#00cc99;}
#content.content_takeapeep h2 {width:545px;}
#content.content_takeapeep p {width:545px;}
#content.content_takeapeep .thumbnails {padding:7px 0 0 0 ;}
/*
========================================================================
GET IN TOUCH
========================================================================
*/
#content.content_getintouch h1 {color:#e86286;}
#content.content_getintouch h2 {width:520px;}
#content.content_getintouch table {margin:30px 0;}
#content.content_getintouch td {padding:0 45px 7px 0;}
#content.content_getintouch p {padding:2px 0;margin:0;}
.collage_getintouch {top:549px;left:10px;position:absolute;width:938px;height:237px;background:url('../images/intouch/collage.png') no-repeat 0 0;}

/*
========================================================================
SPY ON US
========================================================================
*/
#content.content_spyonus h1 {
	color:#2F417F;
}
#content.content_spyonus h2 {width:360px;}
#content.content_spyonus p {width:350px;}
#content.content_spyonus form {width:319px;padding:5px 0;}
#content.content_spyonus form p {padding:3px 0;margin:0;width:100%;}
#content.content_spyonus input {width:305px;border:1px solid #333333;height:15px;padding:6px;}
#content.content_spyonus textarea {width:305px;border:1px solid #333333;height:57px;padding:6px;}
#content.content_spyonus .submit {text-align:right;}
#content.content_spyonus .submit input {width:48px;height:25px;background:url('../images/go.png') no-repeat 0 0;border:0;padding:0;}
.collage_spyonus {top:310px;left:469px;position:absolute;width:265px;height:465px;background:url('../images/spyonus/collage.png') no-repeat 0 0;}

/*
========================================================================
GOT SOME TIME
========================================================================
*/
#content.content_gotsometime {background:url('../images/gotsometime/background.png') no-repeat 348px 55px;}
#content.content_gotsometime h1 {color:#000;}
#content.content_gotsometime h2 {width:255px;}
#content.content_gotsometime h2 strong {color:#999999;font-weight:normal;}
#content.content_gotsometime p {width:285px;color:#999999;}

#content.content_gotsometime form {width:280px;position:absolute;top:55px;left:386px;}
#content.content_gotsometime form p {padding:3px 0;margin:0;width:100%;}
#content.content_gotsometime label {text-transform:uppercase;color:#999999;}
#content.content_gotsometime input {width:266px;border:1px solid #999999;height:15px;padding:6px;color:#000;}
#content.content_gotsometime textarea {width:266px;border:1px solid #999999;height:57px;padding:6px;color:#000;}
#content.content_gotsometime .submit {text-align:right;}
#content.content_gotsometime .submit input {width:48px;height:25px;background:url('../images/go2.png') no-repeat 0 0;border:0;padding:0;}

/*
========================================================================
EXAMPLE
========================================================================
*/
#content.content_example strong {color:#000000;}
#content.content_example table {width:205px;height:350px;border:0;border-collapse:collapse;}
#content.content_example td {vertical-align:middle;}
#content.content_example p {font-size:1em;margin:0;color:#333333;}
#content.content_example ul {list-style:none;color:#000000;margin:0;padding:15px 0;}
#content.content_example li {padding:1px 0;margin:0;}

#content.content_example p.navigation a {font-size:1em;padding:0 10px 0 0 ;}
#content.content_example p.navigation a.active {color:#000000;font-weight:bold;}

/*
========================================================================
BOTTOM LINKS
========================================================================
*/
#content.content_bottom {
	width:719px;
	padding:15px 226px 0 15px;
	font-size: 11px;
}
#content.content_bottom h1 {font-size:30px;font-weight:bold;text-transform:none;background:url('../images/hr.png') repeat-x bottom;padding:7px 0 20px 6px;margin-bottom:20px;}
#content.content_bottom p {width:450px;padding-left:6px;font-size:1.2em;color:#666666;}
#content.content_bottom strong {color:#000000}

#content.content_bottom .right {float:right;width:198px;padding:0;}
#content.content_bottom .right p {padding:0px;}
#content.content_bottom .right ul {list-style:none;padding:7px 0 15px 1px;margin:0;color:#666666;background:url('../images/hr.png') repeat-x bottom;font-size:1.2em;}
#content.content_bottom .right ul li {background:url('../images/li.png') no-repeat 0 4px;padding:0 0 0 11px;color:#666666;}
#content.content_bottom .right ul.bold {list-style:none;padding:13px 0 0 1px;margin:0;color:#000000;font-weight:bold;background:transparent;}
#content.content_bottom .right ul.bold li {background:url('../images/li-bold.png') no-repeat 0 2px;padding:0 12px 15px;color:#999999;}
/*
========================================================================
FOOTER
========================================================================
*/

#footer {padding:18px 2px;position:relative;width:100%;}

#footer .left_copy {position:relative;float:left;padding-right:20px;}
#footer .right_copy {
	position:realtive;
	text-align:left;
}
#footer .center_copy {position:relative;float:left;}
#footer h4 {font-size:1em;font-weight:bold;}
#footer table {border:0;width:100%;}
#footer ul {padding:5px 0; margin:0;list-style:none;}
#footer li {background:url('../images/li.png') no-repeat 0 3px;padding:0 10px;color:#999999;}
#footer li a {color:#999999;}