@charset "UTF-8"; 
@import url("gray.css"); 
@media screen, projection{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}

ul, 

ol{list-style-type:none; margin:13px 0 13px 15px; padding:0}

ul li, 

ol li{line-height:1.7; margin:0 0 2px 0; padding:0}

blockquote, q{quotes:none}

blockquote:before, blockquote:after, 

q:before, q:after{content:''; content:none}


:focus{outline:0}

ins{text-decoration:none}

del{text-decoration:line-through}

table{border-collapse:collapse; border-spacing:0}

html{font-size:100%}

body{font:normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif; letter-spacing:-0.04em; color:#666; font-size:67%; line-height:1.538em; background:#afb1b4 url("../../images/bg_body.jpg") no-repeat center top}

 
a{margin:0; outline:0}

 
a, a:visited, a:active{text-decoration:none}

 
a:hover{color:#666; text-decoration:none}

 
p{line-height:1.7; font-size:1em; margin:0 0 12px 0}

 
h1{font-weight:normal; margin:15px 0 10px}

logotext {font-size:2.4em; letter-spacing:-2px; text-transform:uppercase; margin:30px 0 0 0}
 
h2{font-weight:normal; margin:15px 0 10px}

 
h3{font-weight:bold; font-size:1.1em; margin:20px 0 0 0}

.clear{clear:both; font-size:0; height:0; line-height:0; position:relative}

 
.clearandspace{clear:both; font-size:0; height:20px; line-height:0; position:relative}

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

.clearfix{display:inline-block}

.clearfix{display:block}

 
.container{margin:0 auto; padding:60px 0 0 0; width:998px; background:transparent}

 
.wrapper{margin:0 auto; padding:0; width:998px}

 
.header{position:relative; margin:0; height:91px; width:998px}

.sub-header{margin:0 0 10px 0; height:368px; width:998px; background:transparent url("../../images/shadow.png") no-repeat bottom center}

.content{padding:0 14px 40px 14px; width:998px; background:url("../../images/bg_content.png") no-repeat bottom left}

.content-text{margin:0 auto; padding:0; width:900px}

.footer-text{margin:10px 0 10px 0; padding:0; width:998px; font-size:0.9em; text-align:center; background:none}

.header h1{position:absolute; top:21px; left:40px; margin:0; padding:0; width:290px; height:41px; text-indent:-9999px; background:transparent url("../../images/logo.png") no-repeat 0 0}

.header .nav{position:absolute; top:42px; right:40px; margin:0; padding:0}

.header .nav li{float:left; width:auto; margin:0 15px; background:transparent}

.header .nav li a{color:#fff !important; font-size:1.4em; text-transform:uppercase; background:transparent}

.header .nav li a:hover, .header .nav li a.selected{background:transparent}

 
#front-left, #front-mid, #front-right{float:left; width:30%; padding:10px 20px 0 0; margin:0; background:transparent url("../../images/col_sep.gif") no-repeat top right}

#front-mid h2 a, #front-right h2 a{font-size:1.9em; font-weight:bold; margin:0; color:#404040 !important}

#front-left p, #front-mid p, #front-right p{padding:0 20px 0 0}

#front-mid{padding:10px 20px 0 20px}

#front-right{padding:10px 0 0 20px; background:none}

#col-left{float:left; width:250px; margin:45px 0 0 0; padding:40px 0 0 0; background:transparent url("../../images/col_sep.gif") no-repeat top right}

#col-left h1{font-size:1.4em; font-weight:bold; margin:0; text-transform:uppercase; padding:5px 0 5px 13px; border-left:6px solid #ccc}

#col-left ul{padding:0; margin:20px 0 0 0}

#col-left ul li{padding:0; margin:5px 0 0 22px; color:#b4b4b4}

#col-left ul li a{padding:0; margin:0; font-size:1.4em; color:#b4b4b4 !important}

#col-left ul li a:hover, #col-left ul li a.selected{color:#404040 !important}

 
#col-right{float:left; width:630px; margin:0; padding:40px 40px 0 50px}

#col-right h1{font-size:2.4em; letter-spacing:-2px; text-transform:uppercase; margin:30px 0 0 0}

#col-right h2{font-size:5.5em; color:#b4b4b4; font-weight:bold; letter-spacing:-4px; text-transform:uppercase; margin:-5px 0 20px 0}

#col-right .span-1{float:left; margin:0px 30px 0 0; width:45%}

#col-right .span-2{float:left; padding:20px 0 20px 60px; margin:20px 0 0 0; width:40%; background:transparent url("../../images/col_sep_quote.gif") no-repeat top left}

#col-right .span-2 p{font-size:1.6em; text-align:justify; line-height:1.4em; color:#b2b1b1; padding:3px 0 3px 0}

#col-right .span-2 span{padding:0 0 5px 0; text-transform:uppercase}

#col-right .span-3{float:left; margin:0px 30px 0 0; width:40%}

.team-block{width:100%; float:left; margin:30px 0 0 0}

.team-block .box-left{width:150px; padding:0; float:left}

.team-block .box-left img{border:3px solid #f1f1f1}

.team-block .box-right{margin:0 0 0 150px; padding:0}

.team-block .box-right h3{font-weight:bold; margin:0}

.team-block .box-right blockquote{margin:0 0 20px; padding:0 0 2px 40px;  font-style:italic; background:url(../../images/quote.png) no-repeat 0 0}

.team-block .box-right blockquote p{margin-bottom:10px; text-align:left}

.showcase{ float:left; width:175px; margin:15px 35px 10px 0}

.showcase h3{font-weight:normal; font-size:1.2em; margin-top:8px}

.showcase h4{font-size:10px; font-weight:normal; margin:1px 0 0 2px}

<link rel="stylesheet" href="http://www.brandprogression.co.uk/css/lightbox.css" type="text/css" media="screen" />
}