@charset "UTF-8";
/* CSS Document for SmithStreetSolutions developed by Joyce Tan at www.joycetan.net*/

/* CSS Reset
-------------------------------------------------------------- */

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p, address, th ,td {
margin: 0; padding:0;}
ol, ul {list-style-type:none;}
table {border-collapse:collapse;border-spacing:0;}
td, th {vertical-align:top;}

/* Color Palette
-------------------------------------------------------------- 

sunflower yellow #dcb20c;
bright sss blue #081967
medium bright blue #3a5293
dark blue #225074

medium light blue (footer blue) #587aa6
light blue #91b7d9
beige #f2f1dc
dark beige #d9d3b4
dark grey #404040

*/

/* Typography
-------------------------------------------------------------- */
body { 
font: 62.5%/1.5 "Trebuchet MS", helvetica, sans-serif; 
color: #1e1e1e; text-align:left;
}

#leftcontent, #maincontent, #seccontent {font-size:1.3em;}
#rightcontent, #sidebar {font-size:1.2em;}
#footer {font-size:1.2em;}


h1 {font-size:2em}  /* displayed at 24px */
h2 {font-size:1.4em; }  /* displayed at 18px */
h3 {font-size:1.2em}  
h4 {font-size:1em;}  /* displayed at 12px */
h5 {font-size:1em;}

LI LI, LI P, TD P, BLOCKQUOTE P {font-size:1em}

h1,h2 { 
color: #081967; 
}

h3, h4 {
color:#587aa6;}

h4 {
text-transform:uppercase;
margin-top:20px;
}

h5 {
font-style:italic;
color: #666666;
margin-top:15px;
margin-left:30px;}

h2 {
border-bottom: 3px solid #d2d3d4;
margin-bottom: 16px;
padding-top:10px;
padding-bottom:2px;
}

p { 
margin: 0 0 1.5em; }

em {
color: #225074;
}

a {
text-decoration: none;}

a:link {
color: #3a5293; 
}

a:visited {
color: #225074;
}

a:hover, a:active {
color: #587aa6;}



/* Header, Navigation, Footer
-------------------------------------------------------------- */
body {
text-align:center;
min-width:900px;
background-color: #f2f1dc;
}

#wrapper {
width:900px;
margin: 0px auto;
text-align:left;
position:relative;
background: url("images/tile.jpg") repeat-y bottom left;
}

#logo a{
text-indent:-5000em;
background: url("images/logo_sss.jpg") no-repeat top left;
width:137px; height:105px;
display:block;
margin-left:13px;
}

#logo a:hover {
cursor:pointer;}

.index #logo a:hover {
cursor:default;}

#tagline {
text-indent:-5000em;
background: url("images/tagline.jpg") no-repeat top left;
width:340px; height:78px;
display:block;
position: absolute;
top:0px; right:57px;}

#topbar {
background: url("images/greybar.jpg") no-repeat bottom left;
height:15px;
width:900px;
margin:0; padding:0;}

#language {
	color:#fff;
	float: right;
	margin: 0px 61px 0px 0px;
	display:inline;
}

#language a {
font-size:10px;
color:#fff;
text-decoration:none;
padding: 0px 5px;
}

#language a:link, #language a:visited {
color:#fff;
}

#language a:hover, #language a:active {
color:#dcb20c;
}

#breadcrumb {
float:left;
margin: 0 0 0 34px;
padding: 1px 0 0 0;}

#breadcrumb, #breadcrumb a {
color: #ddd;
font-size: 9px;
}
#breadcrumb a:hover {
color:#dcb20c;
}

.breadcrumb strong {
color:#fff;
}

#nav ul, #nav li {
	height:38px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
	display: block;
	float: left;
	width:auto;}

#nav a {
	background-repeat: no-repeat;
	display: block;
	height: 38px;
	text-indent:-1000em;
	padding:0; margin:0;
}

#nav a:hover {
	background-position: 0 -38px;
}

a#nav_index {
	background-image: url("images/jp_nav_home.jpg");
	width:103px;
	}
