/*** Adams Creative - Global Stylesheet ***/
/*            Written by Simon Friend             */

/** Declare charset **/
@charset "UTF-8";
/** Reset **/
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/** Global HTML Styles **/
body { line-height: 1; }
strong{font-weight:bold}
ol, ul { list-style: none; }
em{font-style:italic}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { margin:0 auto; text-align:center; background: #BFBFBF; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0.2px; color:#333}
p { margin:0 0 10px 0; line-height:15px }
a { color:#0082A0; text-decoration:none }
a:hover { color:#CB5B00 }
h1 { color:#5ba6bc; font-size:20px; font-family: 'MyriadProBoldCondensed'; }
h1.border{ background:url(../images/bg-menu-hover.jpg) top left repeat-x; padding:25px 0 20px 0 }
/** Element Styles **/

body#inner { background:  #BFBFBF}
body#inner h1 { font-size:20px }
#wrapper { margin:0 auto; width:100%; text-align:left; padding:0 0 20px 0; background:#FFF}



#logo { }
#logo img{display:block}
#tel { float:right; font-family: 'MyriadProBoldCondensed'; font-size:30px; color:#FFF; margin:20px 0 15px 0; padding:5px 0 0 0 }
#header { position:relative; margin:0 auto; background:url(../images/bg.jpg) repeat-x #4BA2BD; height:200px}

#inner #header{height:125px}

#splash, showcase_container, #right-column, #services-nav, #submenu, .promobutton, #nav, .service-nav, .line, .service, .service-nav{display:none!important}


.column450, .column305, .column270, .column210, .column240, .column150 { width:auto; float:none}


.content-wrapper { margin:40px auto 20px auto; width:950px; position:relative; clear:both}
.wrapper { margin:0 auto; position:relative; width:950px}
#content { position:relative; width:100%}
#content p { clear:left; }
#inner #content { width:100%;  position:relative;}
#inner .content-wrapper { }
#content img { margin:10px 0 }
#content h1 { margin:0 0 20px 0; color:#15819f }
#content h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size:15px; color:#15819f; margin-bottom:10px; line-height:20px }
#content ul { padding:0 0 20px 20px; list-style:square; line-height:20px }
#content ul li { color:#0082A0 }

#portfolio { padding:0!important }
#portfolio li { float:left; margin: 14px 14px 0 0; overflow:hidden; height:182px; width:227px; position:relative; cursor:pointer; display:block }
#portfolio li div { height:45px; display:block; background:#ccc; position:absolute; bottom:0; left:0; z-index:3; width:205px; color:#FFFFFF; font-family: Georgia; background:#111; filter:alpha(opacity=80);  -moz-opacity: 0.8;  opacity: 0.80; font-size:14px; padding:10px; line-height:15px }
#portfolio li h3{ font-family: 'MyriadProBoldCondensed'; font-size:15px; }
#portfolio li p{font-size:11px}
#portfolio li img { margin:0 }

#sitemap{}
#sitemap li{font-size:14px;; padding:3px 0}
#sitemap li ul{margin: 0 0 0 20px}

#clients { padding:0!important }
#clients  li { float:left; margin: 14px 14px 0 0; overflow:hidden; height:180px; width:225px; position:relative; display:block; text-align:center; border:1px solid #DFDFDF;overflow:hidden}
#clients li.more{ border:1px solid #FF6200; cursor:pointer}
#clients li .read{ display:block; width:97px; height:16px; display:block; font-size:12px; font-family:Tahoma. Arial, Helvetica, sans-serif; background:url(/assets/images/btn-tell-me-more.gif) no-repeat; position:absolute; right:0; top:0; z-index:9999!important; color:#FFFFFF; text-transform:lowercase; padding:3px 5px; text-align:right}
#clients li img { left: 0; top:0;  position: absolute; display:block }
#clients li img.grey { filter:alpha(opacity=50);  -moz-opacity: 0.5;  opacity: 0.5; z-index: 2; }
#clients li img.colour { z-index:1; filter:alpha(opacity=0);  -moz-opacity: 0;  opacity: 0; }
#clients .client-name{display:none}
.long img{margin: -55px 0 10px -66px!important}

#news{float:left; width:670px}

.article { background:url(../images/bg-news-border.jpg) repeat-x bottom; padding:20px 0 45px 0; position:relative; min-height:50px }
#inner .article { height:105px }

.article img { float:left; margin:0 10px 5px 0!important; width:70px }
#inner .article img { width:auto }
.article h3 { font-family:Georgia; color:#15819f; font-size:13px; margin:0 0 10px 0 }
#inner .article h3 { color:#15819f; font-size:16px; margin:0 0 10px 0 }
.article p { font-size:12px }
.article .more-2 { position:absolute; bottom:15px; right:0 }
.article span { color:#5ba6bc; font-family: 'MyriadProBoldCondensed'; position:absolute; bottom:15px; left:0 }
.contact p { font-family:Georgia; font-size:14px; color: #0082A0; margin:0 0 10px 0 }
.contact h5 { font-size:12px; font-weight:bold; margin:10px 0 5px 0 }
.contact p.small { font-size:12px; font-family:MyriadProLight, Arial, Helvetica, sans-serif; color:#000000; margin:0 0 5px 0 }

#footer { border-top:1px solid #BEBEBE; clear:both; font-size:11px; margin:10px auto; background:#FFF }
#footer .content-wrapper { width:950px; margin:10px auto; color:#727272; position:relative; z-index:9999!important }
#footer .content-wrapper .louis { position:absolute; top:-60px; right:40px; z-index:99}
#footer .content-wrapper.top { height:45px; display:none}
#footer .content-wrapper .left { float:left; text-align:left }
#footer .content-wrapper .right { float:right; text-align:right; }
#footer a { text-decoration:none; color:#727272 }
#footer a:hover { text-decoration:underline }
#footer ul.left { width:600px }
#footer ul.left li { float: left; width:160px; line-height:20px }
#footer a { padding:0 3px }

#contact_info { float:left; width:140px; margin:15px 0 0 0 }
#contact_info p { font-size:16px }
#contact_info span { color:#ff7407 }

#contact-form{width:440px; margin-right:30px; float:left}

.service{background:url(/assets/images/services-btns-active.jpg) no-repeat; margin:0 16px 16px 0; float:left}
.service a{display:block; width:225px; height:180px; overflow:hidden}
.service a img{position:relative;}
.service.s1{background-position:0 0}
.service.s2{background-position:-242px 0}
.service.s3{background-position:-484px 0}
.service.s4{background-position:-726px 0}
.service.s5{background-position:-0 -196px}
.service.s6{background-position:-242px -196px}
.service.s7{background-position:-484px -196px}
.service.s8{background-position:-726px -196px}

/** Forms **/
form { margin:15px 0 0 0 }
form input, form textarea { float:left; width:328px; border:1px solid #7BB4C4; margin:0 0 5px 0; padding:3px 5px; font-family: 'MyriadProBoldCondensed'; font-size:16px; color:#FF7200 }
form label { float:left; width:100px; font-family:Georgia; font-size:16px; margin:0 0 5px 0; color:#0082A0 }
form br { clear:both }
form textarea { height:150px }
form .submit { cursor:pointer }
form input[type=checkbox] { width:15px; margin:0 5px 0 0; border:none}

/** Global Classes **/
.no-border { border:none!important }
.clear { line-height:0; clear:both }
.img-right { float:right; margin: 0 0 10px 10px }
.more-2 { background:url(../images/btn-tell-me-more-2.gif) no-repeat top; width:103px; height:33px; display:block; }
.more-2:hover { background-position:bottom }
.left{float:left}
.right{float:right}
.img-left{float:left; margin: 0 20px 20px 0}
.img-right{float:right; margin: 0 0 20px 20px}

/* navigation */
#contact-locations{float:right; width:458px;}
#contact-tabs {color:#FFFFFF; height:30px;	}
#contact-tabs {margin:0 auto; background:url(../images/contact-bar-bg.gif) no-repeat 0 -31px}
#contact-tabs li {float:left; list-style-type:none;text-align:left;margin-top:0px; height:30px}
#contact-tabs li.right{background-position:right}
#contact-tabs a {color:#FFF;display:block;padding:8px;position:relative;word-spacing:-2px;font-size:11px;width:208px;height:14px;text-decoration:none; margin-right:10px; }	

#contact-tabs img {background-color:#fff;padding:4px;display:block;}
#contact-tabs strong {display:block;	font-size:13px;}

#contact-panes {position:relative;}
#contact-panes #gMapLondon,#contact-panes #gMapMaidstone{width: 456px; height:370px; z-index:99; border:1px solid #CCC; float: left}
#contact-panes img {float:left;margin-right:20px;	}
#contact-panes p {color:#000;font-weight:bold;font-size:13px; position:absolute; bottom:0; left:0}
#contact-panes h3 {margin:0 0 -5px 0;font-size:22px;font-weight:normal;}

.address{ font-family:Georgia, "Times New Roman", Times, serif; color:#5ba6bc; font-size:14px; line-height:20px}