/* CSS Document */

Body
{
padding:0px; 
vertical-align:middle;
background-color:#000000;
background-image:url(images/interface/background_tile.gif);
background-repeat:repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#centreDiv
{
text-align:center;
}

#wrapper
{
width:920px;
background-color:#151a1d;
margin:auto;
text-align:left;
}


#logo
{
width:276px;
height:106px;
float:left;
}

#topNavigation
{
width:442px;
height:35px;
padding-top:71px;
padding-left:202px;
float:left;
}

#mainPanel
{
width:880px;
height:276px;
margin-left:20px;
margin-right:20px;
}

#mainTextPanel
{
width:205px;
height:256px;
padding-left:25px;
padding-right:26px;
padding-top:20px;
background-color:#000000;
float:left;
}

#formPanel
{
width:574px;
height:251px;
padding-left:25px;
padding-right:25px;
padding-top:25px;
background-color:#000000;
float:left;
}

#flashPanel
{
width:624px;
height:276px;
background-color:#000000;
float:left;
}

#contentHome
{
width:920px;
height:175px;
background-image:url(images/interface/home_panel_background.gif);
background-repeat:no-repeat;
float:left;
}

#contentHome2
{
width:920px;
height:210px;
background-repeat:no-repeat;
float:left;
}

#content2column
{
width:920px;
height:161px;
background-image:url(images/interface/home_panel2_background.gif);
background-repeat:no-repeat;
float:left;
}

#homeColumnOne
{
width:216px;
height:145px;
margin-left:45px;
margin-top:20px;
margin-right:15px;
float:left;
}

#homeColumnTwo
{
width:173px;
height:145px;
margin-left:20px;
margin-top:20px;
margin-right:15px;
float:left;
}

#homeColumnThree
{
width:173px;
height:145px;
margin-left:20px;
margin-top:20px;
margin-right:15px;
float:left;
}

#homeColumnFour
{
width:173px;
height:145px;
margin-left:20px;
margin-top:20px;
margin-right:15px;
float:left;
}

#largeColumnTwo
{
width:589px;
height:145px;
margin-left:20px;
margin-top:20px;
margin-right:15px;
float:left;
}

#footer
{
width:900px;
height: 50px;
background: #151A1D;
padding: 10px 0 10px 20px;
clear: both;
}

/* This is Content */

.content p
{
color:#FFFFFF;
margin:0px;
padding-bottom:14px;
text-align:left;
text-decoration:none;
}

.content h1
{
font-size:36px;
color:#FFFFFF;
margin:0px;
padding-bottom:2px;
text-align:left;
text-decoration:none;
}

.content h2
{
font-size:25px;
color:#FFFFFF;
margin:0px;
padding-bottom:6px;
text-align:left;
text-decoration:none;
}

.content h3
{
font-size:17px;
font-weight:lighter;
color:#FFFFFF;
margin:0px;
padding-bottom:8px;
text-align:left;
text-decoration:none;
}

.content h4
{
font-size:20px;
color:#FFFFFF;
margin:0px;
padding-bottom:3px;
text-align:left;
text-decoration:none;
}

.content h5
{
color:#FFFFFF;
font-size:11px;
font-weight:bold;
margin:0px;
padding-bottom:10px;
text-align:left;
text-decoration:none;
}

h4.homelinks {
	font-size: 14px;
	}

.content h6
{
font-size:15px;
color:#FFFFFF;
margin:0px;
padding-bottom:3px;
text-align:left;
text-decoration:none;
}

.linkGreen
{
color:#99ce33;
text-decoration:none;
}

.linkRed
{
color:#ea0033;
text-decoration:none;
}

.linkYellow
{
color:#ffd61f;
text-decoration:none;
}

.linkResults
{
font-size:25px;
color:#FFFFFF;
text-decoration:underline;
}

.navigation p
{
color:#FFFFFF;
margin:0px;
padding-bottom:2px;
text-align:left;
text-decoration:none;
}

.smallLinkNavigation
{
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

.linkNavigation
{
font-size:16px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

.whiteLink
{
color:#FFFFFF;
text-decoration:none;
}

.strategicLink
{
color:#FFFFFF;
text-decoration:none;
}

.strategicLink:hover
{
color:#ea0033;
text-decoration:none;
}

.creativeLink
{
color:#FFFFFF;
text-decoration:none;
}

.creativeLink:hover
{
color:#99ce33;
text-decoration:none;
}

.servicesLink
{
color:#FFFFFF;
text-decoration:none;
}

.servicesLink:hover
{
color:#ffd61f;
text-decoration:none;
}

label
{
width:200px;
padding-right:25px;
color:#FFFFFF;
text-align:left;
text-decoration:none;
}

.formbox
{
width:280px;
height:30px;
text-align:right;
}

.formColumn
{
width:280px;
height:30px;
text-align:right;
float:left;
}

.caseImage
{
padding-bottom:10px;
}

.whitefooter
{
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

.greyfooter
{
font-size:10px;
color:#CECECE;
text-decoration:none;
}
.whitefooter a
{
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

.whitefooter a:hover
{
font-size:10px;
color:#99ce33;
text-decoration:none;
}

/* Profiles */

#profiles
{
width:920px;
height:210px;
float:left;
}

#profileTitle {
width: 600px;
float: left;
}

#profileTitle h3 {
font-weight: bold;
font-size: 17px;
margin-bottom: 10px;
}

#profileText {
width: 580px;
float: right;
}

#profileTextLeft {
width: 260px;
float: left;
}

#profileTextRight {
width: 260px;
float: right;
}

