/* @override 
	http://molprofiles.co.uk/styles/regular.css
*/
/* 
Definition:	Screen CSS for Molecular Profiles
Author:			Wil Linssen [ http://www.wil-linssen.com/ ]
Revision:		00.00.00

----------------------------------
Table of contents
----------------------------------
	1.BODY
	2.GLOBALS ELEMENTS
	3.HEADINGS
	4.LINKS
	5.IMAGES & VIDEOS
	6.LAYOUT
	7.BRANDING/MASTHEAD
	8.NAVIGATION
	9.FORMS
	10.SITEINFO/FOOTER
	
	INDIVIDUAL PAGES
	--------------------------------
		11.HOME
		12.MEET THE TEAM
		13.PUBLICATIONS
		14.NEWS
		15.CONTACT US

----------------------------------
COLOURS
----------------------------------
  Dark green    #51B848
  Light Green   #A2EC50
  Tint          #cbedae
  Grey          #5F5F5F
  Light grey    #949699

*/

@import url(/styles/reset.css); /* RESET CSS */

/* 1 BODY
-------------------------------------------------------------------------------------------------------------------- */
body { color: #5F5F5F; font: normal 13px "Lucida Grande", Lucida, Verdana, sans-serif; }
/*body { background: url(/images/site/css/grid_970.png) repeat-y 30px 0; }*/

@font-face {
	font-family: 'DIN Light';
	src: url('DIN-Light.eot');
	src: local('DIN Light'), local('DIN-Light'), url('DIN-Light.woff') format('woff'), url('DIN-Light.otf') format('opentype'), url('DIN-Light.svg#DIN-Light') format('svg');
}

/* 2 GLOBALS ELEMENTS
-------------------------------------------------------------------------------------------------------------------- */
.hidden { display: none; }

ul.inline li { display: inline; }

div.content ul { font-size: 13px; margin: 0 0 10px 16px;  }
div.content ul li { list-style: disc outside url(/images/site/css/bullet_green.png); margin-bottom: 3px; }
div.content ul li ul { margin-bottom: 0; }
div.content ul li ul li { list-style: disc outside url(/images/site/css/bullet_dash_grey.png); }
div.content p,
div.col.trailers p { margin-bottom: 10px; }

div.col.c1.callout_box { background-color: #ecfbcc; padding: 5px 5px 0 5px; width: 222px; color: #717474; font-size: 14px; position: relative; margin: 0 0 20px 0; }
div.col.c1.callout_box.b_top { margin-top: -14px; padding-top: 8px; }
div.col.c1.callout_box p { margin-bottom: 5px; }

div.col.trailers { padding: 0; font-size: 12px; line-height: 16px; }
div.col.trailers div.col { color: #5F5F5F; padding: 10px 0 15px 0; }
div.col.trailers div.col { margin-right: 0; }

div.slides { height: 250px; }

/* 3 HEADINGS
-------------------------------------------------------------------------------------------------------------------- */
div.masthead h1 a { text-indent: -9999px; display: block; width: 209px; height: 64px; margin-top: 11px; background: url(/images/site/logos/molecular-profiles-logo.png) no-repeat; }

h2 { text-transform: uppercase; font: 30px 'DIN Light', 'Lucida Grande', Lucida, Verdana, sans-serif;; color: #51B848; line-height: 30px; margin-bottom: 10px;  }
h3,
h4 { font-weight: bold; margin-bottom: 10px; }

div.callout_box h3 { margin: -5px -5px 5px -5px; padding: 5px; color: #fff; background: url(/images/site/css/gradient_newsbox.jpg) repeat-y 50% 50%; border-bottom: 2px solid #fff; text-transform: uppercase; }
div.col.c1.callout_box.b_top h3 { border-top: 14px solid #fff; }
div.callout_box h4 { color: #4a4b4d; text-transform: uppercase; }
div.callout_box h4 a { text-decoration: none; }

div.trailers { color: #51B848; }
div.trailers div.col { clear: both; }
div.trailers h3 a { text-indent: -9999px; display: block; width: 232px; height: 49px; background: no-repeat 0 0; margin-bottom: 8px; overflow: hidden; line-height: 0px; font-size: 0px; }
div.trailers h3.analytics a { background-image: url(/images/site/logos/mpanalytics.png); }
div.trailers h3.consulting a { background-image: url(/images/site/logos/mpconsulting.png); }
div.trailers h3.biologics a { background-image: url(/images/site/logos/mpbiologics.png); }
div.trailers h3.formulations a { background-image: url(/images/site/logos/mpformulations.png); }
div.trailers h4 a { text-decoration: none; text-transform: uppercase;}

/* 4 LINKS
-------------------------------------------------------------------------------------------------------------------- */
a {	color: #4a4b4d; text-decoration: underline; font-weight: bold; }
a:hover { color: #4a4b4d; text-decoration: none; }

div.trailers img.read_more { margin-bottom: -3px; }

div#footer a { color: #949699; text-decoration: none; font-weight: normal; }
div#footer a:hover { text-decoration: underline; }

/* 5 IMAGES & VIDEO
-------------------------------------------------------------------------------------------------------------------- */

/* 6 LAYOUT
-------------------------------------------------------------------------------------------------------------------- */
div#wrapper { width: 970px; margin: 20px auto 0 auto; clear: both; }

div.col { float: left; margin: 0 14px 10px 0; padding-bottom: 10px; }
div.col.last { margin-right: 0; clear: right; }
div.col.c1 { width: 232px; }
div.col.c2 { width: 478px; }
div.col.c3 { width: 724px; }
div.col.c4 { width: 970px; margin-right: 0; }
div.col div.col { margin-bottom: 0; padding-bottom: 0; }

div.col.b_btm { background: url(/images/site/css/keyline_green.png) repeat-x 0 100%; }
div.col.b_btm.alt { background-image: url(/images/site/css/keyline_black.png); }
div.col.b_top { background: url(/images/site/css/keyline_green.png) repeat-x 0 0; margin-top: -14px; padding-top: 17px; }
div.col.b_top.alt { background-image: url(/images/site/css/keyline_black.png); }

div.col.title { padding:  60px 0 10px 246px; margin: 0 0 10px 0; }
div.col.title.under { padding: 0 0 0 246px; }
div.col.c4.title { width: 724px; }
div.col.c3.title { width: 480px; }

div.col.lead_in { padding-top: 201px; }

/* 7 BRANDING/MASTHEAD
-------------------------------------------------------------------------------------------------------------------- */
div.masthead.col { padding-bottom: 0; margin-bottom: 2px; }
div.masthead.col.c1 {  }

/* 8 NAVIGATION
-------------------------------------------------------------------------------------------------------------------- */
div#nav_primary { clear: left; }
div#nav_secondary { float: right; }

div.navigation { display: block; clear: both; position: relative; z-index: 80; }
div.navigation ul li { font-size: 15px; height: 20px; margin: 0 10px 0 -5px; float: left;	display: block; position: relative; text-transform: lowercase; z-index: 90; }
div#nav_secondary ul li { float: right; margin: 0 -5px 0 0; }
div#nav_secondary ul li a { color: #51B848; }
div.navigation ul li a { color: #555555; font-weight: normal;  text-decoration: none; padding: 5px; display: block; }
div.navigation ul li a:hover,
div.navigation ul li.sfHover a { color: #51B848; background-color: #ecfbcc; background-color: rgba(232,255,204,0.8); }
/* background-color: #ecfbcc; background-color: rgba(232,255,204); background-color: rgba(232,255,204,0.8); */
div.navigation ul li ul { position: absolute; top:-9999em; z-index: 99; background-color: #ecfbcc;background-color: rgba(232,255,204,0.8); white-space: nowrap; padding: 5px 5px 0 5px; }
div.navigation ul li ul li { clear: both; margin: 0 0 5px 0; }
div.navigation ul li ul li a,
div.navigation ul li.sfHover ul li a { color: #555555; padding: 0; background: none;  }
div.navigation ul li ul li a:hover { background: none; color: #51B848; }
div.navigation ul li:hover ul { top: 25px; }

ul.nav_bullet { font-size: 14px; margin: 0 0 0 16px; text-transform: lowercase; }
ul.nav_bullet.margined { margin-bottom: 10px; }
ul.nav_bullet li { list-style: disc outside url(/images/site/css/bullet_green.png); margin-bottom: 3px; clear: both; }
ul.nav_bullet li a { color: #949699; text-decoration: none; }
ul.nav_bullet li a:hover,
ul.nav_bullet li.here a { color: #4a4b4d; }

/* 9 FORMS
-------------------------------------------------------------------------------------------------------------------- */
fieldset.details label { text-transform: uppercase; font-weight: bold; }
fieldset.details input,
fieldset.details textarea { border: none; padding: 7px 5px; background-color: #ecfbcc; width: 222px; }
fieldset.details input[type="checkbox"] { width: auto; }

fieldset.action input { width: 232px; padding: 3px 5px; color: #fff; background: url(/images/site/css/gradient_newsbox.jpg) repeat-y 50% 50%; text-transform: uppercase; border: none; margin: 0 0 10px 0; font-size: 14px; text-align: left; font-weight: bold;}

/* 10 FOOTER
-------------------------------------------------------------------------------------------------------------------- */
div#footer { font-size: 12px; clear: both; color: #949699; }
div#footer div.col.b_top { padding-top: 50px; }
div#footer ul { margin-bottom: 10px; }
div#footer ul li { padding-right: 5px; margin-right: 5px; }

/* 11 HOME
-------------------------------------------------------------------------------------------------------------------- */
body#homepage div#news { position: relative; display: block; width: 222px; height: 212px;}

body#homepage div.col.c1.callout_box { height: 245px; margin: 0 0 -10px -10px; border-left: 10px solid #fff; }
body#homepage div.col.c1.callout_box div.entry { position: absolute; display: none; clear: both; top: 0px; left: 0px; }
body#homepage div.col.c1.callout_box div.entry.current { display: block; }

body#homepage div.col.trailers { margin-top: -10px; }

body#homepage div.col.c2 { font-size: 16px; line-height: 23px; padding-right: 50px; width: 428px;}

body#homepage div.col.c3.last.slides { height: 350px; margin-bottom: 10px; }

/* 12 MEET THE TEAM
-------------------------------------------------------------------------------------------------------------------- */
p.position { text-transform: uppercase; color: #51B848; margin: 0 0 10px 0;}

body.meet-the-team h3,
body.scientific-panel h3 { text-transform: uppercase; margin: 0 0 0 110px; }

body.meet-the-team div.trailers div.col.c1 { position: relative; padding-left: 55px; width: 177px; }
body.scientific-panel div.trailers div.col.c1 { position: relative; }

body.meet-the-team div.trailers div.col.c1 h4 { margin: 0; }
body.scientific-panel div.trailers div.col.c1 h4 { position: absolute; top: 10px; left: 65px; }

body.meet-the-team div.content img.photo,
body.scientific-panel div.content img.photo { position: relative; float: left; margin: -1em 10px 0 0; }
body.meet-the-team div.trailers img.photo { position: absolute; top: 10px; left: 0;  }
body.scientific-panel div.trailers img.photo { margin: 0 10px 0; }



/* @group 13 PUBLICATIONS
-------------------------------------------------------------------------------------------------------------------- */

body.publications div.content { height: 345px; overflow-y: scroll; }
div.col.c2.publication { padding: 0 0 0 20px; margin-bottom: 10px; width: 438px; clear: both; display: block; position: relative; border-bottom: 3px dotted #ecfbcc; }
div.col.c2.publication label { font-weight: bold; }

body.publications div.content input { display: none; }
body.publications a.fake_checkbox { display: block; width: 13px; height: 13px; background: url(/images/site/css/checkbox.png) no-repeat 0 0; position: absolute; top: 2px; left: 0px; text-decoration: none; overflow: hidden; }
body.publications a.fake_checkbox.checked { background-position: 0 -13px; }

/* @end */



/* 14 NEWS
-------------------------------------------------------------------------------------------------------------------- */
body.news div.callout_box div.entry { margin-bottom: 10px; }

body.news div.col.c2 div.entry { border-bottom: 1px dotted #949699; margin-bottom: 10px; }

/* 15 CONTACT US
-------------------------------------------------------------------------------------------------------------------- */
div#google_map { width: 474px; height: 300px; border: 2px solid #ecfbcc; }