html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1.5}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}a img{border:none}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}.button{color:#FFFFFF;font-size:16px;font-style:italic;padding:6px 16px 8px;text-decoration:none;text-shadow:1px 1px rgba(0,0,0,0.4);behavior:url(PIE.htc);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-webkit-transition:background 0.3s ease;-moz-transition:background 0.3s ease;-o-transition:background 0.3s ease;transition:background 0.3s ease;behavior:url(PIE.htc);background:#555;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#555), to(#444));background:-moz-linear-gradient(#555, #444);background:linear-gradient(#555, #444);-pie-background:linear-gradient(#555, #444);width:90px;text-align:center;margin-top:10px;display:block}.button:hover{behavior:url(PIE.htc);background:#444;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#444), to(#555));background:-moz-linear-gradient(#444, #555);background:linear-gradient(#444, #555);-pie-background:linear-gradient(#444, #555)}strong{font-weight:bold}h2,p{color:#ccc}h2{font:normal 36px/36px "Droid Sans",Arial,sans-serif;margin-bottom:14px}p{font:normal 18px/24px "Josefin Sans",Arial,sans-serif;margin-bottom:24px}h3{color:#666;font:normal 24px/24px "Droid Sans",Arial,sans-serif;margin-bottom:20px}.page{margin:165px auto 0 auto;padding:0;overflow:hidden;width:100%;position:relative}.page header{overflow:visible;margin:0 0 30px 0;padding-top:20px;clear:both;width:100%;float:left}.page header #Logo{float:left}.page header nav{width:950px;margin:0 auto;width:950px}.page header nav ul{margin-top:12px;float:right}.page header nav ul li{display:inline;position:relative}.page header nav ul li a{font:normal 20px/28px "Josefin Sans",Arial,sans-serif;color:#ccc;text-decoration:none;padding:10px;-webkit-transition:background 0.3s ease;-moz-transition:background 0.3s ease;-o-transition:background 0.3s ease;transition:background 0.3s ease;outline:none}.page header nav ul li a.active{background-color:rgba(255,255,255,0.2)}.page header nav ul li a:hover{background-color:rgba(255,255,255,0.3)}.page header nav ul li ul{left:0;position:absolute;top:15px;width:400px;display:none}.page header nav ul li ul li{display:inline}.page header nav ul li ul li a{font-size:14px}.page header nav ul li ul li a:hover{background-color:Transparent;color:GoldenRod}.page header nav ul li:hover ul{display:block}.page header nav.negative ul li a{color:#666}.page header nav.negative ul li a:hover{background-color:rgba(218,218,218,0.7)}.page header nav.negative ul li a.active{background-color:rgba(218,218,218,0.6)}.page header nav.negative ul li li a:hover{background-color:Transparent}.page section{width:950px;margin:0 auto;overflow:hidden}.page article.main{margin:0 auto 70px;width:720px;overflow:visible;clear:both}aside{background:url(img/tiny-jagged-stripe.png) repeat-x scroll center 0 #fff;margin:-44px auto 0;overflow:hidden;padding:30px 0 0 0;width:100%}aside .more{background:none;width:950px;margin:40px auto 0 auto;overflow:hidden}aside .more article{width:50%;float:left}aside .more article p{color:#666}.no-js .page#portfolio .focus .PastProjects{width:720px}.no-js .page#portfolio .focus .PastProjects #slider{width:720px}#portfolio{margin-top:0;background:url(img/portfolio-bgr.jpg) repeat-y fixed 0 center #222}#portfolio header{margin:0 0 50px 0}#portfolio section.focus{background:url(img/radius-gradient-bgr.png) no-repeat center center Transparent;position:relative;clear:left}#portfolio section.focus .back,#portfolio section.focus .forward{position:absolute;height:54px;width:38px;top:27%;background:url(img/arrows.png) no-repeat 0 0 Transparent;outline:none;text-indent:-7777px}#portfolio section.focus .forward{right:62px;background-position:0 -96px}#portfolio section.focus .back{left:64px}#portfolio section.focus .back:hover{background-position:0 -200px}#portfolio section.focus .forward:hover{background-position:0 -296px}#portfolio section.focus .PastProjects{position:relative;background-color:rgba(255,255,255,0.2);width:720px;margin:0 auto 40px auto;padding:15px 0;overflow:hidden;height:363px}#portfolio section.focus .PastProjects ul{width:3000px;overflow:hidden}#portfolio section.focus .PastProjects ul li{width:690px;list-style:none;float:left;margin-left:15px;margin-right:15px}#portfolio section.focus .PastProjects .project{float:left;width:210px;margin:10px}#portfolio section.focus .PastProjects .project figure a img{float:left;border:5px solid #fff}#portfolio section.focus .PastProjects .project figure a:hover img{border:5px solid #9a130e}#portfolio section.focus .PastProjects .project figure figcaption{display:none;text-indent:-777px;height:1px;width:1px;float:right}#whoWeAre{background:url(img/who-we-are-bgr.jpg) 50% 0 repeat-y fixed #666}#whoWeAre header{background:url(img/jagged-stripe-down.png) repeat-x scroll 0 -15px Transparent;padding-bottom:80px}#whoWeAre section{height:590px}#whoWeAre section article{margin-bottom:0;width:720px}#whoWeAre section article h2{padding-top:140px;float:none}#whoWeAre section article p{width:320px}#whoWeAre section article figure{float:right;position:relative}#whoWeAre section article figure img{float:right}#whoWeAre section article figure figcaption{bottom:10px;color:#FFFFFF;position:absolute;right:0;font:normal 18px/24px "Josefin Sans",Arial,sans-serif}#whoWeAre section article figure figcaption .name{display:block}#whoWeAre section article #BenBradshaw{position:absolute;right:25%;top:230px}#whoWeAre aside{background:#666;margin:0 auto;position:relative}#whoWeAre aside #Management{margin:0 auto 165px auto;height:auto}#whoWeAre aside h3{color:#fff}#whoWeAre aside .person{width:33%;height:353px;float:left;margin-bottom:10px}#whoWeAre aside .person figure{float:left;border:5px solid #838383;margin-right:10px}#whoWeAre aside .person figure img{float:left}#whoWeAre aside .person figure figcaption{display:none}#whoWeAre aside .person h4{color:#fff;font:normal 18px/24px "Myriad Pro",Arial,sans-serif}#whoWeAre aside .person h5{color:#999;font:normal 18px/24px "Myriad Pro",Arial,sans-serif}#whoWeAre aside .person p{margin-right:20px}#whoWeAre aside .person p .button{display:none;margin:10px auto}.csstransforms .page#whatWeDo article.main .PastProjects .project.one{top:40px;left:-132px}.csstransforms .page#whatWeDo article.main .PastProjects .project.two{top:35px;left:60px;behavior:url(PIE.htc);transform:rotate(-22deg);-ms-transform:rotate(-22deg);-webkit-transform:rotate(-22deg);-o-transform:rotate(-22deg);-moz-transform:rotate(-22deg)}.csstransforms .page#whatWeDo article.main .PastProjects .project.three{behavior:url(PIE.htc);transform:rotate(22deg);-ms-transform:rotate(22deg);-webkit-transform:rotate(22deg);-o-transform:rotate(22deg);-moz-transform:rotate(22deg);left:120px;top:35px;z-index:4}.csstransforms .page#whatWeDo article.main .PastProjects .project.four{left:44px;top:160px;z-index:3}.csstransforms .page#whatWeDo article.main .PastProjects .project.five{left:-134px;top:310px;z-index:5;behavior:url(PIE.htc);transform:rotate(-22deg);-ms-transform:rotate(-22deg);-webkit-transform:rotate(-22deg);-o-transform:rotate(-22deg);-moz-transform:rotate(-22deg)}.csstransforms .page#whatWeDo article.main .PastProjects .project.six{left:134px;top:310px;z-index:5;behavior:url(PIE.htc);transform:rotate(22deg);-ms-transform:rotate(22deg);-webkit-transform:rotate(22deg);-o-transform:rotate(22deg);-moz-transform:rotate(22deg)}.csstransforms .page#whatWeDo article.main .PastProjects .project:hover{z-index:99;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-webkit-transition:-webkit-transform 0.3s ease-in-out;-moz-transition:-moz-transform 0.3s ease-in-out;transition:transform 0.2s ease-in-out}#whatWeDo{margin-top:0;background:url(img/what-we-do-bgr.jpg) repeat-y fixed center bottom #fff}#whatWeDo header{background:url(img/grey-jagged-stripe-down.png) repeat-x scroll 0 -15px transparent;margin:0;overflow:hidden;padding-bottom:70px}#whatWeDo section article.main h2,#whatWeDo section article.main h3,#whatWeDo section article.main p{color:#555555}#whatWeDo section article.main h2{margin-top:140px;float:left}#whatWeDo section article.main h3{font:bold 18px/24px "Josefin Sans",Arial,sans-serif;clear:left;margin-bottom:0}#whatWeDo section article.main .PastProjects{width:345px;float:right;margin-left:30px;position:relative;height:750px;overflow:visible}#whatWeDo section article.main .PastProjects .project{margin-bottom:24px;width:200px;position:absolute;float:right;border:5px solid #ccc}#whatWeDo section article.main .PastProjects .project figure,#whatWeDo section article.main .PastProjects .project a,#whatWeDo section article.main .PastProjects .project img{float:left}#whatWeDo section article.main .PastProjects .project.one{top:0;right:0}#whatWeDo section article.main .PastProjects .project.two{top:24px;left:0}#whatWeDo section article.main .PastProjects .project.three{top:238px;right:0}#whatWeDo section article.main .PastProjects .project.four{top:264px;left:0}#whatWeDo section article.main .PastProjects .project.five{top:476px;right:0}#whatWeDo section article.main .PastProjects .project.six{top:500px;left:0}#whatWeDo section article.main .PastProjects .project figcaption{display:none;bottom:0;color:#fefefe;border-top:1px solid #999;background-color:#333;width:100%;text-align:center;font:normal 12px/24px "Myriad Pro",Arial,sans-serif}#whatWeDo section article.main .PastProjects .project:hover{z-index:99;border:5px solid #bbb;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-webkit-transition:-webkit-transform 0.3s ease-in-out;-moz-transition:-moz-transform 0.3s ease-in-out;transition:transform 0.2s ease-in-out}#whatWeDo section article.main .PastProjects .project:hover figcaption{display:block;position:absolute}#whatWeDo .more #Clients figure,#whatWeDo .more #Awards figure{float:left;margin-right:5px}#whatWeDo .more #Clients figure img,#whatWeDo .more #Awards figure img{float:left}#whatWeDo .more #Clients figure figcaption,#whatWeDo .more #Awards figure figcaption{display:none}#ourPeople{background:url(img/portfolio-bgr.jpg) repeat-y fixed 0 center #222}#ourPeople header{background:url(img/jagged-stripe-down.png) repeat-x scroll 0 -15px Transparent;padding-bottom:80px}#ourPeople section{height:600px}#ourPeople section figure{float:right}#ourPeople section figure img{float:right}#ourPeople section figure figcaption{display:none}#ourPeople section #Julie{position:absolute;right:25%;top:230px}#ourPeople section .main{margin-bottom:0}#ourPeople section .main h2{margin-top:140px;float:left}#ourPeople section .main p{float:left;clear:left;width:290px}#ourPeople aside{background:#222;margin:0 auto;position:relative}#ourPeople aside #OurWebTeam{margin:0 auto 165px auto;background:none}#ourPeople aside h3{color:#fff}#ourPeople aside .person{width:33%;float:left;margin-bottom:10px;height:353px}#ourPeople aside .person figure{float:left;border:5px solid #838383;margin:5px 10px 0 5px}#ourPeople aside .person figure img{float:left}#ourPeople aside .person figure figcaption{display:none}#ourPeople aside .person h4{color:#fff;font:normal 18px/24px "Myriad Pro",Arial,sans-serif}#ourPeople aside .person h5{color:#999;font:normal 18px/24px "Myriad Pro",Arial,sans-serif}#ourPeople aside .person p{margin-right:20px}#ourPeople aside .person p a{color:#888;text-decoration:none;border-bottom:1px dashed #888888}#ourPeople aside .person p a:hover{color:GoldenRod;border-bottom:1px dashed GoldenRod}#ourPeople aside .person .button{display:none;position:relative;margin:10px auto}#contactUs{background:url(img/what-we-do-bgr.jpg) repeat-y fixed center bottom #fff;margin-top:0;clear:both}#contactUs header{background:url(img/dark-grey-jagged-stripe-down.png) repeat-x scroll 0 -15px transparent;margin:0;overflow:hidden;padding-bottom:70px}#contactUs section{height:700px}#contactUs section .main h2,#contactUs section .main h3,#contactUs section .main li,#contactUs section .main a,#contactUs section .main p{color:#555}#contactUs section .main h2{padding-top:140px}#contactUs section .main h3{font:bold 18px/24px "Josefin Sans",Arial,sans-serif;margin-bottom:0;margin-top:14px}#contactUs section .main li,#contactUs section .main p{font:normal 18px/24px "Josefin Sans",Arial,sans-serif}#contactUs section .main li{list-style:none}#contactUs section .main a{text-decoration:none;padding-bottom:2px;border-bottom:1px dotted #555}#contactUs section .main form{float:right;width:355px;margin-bottom:50px;overflow:hidden}#contactUs section .main form div{clear:both;margin-bottom:10px;overflow:hidden}#contactUs section .main form div span{float:left;font:normal 18px/46px "Josefin Sans",Arial,sans-serif;color:#555}#contactUs section .main form div input,#contactUs section .main form div textarea{float:right;width:258px;border:1px solid #bbb;padding:5px;font-family:Arial;font-size:12px}#contactUs section .main form div input{height:36px}#contactUs section .main form .secure{clear:both;text-align:right;color:#555;margin-bottom:10px;background:url(img/form-icons.png) no-repeat scroll -9px -127px Transparent;padding-left:30px;float:right}#contactUs section .main form .submit{width:92px;float:right;height:35px;color:#555;clear:both;border:1px solid #ddd}#contactUs section .main#ThankYou{z-index:1}#contactUs #Testimonials{z-index:1;position:relative;height:auto}#contactUs #Testimonials h3{margin-bottom:0}#contactUs #Testimonials article{background:url(img/quotes.png) no-repeat scroll -597px top #fff;padding-top:20px}#contactUs #Testimonials article h4{color:#666;font:bold 18px/24px "Josefin Sans",Arial,sans-serif}#contactUs #Testimonials article.last{background:url(img/quotes.png) no-repeat scroll 282px bottom #fff}#shortcuts{position:fixed;right:50px;top:18px}#shortcuts li{list-style:inside none none}#shortcuts a{outline:none}#shortcuts #toHome{background:url(img/home.png) no-repeat scroll 0 0 Transparent;float:right;height:50px;text-indent:-2777px;width:50px}#shortcuts #toHome:hover{background-position:0 -60px}footer{margin-top:125px}footer #Contact{width:377px}footer #Social{width:275px}footer #Social li{border:none;float:left}footer #Social li a{background:url(img/social.jpg) no-repeat scroll 0 0 #fff;color:Transparent;float:left}footer #Social #Facebook a{background-position:0 0;width:74px}footer #Social #Twitter a{background-position:-96px 0;width:74px}footer #Social #Youtube a{background-position:-185px 0;width:64px}footer ul{overflow:hidden;width:684px;margin:0 auto;clear:both}footer ul li{display:inline;color:#888;font:normal 14px/28px "Josefin Sans",Arial,sans-serif;border-right:1px solid #888;margin-right:10px;padding-right:10px}footer ul li a{color:#888;text-decoration:none}footer ul .last{border:none}footer p{width:950px;margin:0 auto;text-align:center;color:#999;font:normal 12px/24px "Droid Sans",Arial,sans-serif}footer p a{text-decoration:none;color:#999}