/* Reset & Body 
--------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


* {
margin:0;
padding:0;
}

body {
background: #F8F8F8 url("../../images/bg/bg_slice.jpg") top repeat-x;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
color:#666;
}

p {
padding:0 0 15px 0;
}
h1 {
padding:0 0 20px 0;
font-size: 1.6em;
color: #005F94;
font-weight: lighter;
}

h2 {
padding:0 0 5px 0;
color: #005F94;
font-size: 1.4em;
font-weight: lighter;
}

a {
color:#005F94;
text-decoration: none;
}
/* Container 
--------------------------------------------------------------------*/
#container {
margin:20px auto 0;
width:958px;
border:1px solid #999;
background: #fff;
padding:0 0 20px 0;
}
/* Header 
--------------------------------------------------------------------*/
#header {

background: #fff;
}
a.logo {
float:right;
padding:0 0 20px 0;
}

#bar {
height:181px;
background: #fff url("../../images/bg/bg2.jpg") bottom no-repeat;
position:relative;

}

body.services #bar {
background: #fff url("../../images/bg/home_bg.jpg") bottom no-repeat;

}


img.barPic {
position:absolute;
top:-88px;
left:40px;
}

body.clients img.barPic {
position:absolute;
top:-54px;
left:-45px;
}

body.services img.barPic {
position:absolute;
top:-20px;
left:-25px;
}

body.contact img.barPic {
position:absolute;
top:-70px;
left:50px;
}

div.quote {
float:right;
width:344px;
color:#fff;
font-size:1.6em;
padding:35px 20px 0 0 ;
}

/* Navigation 
--------------------------------------------------------------------*/
#nav {
float:right;
clear:right;
margin:0 0 0 0;

}
#nav ul {
list-style:none;
}

#nav ul li {
float:left;
margin:0 0 0 0;
height:20px
}

#nav ul li a {
color:#666;
text-decoration:none;
font-size:0.8em;
padding:2px 0px;
margin:0 5px;
display:block;
}

#nav ul li a.on, #nav ul li a:hover {
color: #006699;
border-bottom:2px solid #006699;
}

/* Content 
--------------------------------------------------------------------*/
#content {
width:542px;
float:left;
padding: 20px 20px;
font-size: 0.8em;
position:relative;
z-index: 10;
line-height:1.2em;

}

#content ul {
margin:0 0 20px 0;

}
#content ul li{
margin:0 0 10px 10px;
padding:0 0 0 20px;
background: url("../../images/bg/bullet.gif") 0 2px no-repeat;
}


#secondary {
width:346px;
float:right;
padding:0 20px 0 0;
font-size: 0.8em;
line-height:1.2em;

}



#secondary h2 {
padding:0 0 20px 0;
}
#secondary p {
clear:both;
}

#secondary .secBlock {
background: url("../../images/bg/side_top.jpg") no-repeat;
margin:20px 0 0;
padding:15px 15px 0;
width:316px;
position: relative;
}
.secBlockAfter{
background:url("../../images/bg/side_bot.gif") no-repeat;
height:13px;
margin:0 0 10px 0;
}

ul.experience {
width:161px;
float:left;
padding:0 0 20px 0;
}

ul.experience li{
float:left;
}
ul.experience li a{
width:50px;
height:53px;
display:block;
background:url("../../images/bg/media.gif") no-repeat;
text-indent:-9999px;
padding:0 3px 5px 0;
}

ul.experience li.pharm a {
background:url("../../images/bg/pharm.gif") no-repeat;
}
ul.experience li.sport a {
background:url("../../images/bg/sport.gif") no-repeat;
}
ul.experience li.financial a {
background:url("../../images/bg/financial.gif") no-repeat;
}
ul.experience li.media a {
background:url("../../images/bg/media.gif") no-repeat;
}
ul.experience li.comms a {
background:url("../../images/bg/comms.gif") no-repeat;
}
ul.experience li.other a {
background:url("../../images/bg/other.gif") no-repeat;
}

