/* BEGIN CSS RESET */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;  padding: 0;  border: 0;  font-weight: inherit;  font-style: inherit;  font-size: 100%;
  font-family: inherit;  vertical-align: baseline}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; }
/* END OF RESET */

/* background: 3e5165 */
body {background:#3e5165;	font: 62.5% Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;}
#wrapper {width:960px;height:634px;margin: 10px auto 0 auto;background:url(../images/background.jpg) top center no-repeat;position:relative}
#content {	position:absolute;	left: 69px;	top: 13px;	width: 804px;	height: 605px;	}
#content h1 {	color:#fff;	font-size:20px;	position:absolute;	left: 447px;	top: 78px;}

a.logo {text-indent:-9999px;width:189px;height:139px;position:absolute;	display:block;left: 59px;top: 22px;background:url(../images/logo.png) center center no-repeat;}
a {color:#444}
a:hover {color:#222}

#mainContent {background: url(../images/stripes.png) top left repeat #fff;width:710px;height:310px;position:absolute;left: 57px;top: 237px;}

ul#nav {display:block;width:100%;height:30px;position:absolute;top:-30px;left:0px;}
ul#nav li {list-style-type:none;float:left;}
ul#nav li a {display:block;width:100px;height:30px;margin-right:15px;font-size:18px;line-height:1.7;text-align:center;color:#fff;text-decoration:none;font-family:"Century Schoolbook", Georgia, "Times New Roman", Times, serif}
ul#nav li a:hover {color:#ddd;background-color:rgba(255,255,255,0.4);border:0px solid rgba(255,255,255,0.4);}

ul#nav li.selected a{background-color:rgba(255,255,255,0.4);border:0px solid rgba(255,255,255,0.4);}



#innerContent {padding:25px;position:absolute;left:0px;min-width:600px}
h2{font-size:20px;font-weight:normal;padding-bottom:15px;}
h2.contact{font-size:20px;font-weight:normal;padding-bottom:5px;margin-bottom:20px;border-bottom:1px solid #000;}
#innerContent p {font-size:14px;line-height:1.3;padding-bottom:10px;width:330px;}

ul#services {list-style-type:none;height:34px;width:534px;margin:0 auto;position:absolute;bottom:0px;left:90px;}
ul#services li {float:left;}
ul#services li a {display:block;text-indent:-999px;height:34px}

ul#services li.marketing a, ul#services li.design a, ul#services li.pr a, ul#services li.newmedia a, ul#services li.events a {background:url(../images/services/services-master.png); background-position:center center; background-repeat:no-repeat; height:37px;}

ul#services li.marketing a {width:115px;background-position:0 -3px}
ul#services li.design a {width:91px;background-position:-115px -3px}
ul#services li.pr a {width:79px;background-position:-206px -3px}
ul#services li.newmedia a {width:135px;background-position:-285px -3px}
ul#services li.events a {width:114px;background-position:-420px -3px}

ul#services li.marketing a:hover {background-position:0 -37px}
ul#services li.design a:hover {background-position:-115px -37px}
ul#services li.pr a:hover {background-position:-206px -37px}
ul#services li.newmedia a:hover {background-position:-285px -37px}
ul#services li.events a:hover {background-position:-420px -37px}

p.services-text{font-size:13px;width:710px;text-align:center;position:absolute;bottom:12px;}

div.birthday-flash {width:109px;height:109px;background:url(../images/birthday-flash.gif) top left no-repeat;position:absolute;left: 323px;top: 134px;}
div.birthday-flash a{display:block;text-indent:-9999px;width:109px;height:109px;}

div.brief-flash {width:107px;height:107px;background:url(../images/brief-flash.gif) top left no-repeat;	position:absolute;	left: 295px;top: 151px;}
div.brief-flash a{display:block;text-indent:-9999px;width:101px;height:101px;}

a.back-link {display:block;background: url(../images/back-link.png) top left no-repeat;text-indent:-9999px;height:32px;width:48px;margin-top:20px;}

#shuffle {width:280px;height:280px;position:absolute;right:0px;padding: 0; margin:  0 0px 0 0;   background:url(../images/paper/bg.png) transparent; background-position:5px 10px;background-repeat:no-repeat;} 
#shuffle div { padding: 00px; border:  0px solid #ccc;  background-color: transparent;  width:  190px; height: 255px; margin-left:10px;margin-top:18px;}
#shuffle div a{padding:0;}

#shuffle img {display:block;}

#contact-map {width:280px;height:280px;position:absolute;right:0px;top:15px;padding: 0; margin:  0 0px 0 0;z-index:100;} 
#contact-map img {display:block;}


#footer {width:804px;position:absolute;bottom:-45px;left:70px;color:#fff;font-size:18px;font-weight:normal;font-weight:100;}
#footer p {margin-bottom:5px;}
#footer p span {font-size:11px;}
#footer p span.footer-a {float:left;}
#footer p span.footer-b {float:right;}


#menu-marketing {width:120px;position:absolute;left:15px;}
#menu-design {width:120px;position:absolute;left:145px;}
#menu-pr {width:120px;position:absolute;left:280px;}
#menu-newmedia {width:120px;position:absolute;left:420px;}
#menu-events {width:145px;position:absolute;left:555px;}

div.menu {width:145px;}
div.items {background: url(../images/marker-pen.png) bottom center no-repeat;padding-bottom:20px;}

div.menu ul li {list-style-type:none;text-align:center;font-size:12px;line-height:1.5;font-family:Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif}
div.menu ul li a {text-decoration:none;}
div.menu ul li a:hover {text-decoration:underline;color:#333;}

div.toggle {cursor:hand;cursor:pointer}


#menu-marketing div.toggle h3, #menu-design div.toggle h3, #menu-pr div.toggle h3, #menu-newmedia div.toggle h3, #menu-events div.toggle h3 {background:url(../images/services/services-master.png);background-position: center center; background-repeat: no-repeat; height:30px;text-indent:-9999px;}

#menu-marketing div.toggle h3 {width:115px;background-position:0 -3px}
#menu-design div.toggle h3 {width:91px;background-position:-100px -3px}
#menu-pr div.toggle h3 {width:79px;background-position:-190px -3px}
#menu-newmedia div.toggle h3 {width:135px;background-position:-295px -3px}
#menu-events div.toggle h3 {width:114px;background-position:-405px -3px}

#menu-marketing div.toggle h3:hover {width:115px;background-position:0 -37px}
#menu-design div.toggle h3:hover {width:91px;background-position:-100px -37px}
#menu-pr div.toggle h3:hover {width:79px;background-position:-190px -37px}
#menu-newmedia div.toggle h3:hover {width:135px;background-position:-295px -37px}
#menu-events div.toggle h3:hover {width:114px;background-position:-405px -37px}


ol#sitemap { background: url(../images/sitemap.png) top left no-repeat; width:640px;height:240px; list-style-type:none;position:relative;}
ol#sitemap li {list-style-type:none;font-size:16px;text-align:center}
ol#sitemap ol li {font-size:12px;}
ol#sitemap a {text-decoration:none;}
ol#sitemap a:hover {text-decoration:underline;}

ol#sitemap li.homepage {position:absolute;	left:286px;	top: 16px;}
ol#sitemap li.homepage a {display:block;padding-top:30px;}
ol#sitemap li.services {position:absolute;	left:51px;	top: 96px;}
ol#sitemap li.clients {position:absolute;	left:181px;	top: 96px;}
ol#sitemap li.history {position:absolute;	left:285px;	top: 96px;}
ol#sitemap li.contact {position:absolute;	left:432px;top: 96px;}
ol#sitemap li.sitemap {position:absolute;	left:555px;	top: 96px;}
ol#sitemap li.sitemap a {display:block;padding-bottom:30px;}
ol#sitemap li.services-marketing {position:absolute;	left:-33px;	top: 112px;}
ol#sitemap li.services-design {position:absolute;left:43px;	top: 112px;}
ol#sitemap li.services-pr {	position:absolute;	left:106px;	top: 112px;}
ol#sitemap li.services-newmedia {position:absolute;	left:148px;	top: 112px;width:64px;}
ol#sitemap li.services-events {	position:absolute;	left:229px;	top: 112px;}
ol#sitemap li.clients-examples {position:absolute;	left:1px;	top: 34px;}
ol#sitemap li.history-overview {position:absolute;	left:14px;	top: 34px;}
ol#sitemap li.contact-map {	position:absolute;	left:-24px;	top:34px;	width: 111px;}





/* - - - - - - - - - - - INTERNET EXPLORER 6 hacks below - - - - - - - - - - - */

div.ie6 ul#nav li a:hover, div.ie7 ul#nav li a:hover, div.ie8 ul#nav li a:hover {background-color:rgb(255,255,255); opacity:0.4;filter: alpha(opacity = 40);zoom:1}

div.ie6 a.logo {background:url(../images/logo.gif) center center no-repeat;}

div.ie6 ul#services li.marketing a, div.ie6 ul#services li.design a, div.ie6 ul#services li.pr a, div.ie6 ul#services li.newmedia a, div.ie6 ul#services li.events a {background-image:url(../images/services/services-master.gif);}

div.ie6 #menu-marketing div.toggle h3, div.ie6 #menu-design div.toggle h3, div.ie6 #menu-pr div.toggle h3, div.ie6 #menu-newmedia div.toggle h3, div.ie6 #menu-events div.toggle h3 {background-image:url(../images/services/services-master.gif);}



div.ie6 #shuffle {background-image: url(../images/paper/bg.gif);} 
div.ie6 a.back-link {background-image: url(../images/back-link.gif);}
div.ie6 div.items {background-image: url(../images/marker-pen.gif);}

div.ie6 ol#sitemap { background: url(../images/sitemap.gif) top left no-repeat;}