a#nav_about {
	background-image: url("images/jp_nav_about.jpg");
	width:87px;
	}
a#nav_services {
	background-image: url("images/jp_nav_services.jpg");
	width:110px;
	}
a#nav_knowledge {
	background-image: url("images/jp_nav_knowledge.jpg");
	width:142px;
	}
	
a#nav_careers {
	background-image: url("images/jp_nav_careers.jpg");
	width:79px;
	}
a#nav_contact {
	background-image: url("images/jp_nav_contact.jpg");
	width:379px;
	}

.index a#nav_index, .about a#nav_about, .services a#nav_services, .knowledge a#nav_knowledge, .careers a#nav_careers,  .contact a#nav_contact  {
 background-position: 0 -76px;
 }


/* Branding Image for each page
-------------------------------------------------------------- */

object#flashcontent {
width:874px; 
height:171px; 
margin:0px 0px 0px 13px;
padding: 0px;
display:block;}

object#flashcontent img {
margin:0;
padding:0;
}

#mastheadimg {
margin-left:13px;
border: 0px;}

/* PHOTO IMAGES
-------------------------------------------------------------- */
/* HOMEPAGE - Partner logos images*/
.index img {
margin: 10px 20px 0px 0px;
border:0px;}

/* ABOUT - Management Profile photos*/
.about #maincontent img {
float: left;
background-color: #fff;
border:1px solid #a9a9a9;
padding:4px;
margin: 0px 10px 60px 0px;
clear: both;}


/* ABOUT - Selected team member photos*/
#seccontent #team img {
background-color: #fff;
border:1px solid #a9a9a9;
padding:4px;
margin: 0px 10px 5px 0px;
}

/* PARTNERS - Partner logo images*/

.partners #maincontent img {
margin: 0px 20px 20px 0px;
border:0px;}


/* Homepage Layout
-------------------------------------------------------------- */
#leftcontent {
margin: 70px 10px 50px 47px;
padding-bottom:20px;
width: 530px;
border-right: 1px solid #ddd;}

#leftcontent h2 {
width: 500px;
}

#leftcontent p {
padding-right: 30px;
}

.index #industry {
padding-top:50px;
}

#maincontent {
margin: 50px 10px 50px 47px;
padding-bottom:20px;
width: 600px;
border-right: 1px solid #ddd;
}

#rightcontent {
position:absolute;
top: 399px;
left: 610px;
width: 240px;
}

/*#rightcontent .newicon{
background: url("images/icon_new.jpg") no-repeat center right;
}

#rightcontent .newicon a {
width:240px;}*/


#rightcontent ul, #rightcontent li {
width:240px;}

#rightcontent li a{
background: url("images/bullet_squares.gif") no-repeat top left;
display:block;
line-height:1.1;
padding-left: 20px;
}

#rightcontent li a:hover {
background-position: -240px 0px;
}

#rightcontent .newicon a {
background: url("images/bullet_new.gif") no-repeat top left;
padding-right:20px;}

#rightcontent li, #newstable td {
padding: 12px 0px;
}

#rightcontent li a:link {
color: #3a5293;
}

#rightcontent li a:visited {
color:#225074;
}

#rightcontent li a:hover, #rightcontent li a:active {
color: #587aa6;
}

/*#newstable td.date {width:65px;}

#newstable td a {
background: url("images/bullet_sq.gif") no-repeat top left;
display:block;
padding-left: 20px;
}

#newstable td a:hover {
background-position: -65px 0px;
}

.clear {
clear:both;
}

span {
margin-right: 10px;
}
*/
.more {
margin-top:0px;
margin-bottom:40px;}


.more a{
background: url("images/bullet_triangle.gif") no-repeat top right;
width:44px; height:12px;
display:block;
line-height:0.9;
float: right;
color: #3a5293;}

.more a:hover {
background-position: 0px -12px;
color:#587aa6;}



/* Subpage Layout
-------------------------------------------------------------- */
#maincontent {
margin: 50px 10px 50px 47px;
padding-bottom:20px;
width: 585px;
border-right: 1px solid #ddd;}

#maincontent h2 {
width: 570px;
}

#maincontent p {
padding-right: 30px;
}

