/* Main styles */
body { margin: 0 auto; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #595959; line-height: 14px;}
span { display: none; }
p { padding: 0; margin: 0; }
img { border: none; }
ul { margin: 0 auto; padding: 0; list-style: none; display: inline; }
li { display: inline; float: left;}
li.address { display: inline; float: left; border-top: dotted 1px #ccc; padding: 6px 0;}
a { color: #595959; text-decoration: none;}
a:hover { color: #7fbfe9; text-decoration: underline;}
h1 { font-size: 11px; text-transform: uppercase; font-weight: normal; padding: 0; margin: 0;}
h2 { font-size: 11px; margin: 6px 0 2px 0; }
h3 { text-align: center;}
sup { font-size: 10px; }
hr { color: #fff; }

/* Navigation */
#nav { width: 420px; margin: 0 auto; padding: 0; }
a#sec {  display: block; background: url(images/logo.gif) 0 0 no-repeat; width: 194px; height: 99px; margin: 0 auto;  }

a#about { display: block; background: url(images/about.gif) 0 0 no-repeat; width: 61px; height: 26px; }
a:hover#about { background: url(images/about.gif) 0 -26px no-repeat; }
a#about_on {  display: block; background: url(images/about.gif) 0 -52px no-repeat; width: 61px; height: 26px; }

a#services { display: block; background: url(images/services.gif) 0 0 no-repeat; width: 77px; height: 26px; }
a:hover#services { background: url(images/services.gif) 0 -26px no-repeat; }
a#services_on { display: block; background: url(images/services.gif) 0 -52px no-repeat; width: 77px; height: 26px; }

a#portfolio {  display: block; background: url(images/portfolio.gif) 0 0 no-repeat; width: 90px; height: 26px;}
a:hover#portfolio { background: url(images/portfolio.gif) 0 -26px no-repeat; }
a#portfolio_on { display: block; background: url(images/portfolio.gif) 0 -52px no-repeat; width: 90px; height: 26px; }

a#media { display: block; background: url(images/press.gif) 0 0 no-repeat; width: 53px; height: 26px;}
a:hover#media { background: url(images/press.gif) 0 -26px no-repeat; }
a#media_on { display: block; background: url(images/press.gif) 0 -52px no-repeat; width: 53px; height: 26px;}

a#video { display: block; background: url(images/video.gif) 0 0 no-repeat; width: 58px; height: 26px;}
a:hover#video { background: url(images/video.gif) 0 -26px no-repeat; }
a#video_on { display: block; background: url(images/video.gif) 0 -52px no-repeat; width: 58px; height: 26px; }

a#blog { display: block; background: url(images/blog.gif) 0 0 no-repeat; width: 58px; height: 26px;}
a:hover#blog { background: url(images/blog.gif) 0 -26px no-repeat; }


a#contact { display: block; background: url(images/contact.gif) 0 0 no-repeat; width: 79px; height: 26px;}
a:hover#contact { background: url(images/contact.gif) 0 -26px no-repeat; }
a#contact_on { display: block; background: url(images/contact.gif) 0 -52px no-repeat; width: 79px; height: 26px; }

/* Main Content */
#content { width: 454px; padding: 0;  margin: 0 auto; background: url(images/background.jpg) 0 -8px no-repeat; height:440px;  clear: both; }
#content_movie { width: 454px; padding: 0;  margin: 0 auto; background: url(images/backgroundhome.jpg) 0 -8px no-repeat; height:440px;  clear: both; }

#movie { margin: 0; padding: 16px 0 0 5px;}

/* Contact */
#content_con { width: 454px; margin: 0 auto; background: url(images/background_contact.jpg) 0 -8px no-repeat; height:440px; clear: both; }

a#email_do {  display: block; background: url(images/donatella.gif) 0 0 no-repeat; width: 184px; height: 15px;}
a:hover#email_do {  background: url(images/donatella.gif) 0 -15px no-repeat; }
a#email_ga {  display: block; background: url(images/gabriel.gif) 0 0 no-repeat; width: 184px; height: 15px;}
a:hover#email_ga {  background: url(images/gabriel.gif) 0 -15px no-repeat; }
a#email_mo {  display: block; background: url(images/molly.gif) 0 0 no-repeat; width: 184px; height: 15px;}
a:hover#email_mo {  background: url(images/molly.gif) 0 -15px no-repeat; }
a#email_ci {  display: block; background: url(images/cindia.gif) 0 0 no-repeat; width: 184px; height: 15px;}
a:hover#email_ci {  background: url(images/cindia.gif) 0 -15px no-repeat; }
a#email_ma {  display: block; background: url(images/mark.gif) 0 0 no-repeat; width: 184px; height: 15px;}
a:hover#email_ma {  background: url(images/mark.gif) 0 -15px no-repeat; }

/* Services */
#content_ser {  width: 454px; margin: 0 auto; background: url(images/background_services.jpg)  0 -8px no-repeat; height:440px; clear: both;  }
#content_ser table { margin: 0 37px; position: relative; top: 30px; left: 0px; }
#infocenter { width: 200px;  height: 190px;  }
#infocenter img { margin: 0 14px 0 13px; _margin: 1px 13px 0 14px; }
#research, #identity, #camera, #annual, #tagline, #event, #writing, #branding, #social, #website, #public, #human, #reputation { display: none;}
#one_a { position: relative; top: 0; left: 0; }
#one_b { position: relative; top: 0; left: 7px; }
#one_c { position: relative; top: 0; left: 13px; }
#one_d { position: relative; top: 0; left: 17px;}
#two_a { position: relative; top: 0; left: 0; }
#two_d { position: relative; top: 0; left: 0;}
#thr_a { position: relative; top: 10px; left: 0; }
#thr_d { position: relative; top: 10px; left: 0;}
#fou_a { position: relative; top: 0; left: 0; }
#fou_b { position: relative; top: 0; left: 7px; }
#fou_c { position: relative; top: 0; left: 13px; }
#fou_d { position: relative; top: 0; left: 17px;}
.down { padding-top: 10px; }


/* Forward */
#add { float: left; text-align: right;  width: 600px;  position: relative; top: 40px; left: -180px;}
#forward { float: left; text-align: left; }
#forward input, textarea { font-family: verdana; font-size: 11px; border: 1px solid #666; padding: 3px 6px 0 6px; width: 300px;}
.copy { font-size: 10px; }
#forward #sending { width: 51px; height: 20px; border: none; }

/* 10/10/10 */
#content_10 { width: 454px; margin: 0 auto; background: url(images/background_about.jpg) 0 -8px no-repeat; height:440px;  clear:both;}
#ten { width: 390px; padding-top: 10px; margin: 0 auto; text-align: center; line-height: 15px;}

/* About */
#content_abo { width: 454px; margin: 0 auto; background: url(images/background_about.jpg) 0 -8px no-repeat; height:440px;  clear:both;}
#abo { width: 360px; padding-top: 65px; margin: 0 auto; text-align: center; line-height: 15px;}
.push { text-indent: 15px; }
.sup { position: relative; top: 2px; padding-left: 2px; margin-top: 6px;font-size: 9px; }
#content_tha { width: 454px; margin: 0 auto; background: url(images/background_forward.jpg) 0 -8px no-repeat; height:440px;  clear:both;}
#thanks {  width: 310px; padding: 145px 0 0 70px; }
#thanks h3 {  font-size: 12px; }
#thanks a {  color: #7fbfe9; }

/* Media */
#content_med {width: 454px; height:440px; margin: 0 auto; background: url(images/background_media.jpg) 0 -8px no-repeat;  clear: both;text-align: center; }
#med { padding: 37px 0 0; margin: 0; }

#b1 { position: relative; top: 6px; left: -3px;}
#d1 { position: relative; top: 6px; left: 100px;}
#a2 { position: relative; top: 14px; left: -100px;}
#c2 { position: relative; top: 14px; left: 3px;}
#b3 { position: relative; top: 6px; left: -3px;}
#d3 { position: relative; top: 6px; left: 100px;}
#a4 { position: relative; top: 14px; left: -100px; }
#c4 { position: relative; top: 14px; left: 3px;}

/* Portfolio */
#content_por {width: 620px; height: 440px; margin: 0 auto; background: url(images/background.jpg) 50% -8px no-repeat;  clear: both; }
#info { border: 3px solid #eee; font-style: italic; text-align: center; width: 220px; padding: 20px 10px; background: #fff;  margin: 0;}
#detail { float: left; position: absolute; top: 270px; margin-left: -100px; } 
#subnav { float: right; width: 630px; padding: 0; margin-left: -10px; margin-top: 25px;}
.graphic { margin-left: 5px; width: 390px; }
#subnav li { display: inline; float: left;   }
.moveit { margin: 30px 15px;width: 86px;}
a#previous { display: block; background: url(images/left.gif) 0 0 no-repeat; width: 86px; height: 27px; margin: 0 auto; }
a:hover#previous { background: url(images/left.gif) 0 -27px no-repeat; }
a#next { display: block; background: url(images/right.gif) 0 0 no-repeat; width: 55px; height: 27px; margin: 0 auto; }
a:hover#next { background: url(images/right.gif) 0 -27px no-repeat; }



/* Video */
#clip	{ margin: 0 auto; padding-left:2px; }

/* Footer */
#footer { margin: 0 auto; width:547px; height: 32px; clear: both; padding: 5px 0 0 20px; background: url(images/branding.gif) 60px 5px no-repeat; font-size: 11px; }

a#home { display: block; background: url(images/home.gif) 0 0 no-repeat; width: 56px; height: 32px;}
a:hover#home { background: url(images/home.gif) 0 -32px no-repeat; }

#box {border-top: 1px dotted #ccc; margin: 0 auto; text-align: center; }
#blip {font-size: 11px; color: #949594; text-align: center;  padding: 10px 130px; position: relative; top: 0; }

.icon {  position: relative; top: 8px;  }
.link { color: #6aa0c3; }
.left { float: left; padding-right: 90px;}
.moving { padding-left: 70px; }