@charset "utf-8";
/* CSS Document */

/* ----- HTML STYLES ----- */
/* undo default styling of common (X)HTML browsers */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td
{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; border:none;}

img {margin:0px; padding:0px; border:none;}
a img,:link img,:visited img { border:none;}
address { font-style:normal }

/* ----- CUSTOM HTML styles ----- */

body {
font: 0.625em Arial, Helvetica, sans-serif; 
background-color:#818487; 
}

img	{border:none;}

.iemslogo {
float:left;
width:196px;
padding:14px 0 0 12px;
}

#container {position:relative; width:960px; text-align:left; margin-left: auto; margin-right: auto; padding-bottom:30px;}

#title {float:left; width:960px; height:92px;}
#title h1 {width: 650px; float: right; text-align: right; color:#c6c9cb; font-size:1.4em; padding-top:16px;font-weight: normal;}
#title h2 {width: 650px; float: right; text-align: right; color:#c6c9cb; font-size:1.4em; padding-top:7px;font-weight: normal;}
#title h2 span {color:#ffffff;}

#navBar {float:right; position:absolute; top:70px; right:0px; height:22px;}
#navBar ul {color:#ffffff; float: right; font-size:1.15em; padding-top:0;}
#navBar li {float:left; display:block; width:88px; height:22px; background:url(images/tab-inactive.gif) no-repeat; text-align:right; padding:4px 8px 0 0;}
#navBar li.current {background:url(images/tab-active.gif) no-repeat;}
#navBar li.current a { color:#f7087c;}
#navBar a {text-decoration:none;  color:#818487;}
#navBar a:hover {color:#f7087c;}

#slideshow {
		clear:both;
    height:  205px;  
    width:   923px;  
    padding: 0;
	margin:12px auto;
	overflow:hidden;     
}
#slideshow img {  
    padding: 0;  
    border:  0;  
    background-color: #fff;  
    width:  923px; 
    height: 205px; 
    top:  0; 
    left: 0 
}
.pink {
color:#ff007b;
}

#content {position:relative; float:left; width:960px; background-color:#ffffff; padding-bottom:30px;}