#sidebar {
position:absolute;
top: 344px;
left: 650px;
width: 240px;
}

/* Contact Info Sidebar
-------------------------------------------------------------- */

.contactbox {
background-color:#587aa6;
width:200px;
}

.contactbox h1 {
padding: 2px 8px;
font-size:14px;
color:#f2f1dc;	}

.contactinfo {
background-color: #fff;
border: 2px solid #91b7d9;
padding:8px;}

.contactinfo p {
font-size: 12px;
color: #587aa6;}

/* Secondary Navigation
-------------------------------------------------------------- */ 

.navsec {
width:214px;
border:3px solid #d2d3d4;}

.navsec h1 {
color:#404040;
font-size:12px;	
background-color:#d2d3d4;
padding: 8px;}

.navsec h2 {
border-bottom:0px;
margin:0px;
padding:0px;}

.navsec h2 a {
background: url("images/navsec.gif") no-repeat top left;
width:214px; height:27px;
line-height:27px;
display:block;
text-indent: 36px;
font-size:11px;
color: #f2f1dc;
}

.navsec h2 a:hover {
background-position: -214px 0px;
color:#dcb20c;}

.navsec ul {
	list-style: none;
	background-color:#404040;
	padding: 20px 0px 20px 36px;
	background-color:#fff;}

.navsec li a {
	color:#587aa6;
	font-size:11px;}


.navsec li a:hover {
	color:#225074;
	text-decoration:underline;
}

.navsec .currentmark:hover {
background-position: 0px 0px;
color:#404040;
text-decoration:none;}

.navsec .currentmark {
color:#404040;}


/* About
-------------------------------------------------------------- */

.about #seccontent p {
width: 380px;
float: left;
margin-right:20px;
}

#seccontent {
margin-left: 47px;
margin-bottom:80px;
clear: both;
width: 800px;
}

#management td{
padding: 0px 0px 20px 0px;
}

#seccontent #team {
width: 800px;
}

#seccontent #team td {
padding: 20px 15px 25px 0px;
vertical-align:top;
}

#seccontent #team p {
width: 230px;
}

#seccontent #team tr {
border-bottom: 1px solid #ccc;
}
/* Partners
-------------------------------------------------------------- */

.partners #maincontent li {
background: url("images/bullet_grey.gif") no-repeat 0px 7px;
margin: 10px 0px;
padding-left: 16px;
/*text-indent: 16px;*/
width:100%;
}

.divider {
width: 570px;
height:1px;
margin:40px 0 20px 0;
border-bottom:1px solid #ccc;
}

/* Services 
-------------------------------------------------------------- */

.services #table_services {
width: 800px;
}

#table_services th {
height:37px;
border: 2px solid #fff;}

#th_research a{
background-image:url(images/jp_but_research.jpg);
}

#th_investment a {
background-image:url(images/jp_but_invest.jpg);
}

#th_sourcing a{
background-image:url(images/jp_but_sourcing.jpg);
}

#th_production a {
background-image:url(images/jp_but_production.jpg);
}

#table_services th a {
text-indent:-5000em;
display:block;
width: 198px;
height:37px;
background-repeat:none;}

#table_services th a:hover {
background-position: -198px 0px;
}

#table_services td {
background-color: #f2f1dc;
border: 2px solid #fff;
width: 198px;
}

#table_services ul{
margin-left: 10px;
}

#table_services li {
width: 170px;
background: url("images/bullet_grey.gif") no-repeat 0px 7px;
margin: 14px 0px;
padding-left: 16px;
/*text-indent: 16px;*/
}

/*#table_services li a{
background: url("images/bullet_listsquare.gif") no-repeat 0px 1px;
display:block;
width: 155px;
padding-left: 15px; }

#table_services li a:hover {
background-position: -170px 0px;
}
*/
.soundbite p {
font: 1.3em Cambria, Georgia, "Times New Roman", Times, serif;
color:#587aa6;
padding: 15px 15px 15px 30px; 
background: url("images/close_quotes.gif") no-repeat right bottom;
}

.soundbite{
background: url("images/open_quotes.gif") no-repeat left top;
width: 200px;
position:absolute;
top: 60px;
left: 0px;}


/* Testimonials
-------------------------------------------------------------- */
#clients p {
font: 1.2em Cambria, Georgia, "Times New Roman", Times, serif;
color:#587aa6;
padding: 15px 5px 15px 30px; 
background: url("images/close_quotes.gif") no-repeat right bottom;
width: 530px;
clear: both;}

#clients {
background: url("images/open_quotes.gif") no-repeat left top;
margin-top:40px;}

.testimonials h3{
text-transform:uppercase;
font-size:1.1em;
color:#91b7d9;
margin-left:400px;}

.testimonials h3 em {
font-size: 0.8em;
text-transform:capitalize;
color:#91b7d9;}

/* Knowledge Center
-------------------------------------------------------------- */

.majorlist {
margin-left: 20px;
}

.majorlist li a {
background: url("images/bullet_lrg.gif") no-repeat top left;
display:block;
text-indent: 25px;
width:550px;
font-size: 1.2em;
margin-bottom:20px;
color:#3a5293;
}

.majorlist li a:hover {
background-position: -550px 0px;
color:#587aa6;}

#maincontent .list, .sourcing #maincontent ul{
margin-left: 30px;
width:500px;
margin-bottom:20px;}


#maincontent .list li, .sourcing #maincontent ul li{
background: url("images/bullet_grey.gif") no-repeat 0px 7px;
margin: 0px 0px;
padding-left: 16px;
/*text-indent: 16px;*/
width:100%;
}


.knowledge ul {
margin-bottom:10px;
}

.minor li a{
font-size:1em;
}

.knowledge #news td {
padding: 12px 0px;
}

.knowledge #news  td.date {padding-right:10px;}

#sidebar img {
margin-top:40px;
}

#maincontent {
min-height:190px;
}

.services #maincontent {
min-height:0;
}

.understanding h4 {
margin:0px 0px 20px 0px ;
padding:0px;
}

.understanding #sidebar .moretopics{
font-size:12px;}

.newsdate {
margin-right: 20px;
}


.space {
color:#ebebeb;

}

.understanding li {
width: 520px;}

.understanding li a {
background: url("images/bullet_squarelong.gif") no-repeat top left;
display:block;
line-height:1.1;
width:100%;
font-size: 1em;
margin-bottom:20px;
color:#3a5293;
padding-left:30px;}

.understanding li a:hover {
background-position: -550px 0px;
color:#587aa6;}

.archivelinks {
padding-left:20px;
}

.archivelinks a {
text-decoration:underline;
}

/* Careers
-------------------------------------------------------------- */

.careers a {
text-decoration:underline;
}

.careers li a {
text-decoration:none;
}

/* Contact
-------------------------------------------------------------- */
.contact #maincontent img {
margin-bottom:30px;
}

/* Register and application
-------------------------------------------------------------- */

form td {
vertical-align:top;
padding: 5px 2px;}

.asterisk {
color:red;
}

.register form p {
margin-top:20px;
}

.apply #maincontent {
width: 780px;
border:none;}

.apply .uploadphoto {
position: absolute;
top: 530px;
left: 500px;
}

.apply #maincontent h2 {
width:740px;
}

.apply textarea {
width:740px;
}

.apply h2 {
margin-top:25px;
}

.apply h3 {
margin-top:15px;}
/* Research
-------------------------------------------------------------- */

ul.buttons {
	height:38px;
	list-style: none;
	margin: 30px 0px;
	padding: 0;
}

ul.buttons li {
	display: block;
	float: left;
	width:auto;}


.research #but_gen {
background-image:url(images/but_general.gif);
}