ul.experience li.pharm a:hover {
background:url("../../images/bg/pharm_o.gif") no-repeat;
}
ul.experience li.sport a:hover {
background:url("../../images/bg/sport_o.gif") no-repeat;
}							   
ul.experience li.financial a:hover {
background:url("../../images/bg/financial_o.gif") no-repeat;
}
ul.experience li.media a:hover {
background:url("../../images/bg/media_o.gif") no-repeat;
}
ul.experience li.comms a:hover {
background:url("../../images/bg/comms_o.gif") no-repeat;
}
ul.experience li.other a:hover {
background:url("../../images/bg/other_o.gif") no-repeat;
}

ul.experience li.exp1 a {
background:url("../../images/bg/ex1.gif") no-repeat;
}
ul.experience li.exp2 a {
background:url("../../images/bg/ex2.gif") no-repeat;
}
ul.experience li.exp3 a {
background:url("../../images/bg/ex3.gif") no-repeat;
}
ul.experience li.exp4 a {
background:url("../../images/bg/ex4.gif") no-repeat;
}
ul.experience li.exp5 a {
background:url("../../images/bg/ex5.gif") no-repeat;
}
ul.experience li.exp6 a {
background:url("../../images/bg/ex6.gif") no-repeat;
}

ul.experience li.exp1 a:hover {
background:url("../../images/bg/ex1_o.gif") no-repeat;
}
ul.experience li.exp2 a:hover {
background:url("../../images/bg/ex2_o.gif") no-repeat;
}							   
ul.experience li.exp3 a:hover {
background:url("../../images/bg/ex3_o.gif") no-repeat;
}
ul.experience li.exp4 a:hover {
background:url("../../images/bg/ex4_o.gif") no-repeat;
}
ul.experience li.exp5 a:hover {
background:url("../../images/bg/ex5_o.gif") no-repeat;
}
ul.experience li.exp6 a:hover {
background:url("../../images/bg/ex6_o.gif") no-repeat;
}


.caption {
width:102px;
height:91px;
background:url("../../images/bg/caption.jpg") no-repeat;
position: absolute;
top:53px;
left:185px;
padding:15px 15px 10px 30px
}
.caption p{
padding:0 0 5px 0;
}

.hide {
display:none;
}

a.contactLink {
display:block;
width:346px;
height:106px;
background: url("../../images/bg/contact.jpg") no-repeat;
text-indent:-9999px
}
a.contactLink:hover {
background: url("../../images/bg/contact_o.jpg") no-repeat;
}

/* Contact form 
--------------------------------------------------------------------*/

.form p {
margin:0;
clear:left;
padding:5px 0 0 0;
}

.form p label {
float:left;
width:30%;

}

.form p label.title {
float:left;
width:30%;

}
.form p label.titleSmall {
float:left;
width:20%;

}

.form span.titleSmall {
float:left;
width:20%;
font-weight: bold;
}

.form span.labelSpace {
float:left;
width:30%;
font-weight: bold;
}


.form input.txt {
width:350px;
border:1px solid #ccc;
padding:2px;
}
.form select {
width:350px;
border:1px solid #ccc;
}

.form textarea.txt {
width:350px;
height: 100px;
border:1px solid #ccc;
}

.form textarea.txtExtra {
width:350px;
height: 160px;
border:1px solid #ccc;
padding:2px;
}
.form input.button {
border:1px solid #fff;
font-weight: bold;
color: #fff;
padding:3px 5px;
background: #408DC3;
cursor: pointer;
}




/* Footer 
--------------------------------------------------------------------*/
#footer {
margin:5px auto 20px;
width:958px;
font-size: 0.7em;
}
#footer p.copyright {
float:left;
}
#footer ul {
float:right;
}
#footer ul li{
float:left;
padding:0 0 0 10px;
}
#footer ul li a{
color:#666;
text-decoration: none;
}
/* Float clearing
--------------------------------------------------------------------*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */