@import url('stylesheets/case-studies.css');
@import url('stylesheets/headers.css');
@import url('stylesheets/menu.css');
@import url('stylesheets/home-gallery.css');
@import url('stylesheets/news.css');
@import url('stylesheets/services.css');
@import url('stylesheets/work.css');

body { margin:0; font-size:75%; background:url(images/bg-footer.jpg) repeat; color:#333333; min-width:950px; }
p, ul { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1.8em; margin:0 0 1.5em 0; }
img { border:none; }
a:active, a:focus { outline: none; }
a:focus { -moz-outline-style: none; }
a { color:#333333; text-decoration:none; }
a:hover { text-decoration:none; }
.pdflink { background:url(images/pdf.png) no-repeat right top; padding-right:20px; }
acronym { border:none; }
#header { height:145px; background-color:#ffffff; border-top:solid 1px #ffffff; background:url(images/bg-header2.jpg) repeat; }
ul { list-style:none; margin:0; padding:0; }

.page { width:900px; margin:0 auto;position:relative; padding:0 20px 0 20px;}
/*page background colours */
.home { background:#e3f6ff; }
.about { background:#a7c4e4; }
.contact { background:#a2c8c4;}
.work { background:#cfcce0;}
.services {background:#75c9e0;}
.news {background:#d3e3d7;}
.testimonials {    background: #e3f6ff;    }

#maincontent {position:relative;padding-bottom:2em;overflow:auto;}
.bg {padding-bottom:2.5em;}
#col-left {float:left;width:375px;}
#col-right {margin-left:390px;width:495px;}
.col {padding-top:2.5em;}
.col p a {border-bottom:dotted 1px #000000;}
.col p a:hover {border-bottom:dotted 1px #9a5ba4;}
#maincontent.home #col-left p a:hover {background-color:#aae3fe;}
#maincontent.contact #col-left p a:hover {background-color:#beece7;}
#maincontent.work #col-left p a:hover {background-color:#e5e1fa;}

#tweets { border-top: 1px solid #898989;  border-bottom: 1px solid #898989;  font-size:14px;  padding:5px 0px 5px 0px; margin-top:50px; }
#tweets h2 { font-size: 18px;  }
#tweets a:link, #tweets a:visited { color:#6699cc; text-decoration:underline; border:0px; }
#tweets a:hover, #tweets a:active { color:#4477aa; text-decoration:underline;  border:0px; }
#tweets .hash { color:#4477aa;  }


.testimonials iframe { margin-bottom:30px; background: #e3f6ff;  }

.testimonials ul{ width:640px; height:170px; font-size:12px; }
.testimonials ul li{ display:block;}
.testimonials ul li p {  width:490px; float:left; }
.testimonials ul li img { border:1px solid #9a9a9a; float:right; }
.testimonials ul li p strong { font-weight:bold; }

#footer {clear:both;color:#666666;font-family:Arial, Helvetica, sans-serif;padding:1.5em 0 3em 0;}

#footer h3 {font-size:13px;border-top:dashed 1px #666666;clear:both;height:22px;padding-top:15px;background:url(images/footer-contact-bg.png) no-repeat bottom left;margin-bottom:10px;}

#footer a {text-decoration:none;}
#footer a:hover {color:#9b5ba5;}

#footer ul:hover a {color:#b4b4b4;}
#footer ul:hover {cursor:default;}

.bottom-links {float:left;width:300px;}
.bottom-links a {font-size:11px;letter-spacing:0.1em; margin:0 5px; text-transform:uppercase; color:#666666; }
.bottom-links a.first { margin:0 5px 0 0; }

.bottom-links:hover { cursor:default; }
.bottom-links:hover a { color:#b4b4b4; }
.copy { float:right; }
ul#address { width:300px; }
ul#address a { color:#666666; }
ul#address a:hover { color:#9b5ba5; }

.sociallinks { list-style:none; float:right; width:300px; text-align:right;margin-top:-90px; }
.sociallinks li { display:block; float:right; padding-left:10px; }

.more { margin:0 0 0 352px; height:36px; padding-top:10px; padding-left:30px; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; text-decoration:none; color:#000000; width:119px; }
.m-home { background:no-repeat url(images/home-more.gif) left; }
.m-about { background:no-repeat url(images/about-more.gif) left; }
.m-contact { background:no-repeat url(images/contact-more.gif) left; }
.m-work { background:no-repeat url(images/work-more.gif) left; }

div#clients { width:10000px; height:367px; background-color:#FFFFFF; }
#gallery ul.client { width:436px; float:left; }
#gallery ul.client li { float:left; }
#gallery ul.client li p { display:none; }
#gallery ul.client img { display:block; }
.t-link { position:absolute; top:124px; width:126px; background:url(images/bg-cstudy.png) repeat; font-style:italic; padding:10px; color:#ffffff; /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.2)"; filter: alpha(opacity=20);*/ }
.t-link p a { font-size:1.2em; color:#999999; text-decoration:none; padding:2px 1px 2px 1px; border-bottom:dotted 1px #999999; }
.t-link p a:hover { color:#cccccc; border-bottom:dotted 1px #9a5ba4; }
.t-link p { text-align:right; }

.contactdetail { font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif; }
.contactdetail span { font-weight:bold; /*background:url(images/dot-contact.gif) no-repeat left;
padding-left:4px; display:inline-block; width:20px;*/ }

* html img,
* html h1 {
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}