.research #but_pharma{
background-image:url(images/but_pharma.gif);
}

.research #but_entry {
background-image:url(images/but_entry.gif);
}

#but_doc {
background-image:url(images/but_doc.gif);
}

#but_translation {
background-image:url(images/but_translation.gif);
}

#but_data {
background-image:url(images/but_data.gif);
}

.buttons a {
text-indent:-5000em;
display:block;
width: 177px;
height:180px;
background-repeat:none;}

.buttons a:hover {
background-position: 0px -180px;
}


/* Topics and news
-------------------------------------------------------------- */
.topics a, .news a {
color: #587aa6;
}

.topics a:hover, .news a:hover {
color: #91b7d9;
}

.topicslist a {
background: url("images/bullet_square.gif") no-repeat top left;
height:11px;
display:block;
line-height:0.9;
text-indent: 25px;
width:100%;
font-size: 1.1em;
margin-bottom:20px;
color:#3a5293;}

.topicslist a:hover {
background-position: 0px -11px;
color:#587aa6;}

.download {
	font-size:11px;
	background: url("images/icon_download.gif") no-repeat 0 0;
	display: block;
	height: 19px;
	padding-left:28px;
	margin: 15px 40px 15px 0px;
}

.download:hover {
	background-position: 0 -19px;
}

.topics h3, .news h3 {
font-size: 1em;
margin:10px 0px 0px 0px;}

.topics h4, .news h4 {
font-size:0.8em;
text-transform:uppercase;
margin:0px 0px 10px 0px;}

#sidebar .moretopics {
background: url("images/bullet_square.gif") no-repeat top left;
height:11px;
display:block;
line-height:0.9;
text-indent: 25px;
width:100%;
font-size: 1.1em;
margin-bottom:20px;
color:#3a5293;}

#sidebar .moretopics:hover {
background-position: 0px -11px;
color:#587aa6;}

.topics .list {
margin: 10px 0px;}

.topics table {
width: 500px;
margin-bottom:20px;}

.topics th {
background-color:#587aa6;
}

.topics td, .topics th {
padding: 3px 8px 3px 15px;
}

.topics td {
background-color:#f2f1dc;
border-bottom:2px solid #fff;}


.news h1 {
font-size: 1.2em;
}
/* Footer
-------------------------------------------------------------- */
#footer {
background: url("images/footer.jpg") no-repeat bottom left;
height:41px; width: 900px;
clear: both;}

#footer p {
color:#fff;
margin-left: 48px;
padding-top:15px;}


#footer a {
text-decoration:none;
padding: 0px 15px;}


#footer a:link, #footer a:visited {
color:#f2f1dc;
}

#footer a:hover, #footer a:active {
color:#dcb20c;
text-decoration:underline;}


#footer a.currentlink, #footer a.currentlink:hover {
color: #000000;
cursor: default;
text-decoration:none;}

#footercopyright {
background: url("images/footer_tile.jpg") repeat-y bottom left;
height:70px; width: 900px;
}

#footercopyright p {
font-size:1.1em;
float: right;
margin-right: 30px;
margin-top:20px;
color:#f2f1dc;
text-align:right;}

#footercopyright a:link, #footercopyright a:visited {
color:#f2f1dc;
text-decoration:underline;}

#footercopyright a:hover, #footercopyright a:active {
color:#dcb20c;
text-decoration:underline;}


/* SITEMAP
-------------------------------------------------------------- */
.sitemap h3{
font-size: 1.1em;
padding:14px 0 0 0;}

.sitemap h3 a:link {
color:#404040;
}

.sitemap h3 a:visited {
color:#333333;
}

.sitemap h3 a:hover, .sitemap h3 a:active {
color:#91b7d9;
}

.sitemap h4 {
font-size: 1em;
text-transform:capitalize;
padding: 10px 0 0 20px;
margin:0;
}

.sitemap .list li {
font-size: 1em;
text-transform:capitalize;
}

.sitemap .list {
margin:0;
padding:0;
}