* {margin:0px;padding:0px}
BODY {background-color:#1b476d;font-family:"Lucida Grande", Tahoma, Verdana, Sans-serif; font-size:95%;color:#FFFFFF;}

.lightblue {color:#7db2ce}
.middleblue {color:#225b8b}
.darkblue {color:#1b476d}

.clear {clear:both}

A.navemail {color:#FFFFFF;text-decoration:underline;font-size:90%}
A.navemail:Hover {color:#7db2ce;text-decoration:underline;}

A.email {color:#FFFFFF;text-decoration:underline;}
A.email:Hover {color:#7db2ce;text-decoration:underline;}

A.search {color:#FFFFFF;text-decoration:none;}
A.search:Hover {color:#7db2ce;text-decoration:none;}

/* framework */
#canvas {width:800px;margin-left:auto;margin-right:auto;}
#container {float:left;width:800px;margin-top:30px;}
#header {float:left;width:800px;height:135px;}
#header-logo {float:left;width:170px;height:135px;padding:0 25px 0 25px}
#header-strap-container {float:left;width:580px;height:135px;}
#header-strap {float:left;width:580px;height:24px;margin-top:77px}

/* htags */
h1.meta {font-size:65%;float:right;padding:10px 0 10px 0;font-weight:normal}
h1.logo {float:left;text-indent:-9999px;width:170px;height:135px;background:url('images/logo.gif') no-repeat;padding:0 0 0 25px}
h1.strap {float:right;text-indent:-9999px;width:234px;height:24px;background:url('images/strapline.gif') no-repeat;}
h2.subheaders {float:left;height:25px;width:190px;text-indent:-9999px;}
h2.contentheaders {float:left;width:540px;color:#7db2ce;font-size:115%;font-weight:normal;line-height:22px}
h2.contentheaders-about {float:left;width:330px;color:#7db2ce;line-height:22px;font-size:115%;font-weight:normal}
h2.contentheaders-skills {float:left;width:180px;color:#7db2ce;line-height:22px;font-size:115%;font-weight:normal}
h2.contentheaders-clients {float:left;width:250px;color:#FFFFFF;line-height:22px;font-size:115%;font-weight:normal;}
h2.contentheaders-disciplines-images {float:left;height:17px;width:280px;text-indent:-9999px;padding-bottom:10px}
h2.contentheaders-disciplines {float:left;width:280px;color:#7db2ce;line-height:22px;font-size:115%;font-weight:normal;padding-bottom:10px}
h2.contentheaders-work {float:left;width:268px;color:#7db2ce;font-size:115%;font-weight:normal;padding:9px 0 0 15px;height:24px;}

/* Top Nav */
#topnav {float:left;width:580px;height:17px;}
UL.topnav_block {float:right;width:347px;position:relative;}
UL.topnav_block LI {height:17px;text-indent:-9999px;list-style-type:none;position:absolute;}
UL.topnav_block LI A {height:17px;display:block;}

.brand {width:64px;background:URL('images/brand-off.gif') no-repeat}
.brand A:hover {background:URL('images/brand-on.gif') no-repeat}
.web {left:64px;width:62px;background:URL('images/web-off.gif') no-repeat}
.web A:hover {background:URL('images/web-on.gif') no-repeat}
.newmedia {left:126px;width:110px;background:URL('images/newmedia-off.gif') no-repeat}
.newmedia A:hover {background:URL('images/newmedia-on.gif') no-repeat}
.advertising {left:236px;width:111px;background:URL('images/advertising-off.gif') no-repeat}
.advertising A:hover {background:URL('images/advertising-on.gif') no-repeat}

/* back button */
#home-back {float:left;width:800px;padding:35px 0 10px 0}
#home-back P {color:#7db2ce;font-size:80%}
#home-back A {color:#FFFFFF;text-decoration:none}
#home-back A:Hover {color:#7db2ce;text-decoration:none}

/* Main Nav */
#column1 {float:left;width:220px;}
#column1 P {color:#FFFFFF;line-height:18px}

#mainnav-container {float:left;width:220px;height:139px;}
#mainnav-container-head {float:left;width:220px;height:9px;background:url('images/leftnav-top.gif') no-repeat;}
#mainnav-container-base {float:left;width:220px;height:10px;background:url('images/leftnav-base.gif') no-repeat}
UL.mainnav LI {float:left;width:220px;height:30px;list-style-type:none;text-indent:-9999px;}
UL.mainnav LI A {width:220px;height:30px;display:block;}
.about {background:url('images/about-off.gif') no-repeat}
.about A:hover {background:url('images/about-on.gif') no-repeat}
.work {background:url('images/work-off.gif') no-repeat}
.work A:hover {background:url('images/work-on.gif') no-repeat}
.clients {background:url('images/clients-off.gif') no-repeat}
.clients A:hover {background:url('images/clients-on.gif') no-repeat}
.contact {background:url('images/contact-off.gif') no-repeat}
.contact A:hover {background:url('images/contact-on.gif') no-repeat}

/* latestnews */
#latestnews-container {float:left;width:190px;padding:0px 15px 0 15px}
#latestnews-container-archive {float:left;width:510px;padding:15px 15px 0 15px}
#latestnews-container P {line-height:16px;font-size:80%}
#latestnews-container A {color:#FFFFFF;text-decoration:none}
#latestnews-container A:Hover {color:#7db2ce;text-decoration:none}
#latestnews-container-archive A {color:#FFFFFF;text-decoration:none}
#latestnews-container-archive A:Hover {color:#7db2ce;text-decoration:none}
UL.news-bullet {line-height:18px;font-size:80%}
UL.news-bullet LI {background:URL('images/bullet.gif') no-repeat left 9px;padding:5px 0 0 20px;list-style-type:none;}

/* contactdetails */
#contactdetails-container {float:left;width:220px;font-size:80%}
#contactdetails-container-head {float:left;width:220px;height:15px;background:url('images/contactus-top.gif') no-repeat;}
#contactdetails-container-base {float:left;width:220px;height:15px;background:url('images/contactus-base.gif') no-repeat;padding-bottom:10px}
#contactdetails-container-middle {background-color:#225b8b;padding:0 0 5px 15px}
.tablegap {height:7px}

/* Twitter */

#twitter {float:left;width:220px;height:30px}
img.photo-twitter {float:left;margin:0px 0px 15px 0px}

/* Content area - col2 */
#column2 {float:left;width:580px;}
#column2-inner {float:left;width:550px;padding:0 0 0 30px}
#column2-inner P {line-height:20px;font-size:80%}
#column2-inner-copy {float:left;width:540px;padding:20px 5px 20px 5px}
#index-image {float:left;width:540px;height:280px;background-color:#225b8b;padding:5px 5px 5px 5px}
#flash-banner {float:left;width:540px;height:280px;}

/* Content area - col2 - about*/
#column2-inner-copy-other {float:left;width:540px;padding:15px 5px 20px 5px}
#column2-inner-copy-about {float:left;width:330px;padding-left:5px}
#column2-inner-copy-about-skills {float:left;width:180px;padding:0 5px 20px 30px}
#skills-container {float:left;width:138px;padding:10px 20px 20px 20px;border:solid 1px #7db2ce;}

#column2-inner-copy-testimonials {float:left;width:250px;padding-left:5px}
#clients-container {float:left;width:218px;padding:20px 20px 20px 20px;border:solid 1px #7db2ce;}
#clients-flash {float:left;width:208px;height:120px;border:solid 5px #7db2ce;background-color:#225b8b}
#clients-flash-inner {float:left;width:208px;height:120px;background-color:#FFFFFF}

UL.news-bullet-client {line-height:16px;font-size:80%;padding-top:10px}
UL.news-bullet-client LI {background:URL('images/bullet.gif') no-repeat left 9px;padding:5px 0 0 20px;list-style-type:none;}

#contact-container {float:left;width:250px;padding:10px 0 20px 10px;}
#contact-container P {line-height:18px}

/* Content area - col2 - disciplines*/
.container-disciplines {float:left;width:540px;border:solid 5px #225b8b;margin-bottom:20px}
.disciplines-image-container {float:left;width:200px;padding:20px 20px 20px 20px}
.disciplines-image {float:left;width:200px;height:140px;background-color:#FFFFFF}
.disciplines-image-web {float:left;width:200px;height:140px;background:URL('images/webimage.jpg') no-repeat}
.disciplines-image-media {float:left;width:200px;height:140px;background:URL('images/podcast.jpg') no-repeat}
.disciplines-image-advertising {float:left;width:200px;height:140px;background:URL('images/paperburst.jpg') no-repeat}
.disciplines-text-container {float:left;width:280px;padding:20px 20px 20px 0}

/* Footer */
#footer-container {float:left;width:800px;}
#footer-container P {float:left;width:800px;font-size:75%;line-height:18px;text-align:right}
#footer-image {float:left;width:800px;height:15px;background:url('images/footer.gif') no-repeat}

/* Bevel */
.bevel {float:left;width:540px;height:16px;background:url('images/content-bevel.gif') no-repeat;padding-bottom:20px}
.bevel2 {float:left;width:540px;height:16px;background:url('images/content-bevel.gif') no-repeat;}

/* Form */
.enquiry INPUT {border:1px #7db2ce solid;background-color:#1b476d;color:#FFFFFF;padding:2px}
.enquiry SELECT {border:1px #7db2ce solid;background-color:#1b476d;color:#FFFFFF;width:250px;padding:2px}
.enquiry TEXTAREA {border:1px #7db2ce solid;background-color:#1b476d;color:#FFFFFF;font-family:"Lucida Grande", Tahoma, Verdana, Sans-serif;font-size:85%;width:246px;padding:2px}
.enquiry SPAN {color:#7db2ce;font-size:85%;line-height:30px;}
.enquiry INPUT.button {background-color:#225b8b;color:#FFFFFF;border:1px #7db2ce solid;font-size:85%;width:70px;height:25px}

/* Content area - col2 - work*/
.work-container {float:left;width:540px;height:150px;background-color:#225b8b;padding:5px 5px 5px 5px}
.work-container-col1 {float:left;width:270px;height:150px;background-color:#225b8b}
.work-container-col1-inner {float:left;width:265px;height:150px;}
.work-container-col2 {float:left;width:270px;height:150px;}
.work-container-col2-header {float:left;width:268px;height:37px;background-color:#225b8b;border:1px #7db2ce solid}
.work-container-col2-inner {float:left;width:238px;height:80px;padding:10px 15px 0 15px}
.work-container-col2-inner-footer {float:left;width:240px;height:15px;padding:0 15px 0 15px}

/* discipline-bullets */
#work-disciplines-block-container {float:left;width:48px}
UL.work-disciplines-block {float:left;width:48px;position:relative;padding-top:5px}
UL.work-disciplines-block LI {height:10px;text-indent:-9999px;list-style-type:none;position:absolute;}
.brand-bullet {width:10px;background:URL('images/brand-bullet.gif') no-repeat}
.web-bullet {left:12px;width:10px;background:URL('images/web-bullet.gif') no-repeat}
.newmedia-bullet {left:24px;width:10px;background:URL('images/newmedia-bullet.gif') no-repeat}
.advertising-bullet {left:36px;width:10px;background:URL('images/advertising-bullet.gif') no-repeat}

.work-disciplines-container {float:left;width:60px;padding-top:5px}
.work-disciplines-brand {float:left;width:10px;height:10px;padding:2px;background:URL('images/brand-bullet.gif') no-repeat}
.work-disciplines-web {float:left;width:10px;height:10px;padding-right:4px;background:URL('images/web-bullet.gif') no-repeat}
.work-disciplines-newmedia {float:left;width:10px;height:10px;padding-right:4px;background:URL('images/newmedia-bullet.gif') no-repeat}
.work-disciplines-advertising {float:left;width:10px;height:10px;padding-right:2px;background:URL('images/advertising-bullet.gif') no-repeat}


/* portfolio */
#portfolio-image {float:left;width:540px;height:360px;background-color:#225b8b;padding:5px 5px 5px 5px;margin-top:10px}
#portfolio-image-inner {float:left;width:540px;height:360px;}

#portfolio-nav {float:left;width:540px;height:25px;background-color:#225b8b;padding:0 5px 0 5px}

#portfolio-nav-col1 {float:left;width:90px;height:20px;}
#portfolio-nav-col1-inner {padding:3px 0 0 5px;float:left;width:85px;font-size:80%;color:#7db2ce}

#portfolio-nav-col2 {float:left;height:20px;width:370px}
#portfolio-nav-col2-inner {padding:3px 0 0 0;font-size:80%;text-decoration:none;}
#portfolio-nav-col2-inner A {display:block;width:32px;height:14px;float:left;text-decoration:none;color:#FFFFFF;text-align:center;}
#portfolio-nav-col2-inner A:Hover {text-decoration:none;color:#7db2ce;}

#portfolio-nav-col3 {float:right;width:65px;height:20px;padding:5px 5px 0 0}
#work-disciplines-brand2 {float:right;width:10px;height:10px;background:URL('images/brand-bullet.gif') no-repeat;padding:0 0 0 4px}
#work-disciplines-web2 {float:right;width:10px;height:10px;background:URL('images/web-bullet.gif') no-repeat;padding:0 0 0 4px}
#work-disciplines-newmedia2 {float:right;width:10px;height:10px;background:URL('images/newmedia-bullet.gif') no-repeat;padding:0 0 0 4px}
#work-disciplines-advertising2 {float:right;width:10px;height:10px;background:URL('images/advertising-bullet.gif') no-repeat;padding:0 0 0 4px}