@charset "utf-8";
/* CSS Document */

body {background-color:#5f5664; font-family: Arial, Helvetica, sans-serif; font-size:13px;}

/* ---------------------------------- STRUCTURE ------------------------------ */
#outer {margin:20px auto; width:960px; background-color:#FFFFFF;}
#header { height:70px; width:100%;}
#logoarea { float:left; display:inline; width:100%;}
#nav { float:left; display:inline; width:100%; height:49px; background-image:url(../images/nav_back_tile.gif); background-repeat:repeat-x;}
#content { float:left;  width:100%; padding-top:30px; overflow:auto; display:relative; overflow:hidden;
			border-bottom:1px solid #683922; background:#FFFFFF url(../images/arrow_right.gif) no-repeat; background-position:0px 28px;}
#col1, #col2, #col2-2line, #col3-2line,#col3,#col1nocol2 { float:left; display:inline; }
#col1 { width:420px; margin-left:54px; line-height:18px;}
.homePage #col1nocol2 { width:703px; margin-left:54px; line-height:18px;background:#FFFFFF url(../images/border-line.gif) no-repeat; background-position:right 74px;}
.insidePage #col1nocol2 { width:703px; margin-left:54px; line-height:18px;background:#FFFFFF no-repeat; background-position:right 74px;}
#col2, #col2-2line { width:275px; padding-top:48px; font-size:11px; line-height:17px; background:#FFFFFF url(../images/border-line.gif) no-repeat; background-position:right 47px; min-height:400px; }
.insidePage.contact #col1 { width: 360px; }
.insidePage.contact #col2 { width: 335px; }
#col2-2line {padding-top:72px; background-position:right 74px;}
#col3,#col3-2line { width:194px; padding-top:46px; font-size:10px; line-height:16px; }
#col3-2line {padding-top:73px;background-position:right 72px;}
#content-end {float:left; display:inline; width:100%; height:24px; padding:12px 0 4px 0;}
#footer { float:left; display:inline; width:100%; padding-top:12px; background-color:#5f5664;  margin-bottom:5px;}

/* ---------------------------------- TYPOGRAPY ------------------------------ */
h1 {font-size:1; font-weight:normal; float:left; margin-left:54px; margin-top:11px; width:50%;}
h2 {font-size:24px; font-weight:normal; line-height:24px; font-family:Georgia, "Times New Roman", Times, serif;}
h3 {font-size:14px; font-weight:normal; color:#3c2760; padding-right:30px; padding-bottom:10px; padding-top:10px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}
p { color:#555; padding-right:78px; margin-bottom:0.8em;}
a { text-decoration:underline;}
a:hover {color:#000;}
#footer a:hover { color:#FFFFFF;}

#col1 li, #col1nocol2 li {color:#555555; padding-bottom:8px; padding-right:30px; list-style:disc; list-style-position:outside; margin-left:14px; }
#footer { font-family:Arial, Helvetica, sans-serif; width: 949px; }
#footer p { font-size:10px; color:#DDDDDD; display: block; posiiton: relative; padding: 0px;}
#footer p.left { width: 554px; float: left; display: block; posiiton: relative; padding: 0px 0px 0px 5px; } 
#footer p.right { width: 385px;float: right; text-align: right; padding: 0px 5px 0px 0px; }
.homePage #footer p.left,
.homePage #footer p.right { padding-top: 12px!important; }
#footer p a { font-size:11px; font-weight:bold; color:#DDDDDD;}
.captions {font-family:Verdana, Geneva, sans-serif; font-size:10px;}
.captitle {text-transform:uppercase; margin-bottom:0; padding-bottom:0px;}
.captions a {font-size:10px; text-decoration:underline; color:#3c2760;}
#col3 p, #col3-2line p {padding-left:12px; font-size:13px;}
.smallertext {font-size:11px; padding-top:8px;}


.insidePage #footer { font-family:Arial, Helvetica, sans-serif;}
.insidePage #footer td { font-size:10px; color:#DDDDDD;}
.insidePage #footer td a{ font-size:11px; font-weight:bold; color:#DDDDDD;}
.insidePage .captions {font-family:Verdana, Geneva, sans-serif; font-size:10px;}
.insidePage .captitle {text-transform:uppercase; margin-bottom:0; padding-bottom:0px;}
.insidePage .captions a {font-size:10px; text-decoration:underline; color:#3c2760;}
.insidePage #col3 p, 
.insidePage #col3-2line p {padding-left:12px; font-size:13px;}
.insidePage .smallertext {font-size:11px; padding-top:8px;}

/* ---------------------------------- NAVIGATION ----------------------------- */
#nav ul { font-family:Arial, Helvetica, sans-serif; margin-top:20px; margin-left:44px; text-transform:uppercase; font-size:12px; line-height:13px;}
#nav ul li { display:inline; border-right:1px solid #306; padding:0;}
#nav ul li a{  padding:1px 10px 0 10px; margin:0 3px 0 0px; text-decoration:none;}
#nav ul li a:hover, 
.why #nav ul li.mnWhy a, 
.clientList #nav ul li.mnClients a, 
.issues #nav ul li.mnPublicAffairs a, 
.crisis #nav ul li.mnCrisis a, 
.media #nav ul li.mnMedia a, 
.research #nav ul li.mnResearch a, 
.branding #nav ul li.mnBranding a {background-color:#cdc7d6;}

/* ---------------------------------- ELEMENTS ------------------------------- */
#byline {float:right; display:inlne; width:181px; margin-right:20px; margin-top:24px;}
#content-end img {display:inline; text-align:right;}
#social {text-align:right; margin-right:77px;}

/* ---------------------------------- HOME ----------------------------------- */
.homePage {background-color:#6d616f;}
.homePage #outer {margin:20px auto; width:949px; background-color:transparent;}
.homePage #header { background-image:url(../images/home_top_back.jpg); height:12px;}
.homePage #content { background-image:url(../images/home_center_back.jpg); background-repeat:repeat-y; border-bottom:none; height:578px; padding-top:0; overflow:hidden;}
.homePage #footer { background-image:url(../images/home_bottom_back.jpg);  background-repeat:no-repeat; background-color:transparent; margin-bottom:10px;}
.homePage #col1 { width:690px; margin:0; padding:0; position:absolute; border-left:1px solid red;}
.homePage  div#col2 {width:250px; height:578px; background-color:transparent; background-image:url(../images/home_sidebar_back2.jpg); background-position:bottom left; background-repeat:no-repeat; margin:0 0 0 683px; padding:0; padding:0px; position:absolute;}
			
/* ---------------------------------- HOME PAGE SIDEBAR --------------------- */
.homePage #player {   margin-left:19px; width:231px; height:164px; margin:10px 0px 10px 19px;}
.homePage #col2 #preview-anim p { display:block;text-align:center; padding:146px 0 0 0;}
.homePage #headlines { color:#FFFFFF; margin-left:30px; margin-top:8px;}
.homePage #headlines .blog-title { font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; margin-left:0px; margin-top:18px;}
.homePage #headlines .post-title { font-size:11px; margin-top:12px; padding-bottom:0; margin-bottom:5px; text-transform:uppercase; }
.homePage #headlines p{font-size:11px; margin-top:0; margin-bottom:2px; padding-top:0; line-height:14px;}
.homePage .readmore { text-align:right; margin-right:15px;}
.homePage #headlines a {color:#EDF; }
.homePage #headlines a:hover {color:#EDF; text-decoration:underline; }
.homePage #col2 p {padding:0; padding-right:20px; color:#FFFFFF;}
.homePage #asian-business	{ margin:22px 0px 10px 17px; border-top:2px solid #3a285c; border-bottom:2px solid #3a285c;}

.homePage #asian-business p	{ font-size:9px; color:#FFF; line-height:13px; margin: 3px 0;  padding: 7px 5px 7px 15px; background-color:#3a285c;}
.homePage #asian-business p span	{ font-size:12px; font-weight:bold; display:block; font-family:Georgia, "Times New Roman", Times, serif; }
.homePage #asian-business a	{color:#EDF;}

#home-endorsements { position: relative; top: 220px; width: 225px; height: 296px; background-color: #ffffff; margin-left: 15px; background:url(../images/slides/endorsement-bg.png) no-repeat; }
.homePage ul#quotations {margin:0 15px 0 15px; padding-top:25px;}
.homePage ul#quotations li {margin:0; padding:0; font-size:12px; color:#333; line-height:20px;}

/* ----------------------------------- HOME PAGE CENTER --------------------- */
.homePage #home-splash {float:left; display:inline; position:absolute;margin-left:5px; margin-top:199px;}
.homePage .buttons {float:left; display:inline; position:absolute; }
#nav-issues {margin-left:546px; top:156px;}
#nav-crisis {margin-left:567px; top:219px;}
/*#nav-research {margin-left: 546px; top: 360px;}  */
#nav-media {margin-left:567px; top:296px;}
/* #nav-branding {margin-left:505px; top:414px; } */
#nav-branding {margin-left: 546px; top: 360px;}
#nav-clients {margin-left:505px; top:414px; }
#nav-why {margin-left:505px; top:102px;}
#roll-crisis, /* #roll-research, */ #roll-media, #roll-branding, #roll-clients, #roll-business, #roll-why, #roll-issues  {float:left; display:none; position:absolute; left:3px; top:1px;}
.homePage #social {float:left; margin:0; 
margin-bottom:0;
margin-right:0;
margin-top:557px;
padding:0 0 0 590px;
position:absolute;}
.homePage #social img {display:inline;}
.homePage #footer table {margin-top:10px;}
#feed {height:324px; width:235px; overflow:hidden; float:left; display:inline; margin-top:0px;}
a.btn { font-weight:bold; }
#readmore {float:left; display:inline; position:absolute; width:74px; height:26px; text-align:center;}
#readmore a {color:#3E265D; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}
#readmore a:hover {color:#660022;}
#nav-issues, 
#nav-crisis, 
/* #nav-research, */
#nav-media, 
#nav-branding,
#nav-clients, 
#nav-business, 
#nav-why {
overflow:hidden;
height:44px;
}
#nav-issues a:hover img, 
#nav-crisis a:hover img, 
/* #nav-research a:hover img, */
#nav-media a:hover img, 
#nav-branding a:hover img,
#nav-clients a:hover img, 
#nav-business a:hover img, 
#nav-why a:hover img { margin-top:-44px; }


img.gallery {cursor:pointer; border:1px solid #DDD; display:inline;margin:0 15px 10px 0; }
img.gallery:hover {border:1px solid #666666;}
label {width:80px; color:#333;}
input { left:150px;display:inline;}
.accent { background-color:#FFF;}
ul#quotations {margin:0 40px 0 20px; padding-top:0;}
ul#quotations li {margin:0; padding:0; font-size:12px; color:#333; line-height:20px;}
#checkboxes td { vertical-align:top; padding-bottom:3px; padding-top:2px;}
#checkboxes label, #checkboxes input {padding:0; margin-0; line-height:14px; }
#checkboxes label { font-size:11px; vertical-align:bottom; display:block; width:232px; color:#333; }
#checkboxes table label {width:30px;} 
#checkboxes input {line-height:0px;vertical-align:top; margin:0; padding:0; }
.rowElem { margin-bottom:3px;}
.rowElem label {width:70px; float:left; color:#333;}
#submit { border:1px solid #DDD; background-color:#F3F3F3; margin:5px 0 0 70px; padding:1px 20px 1px 20px; font-size:11px; text-transform:uppercase}
input, textarea {font-size:11px; padding:1px 5px; font-family:Arial, Helvetica, sans-serif; }
textarea {padding-right:0; height 50px}
#comment { width:198px;border:1px solid #DDD;}
.hdrsection {font-weight:bold; margin-top:12px;}
#name, #address, #company, #jobtitle, #email, #website, #phone {width:165px;border:1px solid #DDD;}
#othertable {margin-top:4px;}
.boxout { border-bottom:1px solid #CCC; border-top:1px solid #CCC; padding:10px 0; margin-right:15px; font-size:11px;}
.boxout li {margin-left:10px; list-style-type:square; padding-bottom:5px;}
.boxout li a {color:#3c2760; font-weight:bold;}
.bigger2col p {font-size:12px;}
label.error {display:inline; width:200px; color:#900; border:1px solid #F00; background-color:#FEE; position:absolute; margin-top:-1px; padding:0 5px;}

/* ---------------------------------- OVERLAY ------------------------------- */
.simple_overlay {width:700px; height:480px; float:left;}
.simple_overlay #ov-header {width:100%; }
.simple_overlay #ov-header img {margin:18px 0 20px 24px;}
.simple_overlay #ov-photo {width:350px; height:350px; float:left; display:inline; margin-left:24px;border:2px solid #EEEEEE;}
.simple_overlay #ov-info {width:320px; height:380px; float:left; display:inline;}
.simple_overlay #ov-info h3, .simple_overlay #ov-info h4, .simple_overlay #ov-info p { line-height:17px; padding:0 25px 0 15px;}
.simple_overlay #ov-info h3 {font-size:18px; margin-bottom:8px; padding-right:16px; line-height:20px;font-family:Georgia, "Times New Roman", Times, serif;}
.simple_overlay #ov-info h4 {font-size:12px; color:#7c3a20; padding-top:0; padding-bottom:7px; padding-right:16px;}
.simple_overlay #ov-info p { font-size:11px;}
.simple_overlay  { z-index:10000; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; background-color:#FFF; background-image:url(../images/overlay-tile.jpg); 
					background-repeat: repeat-x; background-position: bottom left;}
.simple_overlay .close { 
    background-image:url(../js/images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
	border:0;
	z-index:20000;
}
.simple_overlay #bio-ov-header {}
.simple_overlay #bio-ov-header img {margin:18px 0 20px 24px;}
.simple_overlay #bio-ov-photo {width:250px; height:360px; float:left; display:inline; margin-left:24px;}
.simple_overlay #bio-ov-photo img {border:2px solid #EEEEEE;}
.simple_overlay #bio-ov-info {width:420px; height:390px; float:left; display:inline; overflow:auto;}
.simple_overlay #bio-ov-photo h3, .simple_overlay #bio-ov-photo h4 { line-height:17px; padding:0; margin-bottom:0;}
.simple_overlay #bio-ov-info p { line-height:17px; padding:0 25px 0 25px;}
.simple_overlay #bio-ov-photo h3 {font-size:16px; margin-bottom:0px; padding-right:16px; line-height:20px; font-family:Georgia, "Times New Roman", Times, serif; }
.simple_overlay #bio-ov-photo h4 {font-size:14px; color:#7c3a20; padding-top:0; padding-bottom:6px; font-family:Georgia, "Times New Roman", Times, serif; padding-right:16px; display:inline;}
.simple_overlay #bio-ov-photo p {font-size:12px; color:#666; font-family:Georgia, "Times New Roman", Times, serif; line-height:17px; margin-top:3px; }
.simple_overlay #bio-ov-photo p a{text-decoration:none; color:#666;}
.simple_overlay #bio-ov-info p { font-size:12px;}

img, div, a, input {
	behavior: url(css/iepngfix.htc);
	font-size: 100%;
} /* --- fix IE6 PNG issues ---*/

.pp_content_container { z-index:1;}
.pp_content_container .pp_details { margin-top:6px!IMPORTANT;}
.pp_nav p, #ov-info p {padding-right:0;}
.pp_nav {margin-top:-24px;}
#proj1, #proj2, #proj3, #proj4, #proj5, #proj6, #proj7, #proj8, #bio1,#bio2,#bio3,#bio4,#bio5,#bio6 {display:none;}
div.pp_details, div.pp_fade, div.pp_content, div.facebook .pp_bottom .pp_middle, div.facebook .pp_top .pp_middle, div.facebook .pp_content_container .pp_right,
div.facebook .pp_content_container .pp_left, .pp_content_container {width:700px!IMPORTANT;}
div.pp_pic_holder {width:740px!IMPORTANT;}


#footer a img {display:inline; position:relative;}
p.gallery  {padding-right:0;}
.gallery img{cursor:pointer; border:1px solid #DDD; display:inline;margin:0 15px 10px 0; }
.gallery a:hover img{border:1px solid #666666;}
label {width:80px; color:#333;}
input { left:150px;display:inline;}
.accent { background-color:#FFF;}
ul#quotations {margin:0 30px 0 20px; padding-top:0;}
ul#quotations li {margin:0; padding:0; font-size:12px; color:#333; line-height:20px;}
#checkboxes td { vertical-align:top; padding-bottom:3px; padding-top:2px;}
#checkboxes label, #checkboxes input {padding:0; margin-0; line-height:14px; }
#checkboxes label { font-size:11px; vertical-align:bottom; display:block; width:292px; color:#333; }
#checkboxes table label {width:30px;} 
#checkboxes input {line-height:0px;vertical-align:top; margin:0; padding:0; }
.rowElem { margin-bottom:3px;}
.rowElem label {width:70px; float:left; color:#333;}
#submit { border:1px solid #DDD; background-color:#F3F3F3; margin:5px 0 0 70px; padding:1px 20px 1px 20px; font-size:11px; text-transform:uppercase}
input, textarea {font-size:11px; padding:1px 5px; font-family:Arial, Helvetica, sans-serif; }
textarea {padding-right:0; height 50px}
#comment { width:258px;border:1px solid #DDD;}
.hdrsection {font-weight:bold; margin-top:12px;}
#name, #address, #company, #jobtitle, #email, #website, #phone {width:225px;border:1px solid #DDD;}
#othertable {margin-top:4px;}
.boxout { border-bottom:1px solid #CCC; border-top:1px solid #CCC; padding:10px 0; margin-right:15px; font-size:11px;}
.boxout li {margin-left:10px; list-style-type:square; padding-bottom:5px;}
.boxout li a {color:#3c2760; font-weight:bold;}
.bigger2col p {font-size:12px;}
label.error {display:inline; width:200px; color:#900; border:1px solid #F00; background-color:#FEE; position:absolute; margin-top:-1px; padding:0 5px;}
.gallery img {display:inline; border:1px solid #DDDDDD; margin:0 10px 10px 0;}
.gallery a:hover img { border:1px solid #666666;}

table.logothumbs td {
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}
table.logothumbs td.norborder {
    border-right: 0 none;
}