#profileText p {
font-size: 13px;
}

#profileText a {
color: #FFF;
text-decoration: none;
}

#profileText a:hover {
color: #99CE33;
text-decoration: underline;
}

#profileTextLeft h3, #profileTextRight h3 {
font-weight: bold;
font-size: 14px;
color: #99CE33;
}

#profilePic {
	width: 260px;
	float: left;
	margin-left: 30px;
}

.profile {
	width: 120px;
	height: 75px;
	margin: 20px 0 10px 30px;
	float: left;
}
.profile .image {
	width: 50px;
	height: 75px;
	margin-right: 5px;
	float: left;
	clear: both;
}
.profile .name {
	width: 65px;
	line-height: 75px;
	float: left;
}

/*----- NAVMENU -----*/

#postnavigation {
display: none;
}

#navmenubox {
    margin: 60px 20px 0 0;
    float : right;
    height : 23px;
    width: 600px;
    text-align: right;
    font-size:13px;
}
#navmenu ul {
    z-index: 1111;
}
#navmenu li{
white-space:nowrap;
position: relative;
display: inline;
float: left;
margin: 0 5px 0 5px;
}

#navmenu span {padding-right:10px;height:23;padding:0 8px 4px 5px;margin:0;}

#navmenu li ul{
position: absolute;
top: 23px;
list-style-type: none;
padding: 0;
margin: 0;
left: 0;
visibility: hidden;
background:#555;
width:inherit;margin-right:auto;
}
#navmenu li ul li{
display: list-item;
margin: 0 auto;
padding:0;
float: left;
width:80px;
}

#navmenu a {
padding: 0 0 0 5px;
cursor:hand;
display:block;
}

#navmenu span {height:23px; padding:4px 5px 4px 0;}
#navmenu li ul li a { width:100%; }
#navmenu li ul li a, #navmenu li ul li a span {background:#555;display:block;padding:0 0 0 5px;} /*red*/
#navmenu li ul li a:hover, #navmenu li ul li a:hover span {background:#666;}
#navmenu li ul li .current, #navmenu li ul li .current span {background:#555;}


.navbar,.navbar2, .navbar3 {
color : #FFF;
text-decoration : none;
font-weight: bold;
margin: 0;
padding: 0 3px 0 8px;
border-left: dotted 1px #ddd;
}

.navbar:hover {
color : #DD0000;
text-decoration : none;
}
.navbar2:hover {
color : #99CE33;
text-decoration : none;
}
.navbar3:hover {
color : #FFD61F;
text-decoration : none;
}

#home_but {
padding: 2px 0 2px 0;
position: relative;
top: 4px;
border-left: dotted 1px #DDD;
}

#contact_but{
padding: 2px 0 2px 2px;
position: relative;
top: 5px;
border-left: dotted 1px #DDD;
border-right: dotted 1px #DDD;
color:#fff;
}

/* NEW HEADER */

#header {
	width:920px;
	height:110px;
}

#logo {
	width:276px;
	height:110px;
	float:left;
}

#main-nav {
	font-size: 12px;
	font-weight: bold;
	float: right;
	margin: 55px 21px 0px 0px;
	}
	
#main-nav ul {
	list-style: none;
	width: 100%;
	float: left;
	padding: 0px;
	margin: 0px;
	}
	
#main-nav li {
	display: inline;
	}
	
#main-nav li a {
	display: block;
	line-height: 20px;
	border-left: 1px dotted #fff;
	color: #fff;
	float: left;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	}
	
#main-nav li a:hover {
	text-decoration: none;
	color:#99ce33;
	}
	
#main-nav li a.last {
	border-right: 1px dotted #fff;
	}

#topNavigation
{
	width:442px;
	height:35px;
	padding-top:71px;
	padding-left:202px;
	float:left;
}

.clear {
	display: block;
	clear: left;
	}
	
a img {
	border: none;
	}
	
/* NEW FOOTER */

#new-footer {
	width: 890px;
	height: 40px;
	padding: 10px 0 10px 10px;
	overflow: hidden;	
	}
	
#new-footer ul {
	float: left;
	height: 20px;
	padding: 10px 0 10px 0;
	margin: 0;
	}
	
#new-footer ul li {
	display: inline;
	}
	
#new-footer ul li a {
	border-left: 1px dotted #fff;
	line-height: 20px;
	color: #fff;
	padding: 0 10px 0 10px;
	float: left;
	text-decoration: none;
	}
	
#new-footer ul li a.first {
	border: none;
	}

#new-footer ul li a:hover {
	color: #99ce33;
	}
	
#new-footer img {
	float: right;
	}
	
a.hiring {
	font-size: 16px;
	color: #99CE33;
	font-weight: bold;
	text-decoration: none;
}

a.hiring span {
	font-size: 14px;
	padding: 2px 0 0;
}

a.hiring:hover {
	color: #fff;
}

a.hire-go {
	color: #99ce33;
	font-weight: bold;
}

a.hire-go:hover {
	color: #fff;
}

ul.key {
	color: #fff;
}