.portfolioImage {float:left; margin:50px 0 0 0px; width:396px; height:370px; background-color:#EBEFF2;}
.portfolioText {font-size:1.2em; float:left; margin:50px 0 0 40px; width:240px;}
.portfolioText h1 {color:#ff007b; font-weight:bold; margin-bottom:20px;}
.portfolioText h2 {color:#000000; font-weight:bold;}
.portfolioText h3 {color:#ff007b; font-weight:bold; font-size:1.6em; font-weight:normal; padding-bottom:20px;}
.portfolioText p {margin-bottom:15px;}
.portfolioLightbox {
	position:absolute;
	right:172px;
	bottom:33px;
} 
.portfolioLightbox a {font-size:1.2em;color:#596F87; font-weight:bold;} 

.advertising {background-image:url(images/portfolio-advertising.jpg); background-repeat:no-repeat; background-position:bottom right;}
.corporateIdentity {background-image:url(images/portfolio-corporate-identity.jpg); background-repeat:no-repeat; background-position:bottom right;}
.marketingMaterials {background-image:url(images/portfolio-marketing-materials.jpg); background-repeat:no-repeat; background-position:bottom right;}
.onlineMarketing {background-image:url(images/portfolio-online-marketing.jpg); background-repeat:no-repeat; background-position:bottom right;}
.pointOfSale {background-image:url(images/portfolio-point-of-sale.jpg); background-repeat:no-repeat; background-position:bottom right;}
.publicRelations {background-image:url(images/portfolio-public-relations.jpg); background-repeat:no-repeat; background-position:bottom right;}
.websiteDesign {background-image:url(images/portfolio-website-design.jpg); background-repeat:no-repeat; background-position:bottom right;}

.services {
float:left; 
margin-top:50px; 
width:330px;
padding-right:30px;
position:relative;
}
.services h1 { font-size:1.4em; color:#ff007b; font-weight:bold; padding:0px 0 10px 20px; line-height:1.4em; }
.services h2 { font-size:1.2em; padding:0 20px 2px 20px; line-height:1.4em; color:#ff007b;}
.services p { font-size:1.2em; padding:0 20px 10px 20px; line-height:1.4em; color:#5a5b5e;}
.services ul {font-size:1.2em; padding:20px 0 0 20px; line-height:1.4em;}
.services ul li { list-style-type:disc; padding-left:0px; margin-left:20px; }

.portfolioIntro {float:left; margin-top:50px; width:690px; position:relative;}
.portfolioIntro h1 { font-size:1.4em; color:#ff007b; font-weight:bold; padding:0px 0 20px 20px; width:320px; line-height:1.4em; }
.portfolioIntro p { font-size:1.2em; padding:0px 0px 10px 20px; width:320px; line-height:1.4em; color:#5a5b5e;}
.portfolioIntro ul {list-style-type:square; font-size:1.2em; padding:0px 0px 0px 20px; margin-left:20px;}
.portfolioIntro li {padding-left:10px;color:#5a5b5e;}


.caseStudyImage {float:left; position:relative; margin-top:32px; }
.caseStudyText {position:absolute; right:45px; top:245px; width:370px; font-size:1.2em;}
.caseStudyText h1 {color:#ff007b; font-weight:bold; margin-bottom:20px;}
.caseStudyText p {}

.contactLeft {float:left; height:391px; width:250px; padding:50px 0 0 50px; background:url(images/contact-split.gif) 270px 50px no-repeat;}
.contactLeft h1 {font-size:1.5em; color:#ff007b; padding-bottom:30px; font-weight:normal;}
.contactLeft p {font-size:1.2em; color:#5a5b5e; line-height:1.6em;}
.contactLeft span {color:#ff007b; font-weight:bold;}
.contactLeft a {color:#5a5b5e;}
.contactLeft a.adobe {color:#5a5b5e; background-image:url(images/adobe.gif); background-repeat:no-repeat; padding:2px 0 3px 22px; }
.contactLeft a:hover {text-decoration:underline;}

.contactForm {float:left; height:391px; width:245px; padding:50px 30px 0 5px; background:url(images/contact-split.gif) right 50px no-repeat;}
.contactForm h1 {font-size:1.5em; color:#ff007b; padding-bottom:30px; font-weight:normal;}
.contactForm form {height:280px; color:#5a5b5e; }
.contactForm label {float:left; width:100px; margin-bottom:3px; font-size:1.2em;}
.contactForm input {float:left; height:22px; width:227px; border:1px solid #BAC3CD; margin-bottom:3px; font-size:1.2em; margin-bottom:10px; padding:5px 0 0 5px;}
.contactForm textarea {float:left; width:230px; border:1px solid #BAC3CD; margin-bottom:3px; font-size:1.2em;}
.contactForm .button {color:#ffffff; width:232px; height:27px; background-image:url(images/submit-button.jpg); background-repeat:no-repeat; font-size:1.2em; border:none; padding:0px;}

.contactMap {float:right; width:339px; height:391px; padding:50px 20px 0 0;}


#testimonials {float:left; margin-top:50px; width:690px; position:relative;}
#testimonials p {float:left; font-size:1.2em; padding-left:20px; width:320px; line-height:1.4em; }
#testimonials h2 {float:left; font-size:1.2em; color:#002246; font-weight:normal; padding:30px 0 0 20px; width:320px; line-height:1.4em; }
#testimonials h1 {float:left; font-size:1.2em; color:#ff007b; font-weight:bold; padding:10px 0 0 20px; width:320px; line-height:1.4em; }
#testimonials img {float:right; }
#testimonials .quote {font-size:3.0em; color:#596F87; position:absolute; top:15px; right:20px; width:285px;}

#software {float:left; margin-top:50px; width:690px; position:relative;}
#software h1 { font-size:1.4em; color:#ff007b; font-weight:bold; padding:0px 0 10px 20px; width:320px; line-height:1.4em; }
#software h2 { font-size:1.2em; padding:10px 20px 2px 20px; width:320px; line-height:1.4em; color:#ff007b;}
#software p { font-size:1.2em; padding:0 20px 5px 20px; width:320px; line-height:1.4em; color:#5a5b5e;}
#software ul {font-size:1.2em; padding:20px 0 0 20px; line-height:1.4em;}
#software ul li { list-style-type:disc; padding-left:0px; margin-left:20px; }
.webHosting {background-image:url(images/software-web-hosting.jpg); background-repeat:no-repeat; background-position:bottom right;}
.webOptimisation {background-image:url(images/software-web-optimisation.jpg); background-repeat:no-repeat; background-position:bottom right;}
.webConstruction {background-image:url(images/software-web-construction.jpg); background-repeat:no-repeat; background-position:bottom right;}
.affiliateSystems {background-image:url(images/software-affiliate-systems.jpg); background-repeat:no-repeat; background-position:bottom right;}
.cms {background-image:url(images/software-cms.jpg); background-repeat:no-repeat; background-position:bottom right;}
.databases {background-image:url(images/software-databases.jpg); background-repeat:no-repeat; background-position:bottom right;}
/*.technologies {background-image:url(images/software-technologies.jpg); background-repeat:no-repeat; background-position:bottom right;}*/
#hometest {
clear:both;
width:880px;
padding:15px 10px 0 70px;
border-top:#aeb1b3 solid 1px;
background:#FFFFFF url(images/home-quotes.gif) 16px 15px no-repeat;
}
#hometest h3{
font-size:1.2em;
color:#333333;
padding-bottom:6px;
font-weight:normal;
}
#hometest a{
color:#ff007b;
text-decoration:underline;
}
.homePage {display:inline-block; width:960px; }
.textThird {float:left; width:415px; padding:10px 40px 0 0;}
.textThird h1 {font-size:1.4em; color:#5a5b5e; padding-bottom:15px; font-weight: normal;line-height:1.25em;}
.textThird p {font-size:1.2em;}
.textNarrow {float:left;width:140px; padding:10px 15px 0 0;color:#5a5b5e;}
.textNarrowMarg {float:left;width:140px; padding:0 15px 0 0;color:#5a5b5e; margin-top:50px;}
.textNarrow h1 {font-size:1.2em; color:#ff007b; padding-bottom:15px; }
.textNarrow p {font-size:1.15em; padding-bottom:3px;}
.textNarrowMarg p {font-size:1.15em; padding-bottom:3px;}
.textTagLine {position:absolute; font-size:1.2em; top:445px; left:55px; }
.homePageSplitter  {float:left; margin:20px 20px 0 0; }
.homePageCopy {padding:0px 0 0 16px; }

#sideNav {float:left; padding:35px 0 0 50px; color:#002246; width:190px; height:100%; background:url(images/sideBar-split.gif) right 50px no-repeat; }
#sideNav div {font-weight:bold; padding-top:12px; font-size:1.2em; }
#sideNav div a {font-weight:bold; color:#808386; }
#sideNav div a:hover {color:#ff007b;}
#sideNav div.current {font-weight:bold; color:#ff007b; }
#sideNav li {}
#sideNav li a {color:#596F87;}
#sideNav li a:hover {color:#ff007b;}
#sideNav li.current {color:#ff007b; }

#footer {float:left; font-size:1.0em; width:900px; margin:30px; border:1px dashed #334E6B; background:url(images/faux-borders.gif); }
.footerLeft {float:left; width:300px; padding:20px;}
.footerLeft h1 {color:#7C8DA0; padding-bottom:2px;}
.footerLeft p {padding-bottom:10px; color:#ffffff;}
.footerCentre {float:left; width:300px; padding:20px;}
.footerCentre h1 {color:#7C8DA0; padding-bottom:2px;}
.footerCentre p {padding-bottom:10px; color:#ffffff;}
.footerRight {float:left; width:180px; padding:20px;}
.footerRight h1 {color:#ff007b; padding-bottom:2px;}
.footerRight p {padding-bottom:10px; color:#ffffff;}
.footerRight a {color:#ffffff;}
.footerRight a:hover {color:#7C8DA0;}


.footer {color:#ffffff; float:right; text-align:right;  padding:5px 0 0 55px;}
.footer h1 {padding:25px 0 10px 25px; font-size:1.4em; font-weight:normal; color:#ffffff;}
.footer p {padding:0px 0 25px 25px; width:400px; font-size:1.0em; color:#cccccc;}
.footer a {color:#FFFFFF; }

#popup {background:#FFFFFF; text-align:left; padding:20px;}
#popup h1 {font-size:1.4em; color:#ff007b; font-weight:bold; padding-bottom:20px;}
#popup h2 {font-size:1.2em; color:#ff007b; font-weight:bold; padding-top:10px;}
#popup p {font-size:1.2em; line-height:1.4em; width:440px; padding-bottom:10px;}
#popup ul {font-size:1.2em; padding:20px 0 20px 20px; line-height:1.4em; width:400px; }
#popup ul li { list-style-type:disc; padding-left:0px; margin-left:0px;}
#popup a {color:#ff007b;}
#popup a:hover {text-decoration:underline;}

.textTagLine a {color:#ff007b;}
.textTagLine a:hover {text-decoration:underline;}