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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
body{background-color:#FFF;background-position:center top;background-repeat:no-repeat;font-family:"Arial Narrow", Arial, Helvetica, sans-serif;margin:0;padding:0;}
.clear{clear:both;}
.marketing{background:url(/images/balletdancer.jpg) center top no-repeat;}
a{color:#DD55A4;text-decoration:none;}
#pagewidth{margin-left:auto;margin-right:auto;margin-top:17px;text-align:left;width:946px;}
.breadcrumb{font-size:75%;margin-bottom:15px;z-index:9999999;}
.nav{float:left;font-size:14px;font-weight:700;height:40px;padding:0;width:946px;}
.nav ul{float:right;list-style-type:none;margin:0;padding:13px 18px 0 0;}
.nav ul li{border-left:solid 1px #CC0099;float:left;margin:0;padding:0;text-align:center;}
.nav a{color:#333333;display:block;padding:0 8px 1px;text-decoration:none;}
.nav .lftnone{border-left:0;}
.main .content .green{color:#0C0;}
.main .content .blue{color:#09C;}
.main .content .pinkborder{border:1px solid #DD55A4;}
.main .content .blueborder{border:1px solid #09C;}
.header{_height:344px;clear:both;float:left;min-height:344px;padding-bottom:5px;width:946px;}
.main{clear:both;float:left;margin-top:166px;width:946px;}
.noheader{margin-top:32px;}
.content{float:right;width:452px;}
.main .content{border-left:dashed 1px #D1D4D6;float:right;padding:7px 0 0 28px;width:704px;}
.content h1{color:#6d6d6d;font-size:130%;font-weight:400;line-height:150%;margin-bottom:20px;margin-top:16px;padding:0;}
.content .lineheight{line-height:normal;}
.main h1{margin-top:0;}
.content h2{color:#788087;font-size:120%;font-weight:400;margin:5px 0 12px;}
.content h3{color:#788087;font-size:100%;font-weight:700;margin:5px 0 12px;}
.content p,.content form{color:#788087;font-family:Arial, Helvetica, sans-serif;font-size:75%;line-height:180%;margin-bottom:15px;margin-top:0;padding:0;}
.content .strapline{font-size:90%;font-style:italic;font-weight:700;line-height:150%;margin-bottom:17px;padding-top:2px;}
.content .statement{font-size:130%;}
.content blockquote{float:right;font-size:130%;padding:0 0 0 20px;width:220px;}
.content blockquote p{color:#09C;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;margin-bottom:0;}
.content blockquote p span{font-size:150%;}
.content blockquote .name{font-size:60%;font-style:normal;margin-bottom:10px;text-align:right;}
.main .lft .picthumbs img{border:0;margin:0 0 4px 4px;}
.main .lft .picthumbs{float:right;}
.meetuspic{background:url(../images/bg_meetus.jpg) top left no-repeat;float:left;padding-right:19px;width:222px;}
.meetuspictop{background:url(../images/bg_meetus.jpg) 130px 0 no-repeat;float:left;padding-left:130px;padding-right:19px;width:222px;}
.meetuspiclast{background:url(../images/bg_meetus.jpg) top left no-repeat;float:left;padding-right:0;width:222px;}
.meetuspic img,.meetuspictop img,.meetuspiclast img{border:0;}
.main .content .meetuspic img,.main .content .meetuspictop img,.main .content .meetuspiclast img{margin:0 0 5px;}
.meetuspic .teamname,.meetuspictop .teamname,.meetuspiclast .teamname{color:#CA357B;margin:0;padding:0;}
.space{padding:10px;}
.content form{border:solid 1px #CBCED0;margin-top:3px;padding:10px 20px;width:290px;}
.content input,.content textarea{border:solid 1px #CBCED0;color:#788087;font-family:Arial, Helvetica, sans-serif;font-size:100%;margin-bottom:5px;padding:2px 4px;width:280px;}
.content select{color:#788087;font-family:Arial, Helvetica, sans-serif;font-size:100%;margin:15px 0;}
.content .inputbutt{border:none;height:33px;margin:0 0 5px;padding:0;width:63px;}
.main .content img{margin:15px 0;}
.main .content img.rgt{margin-left:40px;}
.content ol li,.content .lft2 ol li,.main .lft ol li{border-top:solid 1px #CBCED0;color:#788087;font-family:Arial, Helvetica, sans-serif;font-size:75%;line-height:110%;list-style-position:inside;}
.content .lft ol li,.content .rgt ol li,.main .lft ol li,.content .lft2 ol li{_padding:5px 0 6px 0;list-style-type:none;padding:5px 0 6px;}
.content ul{margin-left:20px;}
.content ul li{color:#788087;font-family:Arial, Helvetica, sans-serif;font-size:75%;line-height:180%;list-style-type:square;padding-bottom:8px;}
.content .lft{float:left;width:221px;}
.content .lft2{float:left;margin:0 10px 15px 0;width:228px;}
.content .lftcol{float:left;width:332px;}
.content .rgt{float:right;width:221px;}
.content .rgtcol{float:right;width:332px;}
.content .team li{line-height:120%;}
.content .team a{font-weight:700;}
.content .jobtitle{font-weight:400;padding-left:16px;}
.main .lft{float:left;margin-top:7px;width:185px;}
.main .lft ol li{text-align:right;}
.main h5{color:#788087;font-size:120%;font-weight:400;margin:0 0 12px;text-align:right;}
.main .lft h5{background-image:url(../images/header-green.gif); background-repeat:no-repeat; color:#333333; height:28px; font-size:80%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:7px; padding-right:15px;}

.main .lft h5.orange{background-image:url(../images/header-orange.gif); background-repeat:no-repeat; color:#333333; height:28px; font-size:80%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:7px; padding-right:15px;}


.main .lft h3{_height:20px;background:#999C9F url(/images/titlebg.jpg) no-repeat top;border-bottom:1px solid #333;color:#6d6d6d;font-size:100%;line-height:105%;margin:0 0 10px;min-height:20px;padding:4px 12px 3px;width:181px;}
.main .lft p{font-size:80%;}
.main .lft .address li{line-height:150%;}
.main .pme{background:url(/images/screens-pme.jpg) right 110px no-repeat;}
.main .probos{background:url(/images/screens-probos.jpg) right 110px no-repeat;}
.main .urban-kreation{background:url(/images/screens-uk.jpg) right 140px no-repeat;}
.main .merit{background:url(/images/screens-merit.jpg) right 110px no-repeat;}
.main .castle{background:url(/images/screens-castle.jpg) right 110px no-repeat;}
.main .companyofanimals{background:url(/images/companyofanimals.jpg) right 110px no-repeat;}
.main .enteetainment{background:url(/images/enteetainment.jpg) right 110px no-repeat;}
.main .guest{background:url(/images/screens-guest.jpg) right 80px no-repeat;}
.main .marketing{background:url(/images/marketing-1.jpg) right 40px no-repeat;}
.main .ronnies{background:url(/images/screens-ronnies.jpg) right 140px no-repeat;}
.main .seazone{background:url(/images/screens-seazone.jpg) right 80px no-repeat;}
.main .azure{background:url(/images/azure.jpg) right 80px no-repeat;}
.main .fujitsu{background:url(/images/screens-fujitsu.jpg) right 80px no-repeat;}
.main .gdt{background:url(/images/gdt.jpg) right 80px no-repeat;}
.main .impro{background:url(/images/impro.jpg) right 130px no-repeat;}
.main .pinbadge{background:url(/images/pinbadge.jpg) right 100px no-repeat;}
.main .factory{background:url(/images/factorylive.jpg) right 80px no-repeat;}
.main .webdesign{background:url(/images/webdesigns.jpg) right 60px no-repeat;}
.main .keith{background:url(/images/screens-keith.jpg) right 60px no-repeat;}
.main .execjet{background:url(/images/execjet.jpg) right 60px no-repeat;}
.main .ssauk{background:url(/images/ssauk.jpg) right 110px no-repeat;}
.main .caseimg{clear:right;float:right;height:72px;width:11.5em;}
.main .caseimg2{clear:right;float:right;height:135px;width:16.5em;}
.main .caseimg3{clear:right;float:right;height:175px;width:16.5em;}
.main .caseimg4{clear:right;float:right;height:220px;width:16.5em;}
.main .caseimg5{clear:right;float:right;height:300px;width:22.5em;}
.main .email{background:url(/images/email-1.jpg) right 40px no-repeat;}
.main .content .logos img{border:1px solid #ccc;margin:0 26px 20px 0;}
.call2actions{clear:both;float:left;width:946px;}
.call2actions2{clear:left;float:left;margin-top:349px;width:494px;}
.lft .icon,.call2actions .icon,.call2actions2 .icon{margin:-18px 0 0 160px;position:absolute;}
.call2actions .sec,.call2actions2 .sec{float:left;margin-right:42px;width:205px;}

.call2actions .sec h2{font-weight:bold}
.call2actions .pink h2, .call2actions .pink h3{background-image:url(../images/btn-pink.gif); background-repeat:no-repeat; border-bottom:0 none; padding-left:45px;  background-color:transparent; height:28px; padding-top:6px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif;width:149px;}
.call2actions .pink h2 a, .call2actions .pink h3 a{color:#333333; font-size:80%;}
.call2actions .orange h2, .call2actions .orange h3{background-image:url(../images/btn-orange.gif); background-repeat:no-repeat; border-bottom:0 none;  background-color:#ffffff; padding-left:45px; width:149px; background-color:transparent; height:28px; padding-top:6px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif}
.call2actions .orange h2 a, .call2actions .orange h3 a{color:#333333; font-size:80%;}
.call2actions .green h2, .call2actions .green h3{background-image:url(../images/btn-green.gif); background-repeat:no-repeat; border-bottom:0 none; background-color:transparent; padding-left:45px; width:149px; background-color:transparent; height:28px; padding-top:6px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif}
.call2actions .green h2 a, .call2actions .green h3 a{color:#333333; font-size:80%;}
.call2actions .yellow h2, .call2actions .yellow h3{background-image:url(../images/btn-yellow.gif); background-repeat:no-repeat; border-bottom:0 none;  background-color:transparent; padding-left:40px; width:155px; background-color:transparent; height:28px; padding-top:6px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; padding-right:5px;}
.call2actions .yellow h2 a, .call2actions .yellow h3 a{color:#333333; font-size:80%; font-weight:bold}

.call2actions .lastsec{float:left;margin-right:0;width:205px;}
.call2actions .mainsec{_height:136px;min-height:136px;}
.call2actions .mainsec2,.call2actions2 .mainsec2{_height:122px;min-height:122px;padding-top:14px;}
.call2actions p,.call2actions2 p{color:#788087;font-size:85%;line-height:140%;margin:0;padding:0;width:205px;}
.call2actions .more{font-size:75%;font-weight:700;margin-bottom:5px;padding-right:2px;text-align:right;width:203px;}
.call2actions .ctalink,.call2actions2 .ctalink{font-family:Arial, Helvetica, sans-serif;font-size:70%;font-weight:700;text-align:center;width:203px;}
.call2actions2 .ctalink{color:#788087;text-align:right;}
.call2actions .email{padding:15px 0 0 44px;}
.call2actions .case{padding:10px 0 0 15px;}
.call2actions .casenopad{padding:10px 0 0;}
.call2actions .flip{padding:12px 0 0 40px;}


.call2actions h3,.call2actions2 h3,.call2actions h2,.call2actions2 h2{_height:20px;background:#999C9F url(../images/titlebg.jpg) repeat-x top;border-bottom:1px solid #6d6d6d;color:#6d6d6d;font-size:100%;line-height:105%;margin:0;min-height:20px;padding:4px 12px 3px;width:181px;}
h3 a,h2 a{color:#6d6d6d;}



.bottom{background-color:#FF3399;margin-top:50px; background-image:url(../images/bg-footer.jpg); background-repeat:repeat-x; background-position:top;}
#footer{clear:both;color:#FFF;margin:0 auto;padding:21px 0 0;width:946px;}
#footer .col{_height:250px;border-right:dashed 1px #FFF;float:left;margin-right:20px;min-height:250px;padding-right:20px;width:288px;}
.col a{color:#FFF;text-decoration:none;}
.col a:hover{color:#A2AAB1;}
#footer .lastcol{float:left;width:288px;}
#footer h4{font-size:120%;font-weight:400;margin:5px 0 12px;}
#footer ol li{border-top:solid 1px #788087;font-size:85%;font-weight:700;line-height:110%;list-style-position:inside;padding:5px 0 7px 10px;}
#footer ol li small{padding-left:23px;}
#footer .lft{float:left;width:139px;}
#footer .rgt{float:right;width:139px;}
#footer .lft li,#footer .rgt li{_padding:5px 0 7px 0;list-style-type:none;padding:5px 0 7px;}
#footer p{border-top:solid 1px #788087;font-size:85%;font-weight:700;line-height:145%;margin:0;padding-top:3px;}
#footer .numbers{border-top:none;margin-top:15px;padding-bottom:10px;}
#footer .reg{border-top:none;font-size:55%;font-weight:400;}
.copy{color:#FFF;float:left;font-size:70%;margin:0 auto;padding:21px 0 8px;text-align:left;width:350px;}
.w3c{color:#FFF;float:right;font-size:70%;font-weight:700;margin:0 auto;padding:21px 0 8px;text-align:right;width:350px;}
.w3c a{background-image:url(../images/wc3-tick.gif);background-position:right;background-repeat:no-repeat;color:#EB87B1;font-weight:700;padding-right:20px;}
.w3c-2{color:#788087;font-size:100%;margin:0 auto;padding:21px 0 8px;}
.w3c-2 a{background-image:url(../images/wc3-tick-white.gif);background-position:right;background-repeat:no-repeat;color:#EB87B1;font-weight:700;padding-right:20px;}
/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php ***  */#wrapper:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
#wrapper{display:block;}
/* Hides from IE-mac \ */* html #wrapper{height:1%;}
/* End hide from IE-mac  */.noshow{left:-99999px;position:absolute;}
.noborder{border:0 none;}
#crossfade-container{background:url(images/fade-box-bg.gif);height:150px;margin:0 0 0 10px;position:absolute;width:300px;z-index:-9999;}
/* the boxes that fade  */#box-1{background-color:#FFF;background-image:url(/images/balletdancer.jpg);background-repeat:no-repeat;height:454px;margin-left:-110px;margin-top:-17px;position:absolute;width:1150px;}
#box-2{background-color:#FFF;background-image:url(/images/guitarist.jpg);background-repeat:no-repeat;height:454px;margin-left:-110px;margin-top:-17px;position:absolute;width:1150px;}
#box-3{background-color:#FFF;background-image:url(../images/skateboarder.jpg);background-repeat:no-repeat;height:454px;margin-left:-110px;margin-top:-17px;position:absolute;width:1150px;}
/* id styles  */#content-body{background:#FFF;margin:0 auto;width:764px;}
#title-box{background:url(images/title-back.gif) repeat-x;height:64px;padding-top:34px;width:764px;}
#page-title{background:url(images/heading-back.gif) no-repeat;display:block;height:30px;margin:0 0 0 30px;padding:2px 0 0 4px;width:160px;}
#introduction p{margin:0;padding:5px 10px 0;width:290px;}
#introduction h2{margin-top:10px;padding-left:10px;width:290px;}
#calltoaction{background-image:url(../images/btn_calltoaction_3.gif);background-position:right;background-repeat:no-repeat;height:65px;margin-left:220px;margin-top:-35px;position:absolute;text-align:left;width:490px;}
#calltoaction a img{border:0;margin-left:250px;margin-top:10px;position:absolute;}
#price{background-color:#efefef;color:#DD55A4;margin-bottom:20px;padding:10px;width:190px;}
#price span{color:#666;display:block;font-size:70%;}
.flashholder{float:right;height:360px;padding:50px 0 20px 20px;width:350px;}
#emailmarketing{background-color:#000;}
.main2{clear:both;margin-left:auto;margin-right:auto;width:946px;}
.main2 p{color:#61666B;font-family:Arial, Helvetica, sans-serif;font-size:70%;line-height:140%;margin:0;padding-bottom:10px;padding-top:5px;}
.main2 ol{margin-left:30px;}
.main2 h1,.main2 h2,.main2 .heading{color:#6d6d6d;font-family:"Arial Narrow", Arial, Helvetica, sans-serif;font-size:130%;font-weight:400;line-height:100%;margin-bottom:5px;padding:0;}
.main2 .heading,.main2 h2{margin-top:14px;}

.services{background-color:#F7DFEB;clear:both;float:left;margin-top:0px;padding:15px;width:916px;}

.servicesheading{background:#F7DFEB url(../images/heading-services.gif) no-repeat top;clear:both;float:left;margin-top:20px;padding:0;width:946px; }
.servicesheading h2{color:#333; font-size:95%; font-family:Arial, Helvetica, sans-serif; font-weight:bold;margin:0;padding:7px 0 2px 40px; height:28px}

.services .sec,.services .lastsec{background-color:#FFF;border:solid 1px #6D6D6D;float:left;margin-right:28px;padding:15px;width:254px;}
.services .sec h2{color:#6d6d6d;font-family:'Arial Narrow', Arial, Helvetica, sans-serif;font-size:130%;font-weight:400;line-height:100%;margin-bottom:5px;margin-top:14px;padding:0;}
.intro{clear:both;padding-top:10px;}
.intro .left{float:left;width:453px;}
.intro .blogs{float:right;width:453px;}
.intro .left p,.intro .blogs p{width:453px;}
.intro .left ol,.intro .blogs ol{color:#61666B;font-family:Arial, Helvetica, sans-serif;font-size:70%;line-height:140%;margin-bottom:3px;}
.intro .left ol li,.intro .blogs ol li{padding-bottom:8px;}
.intro .blogs h1{font-size:95%;}
.portfolioheading{background:#E0F0B2 url(../images/ourwebdesignwork-bg.gif) no-repeat top;clear:both;float:left;margin-top:20px;padding:0;width:946px; }
.portfolioheading h2{color:#333; font-size:95%; font-family:Arial, Helvetica, sans-serif; font-weight:bold;margin:0;padding:7px 0 2px 40px; height:28px}



.portfolio{background-color:#E0F0B2;clear:both;float:left;margin-top:0;padding:20px 0;text-align:center;width:946px;}
.webapp{border-bottom:1px dashed #D1D4D6;margin-bottom:20px;}
.webapp .left{float:left;padding-right:20px;width:394px;}
.webapp .right{float:left;width:290px;}
/* BUTTONS  */.buttons{height:30px;margin-bottom:20px;width:704px;}
.buttons a,.buttons button{background-color:#f5f5f5;border:1px solid #dedede;border-left:1px solid #eee;border-top:1px solid #eee;color:#565656;cursor:pointer;display:block;float:left;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:100%;font-weight:700;line-height:130%;margin:0 7px 0 0;padding:5px 10px 6px 7px;text-decoration:none;}
.buttons button{overflow:visible;padding:4px 10px 3px 7px;width:auto;}
.buttons button[type]{line-height:17px;padding:5px 10px 5px 7px;}
*:first-child+html button[type]{padding:4px 10px 3px 7px;}
.buttons button img,.buttons a img{border:none;height:16px;margin:0 3px -3px 0 !important;padding:0;width:16px;}
/* POSITIVE  */button.positive,.buttons a.positive{color:#529214;}
/* NEGATIVE  */.buttons a.negative,button.negative{color:#d12f19;}
.buttons a.negative:hover,button.negative:hover{background:#FFDFEF;border:1px solid #FFBFE0;color:#DF4590;}
a:hover,.nav a:hover,#footer .lastcol a{color:#FFFFFF;}
.main .content .pink,#footer .lastcol a:hover,.w3c a:hover,.w3c-2 a:hover{color:#efefef;}
.content ol,.main .lft ol,.main .lft ol,#footer ol{margin:0;padding:0;}
.content .nomargin,.services .lastsec{margin-right:0;}

button:hover,.buttons a:hover,.buttons a:active,.buttons a.positive:hover,button.positive:hover,.buttons a.positive:active,.buttons a.negative:active{background-color:#FFDFEF;border:1px solid #FFBFE0;color:#DF4590;}
.clientlist ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.clientlist ul li{
list-style-type:none;
}

.clientlist ul li ul li{
	font-size:110%;
	list-style-type:none;
	margin:0;
	padding:0;
}

.clientlist .left{
	width:352px;
	float:left;
}

.clientlist .right{
	width:352px;
	float:left;
}
	
#accordion h3{
font-size:80%;}

	
#accordion .ui-accordion-content img{
margin-left:15px;
margin-bottom:15px;}

#accordion .ui-accordion-content{
padding:1.5em;
height:150px;
}

#accordion .ui-accordion-content ul{
margin-left:1em;
font-size:12px;
color:#666666
}

#accordion .ui-accordion-content p{
width:auto;
font-size:12px;
}

#accordion .ui-accordion-content p a{
text-decoration:underline;
font-weight:bold
}
	
#accordion{
margin-top:25px;
}